@charset "UTF-8";

        .mdc-line-ripple {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
-webkit-transform: scaleX(0);
transform: scaleX(0);
transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);
transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);
opacity: 0;
z-index: 2;
}
.mdc-line-ripple--active {
-webkit-transform: scaleX(1);
transform: scaleX(1);
opacity: 1;
}
.mdc-line-ripple--deactivating {
opacity: 0;
}
@-webkit-keyframes mdc-ripple-fg-radius-in {
from {
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
}
to {
-webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
}
@keyframes mdc-ripple-fg-radius-in {
from {
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
}
to {
-webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
}
@-webkit-keyframes mdc-ripple-fg-opacity-in {
from {
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
opacity: 0;
}
to {
opacity: var(--mdc-ripple-fg-opacity, 0);
}
}
@keyframes mdc-ripple-fg-opacity-in {
from {
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
opacity: 0;
}
to {
opacity: var(--mdc-ripple-fg-opacity, 0);
}
}
@-webkit-keyframes mdc-ripple-fg-opacity-out {
from {
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
opacity: var(--mdc-ripple-fg-opacity, 0);
}
to {
opacity: 0;
}
}
@keyframes mdc-ripple-fg-opacity-out {
from {
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
opacity: var(--mdc-ripple-fg-opacity, 0);
}
to {
opacity: 0;
}
}
.mdc-ripple-surface--test-edge-var-bug {
--mdc-ripple-surface-test-edge-var: 1px solid #000;
visibility: hidden;
}
.mdc-ripple-surface--test-edge-var-bug::before {
border: var(--mdc-ripple-surface-test-edge-var);
}     .mdc-form-field {
font-family: Roboto, sans-serif;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 400;
letter-spacing: 0.0178571429em;
text-decoration: inherit;
text-transform: inherit;
color: rgba(0, 0, 0, 0.87); color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
display: inline-flex;
align-items: center;
vertical-align: middle;
}
.mdc-form-field > label {
order: 0;
margin-right: auto;
padding-left: 4px;
}
[dir=rtl] .mdc-form-field > label,
.mdc-form-field[dir=rtl] > label {
margin-left: auto;
padding-right: 4px;
}
.mdc-form-field--align-end > label {
order: -1;
margin-left: auto;
padding-right: 4px;
}
[dir=rtl] .mdc-form-field--align-end > label,
.mdc-form-field--align-end[dir=rtl] > label {
margin-right: auto;
padding-left: 4px;
}
.mdc-text-field-helper-text {
font-family: Roboto, sans-serif;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-size: 0.75rem;
line-height: 1.25rem;
font-weight: 400;
letter-spacing: 0.0333333333em;
text-decoration: inherit;
text-transform: inherit;
margin: 0;
transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
opacity: 0;
will-change: opacity;
}
.mdc-text-field + .mdc-text-field-helper-text {
margin-bottom: 8px;
}
.mdc-text-field-helper-text--persistent {
transition: none;
opacity: 1;
will-change: initial;
}
.mdc-text-field--with-leading-icon .mdc-text-field__icon,
.mdc-text-field--with-trailing-icon .mdc-text-field__icon {
position: absolute;
bottom: 16px;
cursor: pointer;
}
.mdc-text-field__icon:not([tabindex]),
.mdc-text-field__icon[tabindex="-1"] {
cursor: default;
pointer-events: none;
}
@-webkit-keyframes mdc-checkbox-unchecked-checked-checkmark-path {
0%, 50% {
stroke-dashoffset: 29.7833385;
}
50% {
-webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
100% {
stroke-dashoffset: 0;
}
}
@keyframes mdc-checkbox-unchecked-checked-checkmark-path {
0%, 50% {
stroke-dashoffset: 29.7833385;
}
50% {
-webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
100% {
stroke-dashoffset: 0;
}
}
@-webkit-keyframes mdc-checkbox-unchecked-indeterminate-mixedmark {
0%, 68.2% {
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
68.2% {
-webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1);
animation-timing-function: cubic-bezier(0, 0, 0, 1);
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@keyframes mdc-checkbox-unchecked-indeterminate-mixedmark {
0%, 68.2% {
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
68.2% {
-webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1);
animation-timing-function: cubic-bezier(0, 0, 0, 1);
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
@-webkit-keyframes mdc-checkbox-checked-unchecked-checkmark-path {
from {
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
opacity: 1;
stroke-dashoffset: 0;
}
to {
opacity: 0;
stroke-dashoffset: -29.7833385;
}
}
@keyframes mdc-checkbox-checked-unchecked-checkmark-path {
from {
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
opacity: 1;
stroke-dashoffset: 0;
}
to {
opacity: 0;
stroke-dashoffset: -29.7833385;
}
}
@-webkit-keyframes mdc-checkbox-checked-indeterminate-checkmark {
from {
-webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
opacity: 1;
}
to {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
}
}
@keyframes mdc-checkbox-checked-indeterminate-checkmark {
from {
-webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
opacity: 1;
}
to {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
}
}
@-webkit-keyframes mdc-checkbox-indeterminate-checked-checkmark {
from {
-webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
opacity: 1;
}
}
@keyframes mdc-checkbox-indeterminate-checked-checkmark {
from {
-webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 0;
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
opacity: 1;
}
}
@-webkit-keyframes mdc-checkbox-checked-indeterminate-mixedmark {
from {
-webkit-animation-timing-function: mdc-animation-deceleration-curve-timing-function;
animation-timing-function: mdc-animation-deceleration-curve-timing-function;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0;
}
to {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
opacity: 1;
}
}
@keyframes mdc-checkbox-checked-indeterminate-mixedmark {
from {
-webkit-animation-timing-function: mdc-animation-deceleration-curve-timing-function;
animation-timing-function: mdc-animation-deceleration-curve-timing-function;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 0;
}
to {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
opacity: 1;
}
}
@-webkit-keyframes mdc-checkbox-indeterminate-checked-mixedmark {
from {
-webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
opacity: 1;
}
to {
-webkit-transform: rotate(315deg);
transform: rotate(315deg);
opacity: 0;
}
}
@keyframes mdc-checkbox-indeterminate-checked-mixedmark {
from {
-webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
opacity: 1;
}
to {
-webkit-transform: rotate(315deg);
transform: rotate(315deg);
opacity: 0;
}
}
@-webkit-keyframes mdc-checkbox-indeterminate-unchecked-mixedmark {
0% {
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-transform: scaleX(1);
transform: scaleX(1);
opacity: 1;
}
32.8%, 100% {
-webkit-transform: scaleX(0);
transform: scaleX(0);
opacity: 0;
}
}
@keyframes mdc-checkbox-indeterminate-unchecked-mixedmark {
0% {
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-transform: scaleX(1);
transform: scaleX(1);
opacity: 1;
}
32.8%, 100% {
-webkit-transform: scaleX(0);
transform: scaleX(0);
opacity: 0;
}
}
.mdc-checkbox {
display: inline-block;
position: relative;
flex: 0 0 18px;
box-sizing: content-box;
width: 18px;
height: 18px;
padding: 11px;
line-height: 0;
white-space: nowrap;
cursor: pointer;
vertical-align: bottom;
--mdc-ripple-fg-size: 0;
--mdc-ripple-left: 0;
--mdc-ripple-top: 0;
--mdc-ripple-fg-scale: 1;
--mdc-ripple-fg-translate-end: 0;
--mdc-ripple-fg-translate-start: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
will-change: transform, opacity;
}
.mdc-checkbox::before,
.mdc-checkbox::after {
position: absolute;
border-radius: 50%;
opacity: 0;
pointer-events: none;
content: "";
}
.mdc-checkbox::before {
transition: opacity 15ms linear;
z-index: 1;
}
.mdc-checkbox.mdc-ripple-upgraded::before {
-webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
transform: scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-checkbox.mdc-ripple-upgraded::after {
top: 0; left: 0;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: center center;
transform-origin: center center;
}
.mdc-checkbox.mdc-ripple-upgraded--unbounded::after {
top: var(--mdc-ripple-top, 0); left: var(--mdc-ripple-left, 0);
}
.mdc-checkbox.mdc-ripple-upgraded--foreground-activation::after {
-webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
}
.mdc-checkbox.mdc-ripple-upgraded--foreground-deactivation::after {
-webkit-animation: 150ms mdc-ripple-fg-opacity-out;
animation: 150ms mdc-ripple-fg-opacity-out;
-webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-checkbox::before,
.mdc-checkbox::after {
background-color: #018786;
}
@supports not (-ms-ime-align: auto) {
.mdc-checkbox::before,
.mdc-checkbox::after { background-color: var(--mdc-theme-secondary, #018786);
}
}
.mdc-checkbox:hover::before {
opacity: 0.04;
}
.mdc-checkbox:not(.mdc-ripple-upgraded):focus::before,
.mdc-checkbox.mdc-ripple-upgraded--background-focused::before {
transition-duration: 75ms;
opacity: 0.12;
}
.mdc-checkbox:not(.mdc-ripple-upgraded)::after {
transition: opacity 150ms linear;
}
.mdc-checkbox:not(.mdc-ripple-upgraded):active::after {
transition-duration: 75ms;
opacity: 0.16;
}
.mdc-checkbox.mdc-ripple-upgraded {
--mdc-ripple-fg-opacity: 0.16;
}
.mdc-checkbox::before,
.mdc-checkbox::after {
top: calc(50% - 50%); left: calc(50% - 50%);
width: 100%;
height: 100%;
}
.mdc-checkbox.mdc-ripple-upgraded::before,
.mdc-checkbox.mdc-ripple-upgraded::after {
top: var(--mdc-ripple-top, calc(50% - 50%)); left: var(--mdc-ripple-left, calc(50% - 50%));
width: var(--mdc-ripple-fg-size, 100%);
height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-checkbox.mdc-ripple-upgraded::after {
width: var(--mdc-ripple-fg-size, 100%);
height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-checkbox__checkmark {
color: #fff;
}
.mdc-checkbox__mixedmark {
border-color: #fff;
}
.mdc-checkbox__background::before {
background-color: #018786;
}
@supports not (-ms-ime-align: auto) {
.mdc-checkbox__background::before { background-color: var(--mdc-theme-secondary, #018786);
}
}
.mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
border-color: rgba(0, 0, 0, 0.54);
background-color: transparent;
}
.mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
.mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {
border-color: #018786; border-color: var(--mdc-theme-secondary, #018786);
background-color: #018786; background-color: var(--mdc-theme-secondary, #018786);
}
@-webkit-keyframes mdc-checkbox-fade-in-background-0 {
0% {
border-color: rgba(0, 0, 0, 0.54);
background-color: transparent;
}
50% {
border-color: #018786; border-color: var(--mdc-theme-secondary, #018786);
background-color: #018786; background-color: var(--mdc-theme-secondary, #018786);
}
}
@keyframes mdc-checkbox-fade-in-background-0 {
0% {
border-color: rgba(0, 0, 0, 0.54);
background-color: transparent;
}
50% {
border-color: #018786; border-color: var(--mdc-theme-secondary, #018786);
background-color: #018786; background-color: var(--mdc-theme-secondary, #018786);
}
}
@-webkit-keyframes mdc-checkbox-fade-out-background-0 {
0%, 80% {
border-color: #018786; border-color: var(--mdc-theme-secondary, #018786);
background-color: #018786; background-color: var(--mdc-theme-secondary, #018786);
}
100% {
border-color: rgba(0, 0, 0, 0.54);
background-color: transparent;
}
}
@keyframes mdc-checkbox-fade-out-background-0 {
0%, 80% {
border-color: #018786; border-color: var(--mdc-theme-secondary, #018786);
background-color: #018786; background-color: var(--mdc-theme-secondary, #018786);
}
100% {
border-color: rgba(0, 0, 0, 0.54);
background-color: transparent;
}
}
.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background,
.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
-webkit-animation-name: mdc-checkbox-fade-in-background-0;
animation-name: mdc-checkbox-fade-in-background-0;
}
.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background,
.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
-webkit-animation-name: mdc-checkbox-fade-out-background-0;
animation-name: mdc-checkbox-fade-out-background-0;
}
.mdc-checkbox__native-control:disabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
border-color: rgba(0, 0, 0, 0.26);
}
.mdc-checkbox__native-control:disabled:checked ~ .mdc-checkbox__background,
.mdc-checkbox__native-control:disabled:indeterminate ~ .mdc-checkbox__background {
border-color: transparent;
background-color: rgba(0, 0, 0, 0.26);
}
@media screen and (-ms-high-contrast: active) {
.mdc-checkbox__mixedmark {
margin: 0 1px;
}
}
.mdc-checkbox--disabled {
cursor: default;
pointer-events: none;
}
.mdc-checkbox__background { left: 11px; right: initial;
display: inline-flex;
position: absolute;
top: 11px;
bottom: 0;
align-items: center;
justify-content: center;
box-sizing: border-box;
width: 45%;
height: 45%;
transition: background-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
border: 2px solid currentColor;
border-radius: 2px;
background-color: transparent;
pointer-events: none;
will-change: background-color, border-color;
}
.mdc-checkbox[dir=rtl] .mdc-checkbox__background,
[dir=rtl] .mdc-checkbox .mdc-checkbox__background { left: initial; right: 11px;
}
.mdc-checkbox__checkmark {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
transition: opacity 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
opacity: 0;
}
.mdc-checkbox--upgraded .mdc-checkbox__checkmark {
opacity: 1;
}
.mdc-checkbox__checkmark-path {
transition: stroke-dashoffset 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
stroke: currentColor;
stroke-width: 3.12px;
stroke-dashoffset: 29.7833385;
stroke-dasharray: 29.7833385;
}
.mdc-checkbox__mixedmark {
width: 100%;
height: 0;
-webkit-transform: scaleX(0) rotate(0deg);
transform: scaleX(0) rotate(0deg);
transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
border-width: 1px;
border-style: solid;
opacity: 0;
}
.mdc-checkbox--upgraded .mdc-checkbox__background,
.mdc-checkbox--upgraded .mdc-checkbox__checkmark,
.mdc-checkbox--upgraded .mdc-checkbox__checkmark-path,
.mdc-checkbox--upgraded .mdc-checkbox__mixedmark {
transition: none !important;
}
.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background,
.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__background,
.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background,
.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__background {
-webkit-animation-duration: 180ms;
animation-duration: 180ms;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path {
-webkit-animation: 180ms linear 0s mdc-checkbox-unchecked-checked-checkmark-path;
animation: 180ms linear 0s mdc-checkbox-unchecked-checked-checkmark-path;
transition: none;
}
.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__mixedmark {
-webkit-animation: 90ms linear 0s mdc-checkbox-unchecked-indeterminate-mixedmark;
animation: 90ms linear 0s mdc-checkbox-unchecked-indeterminate-mixedmark;
transition: none;
}
.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path {
-webkit-animation: 90ms linear 0s mdc-checkbox-checked-unchecked-checkmark-path;
animation: 90ms linear 0s mdc-checkbox-checked-unchecked-checkmark-path;
transition: none;
}
.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__checkmark {
-webkit-animation: 90ms linear 0s mdc-checkbox-checked-indeterminate-checkmark;
animation: 90ms linear 0s mdc-checkbox-checked-indeterminate-checkmark;
transition: none;
}
.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__mixedmark {
-webkit-animation: 90ms linear 0s mdc-checkbox-checked-indeterminate-mixedmark;
animation: 90ms linear 0s mdc-checkbox-checked-indeterminate-mixedmark;
transition: none;
}
.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__checkmark {
-webkit-animation: 500ms linear 0s mdc-checkbox-indeterminate-checked-checkmark;
animation: 500ms linear 0s mdc-checkbox-indeterminate-checked-checkmark;
transition: none;
}
.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__mixedmark {
-webkit-animation: 500ms linear 0s mdc-checkbox-indeterminate-checked-mixedmark;
animation: 500ms linear 0s mdc-checkbox-indeterminate-checked-mixedmark;
transition: none;
}
.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark {
-webkit-animation: 300ms linear 0s mdc-checkbox-indeterminate-unchecked-mixedmark;
animation: 300ms linear 0s mdc-checkbox-indeterminate-unchecked-mixedmark;
transition: none;
}
.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background,
.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background {
transition: border-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1);
}
.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path,
.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path {
stroke-dashoffset: 0;
}
.mdc-checkbox__background::before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0, 0);
transform: scale(0, 0);
transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
border-radius: 50%;
opacity: 0;
pointer-events: none;
content: "";
will-change: opacity, transform;
}
.mdc-ripple-upgraded--unbounded .mdc-checkbox__background::before {
content: none;
}
.mdc-checkbox__native-control:focus ~ .mdc-checkbox__background::before {
-webkit-transform: scale(2.75, 2.75);
transform: scale(2.75, 2.75);
transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1);
transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1);
transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1);
opacity: 0.26;
}
.mdc-checkbox__native-control {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
opacity: 0;
cursor: inherit;
}
.mdc-checkbox__native-control:disabled {
cursor: default;
pointer-events: none;
}
.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
opacity: 1;
}
.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {
-webkit-transform: scaleX(1) rotate(-45deg);
transform: scaleX(1) rotate(-45deg);
}
.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
opacity: 0;
}
.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {
-webkit-transform: scaleX(1) rotate(0deg);
transform: scaleX(1) rotate(0deg);
opacity: 1;
}
.color1 {
color: #228ae6;
}
.color2 {
color: #fa5252;
}
.color3 {
color: #82c91e;
}
.color4 {
color: #fab005;
}
.color5 {
color: #7950f2;
}
.color6 {
color: #e64980;
}
.color-white {
color: #ffffff;
}
.color-black {
color: #4a4a4a;
}
.color-gray {
color: #bdbdbd;
}
.bg-color1 {
background-color: #228ae6;
}
.bg-color2 {
background-color: #fa5252;
}
.bg-color3 {
background-color: #82c91e;
}
.bg-color4 {
background-color: #fab005;
}
.bg-color5 {
background-color: #7950f2;
}
.bg-color6 {
background-color: #e64980;
}
.bg-color-white {
background-color: #ffffff;
}
.bg-color-black {
background-color: #4a4a4a;
}
.bg-color-gray {
background-color: #bdbdbd;
}
.border-color1 {
border-color: #228ae6;
}
.border-top-color1 {
border-top-color: #228ae6;
}
.border-color2 {
border-color: #fa5252;
}
.border-top-color2 {
border-top-color: #fa5252;
}
.border-color3 {
border-color: #82c91e;
}
.border-top-color3 {
border-top-color: #82c91e;
}
.border-color4 {
border-color: #fab005;
}
.border-top-color4 {
border-top-color: #fab005;
}
.border-color5 {
border-color: #7950f2;
}
.border-top-color5 {
border-top-color: #7950f2;
}
.border-color6 {
border-color: #e64980;
}
.border-top-color6 {
border-top-color: #e64980;
}
.border-color-white {
border-color: #ffffff;
}
.border-top-color-white {
border-top-color: #ffffff;
}
.border-color-black {
border-color: #4a4a4a;
}
.border-top-color-black {
border-top-color: #4a4a4a;
}
.border-color-gray {
border-color: #bdbdbd;
}
.border-top-color-gray {
border-top-color: #bdbdbd;
}
.bg-color-white {
background-color: #ffffff;
}
.bg-color-black {
background-color: #000000;
}
.circle-counter.color-white .circle-bar {
stroke: #ffffff;
}
.circle-counter.color-black .circle-bar {
stroke: #000000;
}
.y-move {
transition: all 0.2s;
}
.y-move:hover {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
box-shadow: 0 10px 20px rgba(189, 189, 189, 0.19), 0 6px 6px rgba(189, 189, 189, 0.23);
} * {
margin: 0;
padding: 0;
outline: 0;
-webkit-overflow-scrolling: touch;
box-sizing: border-box;
}
div:before,
ul:before,
article:before,
aside:before,
details:before,
figcaption:before,
figure:before,
footer:before,
header:before,
hgroup:before,
menu:before,
nav:before,
section:before,
div:after,
ul:after,
article:after,
aside:after,
details:after,
figcaption:after,
figure:after,
footer:after,
header:after,
hgroup:after,
menu:after,
nav:after,
section:after {
content: "";
display: table;
width: 0;
}
div:after,
ul:after,
article:after,
aside:after,
details:after,
figcaption:after,
figure:after,
footer:after,
header:after,
hgroup:after,
menu:after,
nav:after,
section:after {
clear: both;
}
img,
video,
audio {
max-width: 100%;
}
img,
video {
height: auto;
}
svg {
max-height: 100%;
}
iframe {
border: none;
max-width: 100%;
}
::-moz-focus-inner {
border: 0;
padding: 0;
}
input[type=radio],
input[type=checkbox] {
vertical-align: middle;
position: relative;
bottom: 0.15rem;
font-size: 115%;
margin-right: 3px;
}
input[type=search] {
-webkit-appearance: textfield;
}
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button {
-webkit-appearance: none;
}
body {
text-align: center;
}
@media (min-width: 768px) {
body {
text-align: left;
}
} .black {
color: #4a4a4a;
}
.inverted {
color: #fff;
}
.error {
color: #d60808;
}
.success,
.subscribe-form [class*=success] {
color: #35beb1;
}
.warning {
color: #f7ba45;
}
.focus {
color: #1c86f2;
}
.aluminum {
color: #f8f8f8;
}
.silver {
color: #e0e1e1;
}
.lightgray {
color: #f1f1f1;
}
.gray {
color: #bdbdbd;
}
.midgray {
color: #676b72;
}
.darkgray {
color: #2b2d42;
}
.bg-black {
background-color: #4a4a4a;
}
.bg-inverted {
background-color: #fff;
}
.bg-error {
background-color: #d60808;
}
.bg-success {
background-color: #35beb1;
}
.bg-warning {
background-color: #f7ba45;
}
.bg-focus {
background-color: #1c86f2;
}
.bg-aluminum {
background-color: #f8f8f8;
}
.bg-silver {
background-color: #e0e1e1;
}
.bg-lightgray {
background-color: #f1f1f1;
}
.bg-gray {
background-color: #bdbdbd;
}
.bg-midgray {
background-color: #676b72;
}
.bg-darkgray {
background-color: #2b2d42;
}
.bg-highlight {
background-color: #edf2ff;
}
img.color1,
i.mdi.color1 {
color: #228ae6;
}
img.icon.bordered.color1,
img.icon.color1.card[class*=bottom-border-],
i.mdi.icon.bordered.color1,
i.mdi.icon.color1.card[class*=bottom-border-] {
border-color: #228ae6;
}
img.icon.reverse.color1,
i.mdi.icon.reverse.color1 {
background-color: #228ae6;
}
.button.color1 {
background-color: #228ae6;
}
.button.color1:hover {
background-color: #50a2eb;
}
a.color1:not(.button) {
color: #228ae6;
}
a.color1:not(.button):hover {
color: #50a2eb;
}
hr.small-line.color1 {
background-color: #228ae6;
}
.circle-counter.color1 .circle-bar {
stroke: #228ae6;
}
img.color2,
i.mdi.color2 {
color: #fa5252;
}
img.icon.bordered.color2,
img.icon.color2.card[class*=bottom-border-],
i.mdi.icon.bordered.color2,
i.mdi.icon.color2.card[class*=bottom-border-] {
border-color: #fa5252;
}
img.icon.reverse.color2,
i.mdi.icon.reverse.color2 {
background-color: #fa5252;
}
.button.color2 {
background-color: #fa5252;
}
.button.color2:hover {
background-color: #fb8484;
}
a.color2:not(.button) {
color: #fa5252;
}
a.color2:not(.button):hover {
color: #fb8484;
}
hr.small-line.color2 {
background-color: #fa5252;
}
.circle-counter.color2 .circle-bar {
stroke: #fa5252;
}
img.color3,
i.mdi.color3 {
color: #82c91e;
}
img.icon.bordered.color3,
img.icon.color3.card[class*=bottom-border-],
i.mdi.icon.bordered.color3,
i.mdi.icon.color3.card[class*=bottom-border-] {
border-color: #82c91e;
}
img.icon.reverse.color3,
i.mdi.icon.reverse.color3 {
background-color: #82c91e;
}
.button.color3 {
background-color: #82c91e;
}
.button.color3:hover {
background-color: #9be139;
}
a.color3:not(.button) {
color: #82c91e;
}
a.color3:not(.button):hover {
color: #9be139;
}
hr.small-line.color3 {
background-color: #82c91e;
}
.circle-counter.color3 .circle-bar {
stroke: #82c91e;
}
img.color4,
i.mdi.color4 {
color: #fab005;
}
img.icon.bordered.color4,
img.icon.color4.card[class*=bottom-border-],
i.mdi.icon.bordered.color4,
i.mdi.icon.color4.card[class*=bottom-border-] {
border-color: #fab005;
}
img.icon.reverse.color4,
i.mdi.icon.reverse.color4 {
background-color: #fab005;
}
.button.color4 {
background-color: #fab005;
}
.button.color4:hover {
background-color: #fbc037;
}
a.color4:not(.button) {
color: #fab005;
}
a.color4:not(.button):hover {
color: #fbc037;
}
hr.small-line.color4 {
background-color: #fab005;
}
.circle-counter.color4 .circle-bar {
stroke: #fab005;
}
img.color5,
i.mdi.color5 {
color: #7950f2;
}
img.icon.bordered.color5,
img.icon.color5.card[class*=bottom-border-],
i.mdi.icon.bordered.color5,
i.mdi.icon.color5.card[class*=bottom-border-] {
border-color: #7950f2;
}
img.icon.reverse.color5,
i.mdi.icon.reverse.color5 {
background-color: #7950f2;
}
.button.color5 {
background-color: #7950f2;
}
.button.color5:hover {
background-color: #9d7ff6;
}
a.color5:not(.button) {
color: #7950f2;
}
a.color5:not(.button):hover {
color: #9d7ff6;
}
hr.small-line.color5 {
background-color: #7950f2;
}
.circle-counter.color5 .circle-bar {
stroke: #7950f2;
}
img.color6,
i.mdi.color6 {
color: #e64980;
}
img.icon.bordered.color6,
img.icon.color6.card[class*=bottom-border-],
i.mdi.icon.bordered.color6,
i.mdi.icon.color6.card[class*=bottom-border-] {
border-color: #e64980;
}
img.icon.reverse.color6,
i.mdi.icon.reverse.color6 {
background-color: #e64980;
}
.button.color6 {
background-color: #e64980;
}
.button.color6:hover {
background-color: #ec769f;
}
a.color6:not(.button) {
color: #e64980;
}
a.color6:not(.button):hover {
color: #ec769f;
}
hr.small-line.color6 {
background-color: #e64980;
}
.circle-counter.color6 .circle-bar {
stroke: #e64980;
}
img.color-white,
i.mdi.color-white {
color: #ffffff;
}
img.icon.bordered.color-white,
img.icon.color-white.card[class*=bottom-border-],
i.mdi.icon.bordered.color-white,
i.mdi.icon.color-white.card[class*=bottom-border-] {
border-color: #ffffff;
}
img.icon.reverse.color-white,
i.mdi.icon.reverse.color-white {
background-color: #ffffff;
}
.button.color-white {
background-color: #ffffff;
}
.button.color-white:hover {
background-color: white;
}
a.color-white:not(.button) {
color: #ffffff;
}
a.color-white:not(.button):hover {
color: white;
}
hr.small-line.color-white {
background-color: #ffffff;
}
.circle-counter.color-white .circle-bar {
stroke: #ffffff;
}
img.color-black,
i.mdi.color-black {
color: #4a4a4a;
}
img.icon.bordered.color-black,
img.icon.color-black.card[class*=bottom-border-],
i.mdi.icon.bordered.color-black,
i.mdi.icon.color-black.card[class*=bottom-border-] {
border-color: #4a4a4a;
}
img.icon.reverse.color-black,
i.mdi.icon.reverse.color-black {
background-color: #4a4a4a;
}
.button.color-black {
background-color: #4a4a4a;
}
.button.color-black:hover {
background-color: #646464;
}
a.color-black:not(.button) {
color: #4a4a4a;
}
a.color-black:not(.button):hover {
color: #646464;
}
hr.small-line.color-black {
background-color: #4a4a4a;
}
.circle-counter.color-black .circle-bar {
stroke: #4a4a4a;
}
img.color-gray,
i.mdi.color-gray {
color: #bdbdbd;
}
img.icon.bordered.color-gray,
img.icon.color-gray.card[class*=bottom-border-],
i.mdi.icon.bordered.color-gray,
i.mdi.icon.color-gray.card[class*=bottom-border-] {
border-color: #bdbdbd;
}
img.icon.reverse.color-gray,
i.mdi.icon.reverse.color-gray {
background-color: #bdbdbd;
}
.button.color-gray {
background-color: #bdbdbd;
}
.button.color-gray:hover {
background-color: #d7d7d7;
}
a.color-gray:not(.button) {
color: #bdbdbd;
}
a.color-gray:not(.button):hover {
color: #d7d7d7;
}
hr.small-line.color-gray {
background-color: #bdbdbd;
}
.circle-counter.color-gray .circle-bar {
stroke: #bdbdbd;
}
i.mdi.gray {
color: #bdbdbd;
}
i.mdi.gray:hover {
color: #a4a4a4;
}
i.mdi.darkgray {
color: #8a8a8a;
}
i.mdi.darkgray:hover {
color: #717171;
}
.grad-180-transparent-color1 {
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(34, 138, 230, 0.5) 82.5%, rgba(34, 138, 230, 0.8) 100%);
}
.grad-180-transparent-color2 {
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(250, 82, 82, 0.5) 82.5%, rgba(250, 82, 82, 0.8) 100%);
}
.grad-180-transparent-color3 {
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(130, 201, 30, 0.5) 82.5%, rgba(130, 201, 30, 0.8) 100%);
}
.grad-180-transparent-color4 {
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(250, 176, 5, 0.5) 82.5%, rgba(250, 176, 5, 0.8) 100%);
}
.grad-180-transparent-color5 {
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(121, 80, 242, 0.5) 82.5%, rgba(121, 80, 242, 0.8) 100%);
}
.grad-180-transparent-color6 {
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(230, 73, 128, 0.5) 82.5%, rgba(230, 73, 128, 0.8) 100%);
}
.grad-180-transparent-color-black {
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(74, 74, 74, 0.5) 82.5%, rgba(74, 74, 74, 0.8) 100%);
}
.grad-180-transparent-color-white {
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.5) 82.5%, rgba(255, 255, 255, 0.8) 100%);
}
.grad-180-transparent-color-gray {
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(189, 189, 189, 0.5) 82.5%, rgba(189, 189, 189, 0.8) 100%);
} html,
body,
.p {
font-size: 16px;
line-height: 1.5rem;
}
body {
font-family: "Roboto", sans-serif;
color: #8D99AE;
background-color: transparent;
}
a {
color: #228ae6;
}
a:hover {
color: #50a2eb;
}
h1.title,
h1,
h2,
h3,
h4,
h5,
.widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container h5:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child,
h6 {
font-family: "Roboto", sans-serif;
font-weight: 400;
color: #54617A;
text-rendering: optimizeLegibility;
margin-bottom: 16px;
}
.button:only-child,
p:last-child,
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container h6:last-child:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container h5:last-child:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container h4:last-child:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container h3:last-child:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container h2:last-child:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container h1:last-child:first-child,
h6:last-child {
margin-bottom: 0;
}
.inverted h1,
.inverted h2,
.inverted h3,
.inverted h4,
.inverted h5,
.inverted .widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .inverted h6:first-child,
.inverted .widget_block > .wp-block-group > .wp-block-group__inner-container h5:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .inverted h5:first-child,
.inverted .widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .inverted h4:first-child,
.inverted .widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .inverted h3:first-child,
.inverted .widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .inverted h2:first-child,
.inverted .widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .inverted h1:first-child,
.inverted h6,
.inverted .mdi {
color: #ffffff;
}
.muted h1,
.comment-meta a h1,
.muted h2,
.comment-meta a h2,
.muted h3,
.comment-meta a h3,
.muted h4,
.comment-meta a h4,
.muted h5,
.muted .widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .muted h6:first-child,
.muted .widget_block > .wp-block-group > .wp-block-group__inner-container h5:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .muted h5:first-child,
.muted .widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .muted h4:first-child,
.muted .widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .muted h3:first-child,
.muted .widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .muted h2:first-child,
.muted .widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .muted h1:first-child,
.comment-meta a h5,
.comment-meta a .widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .comment-meta a h6:first-child,
.comment-meta a .widget_block > .wp-block-group > .wp-block-group__inner-container h5:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .comment-meta a h5:first-child,
.comment-meta a .widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .comment-meta a h4:first-child,
.comment-meta a .widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .comment-meta a h3:first-child,
.comment-meta a .widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .comment-meta a h2:first-child,
.comment-meta a .widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .comment-meta a h1:first-child,
.muted h6,
.comment-meta a h6,
.muted .mdi,
.comment-meta a .mdi {
opacity: 0.55;
}
h1.title {
font-size: 3.5rem;
line-height: 4.5rem;
margin-bottom: 8px;
}
h1,
.h1 {
font-size: 3.2rem;
line-height: 4.8rem;
font-weight: 300;
letter-spacing: -1px;
}
h2,
.h2 {
font-size: 2.8rem;
line-height: 3rem;
font-weight: 300;
letter-spacing: 0x;
}
h3,
.h3 {
font-size: 2.1rem;
line-height: 2.5rem;
font-weight: 300;
letter-spacing: 0x;
}
h4,
.h4 {
font-size: 1.5rem;
line-height: 2rem;
font-weight: 400;
letter-spacing: 0x;
}
h5,
.widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container h5:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child,
.h5 {
font-size: 1.25rem;
line-height: 1.25rem;
font-weight: 500;
letter-spacing: 0x;
}
h6,
.h6 {
font-size: 1rem;
line-height: 1.5rem;
font-weight: 500;
letter-spacing: 0x;
}
h1 a,
.h1 a,
h2 a,
.h2 a,
h3 a,
.h3 a,
h4 a,
.h4 a,
h5 a,
.widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child a,
.widget_block > .wp-block-group > .wp-block-group__inner-container h5:first-child a,
.widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child a,
.widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child a,
.widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child a,
.widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child a,
.h5 a,
h6 a,
.h6 a {
color: inherit;
}
p + h2,
p + h3,
p + h4,
p + h5,
.widget_block > .wp-block-group > .wp-block-group__inner-container p + h6:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container p + h5:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container p + h6:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container p + h4:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container p + h3:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container p + h2:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container p + h1:first-child,
p + h6,
ul + h2,
ul + h3,
ul + h4,
ul + h5,
.widget_block > .wp-block-group > .wp-block-group__inner-container ul + h6:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container ul + h5:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container ul + h6:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container ul + h4:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container ul + h3:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container ul + h2:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container ul + h1:first-child,
ul + h6,
ol + h2,
ol + h3,
ol + h4,
ol + h5,
.widget_block > .wp-block-group > .wp-block-group__inner-container ol + h6:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container ol + h5:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container ol + h6:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container ol + h4:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container ol + h3:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container ol + h2:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container ol + h1:first-child,
ol + h6,
dl + h2,
dl + h3,
dl + h4,
dl + h5,
.widget_block > .wp-block-group > .wp-block-group__inner-container dl + h6:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container dl + h5:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container dl + h6:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container dl + h4:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container dl + h3:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container dl + h2:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container dl + h1:first-child,
dl + h6,
blockquote + h2,
blockquote + h3,
blockquote + h4,
blockquote + h5,
.widget_block > .wp-block-group > .wp-block-group__inner-container blockquote + h6:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container blockquote + h5:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container blockquote + h6:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container blockquote + h4:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container blockquote + h3:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container blockquote + h2:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container blockquote + h1:first-child,
blockquote + h6,
hr + h2,
hr + h3,
hr + h4,
hr + h5,
.widget_block > .wp-block-group > .wp-block-group__inner-container hr + h6:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container hr + h5:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container hr + h6:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container hr + h4:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container hr + h3:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container hr + h2:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container hr + h1:first-child,
hr + h6,
pre + h2,
pre + h3,
pre + h4,
pre + h5,
.widget_block > .wp-block-group > .wp-block-group__inner-container pre + h6:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container pre + h5:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container pre + h6:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container pre + h4:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container pre + h3:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container pre + h2:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container pre + h1:first-child,
pre + h6,
table + h2,
table + h3,
table + h4,
table + h5,
.widget_block > .wp-block-group > .wp-block-group__inner-container table + h6:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container table + h5:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container table + h6:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container table + h4:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container table + h3:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container table + h2:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container table + h1:first-child,
table + h6,
form + h2,
form + h3,
form + h4,
form + h5,
.widget_block > .wp-block-group > .wp-block-group__inner-container form + h6:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container form + h5:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container form + h6:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container form + h4:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container form + h3:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container form + h2:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container form + h1:first-child,
form + h6,
figure + h2,
figure + h3,
figure + h4,
figure + h5,
.widget_block > .wp-block-group > .wp-block-group__inner-container figure + h6:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container figure + h5:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container figure + h6:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container figure + h4:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container figure + h3:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container figure + h2:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container figure + h1:first-child,
figure + h6 {
margin-top: 1.5rem;
}
ul,
ul ul,
ul ol,
ol,
ol ul,
ol ol {
margin: 0 0 0 1.5rem;
}
ol ol li {
list-style-type: lower-alpha;
}
ol ol ol li {
list-style-type: lower-roman;
}
nav ul,
nav ol {
margin: 0;
list-style: none;
}
nav ul ul,
nav ul ol,
nav ol ul,
nav ol ol {
margin-left: 1.5rem;
}
dl dt {
font-weight: bold;
}
dd {
margin-left: 1.5rem;
}
.p,
p,
blockquote,
hr,
pre,
ol,
ul,
dl,
table,
fieldset,
figure,
address,
form {
margin-bottom: 16px;
}
hr {
border: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
margin-top: -1px;
}
blockquote {
padding-left: 1rem;
border-left: 4px solid rgba(0, 0, 0, 0.1);
font-style: italic;
color: #8D99AE;
}
blockquote p {
margin-bottom: 0.5rem;
}
time,
cite,
small,
figcaption {
font-size: 87.5%;
}
cite {
opacity: 0.6;
}
abbr[title],
dfn[title] {
border-bottom: 1px dotted rgba(0, 0, 0, 0.5);
cursor: help;
}
var {
font-size: 16px;
opacity: 0.6;
font-style: normal;
}
mark,
code,
samp,
kbd {
position: relative;
top: -1px;
padding: 4px 4px 2px 4px;
display: inline-block;
line-height: 1;
color: rgba(141, 153, 174, 0.85);
}
code {
background: #e0e1e1;
}
mark {
background: #f7ba45;
}
samp {
color: #fff;
background: #1c86f2;
}
kbd {
border: 1px solid rgba(0, 0, 0, 0.1);
}
sub,
sup {
font-size: 0.75em;
line-height: 0;
margin-left: 0.25rem;
position: relative;
}
sup {
top: 0;
}
sub {
bottom: 1px;
}
pre,
code,
samp,
var,
kbd {
font-family: Consolas, Monaco, "Courier New", monospace;
}
pre,
code,
samp,
var,
kbd,
mark {
font-size: 87.5%;
}
pre,
pre code {
background: #f8f8f8;
padding: 0;
top: 0;
display: block;
line-height: 1rem;
color: rgba(141, 153, 174, 0.85);
white-space: pre-wrap;
}
pre {
padding: 1rem;
}
figcaption {
opacity: 0.6;
}
figure figcaption {
position: relative;
top: -0.5rem;
}
figure pre {
background: none;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 4px;
}
figure .video-container,
figure pre {
margin-bottom: 8px;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.text-justify {
text-align: justify;
}
ul.unstyled {
margin-left: 0;
}
ul.unstyled,
ul.unstyled ul {
list-style: none;
}
.monospace {
font-family: Consolas, Monaco, "Courier New", monospace;
}
.upper {
text-transform: uppercase;
}
.lower {
text-transform: lowercase;
}
.italic {
font-style: italic !important;
}
.strong {
font-weight: bold !important;
}
.normal {
font-weight: normal !important;
}
.muted,
.comment-meta a {
opacity: 0.55;
}
a.muted,
.comment-meta a {
color: #4a4a4a;
}
a.muted:hover,
.comment-meta a:hover {
opacity: 1;
}
.black {
color: #4a4a4a;
}
.smaller {
font-size: 0.75em;
line-height: 1rem;
}
.small,
.comment-meta {
font-size: 0.875em;
line-height: 1rem;
}
.big {
font-size: 1.2em;
line-height: 1.75rem;
}
.large {
font-size: 1.4em;
line-height: 2rem;
}
.end {
margin-bottom: 0 !important;
}
.highlight {
background-color: #edf2ff;
}
.nowrap,
.nowrap td {
white-space: nowrap;
}
@media (min-width: 768px) and (max-width: 1024px) {
.columns-2,
.columns-3,
.columns-4 {
-webkit-column-gap: 1.5rem;
column-gap: 1.5rem;
}
.columns-2 {
-webkit-column-count: 2;
column-count: 2;
}
.columns-3 {
-webkit-column-count: 3;
column-count: 3;
}
.columns-4 {
-webkit-column-count: 4;
column-count: 4;
}
}
@media (min-width: 768px) {
.text-left-sm {
text-align: left;
}
.text-center-sm {
text-align: center;
}
.text-right-sm {
text-align: right;
}
.text-justify-sm {
text-align: justify;
}
}
@media (max-width: 1024px) {
html,
body {
font-size: 14px;
}
}
body .font-100 {
font-weight: 100;
}
body .font-200 {
font-weight: 200;
}
body .font-300 {
font-weight: 300;
}
body .font-400 {
font-weight: 400;
}
body .font-500 {
font-weight: 500;
}
body .font-600 {
font-weight: 600;
}
body .font-700 {
font-weight: 700;
}
body .font-800 {
font-weight: 800;
}
body .font-900 {
font-weight: 900;
}
body #page h1 {
-ms-word-wrap: break-word;
word-wrap: break-word;
}
body #page h2 {
-ms-word-wrap: break-word;
word-wrap: break-word;
}
body #page h3 {
-ms-word-wrap: break-word;
word-wrap: break-word;
}
body #page h4 {
-ms-word-wrap: break-word;
word-wrap: break-word;
}
body #page h5,
body #page .widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container body #page h6:first-child,
body #page .widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container body #page h4:first-child,
body #page .widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container body #page h3:first-child,
body #page .widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container body #page h2:first-child,
body #page .widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container body #page h1:first-child {
-ms-word-wrap: break-word;
word-wrap: break-word;
}
body #page h6 {
-ms-word-wrap: break-word;
word-wrap: break-word;
}
body #page p,
body #page a {
-ms-word-wrap: break-word;
word-wrap: break-word;
}
body #page a {
text-decoration: none;
}
.lead {
font-size: 1.1rem;
line-height: 2rem;
color: #8D99AE;
font-weight: 300;
} input[type=submit],
.button {
font-family: Roboto, sans-serif;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-size: 0.875rem;
line-height: 2.25rem;
font-weight: 500;
letter-spacing: 0.0892857143em;
text-decoration: none;
text-transform: uppercase;
--mdc-ripple-fg-size: 0;
--mdc-ripple-left: 0;
--mdc-ripple-top: 0;
--mdc-ripple-fg-scale: 1;
--mdc-ripple-fg-translate-end: 0;
--mdc-ripple-fg-translate-start: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
will-change: transform, opacity;
padding: 0 8px 0 8px;
display: inline-flex;
position: relative;
align-items: center;
justify-content: center;
box-sizing: border-box;
min-width: 64px;
height: auto;
border: none;
outline: none; line-height: inherit;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-appearance: none;
overflow: hidden;
vertical-align: middle;
border-radius: 4px;
background-color: #228ae6;
font-size: 0.875rem;
line-height: 40px;
padding: 0 20px;
border-color: transparent;
font-family: "Roboto", sans-serif;
text-transform: none;
white-space: nowrap;
margin-bottom: 1rem;
}
input[type=submit]::before,
input[type=submit]::after,
.button::before,
.button::after {
position: absolute;
border-radius: 50%;
opacity: 0;
pointer-events: none;
content: "";
}
input[type=submit]::before,
.button::before {
transition: opacity 15ms linear;
z-index: 1;
}
input[type=submit].mdc-ripple-upgraded::before,
.button.mdc-ripple-upgraded::before {
-webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
transform: scale(var(--mdc-ripple-fg-scale, 1));
}
input[type=submit].mdc-ripple-upgraded::after,
.button.mdc-ripple-upgraded::after {
top: 0; left: 0;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: center center;
transform-origin: center center;
}
input[type=submit].mdc-ripple-upgraded--unbounded::after,
.button.mdc-ripple-upgraded--unbounded::after {
top: var(--mdc-ripple-top, 0); left: var(--mdc-ripple-left, 0);
}
input[type=submit].mdc-ripple-upgraded--foreground-activation::after,
.button.mdc-ripple-upgraded--foreground-activation::after {
-webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
}
input[type=submit].mdc-ripple-upgraded--foreground-deactivation::after,
.button.mdc-ripple-upgraded--foreground-deactivation::after {
-webkit-animation: 150ms mdc-ripple-fg-opacity-out;
animation: 150ms mdc-ripple-fg-opacity-out;
-webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
input[type=submit]::before,
input[type=submit]::after,
.button::before,
.button::after {
top: calc(50% - 100%); left: calc(50% - 100%);
width: 200%;
height: 200%;
}
input[type=submit].mdc-ripple-upgraded::after,
.button.mdc-ripple-upgraded::after {
width: var(--mdc-ripple-fg-size, 100%);
height: var(--mdc-ripple-fg-size, 100%);
}
input[type=submit]::-moz-focus-inner,
.button::-moz-focus-inner {
padding: 0;
border: 0;
}
input[type=submit]:active,
.button:active {
outline: none;
}
input[type=submit]:hover,
.button:hover {
cursor: pointer;
}
input[type=submit]:disabled,
.button:disabled {
background-color: transparent;
color: rgba(0, 0, 0, 0.37);
cursor: default;
pointer-events: none;
}
input[type=submit]:not(:disabled),
.button:not(:disabled) {
color: #ffffff;
}
input[type=submit]::before,
input[type=submit]::after,
.button::before,
.button::after {
background-color: rgba(255, 255, 255, 0.8);
}
input[type=submit]:hover::before,
.button:hover::before {
opacity: 0.08;
}
input[type=submit]:not(.mdc-ripple-upgraded):focus::before,
input[type=submit].mdc-ripple-upgraded--background-focused::before,
.button:not(.mdc-ripple-upgraded):focus::before,
.button.mdc-ripple-upgraded--background-focused::before {
transition-duration: 75ms;
opacity: 0.24;
}
input[type=submit]:not(.mdc-ripple-upgraded)::after,
.button:not(.mdc-ripple-upgraded)::after {
transition: opacity 150ms linear;
}
input[type=submit]:not(.mdc-ripple-upgraded):active::after,
.button:not(.mdc-ripple-upgraded):active::after {
transition-duration: 75ms;
opacity: 0.32;
}
input[type=submit].mdc-ripple-upgraded,
.button.mdc-ripple-upgraded {
--mdc-ripple-fg-opacity: 0.32;
}
input[type=submit]:before,
.button:before {
transition: opacity 0.2s linear;
}
input[type=submit]:after,
input[type=submit]:before,
.button:after,
.button:before {
background-color: #ffffff;
}
input[type=submit].outline,
.button.outline {
border-width: 2px;
line-height: 36px;
}
input[type=submit].outline::before,
input[type=submit].outline::after,
.button.outline::before,
.button.outline::after {
background-color: #ffffff;
}
input[type=submit].outline:hover::before,
.button.outline:hover::before {
opacity: 0.08;
}
input[type=submit].outline:not(.mdc-ripple-upgraded):focus::before,
input[type=submit].outline.mdc-ripple-upgraded--background-focused::before,
.button.outline:not(.mdc-ripple-upgraded):focus::before,
.button.outline.mdc-ripple-upgraded--background-focused::before {
transition-duration: 75ms;
opacity: 0.24;
}
input[type=submit].outline:not(.mdc-ripple-upgraded)::after,
.button.outline:not(.mdc-ripple-upgraded)::after {
transition: opacity 150ms linear;
}
input[type=submit].outline:not(.mdc-ripple-upgraded):active::after,
.button.outline:not(.mdc-ripple-upgraded):active::after {
transition-duration: 75ms;
opacity: 0.32;
}
input[type=submit].outline.mdc-ripple-upgraded,
.button.outline.mdc-ripple-upgraded {
--mdc-ripple-fg-opacity: 0.32;
}
input[type=submit].small,
input[type=submit].comment-meta,
.button.small,
.button.comment-meta {
font-size: 0.775rem;
font-weight: 400;
padding: 0 15px;
border-radius: 4px;
line-height: 32px;
}
input[type=submit].small.outline,
input[type=submit].outline.comment-meta,
.button.small.outline,
.button.outline.comment-meta {
border-width: 2px;
line-height: 28px;
}
input[type=submit].big,
.button.big {
font-size: 0.975rem;
font-weight: 400;
padding: 2px 40px;
border-radius: 4px;
line-height: 50px;
}
input[type=submit].big.outline,
.button.big.outline {
border-width: 2px;
line-height: 46px;
}
input[type=submit].large,
.button.large {
font-size: 21px;
padding: 20px 36px;
border-radius: 4px;
}
input[type=submit].large:not(.outline),
.button.large:not(.outline) {
padding: calc(20px + 2px) calc(36px + 2px);
}
input[type=submit].color-white,
.button.color-white {
background-color: #ffffff;
}
input[type=submit].color-white:not(:disabled),
.button.color-white:not(:disabled) {
color: #2b2d42;
}
input[type=submit].color-white:not(:disabled),
.button.color-white:not(:disabled) {
border-color: #ffffff;
}
input[type=submit].color-white::before,
input[type=submit].color-white::after,
.button.color-white::before,
.button.color-white::after {
background-color: #bdbdbd;
}
input[type=submit].color-white:hover::before,
.button.color-white:hover::before {
opacity: 0.08;
}
input[type=submit].color-white:not(.mdc-ripple-upgraded):focus::before,
input[type=submit].color-white.mdc-ripple-upgraded--background-focused::before,
.button.color-white:not(.mdc-ripple-upgraded):focus::before,
.button.color-white.mdc-ripple-upgraded--background-focused::before {
transition-duration: 75ms;
opacity: 0.24;
}
input[type=submit].color-white:not(.mdc-ripple-upgraded)::after,
.button.color-white:not(.mdc-ripple-upgraded)::after {
transition: opacity 150ms linear;
}
input[type=submit].color-white:not(.mdc-ripple-upgraded):active::after,
.button.color-white:not(.mdc-ripple-upgraded):active::after {
transition-duration: 75ms;
opacity: 0.32;
}
input[type=submit].color-white.mdc-ripple-upgraded,
.button.color-white.mdc-ripple-upgraded {
--mdc-ripple-fg-opacity: 0.32;
}
input[type=submit].color-white.outline,
.button.color-white.outline {
background-color: transparent;
border-style: solid;
}
input[type=submit].color-white.outline:not(:disabled),
.button.color-white.outline:not(:disabled) {
color: #ffffff;
}
input[type=submit].color-white.outline:disabled,
.button.color-white.outline:disabled {
border-color: rgba(0, 0, 0, 0.37);
}
input[type=submit].color-white.outline:not(:disabled),
.button.color-white.outline:not(:disabled) {
border-color: #ffffff;
}
input[type=submit].color-white.link,
.button.color-white.link {
background-color: transparent;
padding: 0 8px;
}
input[type=submit].color-white.link:not(:disabled),
.button.color-white.link:not(:disabled) {
color: #ffffff;
}
input[type=submit].color-white.link::before,
input[type=submit].color-white.link::after,
.button.color-white.link::before,
.button.color-white.link::after {
background-color: rgba(255, 255, 255, 0.8);
}
input[type=submit].color-white.link:hover::before,
.button.color-white.link:hover::before {
opacity: 0.08;
}
input[type=submit].color-white.link:not(.mdc-ripple-upgraded):focus::before,
input[type=submit].color-white.link.mdc-ripple-upgraded--background-focused::before,
.button.color-white.link:not(.mdc-ripple-upgraded):focus::before,
.button.color-white.link.mdc-ripple-upgraded--background-focused::before {
transition-duration: 75ms;
opacity: 0.24;
}
input[type=submit].color-white.link:not(.mdc-ripple-upgraded)::after,
.button.color-white.link:not(.mdc-ripple-upgraded)::after {
transition: opacity 150ms linear;
}
input[type=submit].color-white.link:not(.mdc-ripple-upgraded):active::after,
.button.color-white.link:not(.mdc-ripple-upgraded):active::after {
transition-duration: 75ms;
opacity: 0.32;
}
input[type=submit].color-white.link.mdc-ripple-upgraded,
.button.color-white.link.mdc-ripple-upgraded {
--mdc-ripple-fg-opacity: 0.32;
}
input[type=submit].color-white.link:hover,
.button.color-white.link:hover {
background-color: transparent;
}
input[type=submit].color-white :disabled,
input[type=submit].color-white.disabled,
.button.color-white :disabled,
.button.color-white.disabled {
background-color: rgba(255, 255, 255, 0.5);
border-color: rgba(255, 255, 255, 0.5);
cursor: default;
pointer-events: none;
}
input[type=submit].round,
.button.round {
border-radius: 50px;
}
input[type=submit].square,
.button.square {
border-radius: 0px;
}
input[type=submit].color-black,
.button.color-black {
background-color: #000;
}
input[type=submit].color-black:not(:disabled),
.button.color-black:not(:disabled) {
color: #ffffff;
}
input[type=submit].color-black:not(:disabled),
.button.color-black:not(:disabled) {
border-color: #000;
}
input[type=submit].color-black::before,
input[type=submit].color-black::after,
.button.color-black::before,
.button.color-black::after {
background-color: rgba(255, 255, 255, 0.8);
}
input[type=submit].color-black:hover::before,
.button.color-black:hover::before {
opacity: 0.08;
}
input[type=submit].color-black:not(.mdc-ripple-upgraded):focus::before,
input[type=submit].color-black.mdc-ripple-upgraded--background-focused::before,
.button.color-black:not(.mdc-ripple-upgraded):focus::before,
.button.color-black.mdc-ripple-upgraded--background-focused::before {
transition-duration: 75ms;
opacity: 0.24;
}
input[type=submit].color-black:not(.mdc-ripple-upgraded)::after,
.button.color-black:not(.mdc-ripple-upgraded)::after {
transition: opacity 150ms linear;
}
input[type=submit].color-black:not(.mdc-ripple-upgraded):active::after,
.button.color-black:not(.mdc-ripple-upgraded):active::after {
transition-duration: 75ms;
opacity: 0.32;
}
input[type=submit].color-black.mdc-ripple-upgraded,
.button.color-black.mdc-ripple-upgraded {
--mdc-ripple-fg-opacity: 0.32;
}
input[type=submit].color-black.outline,
.button.color-black.outline {
background-color: transparent;
border-style: solid;
}
input[type=submit].color-black.outline:not(:disabled),
.button.color-black.outline:not(:disabled) {
color: #000;
}
input[type=submit].color-black.outline:disabled,
.button.color-black.outline:disabled {
border-color: rgba(0, 0, 0, 0.37);
}
input[type=submit].color-black.outline:not(:disabled),
.button.color-black.outline:not(:disabled) {
border-color: #000;
}
input[type=submit].color-black.link,
.button.color-black.link {
background-color: transparent;
padding: 0 8px;
}
input[type=submit].color-black.link:not(:disabled),
.button.color-black.link:not(:disabled) {
color: #000;
}
input[type=submit].color-black.link::before,
input[type=submit].color-black.link::after,
.button.color-black.link::before,
.button.color-black.link::after {
background-color: rgba(0, 0, 0, 0.8);
}
input[type=submit].color-black.link:hover::before,
.button.color-black.link:hover::before {
opacity: 0.04;
}
input[type=submit].color-black.link:not(.mdc-ripple-upgraded):focus::before,
input[type=submit].color-black.link.mdc-ripple-upgraded--background-focused::before,
.button.color-black.link:not(.mdc-ripple-upgraded):focus::before,
.button.color-black.link.mdc-ripple-upgraded--background-focused::before {
transition-duration: 75ms;
opacity: 0.12;
}
input[type=submit].color-black.link:not(.mdc-ripple-upgraded)::after,
.button.color-black.link:not(.mdc-ripple-upgraded)::after {
transition: opacity 150ms linear;
}
input[type=submit].color-black.link:not(.mdc-ripple-upgraded):active::after,
.button.color-black.link:not(.mdc-ripple-upgraded):active::after {
transition-duration: 75ms;
opacity: 0.16;
}
input[type=submit].color-black.link.mdc-ripple-upgraded,
.button.color-black.link.mdc-ripple-upgraded {
--mdc-ripple-fg-opacity: 0.16;
}
input[type=submit].color-black.link:hover,
.button.color-black.link:hover {
background-color: transparent;
}
input[type=submit].color-black :disabled,
input[type=submit].color-black.disabled,
.button.color-black :disabled,
.button.color-black.disabled {
background-color: rgba(0, 0, 0, 0.5);
border-color: rgba(0, 0, 0, 0.5);
cursor: default;
pointer-events: none;
}
input[type=submit].color-darkgray,
.button.color-darkgray {
background-color: #2b2d42;
}
input[type=submit].color-darkgray:not(:disabled),
.button.color-darkgray:not(:disabled) {
color: #ffffff;
}
input[type=submit].color-darkgray:not(:disabled),
.button.color-darkgray:not(:disabled) {
border-color: #2b2d42;
}
input[type=submit].color-darkgray::before,
input[type=submit].color-darkgray::after,
.button.color-darkgray::before,
.button.color-darkgray::after {
background-color: rgba(255, 255, 255, 0.8);
}
input[type=submit].color-darkgray:hover::before,
.button.color-darkgray:hover::before {
opacity: 0.08;
}
input[type=submit].color-darkgray:not(.mdc-ripple-upgraded):focus::before,
input[type=submit].color-darkgray.mdc-ripple-upgraded--background-focused::before,
.button.color-darkgray:not(.mdc-ripple-upgraded):focus::before,
.button.color-darkgray.mdc-ripple-upgraded--background-focused::before {
transition-duration: 75ms;
opacity: 0.24;
}
input[type=submit].color-darkgray:not(.mdc-ripple-upgraded)::after,
.button.color-darkgray:not(.mdc-ripple-upgraded)::after {
transition: opacity 150ms linear;
}
input[type=submit].color-darkgray:not(.mdc-ripple-upgraded):active::after,
.button.color-darkgray:not(.mdc-ripple-upgraded):active::after {
transition-duration: 75ms;
opacity: 0.32;
}
input[type=submit].color-darkgray.mdc-ripple-upgraded,
.button.color-darkgray.mdc-ripple-upgraded {
--mdc-ripple-fg-opacity: 0.32;
}
input[type=submit].color-darkgray.outline,
.button.color-darkgray.outline {
background-color: transparent;
border-style: solid;
}
input[type=submit].color-darkgray.outline:not(:disabled),
.button.color-darkgray.outline:not(:disabled) {
color: #2b2d42;
}
input[type=submit].color-darkgray.outline:disabled,
.button.color-darkgray.outline:disabled {
border-color: rgba(0, 0, 0, 0.37);
}
input[type=submit].color-darkgray.outline:not(:disabled),
.button.color-darkgray.outline:not(:disabled) {
border-color: #2b2d42;
}
input[type=submit].color-darkgray.link,
.button.color-darkgray.link {
background-color: transparent;
padding: 0 8px;
}
input[type=submit].color-darkgray.link:not(:disabled),
.button.color-darkgray.link:not(:disabled) {
color: #2b2d42;
}
input[type=submit].color-darkgray.link::before,
input[type=submit].color-darkgray.link::after,
.button.color-darkgray.link::before,
.button.color-darkgray.link::after {
background-color: rgba(43, 45, 66, 0.8);
}
input[type=submit].color-darkgray.link:hover::before,
.button.color-darkgray.link:hover::before {
opacity: 0.04;
}
input[type=submit].color-darkgray.link:not(.mdc-ripple-upgraded):focus::before,
input[type=submit].color-darkgray.link.mdc-ripple-upgraded--background-focused::before,
.button.color-darkgray.link:not(.mdc-ripple-upgraded):focus::before,
.button.color-darkgray.link.mdc-ripple-upgraded--background-focused::before {
transition-duration: 75ms;
opacity: 0.12;
}
input[type=submit].color-darkgray.link:not(.mdc-ripple-upgraded)::after,
.button.color-darkgray.link:not(.mdc-ripple-upgraded)::after {
transition: opacity 150ms linear;
}
input[type=submit].color-darkgray.link:not(.mdc-ripple-upgraded):active::after,
.button.color-darkgray.link:not(.mdc-ripple-upgraded):active::after {
transition-duration: 75ms;
opacity: 0.16;
}
input[type=submit].color-darkgray.link.mdc-ripple-upgraded,
.button.color-darkgray.link.mdc-ripple-upgraded {
--mdc-ripple-fg-opacity: 0.16;
}
input[type=submit].color-darkgray.link:hover,
.button.color-darkgray.link:hover {
background-color: transparent;
}
input[type=submit].color-darkgray :disabled,
input[type=submit].color-darkgray.disabled,
.button.color-darkgray :disabled,
.button.color-darkgray.disabled {
background-color: rgba(43, 45, 66, 0.5);
border-color: rgba(43, 45, 66, 0.5);
cursor: default;
pointer-events: none;
}
input[type=submit].white,
.button.white {
background-color: #ffffff;
}
input[type=submit].white:not(:disabled),
.button.white:not(:disabled) {
color: #2b2d42;
}
input[type=submit].white:not(:disabled),
.button.white:not(:disabled) {
border-color: #ffffff;
}
input[type=submit].white::before,
input[type=submit].white::after,
.button.white::before,
.button.white::after {
background-color: #bdbdbd;
}
input[type=submit].white:hover::before,
.button.white:hover::before {
opacity: 0.08;
}
input[type=submit].white:not(.mdc-ripple-upgraded):focus::before,
input[type=submit].white.mdc-ripple-upgraded--background-focused::before,
.button.white:not(.mdc-ripple-upgraded):focus::before,
.button.white.mdc-ripple-upgraded--background-focused::before {
transition-duration: 75ms;
opacity: 0.24;
}
input[type=submit].white:not(.mdc-ripple-upgraded)::after,
.button.white:not(.mdc-ripple-upgraded)::after {
transition: opacity 150ms linear;
}
input[type=submit].white:not(.mdc-ripple-upgraded):active::after,
.button.white:not(.mdc-ripple-upgraded):active::after {
transition-duration: 75ms;
opacity: 0.32;
}
input[type=submit].white.mdc-ripple-upgraded,
.button.white.mdc-ripple-upgraded {
--mdc-ripple-fg-opacity: 0.32;
}
input[type=submit].white.outline,
.button.white.outline {
background-color: transparent;
border-style: solid;
}
input[type=submit].white.outline:not(:disabled),
.button.white.outline:not(:disabled) {
color: #ffffff;
}
input[type=submit].white.outline:disabled,
.button.white.outline:disabled {
border-color: rgba(0, 0, 0, 0.37);
}
input[type=submit].white.outline:not(:disabled),
.button.white.outline:not(:disabled) {
border-color: #ffffff;
}
input[type=submit].white.link,
.button.white.link {
background-color: transparent;
padding: 0 8px;
}
input[type=submit].white.link:not(:disabled),
.button.white.link:not(:disabled) {
color: #ffffff;
}
input[type=submit].white.link::before,
input[type=submit].white.link::after,
.button.white.link::before,
.button.white.link::after {
background-color: rgba(255, 255, 255, 0.8);
}
input[type=submit].white.link:hover::before,
.button.white.link:hover::before {
opacity: 0.08;
}
input[type=submit].white.link:not(.mdc-ripple-upgraded):focus::before,
input[type=submit].white.link.mdc-ripple-upgraded--background-focused::before,
.button.white.link:not(.mdc-ripple-upgraded):focus::before,
.button.white.link.mdc-ripple-upgraded--background-focused::before {
transition-duration: 75ms;
opacity: 0.24;
}
input[type=submit].white.link:not(.mdc-ripple-upgraded)::after,
.button.white.link:not(.mdc-ripple-upgraded)::after {
transition: opacity 150ms linear;
}
input[type=submit].white.link:not(.mdc-ripple-upgraded):active::after,
.button.white.link:not(.mdc-ripple-upgraded):active::after {
transition-duration: 75ms;
opacity: 0.32;
}
input[type=submit].white.link.mdc-ripple-upgraded,
.button.white.link.mdc-ripple-upgraded {
--mdc-ripple-fg-opacity: 0.32;
}
input[type=submit].white.link:hover,
.button.white.link:hover {
background-color: transparent;
}
input[type=submit].white :disabled,
input[type=submit].white.disabled,
.button.white :disabled,
.button.white.disabled {
background-color: rgba(255, 255, 255, 0.5);
border-color: rgba(255, 255, 255, 0.5);
cursor: default;
pointer-events: none;
}
input[type=submit].white.outline::before,
input[type=submit].white.outline::after,
.button.white.outline::before,
.button.white.outline::after {
background-color: #ffffff;
}
input[type=submit].white.outline:hover::before,
.button.white.outline:hover::before {
opacity: 0.08;
}
input[type=submit].white.outline:not(.mdc-ripple-upgraded):focus::before,
input[type=submit].white.outline:not(.mdc-ripple-upgraded):focus-within::before,
input[type=submit].white.outline.mdc-ripple-upgraded--background-focused::before,
.button.white.outline:not(.mdc-ripple-upgraded):focus::before,
.button.white.outline:not(.mdc-ripple-upgraded):focus-within::before,
.button.white.outline.mdc-ripple-upgraded--background-focused::before {
transition-duration: 75ms;
opacity: 0.24;
}
input[type=submit].white.outline:not(.mdc-ripple-upgraded)::after,
.button.white.outline:not(.mdc-ripple-upgraded)::after {
transition: opacity 150ms linear;
}
input[type=submit].white.outline:not(.mdc-ripple-upgraded):active::after,
.button.white.outline:not(.mdc-ripple-upgraded):active::after {
transition-duration: 75ms;
opacity: 0.32;
}
input[type=submit].white.outline.mdc-ripple-upgraded,
.button.white.outline.mdc-ripple-upgraded {
--mdc-ripple-fg-opacity: 0.32;
}
input[type=submit].white.outline:hover::before,
.button.white.outline:hover::before {
opacity: 0.3;
}
input[type=submit].black,
.button.black {
background-color: #000;
}
input[type=submit].black:not(:disabled),
.button.black:not(:disabled) {
color: #ffffff;
}
input[type=submit].black:not(:disabled),
.button.black:not(:disabled) {
border-color: #000;
}
input[type=submit].black::before,
input[type=submit].black::after,
.button.black::before,
.button.black::after {
background-color: rgba(255, 255, 255, 0.8);
}
input[type=submit].black:hover::before,
.button.black:hover::before {
opacity: 0.08;
}
input[type=submit].black:not(.mdc-ripple-upgraded):focus::before,
input[type=submit].black.mdc-ripple-upgraded--background-focused::before,
.button.black:not(.mdc-ripple-upgraded):focus::before,
.button.black.mdc-ripple-upgraded--background-focused::before {
transition-duration: 75ms;
opacity: 0.24;
}
input[type=submit].black:not(.mdc-ripple-upgraded)::after,
.button.black:not(.mdc-ripple-upgraded)::after {
transition: opacity 150ms linear;
}
input[type=submit].black:not(.mdc-ripple-upgraded):active::after,
.button.black:not(.mdc-ripple-upgraded):active::after {
transition-duration: 75ms;
opacity: 0.32;
}
input[type=submit].black.mdc-ripple-upgraded,
.button.black.mdc-ripple-upgraded {
--mdc-ripple-fg-opacity: 0.32;
}
input[type=submit].black.outline,
.button.black.outline {
background-color: transparent;
border-style: solid;
}
input[type=submit].black.outline:not(:disabled),
.button.black.outline:not(:disabled) {
color: #000;
}
input[type=submit].black.outline:disabled,
.button.black.outline:disabled {
border-color: rgba(0, 0, 0, 0.37);
}
input[type=submit].black.outline:not(:disabled),
.button.black.outline:not(:disabled) {
border-color: #000;
}
input[type=submit].black.link,
.button.black.link {
background-color: transparent;
padding: 0 8px;
}
input[type=submit].black.link:not(:disabled),
.button.black.link:not(:disabled) {
color: #000;
}
input[type=submit].black.link::before,
input[type=submit].black.link::after,
.button.black.link::before,
.button.black.link::after {
background-color: rgba(0, 0, 0, 0.8);
}
input[type=submit].black.link:hover::before,
.button.black.link:hover::before {
opacity: 0.04;
}
input[type=submit].black.link:not(.mdc-ripple-upgraded):focus::before,
input[type=submit].black.link.mdc-ripple-upgraded--background-focused::before,
.button.black.link:not(.mdc-ripple-upgraded):focus::before,
.button.black.link.mdc-ripple-upgraded--background-focused::before {
transition-duration: 75ms;
opacity: 0.12;
}
input[type=submit].black.link:not(.mdc-ripple-upgraded)::after,
.button.black.link:not(.mdc-ripple-upgraded)::after {
transition: opacity 150ms linear;
}
input[type=submit].black.link:not(.mdc-ripple-upgraded):active::after,
.button.black.link:not(.mdc-ripple-upgraded):active::after {
transition-duration: 75ms;
opacity: 0.16;
}
input[type=submit].black.link.mdc-ripple-upgraded,
.button.black.link.mdc-ripple-upgraded {
--mdc-ripple-fg-opacity: 0.16;
}
input[type=submit].black.link:hover,
.button.black.link:hover {
background-color: transparent;
}
input[type=submit].black :disabled,
input[type=submit].black.disabled,
.button.black :disabled,
.button.black.disabled {
background-color: rgba(0, 0, 0, 0.5);
border-color: rgba(0, 0, 0, 0.5);
cursor: default;
pointer-events: none;
}
input[type=submit].color1,
.button.color1 {
background-color: #228ae6;
}
input[type=submit].color1:not(:disabled),
.button.color1:not(:disabled) {
color: #ffffff;
}
input[type=submit].color1:not(:disabled),
.button.color1:not(:disabled) {
border-color: #228ae6;
}
input[type=submit].color1::before,
input[type=submit].color1::after,
.button.color1::before,
.button.color1::after {
background-color: rgba(255, 255, 255, 0.8);
}
input[type=submit].color1:hover::before,
.button.color1:hover::before {
opacity: 0.08;
}
input[type=submit].color1:not(.mdc-ripple-upgraded):focus::before,
input[type=submit].color1.mdc-ripple-upgraded--background-focused::before,
.button.color1:not(.mdc-ripple-upgraded):focus::before,
.button.color1.mdc-ripple-upgraded--background-focused::before {
transition-duration: 75ms;
opacity: 0.24;
}
input[type=submit].color1:not(.mdc-ripple-upgraded)::after,
.button.color1:not(.mdc-ripple-upgraded)::after {
transition: opacity 150ms linear;
}
input[type=submit].color1:not(.mdc-ripple-upgraded):active::after,
.button.color1:not(.mdc-ripple-upgraded):active::after {
transition-duration: 75ms;
opacity: 0.32;
}
input[type=submit].color1.mdc-ripple-upgraded,
.button.color1.mdc-ripple-upgraded {
--mdc-ripple-fg-opacity: 0.32;
}
input[type=submit].color1.outline,
.button.color1.outline {
background-color: transparent;
border-style: solid;
}
input[type=submit].color1.outline:not(:disabled),
.button.color1.outline:not(:disabled) {
color: #228ae6;
}
input[type=submit].color1.outline:disabled,
.button.color1.outline:disabled {
border-color: rgba(0, 0, 0, 0.37);
}
input[type=submit].color1.outline:not(:disabled),
.button.color1.outline:not(:disabled) {
border-color: #228ae6;
}
input[type=submit].color1.link,
.button.color1.link {
background-color: transparent;
padding: 0 8px;
}
input[type=submit].color1.link:not(:disabled),
.button.color1.link:not(:disabled) {
color: #228ae6;
}
input[type=submit].color1.link::before,
input[type=submit].color1.link::after,
.button.color1.link::before,
.button.color1.link::after {
background-color: rgba(34, 138, 230, 0.8);
}
input[type=submit].color1.link:hover::before,
.button.color1.link:hover::before {
opacity: 0.04;
}
input[type=submit].color1.link:not(.mdc-ripple-upgraded):focus::before,
input[type=submit].color1.link.mdc-ripple-upgraded--background-focused::before,
.button.color1.link:not(.mdc-ripple-upgraded):focus::before,
.button.color1.link.mdc-ripple-upgraded--background-focused::before {
transition-duration: 75ms;
opacity: 0.12;
}
input[type=submit].color1.link:not(.mdc-ripple-upgraded)::after,
.button.color1.link:not(.mdc-ripple-upgraded)::after {
transition: opacity 150ms linear;
}
input[type=submit].color1.link:not(.mdc-ripple-upgraded):active::after,
.button.color1.link:not(.mdc-ripple-upgraded):active::after {
transition-duration: 75ms;
opacity: 0.16;
}
input[type=submit].color1.link.mdc-ripple-upgraded,
.button.color1.link.mdc-ripple-upgraded {
--mdc-ripple-fg-opacity: 0.16;
}
input[type=submit].color1.link:hover,
.button.color1.link:hover {
background-color: transparent;
}
input[type=submit].color1 :disabled,
input[type=submit].color1.disabled,
.button.color1 :disabled,
.button.color1.disabled {
background-color: rgba(34, 138, 230, 0.5);
border-color: rgba(34, 138, 230, 0.5);
cursor: default;
pointer-events: none;
}
input[type=submit].color2,
.button.color2 {
background-color: #fa5252;
}
input[type=submit].color2:not(:disabled),
.button.color2:not(:disabled) {
color: #ffffff;
}
input[type=submit].color2:not(:disabled),
.button.color2:not(:disabled) {
border-color: #fa5252;
}
input[type=submit].color2::before,
input[type=submit].color2::after,
.button.color2::before,
.button.color2::after {
background-color: rgba(255, 255, 255, 0.8);
}
input[type=submit].color2:hover::before,
.button.color2:hover::before {
opacity: 0.08;
}
input[type=submit].color2:not(.mdc-ripple-upgraded):focus::before,
input[type=submit].color2.mdc-ripple-upgraded--background-focused::before,
.button.color2:not(.mdc-ripple-upgraded):focus::before,
.button.color2.mdc-ripple-upgraded--background-focused::before {
transition-duration: 75ms;
opacity: 0.24;
}
input[type=submit].color2:not(.mdc-ripple-upgraded)::after,
.button.color2:not(.mdc-ripple-upgraded)::after {
transition: opacity 150ms linear;
}
input[type=submit].color2:not(.mdc-ripple-upgraded):active::after,
.button.color2:not(.mdc-ripple-upgraded):active::after {
transition-duration: 75ms;
opacity: 0.32;
}
input[type=submit].color2.mdc-ripple-upgraded,
.button.color2.mdc-ripple-upgraded {
--mdc-ripple-fg-opacity: 0.32;
}
input[type=submit].color2.outline,
.button.color2.outline {
background-color: transparent;
border-style: solid;
}
input[type=submit].color2.outline:not(:disabled),
.button.color2.outline:not(:disabled) {
color: #fa5252;
}
input[type=submit].color2.outline:disabled,
.button.color2.outline:disabled {
border-color: rgba(0, 0, 0, 0.37);
}
input[type=submit].color2.outline:not(:disabled),
.button.color2.outline:not(:disabled) {
border-color: #fa5252;
}
input[type=submit].color2.link,
.button.color2.link {
background-color: transparent;
padding: 0 8px;
}
input[type=submit].color2.link:not(:disabled),
.button.color2.link:not(:disabled) {
color: #fa5252;
}
input[type=submit].color2.link::before,
input[type=submit].color2.link::after,
.button.color2.link::before,
.button.color2.link::after {
background-color: rgba(250, 82, 82, 0.8);
}
input[type=submit].color2.link:hover::before,
.button.color2.link:hover::before {
opacity: 0.04;
}
input[type=submit].color2.link:not(.mdc-ripple-upgraded):focus::before,
input[type=submit].color2.link.mdc-ripple-upgraded--background-focused::before,
.button.color2.link:not(.mdc-ripple-upgraded):focus::before,
.button.color2.link.mdc-ripple-upgraded--background-focused::before {
transition-duration: 75ms;
opacity: 0.12;
}
input[type=submit].color2.link:not(.mdc-ripple-upgraded)::after,
.button.color2.link:not(.mdc-ripple-upgraded)::after {
transition: opacity 150ms linear;
}
input[type=submit].color2.link:not(.mdc-ripple-upgraded):active::after,
.button.color2.link:not(.mdc-ripple-upgraded):active::after {
transition-duration: 75ms;
opacity: 0.16;
}
input[type=submit].color2.link.mdc-ripple-upgraded,
.button.color2.link.mdc-ripple-upgraded {
--mdc-ripple-fg-opacity: 0.16;
}
input[type=submit].color2.link:hover,
.button.color2.link:hover {
background-color: transparent;
}
input[type=submit].color2 :disabled,
input[type=submit].color2.disabled,
.button.color2 :disabled,
.button.color2.disabled {
background-color: rgba(250, 82, 82, 0.5);
border-color: rgba(250, 82, 82, 0.5);
cursor: default;
pointer-events: none;
}
input[type=submit].color3,
.button.color3 {
background-color: #82c91e;
}
input[type=submit].color3:not(:disabled),
.button.color3:not(:disabled) {
color: #ffffff;
}
input[type=submit].color3:not(:disabled),
.button.color3:not(:disabled) {
border-color: #82c91e;
}
input[type=submit].color3::before,
input[type=submit].color3::after,
.button.color3::before,
.button.color3::after {
background-color: rgba(255, 255, 255, 0.8);
}
input[type=submit].color3:hover::before,
.button.color3:hover::before {
opacity: 0.08;
}
input[type=submit].color3:not(.mdc-ripple-upgraded):focus::before,
input[type=submit].color3.mdc-ripple-upgraded--background-focused::before,
.button.color3:not(.mdc-ripple-upgraded):focus::before,
.button.color3.mdc-ripple-upgraded--background-focused::before {
transition-duration: 75ms;
opacity: 0.24;
}
input[type=submit].color3:not(.mdc-ripple-upgraded)::after,
.button.color3:not(.mdc-ripple-upgraded)::after {
transition: opacity 150ms linear;
}
input[type=submit].color3:not(.mdc-ripple-upgraded):active::after,
.button.color3:not(.mdc-ripple-upgraded):active::after {
transition-duration: 75ms;
opacity: 0.32;
}
input[type=submit].color3.mdc-ripple-upgraded,
.button.color3.mdc-ripple-upgraded {
--mdc-ripple-fg-opacity: 0.32;
}
input[type=submit].color3.outline,
.button.color3.outline {
background-color: transparent;
border-style: solid;
}
input[type=submit].color3.outline:not(:disabled),
.button.color3.outline:not(:disabled) {
color: #82c91e;
}
input[type=submit].color3.outline:disabled,
.button.color3.outline:disabled {
border-color: rgba(0, 0, 0, 0.37);
}
input[type=submit].color3.outline:not(:disabled),
.button.color3.outline:not(:disabled) {
border-color: #82c91e;
}
input[type=submit].color3.link,
.button.color3.link {
background-color: transparent;
padding: 0 8px;
}
input[type=submit].color3.link:not(:disabled),
.button.color3.link:not(:disabled) {
color: #82c91e;
}
input[type=submit].color3.link::before,
input[type=submit].color3.link::after,
.button.color3.link::before,
.button.color3.link::after {
background-color: rgba(130, 201, 30, 0.8);
}
input[type=submit].color3.link:hover::before,
.button.color3.link:hover::before {
opacity: 0.08;
}
input[type=submit].color3.link:not(.mdc-ripple-upgraded):focus::before,
input[type=submit].color3.link.mdc-ripple-upgraded--background-focused::before,
.button.color3.link:not(.mdc-ripple-upgraded):focus::before,
.button.color3.link.mdc-ripple-upgraded--background-focused::before {
transition-duration: 75ms;
opacity: 0.24;
}
input[type=submit].color3.link:not(.mdc-ripple-upgraded)::after,
.button.color3.link:not(.mdc-ripple-upgraded)::after {
transition: opacity 150ms linear;
}
input[type=submit].color3.link:not(.mdc-ripple-upgraded):active::after,
.button.color3.link:not(.mdc-ripple-upgraded):active::after {
transition-duration: 75ms;
opacity: 0.32;
}
input[type=submit].color3.link.mdc-ripple-upgraded,
.button.color3.link.mdc-ripple-upgraded {
--mdc-ripple-fg-opacity: 0.32;
}
input[type=submit].color3.link:hover,
.button.color3.link:hover {
background-color: transparent;
}
input[type=submit].color3 :disabled,
input[type=submit].color3.disabled,
.button.color3 :disabled,
.button.color3.disabled {
background-color: rgba(130, 201, 30, 0.5);
border-color: rgba(130, 201, 30, 0.5);
cursor: default;
pointer-events: none;
}
input[type=submit].color4,
.button.color4 {
background-color: #fab005;
}
input[type=submit].color4:not(:disabled),
.button.color4:not(:disabled) {
color: #ffffff;
}
input[type=submit].color4:not(:disabled),
.button.color4:not(:disabled) {
border-color: #fab005;
}
input[type=submit].color4::before,
input[type=submit].color4::after,
.button.color4::before,
.button.color4::after {
background-color: rgba(255, 255, 255, 0.8);
}
input[type=submit].color4:hover::before,
.button.color4:hover::before {
opacity: 0.08;
}
input[type=submit].color4:not(.mdc-ripple-upgraded):focus::before,
input[type=submit].color4.mdc-ripple-upgraded--background-focused::before,
.button.color4:not(.mdc-ripple-upgraded):focus::before,
.button.color4.mdc-ripple-upgraded--background-focused::before {
transition-duration: 75ms;
opacity: 0.24;
}
input[type=submit].color4:not(.mdc-ripple-upgraded)::after,
.button.color4:not(.mdc-ripple-upgraded)::after {
transition: opacity 150ms linear;
}
input[type=submit].color4:not(.mdc-ripple-upgraded):active::after,
.button.color4:not(.mdc-ripple-upgraded):active::after {
transition-duration: 75ms;
opacity: 0.32;
}
input[type=submit].color4.mdc-ripple-upgraded,
.button.color4.mdc-ripple-upgraded {
--mdc-ripple-fg-opacity: 0.32;
}
input[type=submit].color4.outline,
.button.color4.outline {
background-color: transparent;
border-style: solid;
}
input[type=submit].color4.outline:not(:disabled),
.button.color4.outline:not(:disabled) {
color: #fab005;
}
input[type=submit].color4.outline:disabled,
.button.color4.outline:disabled {
border-color: rgba(0, 0, 0, 0.37);
}
input[type=submit].color4.outline:not(:disabled),
.button.color4.outline:not(:disabled) {
border-color: #fab005;
}
input[type=submit].color4.link,
.button.color4.link {
background-color: transparent;
padding: 0 8px;
}
input[type=submit].color4.link:not(:disabled),
.button.color4.link:not(:disabled) {
color: #fab005;
}
input[type=submit].color4.link::before,
input[type=submit].color4.link::after,
.button.color4.link::before,
.button.color4.link::after {
background-color: rgba(250, 176, 5, 0.8);
}
input[type=submit].color4.link:hover::before,
.button.color4.link:hover::before {
opacity: 0.08;
}
input[type=submit].color4.link:not(.mdc-ripple-upgraded):focus::before,
input[type=submit].color4.link.mdc-ripple-upgraded--background-focused::before,
.button.color4.link:not(.mdc-ripple-upgraded):focus::before,
.button.color4.link.mdc-ripple-upgraded--background-focused::before {
transition-duration: 75ms;
opacity: 0.24;
}
input[type=submit].color4.link:not(.mdc-ripple-upgraded)::after,
.button.color4.link:not(.mdc-ripple-upgraded)::after {
transition: opacity 150ms linear;
}
input[type=submit].color4.link:not(.mdc-ripple-upgraded):active::after,
.button.color4.link:not(.mdc-ripple-upgraded):active::after {
transition-duration: 75ms;
opacity: 0.32;
}
input[type=submit].color4.link.mdc-ripple-upgraded,
.button.color4.link.mdc-ripple-upgraded {
--mdc-ripple-fg-opacity: 0.32;
}
input[type=submit].color4.link:hover,
.button.color4.link:hover {
background-color: transparent;
}
input[type=submit].color4 :disabled,
input[type=submit].color4.disabled,
.button.color4 :disabled,
.button.color4.disabled {
background-color: rgba(250, 176, 5, 0.5);
border-color: rgba(250, 176, 5, 0.5);
cursor: default;
pointer-events: none;
}
input[type=submit].color5,
.button.color5 {
background-color: #7950f2;
}
input[type=submit].color5:not(:disabled),
.button.color5:not(:disabled) {
color: #ffffff;
}
input[type=submit].color5:not(:disabled),
.button.color5:not(:disabled) {
border-color: #7950f2;
}
input[type=submit].color5::before,
input[type=submit].color5::after,
.button.color5::before,
.button.color5::after {
background-color: rgba(255, 255, 255, 0.8);
}
input[type=submit].color5:hover::before,
.button.color5:hover::before {
opacity: 0.08;
}
input[type=submit].color5:not(.mdc-ripple-upgraded):focus::before,
input[type=submit].color5.mdc-ripple-upgraded--background-focused::before,
.button.color5:not(.mdc-ripple-upgraded):focus::before,
.button.color5.mdc-ripple-upgraded--background-focused::before {
transition-duration: 75ms;
opacity: 0.24;
}
input[type=submit].color5:not(.mdc-ripple-upgraded)::after,
.button.color5:not(.mdc-ripple-upgraded)::after {
transition: opacity 150ms linear;
}
input[type=submit].color5:not(.mdc-ripple-upgraded):active::after,
.button.color5:not(.mdc-ripple-upgraded):active::after {
transition-duration: 75ms;
opacity: 0.32;
}
input[type=submit].color5.mdc-ripple-upgraded,
.button.color5.mdc-ripple-upgraded {
--mdc-ripple-fg-opacity: 0.32;
}
input[type=submit].color5.outline,
.button.color5.outline {
background-color: transparent;
border-style: solid;
}
input[type=submit].color5.outline:not(:disabled),
.button.color5.outline:not(:disabled) {
color: #7950f2;
}
input[type=submit].color5.outline:disabled,
.button.color5.outline:disabled {
border-color: rgba(0, 0, 0, 0.37);
}
input[type=submit].color5.outline:not(:disabled),
.button.color5.outline:not(:disabled) {
border-color: #7950f2;
}
input[type=submit].color5.link,
.button.color5.link {
background-color: transparent;
padding: 0 8px;
}
input[type=submit].color5.link:not(:disabled),
.button.color5.link:not(:disabled) {
color: #7950f2;
}
input[type=submit].color5.link::before,
input[type=submit].color5.link::after,
.button.color5.link::before,
.button.color5.link::after {
background-color: rgba(121, 80, 242, 0.8);
}
input[type=submit].color5.link:hover::before,
.button.color5.link:hover::before {
opacity: 0.04;
}
input[type=submit].color5.link:not(.mdc-ripple-upgraded):focus::before,
input[type=submit].color5.link.mdc-ripple-upgraded--background-focused::before,
.button.color5.link:not(.mdc-ripple-upgraded):focus::before,
.button.color5.link.mdc-ripple-upgraded--background-focused::before {
transition-duration: 75ms;
opacity: 0.12;
}
input[type=submit].color5.link:not(.mdc-ripple-upgraded)::after,
.button.color5.link:not(.mdc-ripple-upgraded)::after {
transition: opacity 150ms linear;
}
input[type=submit].color5.link:not(.mdc-ripple-upgraded):active::after,
.button.color5.link:not(.mdc-ripple-upgraded):active::after {
transition-duration: 75ms;
opacity: 0.16;
}
input[type=submit].color5.link.mdc-ripple-upgraded,
.button.color5.link.mdc-ripple-upgraded {
--mdc-ripple-fg-opacity: 0.16;
}
input[type=submit].color5.link:hover,
.button.color5.link:hover {
background-color: transparent;
}
input[type=submit].color5 :disabled,
input[type=submit].color5.disabled,
.button.color5 :disabled,
.button.color5.disabled {
background-color: rgba(121, 80, 242, 0.5);
border-color: rgba(121, 80, 242, 0.5);
cursor: default;
pointer-events: none;
}
input[type=submit].color6,
.button.color6 {
background-color: #e64980;
}
input[type=submit].color6:not(:disabled),
.button.color6:not(:disabled) {
color: #ffffff;
}
input[type=submit].color6:not(:disabled),
.button.color6:not(:disabled) {
border-color: #e64980;
}
input[type=submit].color6::before,
input[type=submit].color6::after,
.button.color6::before,
.button.color6::after {
background-color: rgba(255, 255, 255, 0.8);
}
input[type=submit].color6:hover::before,
.button.color6:hover::before {
opacity: 0.08;
}
input[type=submit].color6:not(.mdc-ripple-upgraded):focus::before,
input[type=submit].color6.mdc-ripple-upgraded--background-focused::before,
.button.color6:not(.mdc-ripple-upgraded):focus::before,
.button.color6.mdc-ripple-upgraded--background-focused::before {
transition-duration: 75ms;
opacity: 0.24;
}
input[type=submit].color6:not(.mdc-ripple-upgraded)::after,
.button.color6:not(.mdc-ripple-upgraded)::after {
transition: opacity 150ms linear;
}
input[type=submit].color6:not(.mdc-ripple-upgraded):active::after,
.button.color6:not(.mdc-ripple-upgraded):active::after {
transition-duration: 75ms;
opacity: 0.32;
}
input[type=submit].color6.mdc-ripple-upgraded,
.button.color6.mdc-ripple-upgraded {
--mdc-ripple-fg-opacity: 0.32;
}
input[type=submit].color6.outline,
.button.color6.outline {
background-color: transparent;
border-style: solid;
}
input[type=submit].color6.outline:not(:disabled),
.button.color6.outline:not(:disabled) {
color: #e64980;
}
input[type=submit].color6.outline:disabled,
.button.color6.outline:disabled {
border-color: rgba(0, 0, 0, 0.37);
}
input[type=submit].color6.outline:not(:disabled),
.button.color6.outline:not(:disabled) {
border-color: #e64980;
}
input[type=submit].color6.link,
.button.color6.link {
background-color: transparent;
padding: 0 8px;
}
input[type=submit].color6.link:not(:disabled),
.button.color6.link:not(:disabled) {
color: #e64980;
}
input[type=submit].color6.link::before,
input[type=submit].color6.link::after,
.button.color6.link::before,
.button.color6.link::after {
background-color: rgba(230, 73, 128, 0.8);
}
input[type=submit].color6.link:hover::before,
.button.color6.link:hover::before {
opacity: 0.04;
}
input[type=submit].color6.link:not(.mdc-ripple-upgraded):focus::before,
input[type=submit].color6.link.mdc-ripple-upgraded--background-focused::before,
.button.color6.link:not(.mdc-ripple-upgraded):focus::before,
.button.color6.link.mdc-ripple-upgraded--background-focused::before {
transition-duration: 75ms;
opacity: 0.12;
}
input[type=submit].color6.link:not(.mdc-ripple-upgraded)::after,
.button.color6.link:not(.mdc-ripple-upgraded)::after {
transition: opacity 150ms linear;
}
input[type=submit].color6.link:not(.mdc-ripple-upgraded):active::after,
.button.color6.link:not(.mdc-ripple-upgraded):active::after {
transition-duration: 75ms;
opacity: 0.16;
}
input[type=submit].color6.link.mdc-ripple-upgraded,
.button.color6.link.mdc-ripple-upgraded {
--mdc-ripple-fg-opacity: 0.16;
}
input[type=submit].color6.link:hover,
.button.color6.link:hover {
background-color: transparent;
}
input[type=submit].color6 :disabled,
input[type=submit].color6.disabled,
.button.color6 :disabled,
.button.color6.disabled {
background-color: rgba(230, 73, 128, 0.5);
border-color: rgba(230, 73, 128, 0.5);
cursor: default;
pointer-events: none;
}
input[type=submit].white-text,
.button.white-text {
color: #ffffff !important;
}
input[type=submit].dark-text,
.button.dark-text {
color: #2b2d42 !important;
}
input[type=submit].negative-margin,
.button.negative-margin {
margin-left: -0.5rem;
}
input[type=submit] .button-icon,
.button .button-icon {
font-size: 2em;
margin-right: 0.35em;
vertical-align: middle;
}      .mdc-card {
background-color: #fff; background-color: var(--mdc-theme-surface, #fff);
border-radius: 2px;
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
display: flex;
flex-direction: column;
box-sizing: border-box;
}
.mdc-card--outlined {
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
border: 1px solid #e0e0e0;
}
.mdc-card__media {
position: relative;
box-sizing: border-box;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.mdc-card__media::before {
display: block;
content: "";
}
.mdc-card__media:first-child {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
.mdc-card__media:last-child {
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
}
.mdc-card__media--square::before {
margin-top: 100%;
}
.mdc-card__media--16-9::before {
margin-top: 56.25%;
}
.mdc-card__media-content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
box-sizing: border-box;
}
.mdc-card__primary-action {
--mdc-ripple-fg-size: 0;
--mdc-ripple-left: 0;
--mdc-ripple-top: 0;
--mdc-ripple-fg-scale: 1;
--mdc-ripple-fg-translate-end: 0;
--mdc-ripple-fg-translate-start: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
will-change: transform, opacity;
display: flex;
flex-direction: column;
box-sizing: border-box;
position: relative;
outline: none;
color: inherit;
text-decoration: none;
cursor: pointer;
overflow: hidden;
}
.mdc-card__primary-action::before,
.mdc-card__primary-action::after {
position: absolute;
border-radius: 50%;
opacity: 0;
pointer-events: none;
content: "";
}
.mdc-card__primary-action::before {
transition: opacity 15ms linear;
z-index: 1;
}
.mdc-card__primary-action.mdc-ripple-upgraded::before {
-webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
transform: scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-card__primary-action.mdc-ripple-upgraded::after {
top: 0; left: 0;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: center center;
transform-origin: center center;
}
.mdc-card__primary-action.mdc-ripple-upgraded--unbounded::after {
top: var(--mdc-ripple-top, 0); left: var(--mdc-ripple-left, 0);
}
.mdc-card__primary-action.mdc-ripple-upgraded--foreground-activation::after {
-webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
}
.mdc-card__primary-action.mdc-ripple-upgraded--foreground-deactivation::after {
-webkit-animation: 150ms mdc-ripple-fg-opacity-out;
animation: 150ms mdc-ripple-fg-opacity-out;
-webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-card__primary-action::before,
.mdc-card__primary-action::after {
top: calc(50% - 100%); left: calc(50% - 100%);
width: 200%;
height: 200%;
}
.mdc-card__primary-action.mdc-ripple-upgraded::after {
width: var(--mdc-ripple-fg-size, 100%);
height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-card__primary-action::before,
.mdc-card__primary-action::after {
background-color: black;
}
.mdc-card__primary-action:hover::before {
opacity: 0.04;
}
.mdc-card__primary-action:not(.mdc-ripple-upgraded):focus::before,
.mdc-card__primary-action.mdc-ripple-upgraded--background-focused::before {
transition-duration: 75ms;
opacity: 0.12;
}
.mdc-card__primary-action:not(.mdc-ripple-upgraded)::after {
transition: opacity 150ms linear;
}
.mdc-card__primary-action:not(.mdc-ripple-upgraded):active::after {
transition-duration: 75ms;
opacity: 0.16;
}
.mdc-card__primary-action.mdc-ripple-upgraded {
--mdc-ripple-fg-opacity: 0.16;
}
.mdc-card__primary-action:first-child {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
.mdc-card__primary-action:last-child {
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
}
.mdc-card__actions {
display: flex;
flex-direction: row;
align-items: center;
box-sizing: border-box;
min-height: 52px;
padding: 8px;
}
.mdc-card__actions--full-bleed {
padding: 0;
}
.mdc-card__action-buttons,
.mdc-card__action-icons {
display: flex;
flex-direction: row;
align-items: center;
box-sizing: border-box;
}
.mdc-card__action-icons {
color: rgba(0, 0, 0, 0.38); color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38));
flex-grow: 1;
justify-content: flex-end;
}
.mdc-card__action-buttons + .mdc-card__action-icons { margin-left: 16px; margin-right: 0;
}
[dir=rtl] .mdc-card__action-buttons + .mdc-card__action-icons,
.mdc-card__action-buttons + .mdc-card__action-icons[dir=rtl] { margin-left: 0; margin-right: 16px;
}
.mdc-card__action {
display: inline-flex;
flex-direction: row;
align-items: center;
box-sizing: border-box;
justify-content: center;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.mdc-card__action:focus {
outline: none;
}
.mdc-card__action--button { margin-left: 0; margin-right: 8px;
padding: 0 8px;
}
[dir=rtl] .mdc-card__action--button,
.mdc-card__action--button[dir=rtl] { margin-left: 8px; margin-right: 0;
}
.mdc-card__action--button:last-child { margin-left: 0; margin-right: 0;
}
[dir=rtl] .mdc-card__action--button:last-child,
.mdc-card__action--button:last-child[dir=rtl] { margin-left: 0; margin-right: 0;
}
.mdc-card__actions--full-bleed .mdc-card__action--button {
justify-content: space-between;
width: 100%;
height: auto;
max-height: none;
margin: 0;
padding: 8px 16px;
text-align: left;
}
[dir=rtl] .mdc-card__actions--full-bleed .mdc-card__action--button,
.mdc-card__actions--full-bleed .mdc-card__action--button[dir=rtl] {
text-align: right;
}
.mdc-card__action--icon {
margin: -6px 0;
padding: 12px;
}
.mdc-card__action--icon:not(:disabled) {
color: rgba(0, 0, 0, 0.38); color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38));
}
.mdc-card.rounded {
border-radius: 8px;
overflow: hidden;
}
.mdc-card.rounded-small {
border-radius: 4px;
overflow: hidden;
}
.mdc-card .mdc-card__actions {
min-height: 60px;
border-top: 1px solid #e0e1e1;
}
.mdc-card.bordered,
.mdc-card.card[class*=bottom-border-] {
border: 1px solid #e0e1e1;
}
.card {
padding: 24px 40px;
background-color: #ffffff;
box-shadow: 0px 0px 3px 0 rgba(189, 189, 189, 0.4), 0px 2px 3px 0 rgba(189, 189, 189, 0.3), 0 2px 3px rgba(0, 0, 0, 0.08);
background-color: #fff; background-color: var(--mdc-theme-background, #fff);
border-radius: 8px;
box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.card.small-padding {
padding: 24px 24px;
}
.card.large-padding {
padding: 48px 48px;
}
.card.no-padding {
padding: 0px 0px 1rem 0px;
}
.card.bordered,
.card[class*=bottom-border-] {
border: 1px solid #e0e1e1;
}
.card.bordered.y-move,
.card.y-move[class*=bottom-border-] {
transition: all 0.2s;
}
.card.bordered.y-move:hover,
.card.y-move[class*=bottom-border-]:hover {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
box-shadow: 0 10px 20px rgba(189, 189, 189, 0.19), 0 6px 6px rgba(189, 189, 189, 0.23);
}
.card.transparent {
background: transparent;
border: 1px solid #e0e1e1;
}
.card.rounded {
border-radius: 10px;
}
.card[class*=bottom-border-] {
border-bottom: 3px solid transparent;
}
.card.row-card {
padding-left: 15px;
padding-right: 15px;
}
.card.shadow {
box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.11);
border: 1px solid #E3E4E5;
}
.card.shadow-small {
box-shadow: 0px 0px 3px 0 rgba(189, 189, 189, 0.4), 0px 2px 3px 0 rgba(189, 189, 189, 0.3), 0 2px 3px rgba(0, 0, 0, 0.08);
}
.card.shadow-medium {
box-shadow: 0px 4px 10px 0 rgba(74, 74, 74, 0.3), 0 4px 10px rgba(0, 0, 0, 0.08);
}
.card.shadow-large {
box-shadow: 0px 10px 30px 0 rgba(189, 189, 189, 0.3), 0 10px 30px rgba(0, 0, 0, 0.08);
}
.card.shadow-large-black {
box-shadow: 0px 10px 30px 0 rgba(43, 45, 66, 0.3), 0 10px 30px rgba(0, 0, 0, 0.08);
}
.card.no-radius {
border-radius: 0px;
}
.card.no-shadow {
box-shadow: none;
}
.card.bottom-border-color1 {
border-bottom-color: #228ae6;
}
.card.bottom-border-color2 {
border-bottom-color: #fa5252;
}
.card.bottom-border-color3 {
border-bottom-color: #82c91e;
}
.card.bottom-border-color4 {
border-bottom-color: #fab005;
}
.card.bottom-border-color5 {
border-bottom-color: #7950f2;
}
.card.bottom-border-color6 {
border-bottom-color: #e64980;
}
.card.bottom-border-color-black {
border-bottom-color: #000000;
}
.card.bottom-border-color-white {
border-bottom-color: #ffffff;
}
.card.card-color1 {
background-color: #228ae6;
}
.card.card-color2 {
background-color: #fa5252;
}
.card.card-color3 {
background-color: #82c91e;
}
.card.card-color4 {
background-color: #fab005;
}
.card.card-color5 {
background-color: #7950f2;
}
.card.card-color6 {
background-color: #e64980;
}
.card.card-color-black {
background-color: #000000;
}
.card.card-color-white {
background-color: #ffffff;
}
.card.bg-color1 {
background-color: #228ae6;
}
.card.bg-color2 {
background-color: #fa5252;
}
.card.bg-color3 {
background-color: #82c91e;
}
.card.bg-color4 {
background-color: #fab005;
}
.card.bg-color5 {
background-color: #7950f2;
}
.card.bg-color6 {
background-color: #e64980;
}
.card.bg-color-black {
background-color: #000000;
}
.card.bg-color-white {
background-color: #ffffff;
}  .mdc-form-field {
font-family: Roboto, sans-serif;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-size: 1rem;
line-height: 1.5rem;
font-weight: 400;
letter-spacing: 0.03125em;
text-decoration: inherit;
text-transform: inherit;
color: rgba(0, 0, 0, 0.87); color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
display: inline-flex;
align-items: center;
vertical-align: middle;
}
.mdc-form-field > label {
order: 0;
margin-right: auto;
padding-left: 4px;
}
[dir=rtl] .mdc-form-field > label,
.mdc-form-field[dir=rtl] > label {
margin-left: auto;
padding-right: 4px;
}
.mdc-form-field--align-end > label {
order: -1;
margin-left: auto;
padding-right: 4px;
}
[dir=rtl] .mdc-form-field--align-end > label,
.mdc-form-field--align-end[dir=rtl] > label {
margin-right: auto;
padding-left: 4px;
} .mdc-text-field {
display: inline-block;
position: relative;
margin-bottom: 8px;
will-change: opacity, transform, color;
}
.mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input {
border-bottom-color: #4a4a4a;
}
.mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input:hover {
border-bottom-color: #228ae6;
}
.mdc-text-field .mdc-line-ripple {
background-color: #228ae6;
}
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input {
color: rgba(0, 0, 0, 0.87); color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label {
color: #4a4a4a;
}
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder {
color: #4a4a4a;
}
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {
color: #4a4a4a;
}
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder {
color: #4a4a4a;
}
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {
color: #4a4a4a;
}
.mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-text {
color: #228ae6;
}
.mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--textarea) {
border-bottom-color: #228ae6;
}
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon {
color: #228ae6;
}
select,
textarea,
input:not([type=submit]):not([type=checkbox]),
.mdc-text-field__input {
font-family: Roboto, sans-serif;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
letter-spacing: 0.009375em;
width: 100%;
padding: 0 0 8px;
transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
border: none;
border-bottom: 1px solid;
border-radius: 0;
background: none;
font-size: inherit;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input:not([type=submit]):not([type=checkbox])::-webkit-input-placeholder,
.mdc-text-field__input::-webkit-input-placeholder {
transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1);
opacity: 1;
}
select:-ms-input-placeholder,
textarea:-ms-input-placeholder,
input:not([type=submit]):not([type=checkbox]):-ms-input-placeholder,
.mdc-text-field__input:-ms-input-placeholder {
transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1);
opacity: 1;
}
select::-ms-input-placeholder,
textarea::-ms-input-placeholder,
input:not([type=submit]):not([type=checkbox])::-ms-input-placeholder,
.mdc-text-field__input::-ms-input-placeholder {
transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1);
opacity: 1;
}
select::placeholder,
textarea::placeholder,
input:not([type=submit]):not([type=checkbox])::placeholder,
.mdc-text-field__input::placeholder {
transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1);
opacity: 1;
}
select:focus,
textarea:focus,
input:not([type=submit]):not([type=checkbox]):focus,
.mdc-text-field__input:focus {
outline: none;
}
select:invalid,
textarea:invalid,
input:not([type=submit]):not([type=checkbox]):invalid,
.mdc-text-field__input:invalid {
box-shadow: none;
}
select:-webkit-autofill + .mdc-floating-label,
textarea:-webkit-autofill + .mdc-floating-label,
input:not([type=submit]):not([type=checkbox]):-webkit-autofill + .mdc-floating-label,
.mdc-text-field__input:-webkit-autofill + .mdc-floating-label {
-webkit-transform: translateY(-100%) scale(0.75);
transform: translateY(-100%) scale(0.75);
cursor: auto;
}
select {
width: 100%;
padding: 10px 12px 8px 1px;
outline: none;
white-space: nowrap;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent no-repeat right 2px bottom 16px;
line-height: 1.5rem;
background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%230%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.54%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E);
}
select::-ms-expand {
display: none;
}
@-moz-document url-prefix("")  {
select {
text-indent: -2px;
}
}
select:focus {
border-bottom-color: #228ae6;
}
.mdc-text-field--outlined {
height: 56px;
border: none;
}
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__idle {
border-color: rgba(0, 0, 0, 0.24);
}
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__path {
stroke: rgba(0, 0, 0, 0.24);
}
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline__idle,
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline__idle {
border-color: rgba(0, 0, 0, 0.87);
}
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__path,
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__path {
stroke: rgba(0, 0, 0, 0.87);
}
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__path {
stroke: #6200ee; stroke: var(--mdc-theme-primary, #6200ee);
}
.mdc-text-field--outlined .mdc-floating-label--float-above {
-webkit-transform: translateY(-130%) translateX(0%) scale(0.75);
transform: translateY(-130%) translateX(0%) scale(0.75);
}
[dir=rtl] .mdc-text-field--outlined .mdc-floating-label--float-above,
.mdc-text-field--outlined .mdc-floating-label--float-above[dir=rtl] {
-webkit-transform: translateY(-130%) translateX(0%) scale(0.75);
transform: translateY(-130%) translateX(0%) scale(0.75);
}
.mdc-text-field--outlined .mdc-floating-label--shake {
-webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1;
animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1;
}
.mdc-text-field--outlined .mdc-notched-outline {
border-radius: 4px;
}
.mdc-text-field--outlined .mdc-notched-outline__idle {
border-radius: 4px;
}
.mdc-text-field--outlined .mdc-text-field__input {
display: flex;
padding: 12px;
border: none !important;
background-color: transparent;
z-index: 1;
}
.mdc-text-field--outlined .mdc-floating-label { left: 16px; right: initial;
position: absolute;
bottom: 20px;
}
[dir=rtl] .mdc-text-field--outlined .mdc-floating-label,
.mdc-text-field--outlined .mdc-floating-label[dir=rtl] { left: initial; right: 16px;
}
.mdc-text-field--outlined .mdc-text-field__icon {
z-index: 2;
}
.mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__path {
stroke-width: 2px;
}
.mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input {
color: rgba(0, 0, 0, 0.6);
}
.mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__idle {
border-color: rgba(0, 0, 0, 0.06);
}
.mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__path {
stroke: rgba(0, 0, 0, 0.06);
}
.mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input {
border-bottom: none;
}
.mdc-text-field--outlined.mdc-text-field--dense {
height: 48px;
}
.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above {
-webkit-transform: translateY(-110%) translateX(0%) scale(0.923);
transform: translateY(-110%) translateX(0%) scale(0.923);
}
[dir=rtl] .mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above,
.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above[dir=rtl] {
-webkit-transform: translateY(-110%) translateX(0%) scale(0.923);
transform: translateY(-110%) translateX(0%) scale(0.923);
}
.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake {
-webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-dense 250ms 1;
animation: mdc-floating-label-shake-float-above-text-field-outlined-dense 250ms 1;
}
.mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__input {
padding: 12px 12px 7px;
}
.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label {
bottom: 16px;
}
.mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__icon {
top: 12px;
}
.mdc-text-field--box {
--mdc-ripple-fg-size: 0;
--mdc-ripple-left: 0;
--mdc-ripple-top: 0;
--mdc-ripple-fg-scale: 1;
--mdc-ripple-fg-translate-end: 0;
--mdc-ripple-fg-translate-start: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
will-change: transform, opacity;
border-radius: 4px 4px 0 0;
display: inline-flex;
position: relative;
height: 56px;
margin-top: 16px;
overflow: hidden;
}
.mdc-text-field--box::before,
.mdc-text-field--box::after {
position: absolute;
border-radius: 50%;
opacity: 0;
pointer-events: none;
content: "";
}
.mdc-text-field--box::before {
transition: opacity 15ms linear;
z-index: 1;
}
.mdc-text-field--box.mdc-ripple-upgraded::before {
-webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
transform: scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-text-field--box.mdc-ripple-upgraded::after {
top: 0; left: 0;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: center center;
transform-origin: center center;
}
.mdc-text-field--box.mdc-ripple-upgraded--unbounded::after {
top: var(--mdc-ripple-top, 0); left: var(--mdc-ripple-left, 0);
}
.mdc-text-field--box.mdc-ripple-upgraded--foreground-activation::after {
-webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
}
.mdc-text-field--box.mdc-ripple-upgraded--foreground-deactivation::after {
-webkit-animation: 150ms mdc-ripple-fg-opacity-out;
animation: 150ms mdc-ripple-fg-opacity-out;
-webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
.mdc-text-field--box::before,
.mdc-text-field--box::after {
background-color: rgba(0, 0, 0, 0.87);
}
.mdc-text-field--box:hover::before {
opacity: 0.04;
}
.mdc-text-field--box:not(.mdc-ripple-upgraded):focus::before,
.mdc-text-field--box:not(.mdc-ripple-upgraded):focus-within::before,
.mdc-text-field--box.mdc-ripple-upgraded--background-focused::before {
transition-duration: 75ms;
opacity: 0.12;
}
.mdc-text-field--box::before,
.mdc-text-field--box::after {
top: calc(50% - 100%); left: calc(50% - 100%);
width: 200%;
height: 200%;
}
.mdc-text-field--box.mdc-ripple-upgraded::after {
width: var(--mdc-ripple-fg-size, 100%);
height: var(--mdc-ripple-fg-size, 100%);
}
.mdc-text-field--box:not(.mdc-text-field--disabled) {
background-color: whitesmoke;
}
.mdc-text-field--box .mdc-floating-label--float-above {
-webkit-transform: translateY(-50%) translateX(0%) scale(0.75);
transform: translateY(-50%) translateX(0%) scale(0.75);
}
[dir=rtl] .mdc-text-field--box .mdc-floating-label--float-above,
.mdc-text-field--box .mdc-floating-label--float-above[dir=rtl] {
-webkit-transform: translateY(-50%) translateX(0%) scale(0.75);
transform: translateY(-50%) translateX(0%) scale(0.75);
}
.mdc-text-field--box .mdc-floating-label--shake {
-webkit-animation: mdc-floating-label-shake-float-above-text-field-box 250ms 1;
animation: mdc-floating-label-shake-float-above-text-field-box 250ms 1;
}
.mdc-text-field--box .mdc-text-field__input {
align-self: flex-end;
box-sizing: border-box;
height: 100%;
padding: 20px 16px 0;
}
.mdc-text-field--box .mdc-floating-label { left: 16px; right: initial;
position: absolute;
bottom: 20px;
width: calc(100% - 48px);
text-overflow: ellipsis;
white-space: nowrap;
pointer-events: none;
overflow: hidden;
will-change: transform;
}
[dir=rtl] .mdc-text-field--box .mdc-floating-label,
.mdc-text-field--box .mdc-floating-label[dir=rtl] { left: initial; right: 16px;
}
.mdc-text-field--box.mdc-text-field--disabled {
background-color: #fafafa;
border-bottom: none;
}
.mdc-text-field--box.mdc-text-field--disabled .mdc-text-field__input {
border-bottom-color: rgba(0, 0, 0, 0.06);
}
.mdc-text-field--box.mdc-text-field--disabled:not(.mdc-text-field--disabled) .mdc-floating-label {
color: rgba(0, 0, 0, 0.37);
}
.mdc-text-field--box.mdc-text-field--disabled:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.37);
}
.mdc-text-field--box.mdc-text-field--disabled:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {
color: rgba(0, 0, 0, 0.37);
}
.mdc-text-field--box.mdc-text-field--disabled:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder {
color: rgba(0, 0, 0, 0.37);
}
.mdc-text-field--box.mdc-text-field--disabled:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {
color: rgba(0, 0, 0, 0.37);
}
.mdc-text-field--box.mdc-text-field--dense .mdc-floating-label--float-above {
-webkit-transform: translateY(-70%) translateX(0%) scale(0.923);
transform: translateY(-70%) translateX(0%) scale(0.923);
}
[dir=rtl] .mdc-text-field--box.mdc-text-field--dense .mdc-floating-label--float-above,
.mdc-text-field--box.mdc-text-field--dense .mdc-floating-label--float-above[dir=rtl] {
-webkit-transform: translateY(-70%) translateX(0%) scale(0.923);
transform: translateY(-70%) translateX(0%) scale(0.923);
}
.mdc-text-field--box.mdc-text-field--dense .mdc-floating-label--shake {
-webkit-animation: mdc-floating-label-shake-float-above-text-field-box-dense 250ms 1;
animation: mdc-floating-label-shake-float-above-text-field-box-dense 250ms 1;
}
.mdc-text-field--box.mdc-text-field--dense .mdc-text-field__input {
padding: 12px 12px 0;
}
.mdc-text-field--with-leading-icon .mdc-text-field__icon { left: 15px; right: initial;
}
[dir=rtl] .mdc-text-field--with-leading-icon .mdc-text-field__icon,
.mdc-text-field--with-leading-icon .mdc-text-field__icon[dir=rtl] { left: initial; right: 15px;
}
.mdc-text-field--with-leading-icon .mdc-text-field__input { padding-left: 48px; padding-right: 15px;
}
[dir=rtl] .mdc-text-field--with-leading-icon .mdc-text-field__input,
.mdc-text-field--with-leading-icon .mdc-text-field__input[dir=rtl] { padding-left: 15px; padding-right: 48px;
}
.mdc-text-field--with-leading-icon .mdc-floating-label { left: 48px; right: initial;
}
[dir=rtl] .mdc-text-field--with-leading-icon .mdc-floating-label,
.mdc-text-field--with-leading-icon .mdc-floating-label[dir=rtl] { left: initial; right: 48px;
}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
-webkit-transform: translateY(-130%) translateX(-32px) scale(0.75);
transform: translateY(-130%) translateX(-32px) scale(0.75);
}
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above[dir=rtl] {
-webkit-transform: translateY(-130%) translateX(32px) scale(0.75);
transform: translateY(-130%) translateX(32px) scale(0.75);
}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake {
-webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1;
animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1;
}
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir=rtl] .mdc-floating-label--shake {
-webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl 250ms 1;
animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl 250ms 1;
}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above {
-webkit-transform: translateY(-110%) translateX(-21px) scale(0.923);
transform: translateY(-110%) translateX(-21px) scale(0.923);
}
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above[dir=rtl] {
-webkit-transform: translateY(-110%) translateX(21px) scale(0.923);
transform: translateY(-110%) translateX(21px) scale(0.923);
}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake {
-webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense 250ms 1;
animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense 250ms 1;
}
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense[dir=rtl] .mdc-floating-label--shake {
-webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl 250ms 1;
animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl 250ms 1;
}
.mdc-text-field--with-trailing-icon .mdc-text-field__icon { left: initial; right: 15px;
}
[dir=rtl] .mdc-text-field--with-trailing-icon .mdc-text-field__icon,
.mdc-text-field--with-trailing-icon .mdc-text-field__icon[dir=rtl] { left: 15px; right: initial;
}
.mdc-text-field--with-trailing-icon .mdc-text-field__input { padding-left: 15px; padding-right: 48px;
}
[dir=rtl] .mdc-text-field--with-trailing-icon .mdc-text-field__input,
.mdc-text-field--with-trailing-icon .mdc-text-field__input[dir=rtl] { padding-left: 48px; padding-right: 15px;
}
.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon,
.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon {
bottom: 16px;
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon { left: 12px; right: initial;
}
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon,
.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon[dir=rtl] { left: initial; right: 12px;
}
.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input { padding-left: 38px; padding-right: 12px;
}
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input,
.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input[dir=rtl] { padding-left: 12px; padding-right: 38px;
}
.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label { left: 38px; right: initial;
}
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label,
.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label[dir=rtl] { left: initial; right: 38px;
}
.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon { left: initial; right: 12px;
}
[dir=rtl] .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon,
.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon[dir=rtl] { left: 12px; right: initial;
}
.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input { padding-left: 12px; padding-right: 38px;
}
[dir=rtl] .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input,
.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input[dir=rtl] { padding-left: 38px; padding-right: 12px;
}
.mdc-text-field--upgraded:not(.mdc-text-field--fullwidth):not(.mdc-text-field--box) {
display: inline-flex;
position: relative;
align-items: flex-end;
box-sizing: border-box;
margin-top: 16px;
}
.mdc-text-field--upgraded:not(.mdc-text-field--fullwidth):not(.mdc-text-field--box):not(.mdc-text-field--textarea):not(.mdc-text-field--outlined) {
height: 48px;
}
.mdc-text-field--upgraded:not(.mdc-text-field--fullwidth):not(.mdc-text-field--box) .mdc-floating-label {
pointer-events: none;
background: transparent;
}
.mdc-text-field--dense {
margin-top: 12px;
margin-bottom: 4px;
}
.mdc-text-field--dense .mdc-floating-label--float-above {
-webkit-transform: translateY(-110%) translateX(0%) scale(0.923);
transform: translateY(-110%) translateX(0%) scale(0.923);
}
[dir=rtl] .mdc-text-field--dense .mdc-floating-label--float-above,
.mdc-text-field--dense .mdc-floating-label--float-above[dir=rtl] {
-webkit-transform: translateY(-110%) translateX(0%) scale(0.923);
transform: translateY(-110%) translateX(0%) scale(0.923);
}
.mdc-text-field--dense .mdc-floating-label {
font-size: 0.813rem;
}
.mdc-text-field__input:required + .mdc-floating-label::after {
margin-left: 1px;
content: "*";
}
textarea,
.mdc-text-field--textarea {
border-radius: 4px;
display: flex;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
height: initial;
transition: none;
border: 1px solid;
overflow: hidden;
width: 100%;
}
textarea .mdc-floating-label,
.mdc-text-field--textarea .mdc-floating-label {
border-radius: 4px 4px 0 0;
}
textarea .mdc-text-field__input,
.mdc-text-field--textarea .mdc-text-field__input {
border-radius: 2px;
}
textarea:not(.mdc-text-field--disabled),
.mdc-text-field--textarea:not(.mdc-text-field--disabled) {
border-color: rgba(0, 0, 0, 0.73);
}
textarea:not(.mdc-text-field--disabled) .mdc-text-field__input:focus,
.mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-text-field__input:focus {
border-color: rgba(0, 0, 0, 0.73);
}
textarea .mdc-floating-label--float-above,
.mdc-text-field--textarea .mdc-floating-label--float-above {
-webkit-transform: translateY(-50%) translateX(0%) scale(0.923);
transform: translateY(-50%) translateX(0%) scale(0.923);
}
[dir=rtl] textarea .mdc-floating-label--float-above,
textarea .mdc-floating-label--float-above[dir=rtl],
[dir=rtl] .mdc-text-field--textarea .mdc-floating-label--float-above,
.mdc-text-field--textarea .mdc-floating-label--float-above[dir=rtl] {
-webkit-transform: translateY(-50%) translateX(0%) scale(0.923);
transform: translateY(-50%) translateX(0%) scale(0.923);
}
textarea .mdc-floating-label--shake,
.mdc-text-field--textarea .mdc-floating-label--shake {
-webkit-animation: mdc-floating-label-shake-float-above-textarea 250ms 1;
animation: mdc-floating-label-shake-float-above-textarea 250ms 1;
}
textarea .mdc-text-field__input,
.mdc-text-field--textarea .mdc-text-field__input {
height: auto;
margin: 0;
padding: 16px;
padding-top: 32px;
border: 1px solid transparent;
}
textarea .mdc-floating-label,
.mdc-text-field--textarea .mdc-floating-label {
background-color: white; left: 1px; right: 0; margin-left: 8px; margin-right: 0;
top: 18px;
bottom: auto;
margin-top: 2px;
padding: 12px 8px 8px 8px;
line-height: 1.15;
pointer-events: none;
}
[dir=rtl] textarea .mdc-floating-label,
textarea .mdc-floating-label[dir=rtl],
[dir=rtl] .mdc-text-field--textarea .mdc-floating-label,
.mdc-text-field--textarea .mdc-floating-label[dir=rtl] { left: 0; right: 1px;
}
[dir=rtl] textarea .mdc-floating-label,
textarea .mdc-floating-label[dir=rtl],
[dir=rtl] .mdc-text-field--textarea .mdc-floating-label,
.mdc-text-field--textarea .mdc-floating-label[dir=rtl] { margin-left: 0; margin-right: 8px;
}
textarea:not(.mdc-text-field--disabled),
.mdc-text-field--textarea:not(.mdc-text-field--disabled) {
border-color: #228ae6;
}
textarea:not(.mdc-text-field--disabled) .mdc-text-field__input:focus,
.mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-text-field__input:focus {
border-color: #228ae6;
}
textarea:not(.mdc-text-field--disabled),
.mdc-text-field--textarea:not(.mdc-text-field--disabled) {
border-color: #4a4a4a;
}
.mdc-text-field--textarea textarea {
border: none !important;
}
.mdc-text-field--fullwidth {
width: 100%;
}
.mdc-text-field--fullwidth .mdc-text-field__input {
resize: vertical;
}
.mdc-text-field--fullwidth:not(.mdc-text-field--textarea) {
display: block;
box-sizing: border-box;
height: 56px;
margin: 0;
border: none;
border-bottom: 1px solid;
outline: none;
}
.mdc-text-field--fullwidth:not(.mdc-text-field--textarea) .mdc-text-field__input {
width: 100%;
height: 100%;
padding: 0;
resize: none;
border: none !important;
}
.mdc-text-field--fullwidth.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--textarea) {
border-bottom-color: #b00020;
}
.mdc-text-field--dense + .mdc-text-field-helper-text {
margin-bottom: 4px;
}
.mdc-text-field--box + .mdc-text-field-helper-text,
.mdc-text-field--outlined + .mdc-text-field-helper-text {
margin-right: 16px;
margin-left: 16px;
}
.mdc-form-field > .mdc-text-field + label {
align-self: flex-start;
}
.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
color: #228ae6;
}
.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder {
color: #228ae6;
}
.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {
color: #228ae6;
}
.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder {
color: #228ae6;
}
.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {
color: #228ae6;
}
.mdc-text-field--focused .mdc-text-field__input:required + .mdc-floating-label::after {
color: #b00020;
}
.mdc-text-field--focused + .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg) {
opacity: 1;
}
.mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) {
border-color: #228ae6;
}
.mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input:focus {
border-color: #228ae6;
}
.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input {
border-bottom-color: #b00020;
}
.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input:hover {
border-bottom-color: #b00020;
}
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple {
background-color: #b00020;
}
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label {
color: #b00020;
}
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder {
color: #b00020;
}
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {
color: #b00020;
}
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder {
color: #b00020;
}
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {
color: #b00020;
}
.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid + .mdc-text-field-helper-text--validation-msg {
color: #b00020;
}
.mdc-text-field--invalid.mdc-text-field--with-trailing-icon:not(.mdc-text-field--disabled) .mdc-text-field__icon {
color: #b00020;
}
.mdc-text-field--invalid + .mdc-text-field-helper-text--validation-msg {
opacity: 1;
}
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) {
border-color: #b00020;
}
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input:focus {
border-color: #b00020;
}
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__idle {
border-color: #b00020;
}
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__path {
stroke: #b00020;
}
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline__idle,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline__idle {
border-color: #b00020;
}
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__path,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__path {
stroke: #b00020;
}
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__path {
stroke: #b00020;
}
.mdc-text-field--disabled {
pointer-events: none;
}
.mdc-text-field--disabled .mdc-text-field__input {
border-bottom-color: rgba(35, 31, 32, 0.26);
}
.mdc-text-field--disabled .mdc-text-field__input {
color: rgba(0, 0, 0, 0.37);
}
.mdc-text-field--disabled .mdc-floating-label {
color: rgba(0, 0, 0, 0.37);
}
.mdc-text-field--disabled .mdc-text-field__input::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.37);
}
.mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {
color: rgba(0, 0, 0, 0.37);
}
.mdc-text-field--disabled .mdc-text-field__input::-ms-input-placeholder {
color: rgba(0, 0, 0, 0.37);
}
.mdc-text-field--disabled .mdc-text-field__input::placeholder {
color: rgba(0, 0, 0, 0.37);
}
.mdc-text-field--disabled + .mdc-text-field-helper-text {
color: rgba(0, 0, 0, 0.37);
}
.mdc-text-field--disabled .mdc-text-field__icon {
color: rgba(0, 0, 0, 0.3);
}
.mdc-text-field--disabled:not(.mdc-text-field--textarea) {
border-bottom-color: rgba(0, 0, 0, 0.12);
}
.mdc-text-field--disabled .mdc-text-field__input {
border-bottom: 1px dotted;
}
.mdc-text-field--disabled .mdc-floating-label {
cursor: default;
}
.mdc-text-field--textarea.mdc-text-field--disabled {
border-color: rgba(35, 31, 32, 0.26);
background-color: #f9f9f9;
border-style: solid;
}
.mdc-text-field--textarea.mdc-text-field--disabled .mdc-text-field__input:focus {
border-color: rgba(35, 31, 32, 0.26);
}
.mdc-text-field--textarea.mdc-text-field--disabled .mdc-text-field__input {
border: 1px solid transparent;
}
.mdc-text-field--textarea.mdc-text-field--disabled .mdc-floating-label {
background-color: #f9f9f9;
}
.mdc-floating-label {
font-family: Roboto, sans-serif;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-size: 1rem;
line-height: 1.75rem;
font-weight: 400;
letter-spacing: 0.009375em;
text-decoration: inherit;
text-transform: inherit;
position: absolute;
bottom: 8px;
left: 0;
-webkit-transform-origin: left top;
transform-origin: left top;
transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);
transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
line-height: 1.15rem;
cursor: text; width: 100%;
white-space: nowrap;
overflow: hidden;
}
[dir=rtl] .mdc-floating-label,
.mdc-floating-label[dir=rtl] { right: 0; left: auto; -webkit-transform-origin: right top;
transform-origin: right top;
}
.mdc-floating-label--float-above {
cursor: auto;
}
.mdc-floating-label--float-above {
-webkit-transform: translateY(-100%) translateX(0%) scale(0.75);
transform: translateY(-100%) translateX(0%) scale(0.75);
}
[dir=rtl] .mdc-floating-label--float-above,
.mdc-floating-label--float-above[dir=rtl] {
-webkit-transform: translateY(-100%) translateX(0%) scale(0.75);
transform: translateY(-100%) translateX(0%) scale(0.75);
}
.mdc-floating-label--shake {
-webkit-animation: mdc-floating-label-shake-float-above-standard 250ms 1;
animation: mdc-floating-label-shake-float-above-standard 250ms 1;
}
@-webkit-keyframes mdc-floating-label-shake-float-above-standard {
0% {
-webkit-transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75);
transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75);
}
33% {
-webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
-webkit-transform: translateX(calc(4% - 0%)) translateY(-100%) scale(0.75);
transform: translateX(calc(4% - 0%)) translateY(-100%) scale(0.75);
}
66% {
-webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
-webkit-transform: translateX(calc(-4% - 0%)) translateY(-100%) scale(0.75);
transform: translateX(calc(-4% - 0%)) translateY(-100%) scale(0.75);
}
100% {
-webkit-transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75);
transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75);
}
}
@keyframes mdc-floating-label-shake-float-above-standard {
0% {
-webkit-transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75);
transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75);
}
33% {
-webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
-webkit-transform: translateX(calc(4% - 0%)) translateY(-100%) scale(0.75);
transform: translateX(calc(4% - 0%)) translateY(-100%) scale(0.75);
}
66% {
-webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
-webkit-transform: translateX(calc(-4% - 0%)) translateY(-100%) scale(0.75);
transform: translateX(calc(-4% - 0%)) translateY(-100%) scale(0.75);
}
100% {
-webkit-transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75);
transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75);
}
}
.mdc-floating-label--float-above ~ .mdc-text-field__idle-outline {
opacity: 0;
}
.mdc-floating-label--float-above ~ .mdc-text-field__outline {
opacity: 1;
}
.white-text label,
.white-text select,
.white-text textarea,
.white-text input:not([type=submit]),
.white-text .mdc-text-field {
color: #ffffff;
}
.white-text label::-webkit-input-placeholder,
.white-text label::-webkit-input-placeholder,
.white-text select::-webkit-input-placeholder,
.white-text select::-webkit-input-placeholder,
.white-text textarea::-webkit-input-placeholder,
.white-text textarea::-webkit-input-placeholder,
.white-text input:not([type=submit])::-webkit-input-placeholder,
.white-text input:not([type=submit])::-webkit-input-placeholder,
.white-text .mdc-text-field::-webkit-input-placeholder,
.white-text .mdc-text-field::-webkit-input-placeholder {
color: #ffffff;
}
.white-text label::-webkit-input-placeholder,
.white-text label::placeholder,
.white-text select::-webkit-input-placeholder,
.white-text select::placeholder,
.white-text textarea::-webkit-input-placeholder,
.white-text textarea::placeholder,
.white-text input:not([type=submit])::-webkit-input-placeholder,
.white-text input:not([type=submit])::placeholder,
.white-text .mdc-text-field::-webkit-input-placeholder,
.white-text .mdc-text-field::placeholder {
color: #ffffff;
}
.white-text .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input {
border-bottom-color: #ffffff;
}
.white-text .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input:hover {
border-bottom-color: #ffffff;
}
.white-text .mdc-text-field .mdc-line-ripple {
background-color: #ffffff;
}
.white-text .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input {
color: #ffffff;
}
.white-text .mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label {
color: #ffffff;
}
.white-text .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder {
color: #ffffff;
}
.white-text .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {
color: #ffffff;
}
.white-text .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder {
color: #ffffff;
}
.white-text .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {
color: #ffffff;
}
.white-text .mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-text {
color: #ffffff;
}
.white-text .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--textarea) {
border-bottom-color: #ffffff;
}
.white-text .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon {
color: #ffffff;
}
.white-text textarea:not(.mdc-text-field--disabled),
.white-text .mdc-text-field--textarea:not(.mdc-text-field--disabled) {
border-color: #ffffff;
}
.white-text textarea:not(.mdc-text-field--disabled) .mdc-text-field__input:focus,
.white-text .mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-text-field__input:focus {
border-color: #ffffff;
}
.white-text textarea::-webkit-input-placeholder,
.white-text textarea::-webkit-input-placeholder,
.white-text .mdc-text-field--textarea::-webkit-input-placeholder,
.white-text .mdc-text-field--textarea::-webkit-input-placeholder {
color: #ffffff;
}
.white-text textarea::-webkit-input-placeholder,
.white-text textarea::placeholder,
.white-text .mdc-text-field--textarea::-webkit-input-placeholder,
.white-text .mdc-text-field--textarea::placeholder {
color: #ffffff;
}
.white-text textarea:not(.mdc-text-field--disabled),
.white-text .mdc-text-field--textarea:not(.mdc-text-field--disabled) {
border-color: #ffffff;
} .dark-text label,
.dark-text select,
.dark-text textarea,
.dark-text input:not([type=submit]),
.dark-text .mdc-text-field {
color: #4a4a4a;
}
.dark-text label::-webkit-input-placeholder,
.dark-text label::-webkit-input-placeholder,
.dark-text select::-webkit-input-placeholder,
.dark-text select::-webkit-input-placeholder,
.dark-text textarea::-webkit-input-placeholder,
.dark-text textarea::-webkit-input-placeholder,
.dark-text input:not([type=submit])::-webkit-input-placeholder,
.dark-text input:not([type=submit])::-webkit-input-placeholder,
.dark-text .mdc-text-field::-webkit-input-placeholder,
.dark-text .mdc-text-field::-webkit-input-placeholder {
color: #4a4a4a;
}
.dark-text label::-webkit-input-placeholder,
.dark-text label::placeholder,
.dark-text select::-webkit-input-placeholder,
.dark-text select::placeholder,
.dark-text textarea::-webkit-input-placeholder,
.dark-text textarea::placeholder,
.dark-text input:not([type=submit])::-webkit-input-placeholder,
.dark-text input:not([type=submit])::placeholder,
.dark-text .mdc-text-field::-webkit-input-placeholder,
.dark-text .mdc-text-field::placeholder {
color: #4a4a4a;
}
.dark-text .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input {
border-bottom-color: #4a4a4a;
}
.dark-text .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input:hover {
border-bottom-color: #4a4a4a;
}
.dark-text .mdc-text-field .mdc-line-ripple {
background-color: #228ae6;
}
.dark-text .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input {
color: #4a4a4a;
}
.dark-text .mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label {
color: #4a4a4a;
}
.dark-text .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder {
color: #4a4a4a;
}
.dark-text .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {
color: #4a4a4a;
}
.dark-text .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder {
color: #4a4a4a;
}
.dark-text .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {
color: #4a4a4a;
}
.dark-text .mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-text {
color: #4a4a4a;
}
.dark-text .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--textarea) {
border-bottom-color: #4a4a4a;
}
.dark-text .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon {
color: #4a4a4a;
}
.dark-text textarea:not(.mdc-text-field--disabled),
.dark-text .mdc-text-field--textarea:not(.mdc-text-field--disabled) {
border-color: #4a4a4a;
}
.dark-text textarea:not(.mdc-text-field--disabled) .mdc-text-field__input:focus,
.dark-text .mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-text-field__input:focus {
border-color: #4a4a4a;
}
.dark-text textarea::-webkit-input-placeholder,
.dark-text textarea::-webkit-input-placeholder,
.dark-text .mdc-text-field--textarea::-webkit-input-placeholder,
.dark-text .mdc-text-field--textarea::-webkit-input-placeholder {
color: #4a4a4a;
}
.dark-text textarea::-webkit-input-placeholder,
.dark-text textarea::placeholder,
.dark-text .mdc-text-field--textarea::-webkit-input-placeholder,
.dark-text .mdc-text-field--textarea::placeholder {
color: #4a4a4a;
}
.dark-text textarea:not(.mdc-text-field--disabled),
.dark-text .mdc-text-field--textarea:not(.mdc-text-field--disabled) {
border-color: #4a4a4a;
}  .mdc-elevation--z0 {
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mdc-elevation--z1 {
box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.mdc-elevation--z2 {
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mdc-elevation--z3 {
box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.mdc-elevation--z4 {
box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mdc-elevation--z5 {
box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}
.mdc-elevation--z6 {
box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.mdc-elevation--z7 {
box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}
.mdc-elevation--z8 {
box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.mdc-elevation--z9 {
box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}
.mdc-elevation--z10 {
box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}
.mdc-elevation--z11 {
box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}
.mdc-elevation--z12 {
box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.mdc-elevation--z13 {
box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}
.mdc-elevation--z14 {
box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}
.mdc-elevation--z15 {
box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}
.mdc-elevation--z16 {
box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}
.mdc-elevation--z17 {
box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}
.mdc-elevation--z18 {
box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}
.mdc-elevation--z19 {
box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}
.mdc-elevation--z20 {
box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}
.mdc-elevation--z21 {
box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}
.mdc-elevation--z22 {
box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}
.mdc-elevation--z23 {
box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}
.mdc-elevation--z24 {
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.mdc-elevation-transition {
transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
will-change: box-shadow;
} table {
border-collapse: collapse;
border-spacing: 0;
max-width: 100%;
width: 100%;
empty-cells: show;
font-size: 15px;
line-height: 24px;
}
table caption {
text-align: left;
font-size: 0.875em;
font-weight: 500;
color: #676b72;
}
th {
text-align: left;
font-weight: 700;
vertical-align: bottom;
}
td {
vertical-align: top;
}
tr.align-middle td,
td.align-middle {
vertical-align: middle;
}
th,
td {
padding: 1rem 1rem;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
th:first-child,
td:first-child {
padding-left: 0;
}
th:last-child,
td:last-child {
padding-right: 0;
}
tfoot th,
tfoot td {
color: rgba(141, 153, 174, 0.5);
}
table.bordered td,
table.card[class*=bottom-border-] td,
table.bordered th,
table.card[class*=bottom-border-] th {
border: 1px solid rgba(0, 0, 0, 0.05);
}
table.striped tr:nth-child(odd) td {
background: #f8f8f8;
}
table.bordered td:first-child,
table.card[class*=bottom-border-] td:first-child,
table.bordered th:first-child,
table.card[class*=bottom-border-] th:first-child,
table.striped td:first-child,
table.striped th:first-child {
padding-left: 1rem;
}
table.bordered td:last-child,
table.card[class*=bottom-border-] td:last-child,
table.bordered th:last-child,
table.card[class*=bottom-border-] th:last-child,
table.striped td:last-child,
table.striped th:last-child {
padding-right: 1rem;
}
table.unstyled td,
table.unstyled th {
border: none;
padding: 0;
} .flexbox,
.flexbox-strech {
display: -moz-flex;
display: flex;
}
.flexbox-strech > * {
flex-basis: 100%;
}
.gridContainer {
box-sizing: border-box;
max-width: 1232px;
margin: 0 auto;
padding-right: 15px;
padding-left: 15px;
}
.gridContainer .gridContainer {
max-width: 100%;
width: 100%;
padding-right: 0;
padding-left: 0;
}
.row {
box-sizing: border-box;
display: -moz-flex;
display: flex;
-moz-flex: 0 1 auto;
flex: 0 1 auto;
-moz-flex-direction: row;
flex-direction: row;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.row.basis-auto {
flex-basis: auto;
-moz-align-items: center;
align-items: center;
}
.row > * {
flex-basis: 100%;
padding-right: 15px;
padding-left: 15px;
}
.row.no-gutter > * {
padding-left: 0;
padding-right: 0;
}
@media (min-width: 768px) {
.row.no-gutter-sm > * {
padding-left: 0;
padding-right: 0;
}
}
.row:before,
.row:after {
position: absolute;
}
.row.reverse {
-moz-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.col.reverse {
-moz-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.col-xs {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: auto;
}
.col-xs-1 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
.col-xs-2 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
.col-xs-3 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: 25%;
max-width: 25%;
}
.col-xs-4 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
.col-xs-5 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
}
.col-xs-6 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: 50%;
max-width: 50%;
}
.col-xs-7 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
}
.col-xs-8 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
}
.col-xs-9 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: 75%;
max-width: 75%;
}
.col-xs-10 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
}
.col-xs-11 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
}
.col-xs-12 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: 100%;
max-width: 100%;
}
.col-xs-offset-0 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 0;
}
.col-xs-offset-1 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 8.3333333333%;
}
.col-xs-offset-2 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 16.6666666667%;
}
.col-xs-offset-3 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 25%;
}
.col-xs-offset-4 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 33.3333333333%;
}
.col-xs-offset-5 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 41.6666666667%;
}
.col-xs-offset-6 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 50%;
}
.col-xs-offset-7 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 58.3333333333%;
}
.col-xs-offset-8 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 66.6666666667%;
}
.col-xs-offset-9 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 75%;
}
.col-xs-offset-10 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 83.3333333333%;
}
.col-xs-offset-11 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 91.6666666667%;
}
.col-xs-offset-12 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 100%;
}
.col-xs-fit {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: auto;
-moz-flex-grow: 0;
flex-grow: 0;
max-width: 100%;
}
.col-xs {
-moz-flex-grow: 1;
flex-grow: 1;
flex-basis: 0;
max-width: 100%;
}
.no-grow-xs {
-moz-flex-grow: 0;
flex-grow: 0;
}
.start-xs {
-moz-justify-content: flex-start;
justify-content: flex-start;
text-align: left;
}
.center-xs {
-moz-justify-content: center;
justify-content: center;
text-align: center;
}
.end-xs {
-moz-justify-content: flex-end;
justify-content: flex-end;
text-align: right;
}
.top-xs {
-moz-align-items: flex-start;
align-items: flex-start;
}
.middle-xs {
-moz-align-items: center;
align-items: center;
}
.bottom-xs {
-moz-align-items: flex-end;
align-items: flex-end;
}
.around-xs {
-moz-justify-content: space-around;
justify-content: space-around;
}
.between-xs {
-moz-justify-content: space-between;
justify-content: space-between;
}
.first-xs {
order: -1;
}
.last-xs {
order: 1;
}
.flex-grow > div {
-moz-flex-grow: 1;
flex-grow: 1;
max-width: 100%;
}
@media only screen and (min-width: 768px) {
.gridContainer {
width: 90%;
}
.col-sm {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: auto;
}
.col-sm-fit {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: auto;
-moz-flex-grow: 0;
flex-grow: 0;
max-width: 100%;
}
.col-sm-1 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
.col-sm-2 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
.col-sm-3 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: 25%;
max-width: 25%;
}
.col-sm-4 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
.col-sm-5 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
}
.col-sm-6,
.post-comments .navigation .prev-posts,
.post-comments .navigation .next-posts {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: 50%;
max-width: 50%;
}
.col-sm-7 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
}
.col-sm-8 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
}
.col-sm-9 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: 75%;
max-width: 75%;
}
.col-sm-10 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
}
.col-sm-11 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
}
.col-sm-12 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: 100%;
max-width: 100%;
}
.col-sm-offset-0 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 0;
}
.col-sm-offset-1 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 8.3333333333%;
}
.col-sm-offset-2 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 16.6666666667%;
}
.col-sm-offset-3 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 25%;
}
.col-sm-offset-4 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 33.3333333333%;
}
.col-sm-offset-5 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 41.6666666667%;
}
.col-sm-offset-6 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 50%;
}
.col-sm-offset-7 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 58.3333333333%;
}
.col-sm-offset-8 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 66.6666666667%;
}
.col-sm-offset-9 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 75%;
}
.col-sm-offset-10 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 83.3333333333%;
}
.col-sm-offset-11 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 91.6666666667%;
}
.col-sm-offset-12 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 100%;
}
.col-sm {
-moz-flex-grow: 1;
flex-grow: 1;
flex-basis: 0;
max-width: 100%;
}
.start-sm {
-moz-justify-content: flex-start;
justify-content: flex-start;
text-align: left;
}
.center-sm {
-moz-justify-content: center;
justify-content: center;
text-align: center;
}
.end-sm {
-moz-justify-content: flex-end;
justify-content: flex-end;
text-align: right;
}
.top-sm {
-moz-align-items: flex-start;
align-items: flex-start;
}
.middle-sm {
-moz-align-items: center;
align-items: center;
}
.bottom-sm {
-moz-align-items: flex-end;
align-items: flex-end;
}
.around-sm {
-moz-justify-content: space-around;
justify-content: space-around;
}
.between-sm {
-moz-justify-content: space-between;
justify-content: space-between;
}
.first-sm {
order: -1;
}
.last-sm {
order: 1;
}
}
@media only screen and (min-width: 1024px) {
.gridContainer {
width: 90%;
}
.col-md {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: auto;
}
.col-md-fit {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: auto;
-moz-flex-grow: 0;
flex-grow: 0;
max-width: 100%;
}
.col-md-1 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
.col-md-2 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
.col-md-3 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: 25%;
max-width: 25%;
}
.col-md-4 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
.col-md-5 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
}
.col-md-6 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: 50%;
max-width: 50%;
}
.col-md-7 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
}
.col-md-8 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
}
.col-md-9 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: 75%;
max-width: 75%;
}
.col-md-10 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
}
.col-md-11 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
}
.col-md-12 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: 100%;
max-width: 100%;
}
.col-md-offset-0 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 0;
}
.col-md-offset-1 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 8.3333333333%;
}
.col-md-offset-2 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 16.6666666667%;
}
.col-md-offset-3 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 25%;
}
.col-md-offset-4 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 33.3333333333%;
}
.col-md-offset-5 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 41.6666666667%;
}
.col-md-offset-6 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 50%;
}
.col-md-offset-7 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 58.3333333333%;
}
.col-md-offset-8 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 66.6666666667%;
}
.col-md-offset-9 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 75%;
}
.col-md-offset-10 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 83.3333333333%;
}
.col-md-offset-11 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 91.6666666667%;
}
.col-md-offset-12 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 100%;
}
.col-md {
-moz-flex-grow: 1;
flex-grow: 1;
flex-basis: 0;
max-width: 100%;
}
.start-md {
-moz-justify-content: flex-start;
justify-content: flex-start;
text-align: left;
}
.center-md {
-moz-justify-content: center;
justify-content: center;
text-align: center;
}
.end-md {
-moz-justify-content: flex-end;
justify-content: flex-end;
text-align: right;
}
.top-md {
-moz-align-items: flex-start;
align-items: flex-start;
}
.middle-md {
-moz-align-items: center;
align-items: center;
}
.bottom-md {
-moz-align-items: flex-end;
align-items: flex-end;
}
.around-md {
-moz-justify-content: space-around;
justify-content: space-around;
}
.between-md {
-moz-justify-content: space-between;
justify-content: space-between;
}
.first-md {
order: -1;
}
.last-md {
order: 1;
}
}
@media only screen and (min-width: 1200px) {
.gridContainer {
width: 90%;
}
.col-lg {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: auto;
}
.col-lg-fit {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: auto;
-moz-flex-grow: 0;
flex-grow: 0;
max-width: 100%;
}
.col-lg-1 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
.col-lg-2 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
.col-lg-3 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: 25%;
max-width: 25%;
}
.col-lg-4 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
.col-lg-5 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
}
.col-lg-6 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: 50%;
max-width: 50%;
}
.col-lg-7 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
}
.col-lg-8 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
}
.col-lg-9 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: 75%;
max-width: 75%;
}
.col-lg-10 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
}
.col-lg-11 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
}
.col-lg-12 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: 100%;
max-width: 100%;
}
.col-lg-offset-0 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 0;
}
.col-lg-offset-1 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 8.3333333333%;
}
.col-lg-offset-2 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 16.6666666667%;
}
.col-lg-offset-3 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 25%;
}
.col-lg-offset-4 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 33.3333333333%;
}
.col-lg-offset-5 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 41.6666666667%;
}
.col-lg-offset-6 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 50%;
}
.col-lg-offset-7 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 58.3333333333%;
}
.col-lg-offset-8 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 66.6666666667%;
}
.col-lg-offset-9 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 75%;
}
.col-lg-offset-10 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 83.3333333333%;
}
.col-lg-offset-11 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 91.6666666667%;
}
.col-lg-offset-12 {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
margin-left: 100%;
}
.col-lg {
-moz-flex-grow: 1;
flex-grow: 1;
flex-basis: 0;
max-width: 100%;
}
.start-lg {
-moz-justify-content: flex-start;
justify-content: flex-start;
text-align: left;
}
.center-lg {
-moz-justify-content: center;
justify-content: center;
text-align: center;
}
.end-lg {
-moz-justify-content: flex-end;
justify-content: flex-end;
text-align: right;
}
.top-lg {
-moz-align-items: flex-start;
align-items: flex-start;
}
.middle-lg {
-moz-align-items: center;
align-items: center;
}
.bottom-lg {
-moz-align-items: flex-end;
align-items: flex-end;
}
.around-lg {
-moz-justify-content: space-around;
justify-content: space-around;
}
.between-lg {
-moz-justify-content: space-between;
justify-content: space-between;
}
.first-lg {
order: -1;
}
.last-lg {
order: 1;
}
} #wp-toolbar ul {
display: inline-block;
}
.sticky {
font-family: inherit;
}
.gallery-caption {
font-family: inherit;
}
.bypostauthor {
font-family: inherit;
}
.aligncenter,
div.aligncenter {
display: block;
margin-bottom: 16px;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%;
padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin-bottom: 16px;
}
.wp-caption.alignleft {
margin-bottom: 16px;
}
.wp-caption.alignright {
margin-bottom: 16px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 0.9em;
font-weight: 400;
line-height: 150%;
margin: 0;
padding: 0 4px 5px;
}
.fancybox-container {
z-index: 100000 !important;
}
.embed-container,
.embed-youtube {
position: relative;
padding-bottom: 56.25%; padding-top: 25px;
height: 0;
margin-bottom: 1rem;
}
.embed-container > iframe,
.embed-youtube > iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.mejs-container {
margin-bottom: 2rem;
}
.mejs-inner .mejs-button > button[aria-controls] {
min-width: 10px;
width: 20px;
display: block;
padding: 0px;
border-radius: 0;
background-color: transparent;
border: none;
transition: none;
}
.mejs-inner .mejs-button > button[aria-controls]:hover,
.mejs-inner .mejs-button > button[aria-controls]:focus {
background-color: transparent;
}
@media screen and (max-width: 782px) {
.logged-in.admin-bar .fixto-fixed {
top: 0 !important;
}
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: transparent;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #ffffff;
display: block;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
} .header-top-bar {
background-color: #222222;
display: none;
padding-left: 5%;
padding-right: 5%;
}
.header-top-bar .content-placeholder-p {
padding: 10px;
font-size: 0.6rem;
max-width: 100%;
}
.header-top-bar.no-padding {
padding-left: 0px;
padding-right: 0px;
}
.header-top-bar-inner {
height: 40px;
}
.header-top-bar-area {
position: relative;
display: flex;
}
.header-top-bar-area.area-left .top-bar-social-icons a:first-of-type {
margin-left: -8px;
}
.header-top-bar-area.area-left .top-bar-field:first-of-type {
padding-left: 0px;
}
.header-top-bar-area.area-left > .content-placeholder-p {
margin: 0;
}
.header-top-bar-area.area-right .top-bar-field:last-of-type {
padding-right: 0px;
}
.header-top-bar-area.area-right .top-bar-social-icons a:last-of-type {
margin-right: -8px;
}
.gridContainer .header-top-bar-area.area-left {
margin-left: 0px;
}
.gridContainer .header-top-bar-area.area-right {
margin-right: 0px;
}
.top-bar-social-icons {
display: block;
float: left;
}
.top-bar-social-icons a {
display: inline-block;
font-size: 22px;
padding: 2px 10px;
color: #ffffff;
max-height: 40px;
float: left;
}
.top-bar-social-icons a:hover {
color: white;
}
.top-bar-social-icons a i:before {
vertical-align: middle;
}
.top-bar-field {
display: flex;
font-size: 12px;
text-align: left;
color: #ffffff;
padding: 0 15px;
}
.top-bar-field i.mdi {
font-size: 18px;
color: #999;
margin-right: 10px;
}
.top-bar-field span {
line-height: 18px;
font-size: 0.8rem;
}
.top-bar-field a {
color: #ffffff;
}
.top-bar-field a:hover {
color: white;
}
.top-bar-menu {
list-style: none;
display: block;
margin: 0;
margin-left: -7px;
margin-right: -7px;
}
.top-bar-menu li {
float: left;
padding: 0px 7px;
}
.top-bar-menu li a {
color: #bdbdbd;
text-decoration: none;
line-height: 40px;
font-size: 12px;
}
@media (min-width: 768px) {
.header-top-bar {
display: block;
}
}
#mainmenu_container {
display: none;
}
@media (min-width: 768px) {
#mainmenu_container {
display: flex;
}
}
ul.dropdown-menu {
list-style: none;
padding: 0;
margin: 0;
display: none;
z-index: 1;
box-sizing: border-box;
width: 100%;
position: absolute;
}
ul.dropdown-menu > li.logo:before,
ul.dropdown-menu > li.logo:after {
display: none !important;
}
ul.dropdown-menu li {
display: block;
position: relative;
color: #ffffff;
transition: all 0.4s;
overflow: hidden;
}
ul.dropdown-menu li a {
display: block;
text-decoration: none;
white-space: nowrap;
color: inherit;
position: relative;
overflow: hidden;
padding: 0.9em;
}
ul.dropdown-menu li:hover > ul,
ul.dropdown-menu li.hover > ul,
ul.dropdown-menu li:hover,
ul.dropdown-menu li.hover {
opacity: 1;
height: auto;
overflow: visible;
}
ul.dropdown-menu ul {
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
background-color: #fff; background-color: var(--mdc-theme-background, #fff);
display: block;
position: absolute;
box-sizing: border-box;
min-width: 170px;
max-width: calc(100vw - 32px);
max-height: calc(100vh - 32px);
margin: 0;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: top left;
transform-origin: top left;
border-radius: 3px;
opacity: 0;
white-space: nowrap;
overflow-x: hidden;
overflow-y: auto;
z-index: 4;
transition: all 0.2s linear;
padding: 8px 0;
}
ul.dropdown-menu ul li {
font-family: Roboto, sans-serif;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-size: 1rem;
line-height: 1.75rem;
font-weight: 400;
letter-spacing: 0.009375em;
text-decoration: inherit;
text-transform: inherit;
cursor: pointer;
position: relative;
outline: none;
color: #111111;
text-decoration: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
padding: 0px;
}
ul.dropdown-menu ul ul {
left: 100%;
top: 0;
}
ul.dropdown-menu:before {
content: " ";
display: table;
}
ul.dropdown-menu:after {
content: " ";
display: table;
clear: both;
}
a[data-menu-toggler] {
display: block;
top: 0px;
right: 0px;
padding: 1em;
text-decoration: none;
white-space: nowrap;
position: relative;
color: #ffffff;
text-align: right;
background: #1bc2a2;
}
@media (min-width: 768px) {
ul.dropdown-menu {
display: -moz-flex;
display: flex;
-moz-flex: 1 0 auto;
flex: 1 0 auto;
-moz-flex-direction: row;
flex-direction: row;
flex-wrap: wrap;
position: static;
}
ul.dropdown-menu > li {
margin: 0px 4px;
}
ul.dropdown-menu > li > a {
font-style: normal;
font-size: 0.9em;
line-height: 160%;
letter-spacing: 1px;
text-transform: uppercase;
border-radius: 2px;
}
ul.dropdown-menu li ul {
position: absolute;
padding-left: 0em;
min-width: 200px;
z-index: 10;
top: 100%;
}
ul.dropdown-menu li ul ul {
margin-left: 1px;
top: 5%;
}
ul.dropdown-menu li ul ul:before {
display: block;
content: " ";
width: 5px;
height: 100%;
background: transparent;
float: left;
position: absolute;
margin-left: -5px;
z-index: -1;
}
ul.dropdown-menu li ul ul.open-reverse {
right: 100%;
left: auto;
top: 5%;
margin-right: 1px;
margin-left: 1px;
}
ul.dropdown-menu li ul ul.open-reverse:before {
display: none;
}
ul.dropdown-menu li ul ul.open-reverse:after {
display: block;
content: " ";
width: 5px;
height: 100%;
background: transparent;
position: absolute;
z-index: -1;
top: 0px;
right: -5px;
}
a[data-menu-toggler] {
display: none;
}
.fixto-fixed ul.dropdown-menu > li > a,
.coloured-nav ul.dropdown-menu > li > a {
color: #000000;
}
}
ul.dropdown-menu li li a {
--mdc-ripple-fg-size: 0;
--mdc-ripple-left: 0;
--mdc-ripple-top: 0;
--mdc-ripple-fg-scale: 1;
--mdc-ripple-fg-translate-end: 0;
--mdc-ripple-fg-translate-start: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
will-change: transform, opacity;
padding: 0.9em 1em;
line-height: 1.5;
}
ul.dropdown-menu li li a::before,
ul.dropdown-menu li li a::after {
position: absolute;
border-radius: 50%;
opacity: 0;
pointer-events: none;
content: "";
}
ul.dropdown-menu li li a::before {
transition: opacity 15ms linear;
z-index: 1;
}
ul.dropdown-menu li li a.mdc-ripple-upgraded::before {
-webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
transform: scale(var(--mdc-ripple-fg-scale, 1));
}
ul.dropdown-menu li li a.mdc-ripple-upgraded::after {
top: 0; left: 0;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: center center;
transform-origin: center center;
}
ul.dropdown-menu li li a.mdc-ripple-upgraded--unbounded::after {
top: var(--mdc-ripple-top, 0); left: var(--mdc-ripple-left, 0);
}
ul.dropdown-menu li li a.mdc-ripple-upgraded--foreground-activation::after {
-webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
}
ul.dropdown-menu li li a.mdc-ripple-upgraded--foreground-deactivation::after {
-webkit-animation: 150ms mdc-ripple-fg-opacity-out;
animation: 150ms mdc-ripple-fg-opacity-out;
-webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
ul.dropdown-menu li li a::before,
ul.dropdown-menu li li a::after {
top: calc(50% - 100%); left: calc(50% - 100%);
width: 200%;
height: 200%;
}
ul.dropdown-menu li li a.mdc-ripple-upgraded::after {
width: var(--mdc-ripple-fg-size, 100%);
height: var(--mdc-ripple-fg-size, 100%);
}
ul.dropdown-menu li li a::before,
ul.dropdown-menu li li a::after {
background-color: #ffffff;
}
ul.dropdown-menu li li a:hover::before {
opacity: 0.2;
}
ul.dropdown-menu li li a:not(.mdc-ripple-upgraded):focus::before,
ul.dropdown-menu li li a.mdc-ripple-upgraded--background-focused::before {
transition-duration: 75ms;
opacity: 0.4;
}
ul.dropdown-menu li li a:not(.mdc-ripple-upgraded)::after {
transition: opacity 150ms linear;
}
ul.dropdown-menu li li a:not(.mdc-ripple-upgraded):active::after {
transition-duration: 75ms;
opacity: 0.5;
}
ul.dropdown-menu li li a.mdc-ripple-upgraded {
--mdc-ripple-fg-opacity: 0.5;
}
ul.dropdown-menu li li:hover:after {
color: #ffffff;
}
ul.dropdown-menu li li:hover > a,
ul.dropdown-menu li li a:hover,
ul.dropdown-menu li li a.hover {
background-color: #228ae6;
color: #ffffff;
}
ul.dropdown-menu.material-buttons li:after {
content: " ";
font-family: Material Design Icons;
display: inline-flex;
align-items: center;
justify-content: center;
color: inherit;
font-size: 1.5em;
box-sizing: border-box;
width: 12px;
height: 100%;
text-align: center;
position: absolute;
top: 0;
right: 12px;
opacity: 0.9;
pointer-events: none;
}
ul.dropdown-menu.material-buttons li.page_item_has_children > a,
ul.dropdown-menu.material-buttons li.menu-item-has-children > a {
padding-right: calc(0.9em + 20px);
}
ul.dropdown-menu.material-buttons li.page_item_has_children:after,
ul.dropdown-menu.material-buttons li.menu-item-has-children:after {
content: "\F35D";
}
ul.dropdown-menu.material-buttons li.page_item_has_children li.page_item_has_children:after,
ul.dropdown-menu.material-buttons li.page_item_has_children li.page_item_has_children:hover:after,
ul.dropdown-menu.material-buttons li.page_item_has_children li.page_item_has_children.hover:after,
ul.dropdown-menu.material-buttons li.page_item_has_children li.menu-item-has-children:after,
ul.dropdown-menu.material-buttons li.page_item_has_children li.menu-item-has-children:hover:after,
ul.dropdown-menu.material-buttons li.page_item_has_children li.menu-item-has-children.hover:after,
ul.dropdown-menu.material-buttons li.menu-item-has-children li.page_item_has_children:after,
ul.dropdown-menu.material-buttons li.menu-item-has-children li.page_item_has_children:hover:after,
ul.dropdown-menu.material-buttons li.menu-item-has-children li.page_item_has_children.hover:after,
ul.dropdown-menu.material-buttons li.menu-item-has-children li.menu-item-has-children:after,
ul.dropdown-menu.material-buttons li.menu-item-has-children li.menu-item-has-children:hover:after,
ul.dropdown-menu.material-buttons li.menu-item-has-children li.menu-item-has-children.hover:after {
content: "\F35F";
font-size: 1.5em;
}
ul.dropdown-menu:not(.material-buttons) > li > a {
position: relative;
}
ul.dropdown-menu:not(.material-buttons) > li > a:after {
content: " ";
font-family: Material Design Icons;
color: inherit;
font-size: 1.5em;
box-sizing: border-box;
opacity: 0.9;
pointer-events: none;
line-height: 1;
display: inline-block;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%) scale(0.7, 1.4);
transform: translateY(-50%) scale(0.7, 1.4);
right: 0;
}
ul.dropdown-menu:not(.material-buttons) > li.page_item_has_children > a,
ul.dropdown-menu:not(.material-buttons) > li.menu-item-has-children > a {
padding-right: 1.5em;
}
ul.dropdown-menu:not(.material-buttons) > li.page_item_has_children > a:after,
ul.dropdown-menu:not(.material-buttons) > li.menu-item-has-children > a:after {
content: "\F35D";
}
ul.dropdown-menu:not(.material-buttons) > li.page_item_has_children li.page_item_has_children:after,
ul.dropdown-menu:not(.material-buttons) > li.page_item_has_children li.menu-item-has-children:after,
ul.dropdown-menu:not(.material-buttons) > li.menu-item-has-children li.page_item_has_children:after,
ul.dropdown-menu:not(.material-buttons) > li.menu-item-has-children li.menu-item-has-children:after {
content: " ";
font-family: Material Design Icons;
display: inline-flex;
align-items: center;
justify-content: center;
color: inherit;
font-size: 1.5em;
box-sizing: border-box;
width: 12px;
height: 100%;
text-align: center;
position: absolute;
top: 0;
right: 12px;
opacity: 0.9;
pointer-events: none;
}
ul.dropdown-menu:not(.material-buttons) > li.page_item_has_children li.page_item_has_children:after,
ul.dropdown-menu:not(.material-buttons) > li.page_item_has_children li.page_item_has_children:hover:after,
ul.dropdown-menu:not(.material-buttons) > li.page_item_has_children li.page_item_has_children.hover:after,
ul.dropdown-menu:not(.material-buttons) > li.page_item_has_children li.menu-item-has-children:after,
ul.dropdown-menu:not(.material-buttons) > li.page_item_has_children li.menu-item-has-children:hover:after,
ul.dropdown-menu:not(.material-buttons) > li.page_item_has_children li.menu-item-has-children.hover:after,
ul.dropdown-menu:not(.material-buttons) > li.menu-item-has-children li.page_item_has_children:after,
ul.dropdown-menu:not(.material-buttons) > li.menu-item-has-children li.page_item_has_children:hover:after,
ul.dropdown-menu:not(.material-buttons) > li.menu-item-has-children li.page_item_has_children.hover:after,
ul.dropdown-menu:not(.material-buttons) > li.menu-item-has-children li.menu-item-has-children:after,
ul.dropdown-menu:not(.material-buttons) > li.menu-item-has-children li.menu-item-has-children:hover:after,
ul.dropdown-menu:not(.material-buttons) > li.menu-item-has-children li.menu-item-has-children.hover:after {
content: "\F35F";
font-size: 1.5em;
}
ul.dropdown-menu.material-buttons > li {
color: #ffffff;
}
ul.dropdown-menu.material-buttons > li > a {
--mdc-ripple-fg-size: 0;
--mdc-ripple-left: 0;
--mdc-ripple-top: 0;
--mdc-ripple-fg-scale: 1;
--mdc-ripple-fg-translate-end: 0;
--mdc-ripple-fg-translate-start: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
will-change: transform, opacity;
transition: background-color 0.3s linear;
}
ul.dropdown-menu.material-buttons > li > a::before,
ul.dropdown-menu.material-buttons > li > a::after {
position: absolute;
border-radius: 50%;
opacity: 0;
pointer-events: none;
content: "";
}
ul.dropdown-menu.material-buttons > li > a::before {
transition: opacity 15ms linear;
z-index: 1;
}
ul.dropdown-menu.material-buttons > li > a.mdc-ripple-upgraded::before {
-webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
transform: scale(var(--mdc-ripple-fg-scale, 1));
}
ul.dropdown-menu.material-buttons > li > a.mdc-ripple-upgraded::after {
top: 0; left: 0;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: center center;
transform-origin: center center;
}
ul.dropdown-menu.material-buttons > li > a.mdc-ripple-upgraded--unbounded::after {
top: var(--mdc-ripple-top, 0); left: var(--mdc-ripple-left, 0);
}
ul.dropdown-menu.material-buttons > li > a.mdc-ripple-upgraded--foreground-activation::after {
-webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
}
ul.dropdown-menu.material-buttons > li > a.mdc-ripple-upgraded--foreground-deactivation::after {
-webkit-animation: 150ms mdc-ripple-fg-opacity-out;
animation: 150ms mdc-ripple-fg-opacity-out;
-webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
}
ul.dropdown-menu.material-buttons > li > a::before,
ul.dropdown-menu.material-buttons > li > a::after {
top: calc(50% - 100%); left: calc(50% - 100%);
width: 200%;
height: 200%;
}
ul.dropdown-menu.material-buttons > li > a.mdc-ripple-upgraded::after {
width: var(--mdc-ripple-fg-size, 100%);
height: var(--mdc-ripple-fg-size, 100%);
}
ul.dropdown-menu.material-buttons > li > a:hover::before {
opacity: 0.2;
}
ul.dropdown-menu.material-buttons > li > a:not(.mdc-ripple-upgraded):focus::before,
ul.dropdown-menu.material-buttons > li > a.mdc-ripple-upgraded--background-focused::before {
transition-duration: 75ms;
opacity: 0.4;
}
ul.dropdown-menu.material-buttons > li > a:not(.mdc-ripple-upgraded)::after {
transition: opacity 150ms linear;
}
ul.dropdown-menu.material-buttons > li > a:not(.mdc-ripple-upgraded):active::after {
transition-duration: 75ms;
opacity: 0.5;
}
ul.dropdown-menu.material-buttons > li > a.mdc-ripple-upgraded {
--mdc-ripple-fg-opacity: 0.5;
}
ul.dropdown-menu.material-buttons > li > a:before,
ul.dropdown-menu.material-buttons > li > a:after {
background-color: #ffffff !important;
}
ul.dropdown-menu.material-buttons > li > a:after {
color: rgba(255, 255, 255, 0.8);
} ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover,
ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover {
color: #228ae6;
}
ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a,
ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a {
background-color: rgba(255, 255, 255, 0.8);
}
ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a:not(:disabled),
ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a:not(:disabled) {
color: #228ae6;
}
ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a::before,
ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a::after,
ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a::before,
ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a::after {
background-color: white;
}
ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a:hover::before,
ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a:hover::before {
opacity: 0.08;
}
ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a:not(.mdc-ripple-upgraded):focus::before,
ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a.mdc-ripple-upgraded--background-focused::before,
ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a:not(.mdc-ripple-upgraded):focus::before,
ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a.mdc-ripple-upgraded--background-focused::before {
transition-duration: 75ms;
opacity: 0.24;
}
ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a:not(.mdc-ripple-upgraded)::after,
ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a:not(.mdc-ripple-upgraded)::after {
transition: opacity 150ms linear;
}
ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a:not(.mdc-ripple-upgraded):active::after,
ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a:not(.mdc-ripple-upgraded):active::after {
transition-duration: 75ms;
opacity: 0.32;
}
ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a.mdc-ripple-upgraded,
ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a.mdc-ripple-upgraded {
--mdc-ripple-fg-opacity: 0.32;
}
ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a::before,
ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a::after,
ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a::before,
ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a::after {
background-color: white;
}
ul.dropdown-menu.material-buttons > .current_page_item,
ul.dropdown-menu.material-buttons > .current-menu-item {
color: #228ae6;
}
ul.dropdown-menu.material-buttons > .current_page_item > a,
ul.dropdown-menu.material-buttons > .current-menu-item > a {
background-color: rgba(255, 255, 255, 0.8);
}
ul.dropdown-menu.material-buttons > .current_page_item > a:not(:disabled),
ul.dropdown-menu.material-buttons > .current-menu-item > a:not(:disabled) {
color: #228ae6;
}
ul.dropdown-menu.material-buttons > .current_page_item > a::before,
ul.dropdown-menu.material-buttons > .current_page_item > a::after,
ul.dropdown-menu.material-buttons > .current-menu-item > a::before,
ul.dropdown-menu.material-buttons > .current-menu-item > a::after {
background-color: white;
}
ul.dropdown-menu.material-buttons > .current_page_item > a:hover::before,
ul.dropdown-menu.material-buttons > .current-menu-item > a:hover::before {
opacity: 0.08;
}
ul.dropdown-menu.material-buttons > .current_page_item > a:not(.mdc-ripple-upgraded):focus::before,
ul.dropdown-menu.material-buttons > .current_page_item > a.mdc-ripple-upgraded--background-focused::before,
ul.dropdown-menu.material-buttons > .current-menu-item > a:not(.mdc-ripple-upgraded):focus::before,
ul.dropdown-menu.material-buttons > .current-menu-item > a.mdc-ripple-upgraded--background-focused::before {
transition-duration: 75ms;
opacity: 0.24;
}
ul.dropdown-menu.material-buttons > .current_page_item > a:not(.mdc-ripple-upgraded)::after,
ul.dropdown-menu.material-buttons > .current-menu-item > a:not(.mdc-ripple-upgraded)::after {
transition: opacity 150ms linear;
}
ul.dropdown-menu.material-buttons > .current_page_item > a:not(.mdc-ripple-upgraded):active::after,
ul.dropdown-menu.material-buttons > .current-menu-item > a:not(.mdc-ripple-upgraded):active::after {
transition-duration: 75ms;
opacity: 0.32;
}
ul.dropdown-menu.material-buttons > .current_page_item > a.mdc-ripple-upgraded,
ul.dropdown-menu.material-buttons > .current-menu-item > a.mdc-ripple-upgraded {
--mdc-ripple-fg-opacity: 0.32;
}
ul.dropdown-menu.material-buttons > .current_page_item > a::before,
ul.dropdown-menu.material-buttons > .current_page_item > a::after,
ul.dropdown-menu.material-buttons > .current-menu-item > a::before,
ul.dropdown-menu.material-buttons > .current-menu-item > a::after {
background-color: white;
} .coloured-nav ul.dropdown-menu > li,
.fixto-fixed ul.dropdown-menu > li {
color: #000000;
}
.coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover,
.coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover,
.fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover,
.fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover {
color: #ffffff;
}
.coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a,
.coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a,
.fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a,
.fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a {
background-color: #228ae6;
}
.coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a:not(:disabled),
.coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a:not(:disabled),
.fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a:not(:disabled),
.fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a:not(:disabled) {
color: #ffffff;
}
.coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a::before,
.coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a::after,
.coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a::before,
.coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a::after,
.fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a::before,
.fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a::after,
.fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a::before,
.fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a::after {
background-color: #228ae6;
}
.coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a:hover::before,
.coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a:hover::before,
.fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a:hover::before,
.fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a:hover::before {
opacity: 0.04;
}
.coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a:not(.mdc-ripple-upgraded):focus::before,
.coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a.mdc-ripple-upgraded--background-focused::before,
.coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a:not(.mdc-ripple-upgraded):focus::before,
.coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a.mdc-ripple-upgraded--background-focused::before,
.fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a:not(.mdc-ripple-upgraded):focus::before,
.fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a.mdc-ripple-upgraded--background-focused::before,
.fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a:not(.mdc-ripple-upgraded):focus::before,
.fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a.mdc-ripple-upgraded--background-focused::before {
transition-duration: 75ms;
opacity: 0.12;
}
.coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a:not(.mdc-ripple-upgraded)::after,
.coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a:not(.mdc-ripple-upgraded)::after,
.fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a:not(.mdc-ripple-upgraded)::after,
.fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a:not(.mdc-ripple-upgraded)::after {
transition: opacity 150ms linear;
}
.coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a:not(.mdc-ripple-upgraded):active::after,
.coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a:not(.mdc-ripple-upgraded):active::after,
.fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a:not(.mdc-ripple-upgraded):active::after,
.fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a:not(.mdc-ripple-upgraded):active::after {
transition-duration: 75ms;
opacity: 0.16;
}
.coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a.mdc-ripple-upgraded,
.coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a.mdc-ripple-upgraded,
.fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a.mdc-ripple-upgraded,
.fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a.mdc-ripple-upgraded {
--mdc-ripple-fg-opacity: 0.16;
}
.coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a::before,
.coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a::after,
.coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a::before,
.coloured-nav ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a::after,
.fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a::before,
.fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a::after,
.fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a::before,
.fixto-fixed ul.dropdown-menu.material-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a::after {
background-color: #228ae6;
}
.coloured-nav ul.dropdown-menu.material-buttons > .current_page_item,
.coloured-nav ul.dropdown-menu.material-buttons > .current-menu-item,
.fixto-fixed ul.dropdown-menu.material-buttons > .current_page_item,
.fixto-fixed ul.dropdown-menu.material-buttons > .current-menu-item {
color: #ffffff;
}
.coloured-nav ul.dropdown-menu.material-buttons > .current_page_item > a,
.coloured-nav ul.dropdown-menu.material-buttons > .current-menu-item > a,
.fixto-fixed ul.dropdown-menu.material-buttons > .current_page_item > a,
.fixto-fixed ul.dropdown-menu.material-buttons > .current-menu-item > a {
background-color: #228ae6;
}
.coloured-nav ul.dropdown-menu.material-buttons > .current_page_item > a:not(:disabled),
.coloured-nav ul.dropdown-menu.material-buttons > .current-menu-item > a:not(:disabled),
.fixto-fixed ul.dropdown-menu.material-buttons > .current_page_item > a:not(:disabled),
.fixto-fixed ul.dropdown-menu.material-buttons > .current-menu-item > a:not(:disabled) {
color: #ffffff;
}
.coloured-nav ul.dropdown-menu.material-buttons > .current_page_item > a::before,
.coloured-nav ul.dropdown-menu.material-buttons > .current_page_item > a::after,
.coloured-nav ul.dropdown-menu.material-buttons > .current-menu-item > a::before,
.coloured-nav ul.dropdown-menu.material-buttons > .current-menu-item > a::after,
.fixto-fixed ul.dropdown-menu.material-buttons > .current_page_item > a::before,
.fixto-fixed ul.dropdown-menu.material-buttons > .current_page_item > a::after,
.fixto-fixed ul.dropdown-menu.material-buttons > .current-menu-item > a::before,
.fixto-fixed ul.dropdown-menu.material-buttons > .current-menu-item > a::after {
background-color: #228ae6;
}
.coloured-nav ul.dropdown-menu.material-buttons > .current_page_item > a::before,
.coloured-nav ul.dropdown-menu.material-buttons > .current_page_item > a::after,
.coloured-nav ul.dropdown-menu.material-buttons > .current-menu-item > a::before,
.coloured-nav ul.dropdown-menu.material-buttons > .current-menu-item > a::after,
.fixto-fixed ul.dropdown-menu.material-buttons > .current_page_item > a::before,
.fixto-fixed ul.dropdown-menu.material-buttons > .current_page_item > a::after,
.fixto-fixed ul.dropdown-menu.material-buttons > .current-menu-item > a::before,
.fixto-fixed ul.dropdown-menu.material-buttons > .current-menu-item > a::after {
background-color: #228ae6;
}
.coloured-nav ul.dropdown-menu.material-buttons > .current_page_item > a:hover::before,
.coloured-nav ul.dropdown-menu.material-buttons > .current-menu-item > a:hover::before,
.fixto-fixed ul.dropdown-menu.material-buttons > .current_page_item > a:hover::before,
.fixto-fixed ul.dropdown-menu.material-buttons > .current-menu-item > a:hover::before {
opacity: 0.04;
}
.coloured-nav ul.dropdown-menu.material-buttons > .current_page_item > a:not(.mdc-ripple-upgraded):focus::before,
.coloured-nav ul.dropdown-menu.material-buttons > .current_page_item > a.mdc-ripple-upgraded--background-focused::before,
.coloured-nav ul.dropdown-menu.material-buttons > .current-menu-item > a:not(.mdc-ripple-upgraded):focus::before,
.coloured-nav ul.dropdown-menu.material-buttons > .current-menu-item > a.mdc-ripple-upgraded--background-focused::before,
.fixto-fixed ul.dropdown-menu.material-buttons > .current_page_item > a:not(.mdc-ripple-upgraded):focus::before,
.fixto-fixed ul.dropdown-menu.material-buttons > .current_page_item > a.mdc-ripple-upgraded--background-focused::before,
.fixto-fixed ul.dropdown-menu.material-buttons > .current-menu-item > a:not(.mdc-ripple-upgraded):focus::before,
.fixto-fixed ul.dropdown-menu.material-buttons > .current-menu-item > a.mdc-ripple-upgraded--background-focused::before {
transition-duration: 75ms;
opacity: 0.12;
}
.coloured-nav ul.dropdown-menu.material-buttons > .current_page_item > a:not(.mdc-ripple-upgraded)::after,
.coloured-nav ul.dropdown-menu.material-buttons > .current-menu-item > a:not(.mdc-ripple-upgraded)::after,
.fixto-fixed ul.dropdown-menu.material-buttons > .current_page_item > a:not(.mdc-ripple-upgraded)::after,
.fixto-fixed ul.dropdown-menu.material-buttons > .current-menu-item > a:not(.mdc-ripple-upgraded)::after {
transition: opacity 150ms linear;
}
.coloured-nav ul.dropdown-menu.material-buttons > .current_page_item > a:not(.mdc-ripple-upgraded):active::after,
.coloured-nav ul.dropdown-menu.material-buttons > .current-menu-item > a:not(.mdc-ripple-upgraded):active::after,
.fixto-fixed ul.dropdown-menu.material-buttons > .current_page_item > a:not(.mdc-ripple-upgraded):active::after,
.fixto-fixed ul.dropdown-menu.material-buttons > .current-menu-item > a:not(.mdc-ripple-upgraded):active::after {
transition-duration: 75ms;
opacity: 0.16;
}
.coloured-nav ul.dropdown-menu.material-buttons > .current_page_item > a.mdc-ripple-upgraded,
.coloured-nav ul.dropdown-menu.material-buttons > .current-menu-item > a.mdc-ripple-upgraded,
.fixto-fixed ul.dropdown-menu.material-buttons > .current_page_item > a.mdc-ripple-upgraded,
.fixto-fixed ul.dropdown-menu.material-buttons > .current-menu-item > a.mdc-ripple-upgraded {
--mdc-ripple-fg-opacity: 0.16;
}  ul.dropdown-menu.simple-text-buttons > li > a {
color: rgba(255, 255, 255, 0.65);
transition: color 0.3s;
}
ul.dropdown-menu.simple-text-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a,
ul.dropdown-menu.simple-text-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a {
color: white;
}
ul.dropdown-menu.simple-text-buttons > .current_page_item > a,
ul.dropdown-menu.simple-text-buttons > .current-menu-item > a {
color: white;
}
.coloured-nav ul.dropdown-menu.simple-text-buttons > li > a,
.fixto-fixed ul.dropdown-menu.simple-text-buttons > li > a {
color: #4a4a4a;
}
.coloured-nav ul.dropdown-menu.simple-text-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a,
.coloured-nav ul.dropdown-menu.simple-text-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a,
.fixto-fixed ul.dropdown-menu.simple-text-buttons > li:not(.current-menu-item):not(.current_page_item):hover > a,
.fixto-fixed ul.dropdown-menu.simple-text-buttons > li:not(.current-menu-item):not(.current_page_item).hover > a {
color: #fa5252;
}
.coloured-nav ul.dropdown-menu.simple-text-buttons > .current_page_item > a,
.coloured-nav ul.dropdown-menu.simple-text-buttons > .current-menu-item > a,
.fixto-fixed ul.dropdown-menu.simple-text-buttons > .current_page_item > a,
.fixto-fixed ul.dropdown-menu.simple-text-buttons > .current-menu-item > a {
color: #fa5252;
} ul.dropdown-menu.bordered-active-item > li {
position: relative;
}
ul.dropdown-menu.bordered-active-item > li:before,
ul.dropdown-menu.bordered-active-item > li:after {
content: " ";
display: block;
background: #ffffff;
width: 100%;
left: 0;
height: 2px;
position: absolute;
z-index: 0;
opacity: 0;
}
ul.dropdown-menu.bordered-active-item > li:before {
top: 0.5em;
}
ul.dropdown-menu.bordered-active-item > li:after {
bottom: 0.5em;
}
ul.dropdown-menu.bordered-active-item > li.page_item_has_children,
ul.dropdown-menu.bordered-active-item > li.menu-item-has-children {
padding: 0 0.5em;
}
ul.dropdown-menu.bordered-active-item.effect-borders-in > li:not(.current_page_item):not(current-menu-item):before,
ul.dropdown-menu.bordered-active-item.effect-borders-in > li:not(.current_page_item):not(current-menu-item):after {
width: 100%;
content: "";
opacity: 0;
transition: all 0.3s;
}
ul.dropdown-menu.bordered-active-item.effect-borders-in > li:not(.current_page_item):not(current-menu-item):before {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
ul.dropdown-menu.bordered-active-item.effect-borders-in > li:not(.current_page_item):not(current-menu-item):after {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
ul.dropdown-menu.bordered-active-item.effect-borders-in > li:not(.current_page_item):not(current-menu-item):hover:before,
ul.dropdown-menu.bordered-active-item.effect-borders-in > li:not(.current_page_item):not(current-menu-item):hover:after {
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
ul.dropdown-menu.bordered-active-item.effect-borders-out > li:not(.current_page_item):not(current-menu-item):before,
ul.dropdown-menu.bordered-active-item.effect-borders-out > li:not(.current_page_item):not(current-menu-item):after {
opacity: 0;
transition: all 0.3s;
}
ul.dropdown-menu.bordered-active-item.effect-borders-out > li:not(.current_page_item):not(current-menu-item):before {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
ul.dropdown-menu.bordered-active-item.effect-borders-out > li:not(.current_page_item):not(current-menu-item):after {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
ul.dropdown-menu.bordered-active-item.effect-borders-out > li:not(.current_page_item):not(current-menu-item):hover:before,
ul.dropdown-menu.bordered-active-item.effect-borders-out > li:not(.current_page_item):not(current-menu-item):hover:after {
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
ul.dropdown-menu.bordered-active-item.effect-borders-grow > li:not(.current_page_item):not(current-menu-item):before,
ul.dropdown-menu.bordered-active-item.effect-borders-grow > li:not(.current_page_item):not(current-menu-item):after {
opacity: 0;
width: 0;
content: "";
transition: all 0.3s;
}
ul.dropdown-menu.bordered-active-item.effect-borders-grow > li:not(.current_page_item):not(current-menu-item):before {
left: 0em;
right: auto;
}
ul.dropdown-menu.bordered-active-item.effect-borders-grow > li:not(.current_page_item):not(current-menu-item):after {
right: 0em;
left: auto;
}
ul.dropdown-menu.bordered-active-item.effect-borders-grow > li:not(.current_page_item):not(current-menu-item):hover:before,
ul.dropdown-menu.bordered-active-item.effect-borders-grow > li:not(.current_page_item):not(current-menu-item):hover:after {
opacity: 1;
width: 100%;
}
ul.dropdown-menu.bordered-active-item.effect-none > li:not(.current_page_item):not(current-menu-item):before,
ul.dropdown-menu.bordered-active-item.effect-none > li:not(.current_page_item):not(current-menu-item):after {
opacity: 0;
transition: none;
}
ul.dropdown-menu.bordered-active-item.effect-none > li:not(.current_page_item):not(current-menu-item):hover:before,
ul.dropdown-menu.bordered-active-item.effect-none > li:not(.current_page_item):not(current-menu-item):hover:after {
opacity: 1;
}
ul.dropdown-menu.bordered-active-item.grow-from-left > li:not(.current_page_item):not(current-menu-item):before,
ul.dropdown-menu.bordered-active-item.grow-from-left > li:not(.current_page_item):not(current-menu-item):after {
left: 0 !important;
right: auto !important;
}
ul.dropdown-menu.bordered-active-item.grow-from-right > li:not(.current_page_item):not(current-menu-item):before,
ul.dropdown-menu.bordered-active-item.grow-from-right > li:not(.current_page_item):not(current-menu-item):after {
right: 0 !important;
left: auto !important;
}
ul.dropdown-menu.bordered-active-item.grow-from-center > li:not(.current_page_item):not(current-menu-item):before,
ul.dropdown-menu.bordered-active-item.grow-from-center > li:not(.current_page_item):not(current-menu-item):after {
left: 50% !important;
right: auto !important;
}
ul.dropdown-menu.bordered-active-item.grow-from-center > li:not(.current_page_item):not(current-menu-item):hover:before,
ul.dropdown-menu.bordered-active-item.grow-from-center > li:not(.current_page_item):not(current-menu-item):hover:after {
left: 0 !important;
right: auto !important;
} ul.dropdown-menu.bordered-active-item--top > li:after {
visibility: hidden;
}
ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item):hover,
ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item).hover {
color: #ffffff;
}
ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item):hover:before,
ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item):hover:after,
ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item).hover:before,
ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item).hover:after {
background: #ffffff;
}
ul.dropdown-menu.bordered-active-item--top > .current_page_item,
ul.dropdown-menu.bordered-active-item--top > .current-menu-item {
color: #ffffff;
}
ul.dropdown-menu.bordered-active-item--top > .current_page_item:before,
ul.dropdown-menu.bordered-active-item--top > .current-menu-item:before {
opacity: 0.75;
}
ul.dropdown-menu.bordered-active-item--top > .current_page_item:before,
ul.dropdown-menu.bordered-active-item--top > .current_page_item:after,
ul.dropdown-menu.bordered-active-item--top > .current-menu-item:before,
ul.dropdown-menu.bordered-active-item--top > .current-menu-item:after {
background: #ffffff;
}
.coloured-nav ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item):hover,
.coloured-nav ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item).hover,
.fixto-fixed ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item):hover,
.fixto-fixed ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item).hover {
color: #fa5252;
}
.coloured-nav ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item):hover:before,
.coloured-nav ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item):hover:after,
.coloured-nav ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item).hover:before,
.coloured-nav ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item).hover:after,
.fixto-fixed ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item):hover:before,
.fixto-fixed ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item):hover:after,
.fixto-fixed ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item).hover:before,
.fixto-fixed ul.dropdown-menu.bordered-active-item--top > li:not(.current-menu-item):not(.current_page_item).hover:after {
background: #fa5252;
}
.coloured-nav ul.dropdown-menu.bordered-active-item--top > .current_page_item,
.coloured-nav ul.dropdown-menu.bordered-active-item--top > .current-menu-item,
.fixto-fixed ul.dropdown-menu.bordered-active-item--top > .current_page_item,
.fixto-fixed ul.dropdown-menu.bordered-active-item--top > .current-menu-item {
color: #fa5252;
}
.coloured-nav ul.dropdown-menu.bordered-active-item--top > .current_page_item:before,
.coloured-nav ul.dropdown-menu.bordered-active-item--top > .current-menu-item:before,
.fixto-fixed ul.dropdown-menu.bordered-active-item--top > .current_page_item:before,
.fixto-fixed ul.dropdown-menu.bordered-active-item--top > .current-menu-item:before {
opacity: 0.75;
}
.coloured-nav ul.dropdown-menu.bordered-active-item--top > .current_page_item:before,
.coloured-nav ul.dropdown-menu.bordered-active-item--top > .current_page_item:after,
.coloured-nav ul.dropdown-menu.bordered-active-item--top > .current-menu-item:before,
.coloured-nav ul.dropdown-menu.bordered-active-item--top > .current-menu-item:after,
.fixto-fixed ul.dropdown-menu.bordered-active-item--top > .current_page_item:before,
.fixto-fixed ul.dropdown-menu.bordered-active-item--top > .current_page_item:after,
.fixto-fixed ul.dropdown-menu.bordered-active-item--top > .current-menu-item:before,
.fixto-fixed ul.dropdown-menu.bordered-active-item--top > .current-menu-item:after {
background: #fa5252;
} ul.dropdown-menu.bordered-active-item--bottom > li:before {
visibility: hidden;
}
ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item):hover,
ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item).hover {
color: #ffffff;
}
ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item):hover:before,
ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item):hover:after,
ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item).hover:before,
ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item).hover:after {
background: #ffffff;
}
ul.dropdown-menu.bordered-active-item--bottom > .current_page_item,
ul.dropdown-menu.bordered-active-item--bottom > .current-menu-item {
color: #ffffff;
}
ul.dropdown-menu.bordered-active-item--bottom > .current_page_item:after,
ul.dropdown-menu.bordered-active-item--bottom > .current-menu-item:after {
opacity: 0.75;
}
ul.dropdown-menu.bordered-active-item--bottom > .current_page_item:before,
ul.dropdown-menu.bordered-active-item--bottom > .current_page_item:after,
ul.dropdown-menu.bordered-active-item--bottom > .current-menu-item:before,
ul.dropdown-menu.bordered-active-item--bottom > .current-menu-item:after {
background: #ffffff;
}
.coloured-nav ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item):hover,
.coloured-nav ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item).hover,
.fixto-fixed ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item):hover,
.fixto-fixed ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item).hover {
color: #fa5252;
}
.coloured-nav ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item):hover:before,
.coloured-nav ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item):hover:after,
.coloured-nav ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item).hover:before,
.coloured-nav ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item).hover:after,
.fixto-fixed ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item):hover:before,
.fixto-fixed ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item):hover:after,
.fixto-fixed ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item).hover:before,
.fixto-fixed ul.dropdown-menu.bordered-active-item--bottom > li:not(.current-menu-item):not(.current_page_item).hover:after {
background: #fa5252;
}
.coloured-nav ul.dropdown-menu.bordered-active-item--bottom > .current_page_item,
.coloured-nav ul.dropdown-menu.bordered-active-item--bottom > .current-menu-item,
.fixto-fixed ul.dropdown-menu.bordered-active-item--bottom > .current_page_item,
.fixto-fixed ul.dropdown-menu.bordered-active-item--bottom > .current-menu-item {
color: #fa5252;
}
.coloured-nav ul.dropdown-menu.bordered-active-item--bottom > .current_page_item:after,
.coloured-nav ul.dropdown-menu.bordered-active-item--bottom > .current-menu-item:after,
.fixto-fixed ul.dropdown-menu.bordered-active-item--bottom > .current_page_item:after,
.fixto-fixed ul.dropdown-menu.bordered-active-item--bottom > .current-menu-item:after {
opacity: 0.75;
}
.coloured-nav ul.dropdown-menu.bordered-active-item--bottom > .current_page_item:before,
.coloured-nav ul.dropdown-menu.bordered-active-item--bottom > .current_page_item:after,
.coloured-nav ul.dropdown-menu.bordered-active-item--bottom > .current-menu-item:before,
.coloured-nav ul.dropdown-menu.bordered-active-item--bottom > .current-menu-item:after,
.fixto-fixed ul.dropdown-menu.bordered-active-item--bottom > .current_page_item:before,
.fixto-fixed ul.dropdown-menu.bordered-active-item--bottom > .current_page_item:after,
.fixto-fixed ul.dropdown-menu.bordered-active-item--bottom > .current-menu-item:before,
.fixto-fixed ul.dropdown-menu.bordered-active-item--bottom > .current-menu-item:after {
background: #fa5252;
}
ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item):hover,
ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item).hover {
color: #ffffff;
}
ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item):hover:before,
ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item):hover:after,
ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item).hover:before,
ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item).hover:after {
background: #ffffff;
}
ul.dropdown-menu.bordered-active-item--top-and-bottom > .current_page_item,
ul.dropdown-menu.bordered-active-item--top-and-bottom > .current-menu-item {
color: #ffffff;
}
ul.dropdown-menu.bordered-active-item--top-and-bottom > .current_page_item:before,
ul.dropdown-menu.bordered-active-item--top-and-bottom > .current_page_item:after,
ul.dropdown-menu.bordered-active-item--top-and-bottom > .current-menu-item:before,
ul.dropdown-menu.bordered-active-item--top-and-bottom > .current-menu-item:after {
opacity: 0.75;
}
ul.dropdown-menu.bordered-active-item--top-and-bottom > .current_page_item:before,
ul.dropdown-menu.bordered-active-item--top-and-bottom > .current_page_item:after,
ul.dropdown-menu.bordered-active-item--top-and-bottom > .current-menu-item:before,
ul.dropdown-menu.bordered-active-item--top-and-bottom > .current-menu-item:after {
background: #ffffff;
}
.coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item):hover,
.coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item).hover,
.fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item):hover,
.fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item).hover {
color: #fa5252;
}
.coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item):hover:before,
.coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item):hover:after,
.coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item).hover:before,
.coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item).hover:after,
.fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item):hover:before,
.fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item):hover:after,
.fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item).hover:before,
.fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > li:not(.current-menu-item):not(.current_page_item).hover:after {
background: #fa5252;
}
.coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > .current_page_item,
.coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > .current-menu-item,
.fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > .current_page_item,
.fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > .current-menu-item {
color: #fa5252;
}
.coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > .current_page_item:before,
.coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > .current_page_item:after,
.coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > .current-menu-item:before,
.coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > .current-menu-item:after,
.fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > .current_page_item:before,
.fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > .current_page_item:after,
.fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > .current-menu-item:before,
.fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > .current-menu-item:after {
opacity: 0.75;
}
.coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > .current_page_item:before,
.coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > .current_page_item:after,
.coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > .current-menu-item:before,
.coloured-nav ul.dropdown-menu.bordered-active-item--top-and-bottom > .current-menu-item:after,
.fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > .current_page_item:before,
.fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > .current_page_item:after,
.fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > .current-menu-item:before,
.fixto-fixed ul.dropdown-menu.bordered-active-item--top-and-bottom > .current-menu-item:after {
background: #fa5252;
}
ul.dropdown-menu.solid-active-item > li {
position: relative;
}
ul.dropdown-menu.solid-active-item > li:before,
ul.dropdown-menu.solid-active-item > li:after {
content: " ";
display: block;
background: rgba(255, 255, 255, 0.8);
width: 100%;
left: 0;
height: 100%;
position: absolute;
z-index: 0;
opacity: 0;
transition: all 0.2s;
}
ul.dropdown-menu.solid-active-item > li > a {
z-index: 1;
color: #ffffff;
transition: all 0.2s;
}
ul.dropdown-menu.solid-active-item > li:before {
top: 0;
}
ul.dropdown-menu.solid-active-item > li:after {
bottom: 0;
}
ul.dropdown-menu.solid-active-item.effect-pull-down > li.current_page_item:before,
ul.dropdown-menu.solid-active-item.effect-pull-down > li.current-menu-item:before {
opacity: 1 !important;
}
ul.dropdown-menu.solid-active-item.effect-pull-down > li.current_page_item:after,
ul.dropdown-menu.solid-active-item.effect-pull-down > li.current-menu-item:after {
visibility: hidden;
}
ul.dropdown-menu.solid-active-item.effect-pull-down > li:not(.current_page_item):not(current-menu-item):before {
height: 0;
opacity: 1 !important;
transition: all 0.3s;
}
ul.dropdown-menu.solid-active-item.effect-pull-down > li:not(.current_page_item):not(current-menu-item):after {
opacity: 0 !important;
visibility: hidden;
transition: none;
}
ul.dropdown-menu.solid-active-item.effect-pull-down > li:not(.current_page_item):not(current-menu-item).hover:before,
ul.dropdown-menu.solid-active-item.effect-pull-down > li:not(.current_page_item):not(current-menu-item):hover:before {
height: 100%;
}
ul.dropdown-menu.solid-active-item.effect-pull-up > li.current_page_item:after,
ul.dropdown-menu.solid-active-item.effect-pull-up > li.current-menu-item:after {
opacity: 1 !important;
}
ul.dropdown-menu.solid-active-item.effect-pull-up > li.current_page_item:before,
ul.dropdown-menu.solid-active-item.effect-pull-up > li.current-menu-item:before {
visibility: hidden;
}
ul.dropdown-menu.solid-active-item.effect-pull-up > li:not(.current_page_item):not(current-menu-item):after {
height: 0;
opacity: 1 !important;
transition: all 0.3s;
}
ul.dropdown-menu.solid-active-item.effect-pull-up > li:not(.current_page_item):not(current-menu-item):before {
opacity: 0 !important;
visibility: hidden;
transition: none;
}
ul.dropdown-menu.solid-active-item.effect-pull-up > li:not(.current_page_item):not(current-menu-item).hover:after,
ul.dropdown-menu.solid-active-item.effect-pull-up > li:not(.current_page_item):not(current-menu-item):hover:after {
height: 100%;
}
ul.dropdown-menu.solid-active-item.effect-pull-up-down > li.current_page_item:before,
ul.dropdown-menu.solid-active-item.effect-pull-up-down > li.current_page_item:after,
ul.dropdown-menu.solid-active-item.effect-pull-up-down > li.current-menu-item:before,
ul.dropdown-menu.solid-active-item.effect-pull-up-down > li.current-menu-item:after {
opacity: 1 !important;
}
ul.dropdown-menu.solid-active-item.effect-pull-up-down > li:not(.current_page_item):not(current-menu-item):before,
ul.dropdown-menu.solid-active-item.effect-pull-up-down > li:not(.current_page_item):not(current-menu-item):after {
height: 0;
opacity: 1 !important;
transition: all 0.4s;
}
ul.dropdown-menu.solid-active-item.effect-pull-up-down > li:not(.current_page_item):not(current-menu-item).hover:before,
ul.dropdown-menu.solid-active-item.effect-pull-up-down > li:not(.current_page_item):not(current-menu-item).hover:after,
ul.dropdown-menu.solid-active-item.effect-pull-up-down > li:not(.current_page_item):not(current-menu-item):hover:before,
ul.dropdown-menu.solid-active-item.effect-pull-up-down > li:not(.current_page_item):not(current-menu-item):hover:after {
height: 100%;
}
ul.dropdown-menu.solid-active-item.effect-pull-up-down-reverse > li.current_page_item:before,
ul.dropdown-menu.solid-active-item.effect-pull-up-down-reverse > li.current_page_item:after,
ul.dropdown-menu.solid-active-item.effect-pull-up-down-reverse > li.current-menu-item:before,
ul.dropdown-menu.solid-active-item.effect-pull-up-down-reverse > li.current-menu-item:after {
opacity: 1 !important;
}
ul.dropdown-menu.solid-active-item.effect-pull-up-down-reverse > li:not(.current_page_item):not(current-menu-item):before {
height: 0%;
width: 100%;
top: 50%;
opacity: 1 !important;
transition: all 0.3s;
}
ul.dropdown-menu.solid-active-item.effect-pull-up-down-reverse > li:not(.current_page_item):not(current-menu-item):after {
opacity: 0 !important;
visibility: hidden;
transition: none;
}
ul.dropdown-menu.solid-active-item.effect-pull-up-down-reverse > li:not(.current_page_item):not(current-menu-item):hover:before {
top: 0;
height: 100%;
}
ul.dropdown-menu.solid-active-item.effect-pull-left-right > li.current_page_item:before,
ul.dropdown-menu.solid-active-item.effect-pull-left-right > li.current-menu-item:before {
opacity: 1 !important;
}
ul.dropdown-menu.solid-active-item.effect-pull-left-right > li.current_page_item:after,
ul.dropdown-menu.solid-active-item.effect-pull-left-right > li.current-menu-item:after {
visibility: hidden;
}
ul.dropdown-menu.solid-active-item.effect-pull-left-right > li:not(.current_page_item):not(current-menu-item):after,
ul.dropdown-menu.solid-active-item.effect-pull-left-right > li:not(.current_page_item):not(current-menu-item):before {
height: 100%;
width: 0;
opacity: 1 !important;
transition: all 0.3s;
}
ul.dropdown-menu.solid-active-item.effect-pull-left-right > li:not(.current_page_item):not(current-menu-item):before {
left: 0;
right: auto;
}
ul.dropdown-menu.solid-active-item.effect-pull-left-right > li:not(.current_page_item):not(current-menu-item):not(.hover):not(:hover):before {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
ul.dropdown-menu.solid-active-item.effect-pull-left-right > li:not(.current_page_item):not(current-menu-item):not(.hover):not(:hover):after {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
ul.dropdown-menu.solid-active-item.effect-pull-left-right > li:not(.current_page_item):not(current-menu-item):after {
right: 0;
left: auto;
}
ul.dropdown-menu.solid-active-item.effect-pull-left-right > li:not(.current_page_item):not(current-menu-item).hover:after,
ul.dropdown-menu.solid-active-item.effect-pull-left-right > li:not(.current_page_item):not(current-menu-item).hover:before,
ul.dropdown-menu.solid-active-item.effect-pull-left-right > li:not(.current_page_item):not(current-menu-item):hover:after,
ul.dropdown-menu.solid-active-item.effect-pull-left-right > li:not(.current_page_item):not(current-menu-item):hover:before {
width: 100%;
border: inherit;
}
ul.dropdown-menu.solid-active-item.effect-pull-left-right-reverse > li.current_page_item:before,
ul.dropdown-menu.solid-active-item.effect-pull-left-right-reverse > li.current-menu-item:before {
opacity: 1 !important;
}
ul.dropdown-menu.solid-active-item.effect-pull-left-right-reverse > li.current_page_item:after,
ul.dropdown-menu.solid-active-item.effect-pull-left-right-reverse > li.current-menu-item:after {
visibility: hidden;
}
ul.dropdown-menu.solid-active-item.effect-pull-left-right-reverse > li:not(.current_page_item):not(current-menu-item):before {
height: 100%;
width: 0;
left: 50%;
opacity: 1 !important;
transition: all 0.3s;
}
ul.dropdown-menu.solid-active-item.effect-pull-left-right-reverse > li:not(.current_page_item):not(current-menu-item):after {
opacity: 0 !important;
visibility: hidden;
transition: none;
}
ul.dropdown-menu.solid-active-item.effect-pull-left-right-reverse > li:not(.current_page_item):not(current-menu-item):hover:before {
left: 0;
width: 100%;
}
ul.dropdown-menu.solid-active-item.effect-none > li.current_page_item:before,
ul.dropdown-menu.solid-active-item.effect-none > li.current-menu-item:before {
opacity: 1 !important;
}
ul.dropdown-menu.solid-active-item.effect-none > li.current_page_item:after,
ul.dropdown-menu.solid-active-item.effect-none > li.current-menu-item:after {
visibility: hidden;
}
ul.dropdown-menu.solid-active-item.effect-none > li:not(.current_page_item):not(current-menu-item):before {
height: 100%;
width: 0;
left: 50%;
opacity: 1 !important;
transition: none;
}
ul.dropdown-menu.solid-active-item.effect-none > li:not(.current_page_item):not(current-menu-item):after {
opacity: 0 !important;
visibility: hidden;
transition: none;
}
ul.dropdown-menu.solid-active-item.effect-none > li:not(.current_page_item):not(current-menu-item):hover:before {
left: 0;
width: 100%;
} ul.dropdown-menu.solid-active-item > li {
color: #ffffff;
}
ul.dropdown-menu.solid-active-item > li:before,
ul.dropdown-menu.solid-active-item > li:after {
background: rgba(255, 255, 255, 0.8);
}
ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item):hover,
ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item).hover {
color: #228ae6;
}
ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item):hover:before,
ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item):hover:after,
ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item).hover:before,
ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item).hover:after {
background: rgba(255, 255, 255, 0.8);
}
ul.dropdown-menu.solid-active-item > .current_page_item,
ul.dropdown-menu.solid-active-item > .current-menu-item {
color: #228ae6;
}
ul.dropdown-menu.solid-active-item > .current_page_item:before,
ul.dropdown-menu.solid-active-item > .current_page_item:after,
ul.dropdown-menu.solid-active-item > .current-menu-item:before,
ul.dropdown-menu.solid-active-item > .current-menu-item:after {
background: rgba(255, 255, 255, 0.8);
}
.coloured-nav ul.dropdown-menu.solid-active-item > li > a,
.fixto-fixed ul.dropdown-menu.solid-active-item > li > a {
color: #000000;
}
.coloured-nav ul.dropdown-menu.solid-active-item > li:before,
.coloured-nav ul.dropdown-menu.solid-active-item > li:after,
.fixto-fixed ul.dropdown-menu.solid-active-item > li:before,
.fixto-fixed ul.dropdown-menu.solid-active-item > li:after {
background: #228ae6;
}
.coloured-nav ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item):hover:before,
.coloured-nav ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item):hover:after,
.coloured-nav ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item).hover:before,
.coloured-nav ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item).hover:after,
.fixto-fixed ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item):hover:before,
.fixto-fixed ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item):hover:after,
.fixto-fixed ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item).hover:before,
.fixto-fixed ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item).hover:after {
background: #228ae6;
}
.coloured-nav ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item):hover > a,
.coloured-nav ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item).hover > a,
.fixto-fixed ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item):hover > a,
.fixto-fixed ul.dropdown-menu.solid-active-item > li:not(.current-menu-item):not(.current_page_item).hover > a {
color: #ffffff;
}
.coloured-nav ul.dropdown-menu.solid-active-item > .current_page_item:before,
.coloured-nav ul.dropdown-menu.solid-active-item > .current_page_item:after,
.coloured-nav ul.dropdown-menu.solid-active-item > .current-menu-item:before,
.coloured-nav ul.dropdown-menu.solid-active-item > .current-menu-item:after,
.fixto-fixed ul.dropdown-menu.solid-active-item > .current_page_item:before,
.fixto-fixed ul.dropdown-menu.solid-active-item > .current_page_item:after,
.fixto-fixed ul.dropdown-menu.solid-active-item > .current-menu-item:before,
.fixto-fixed ul.dropdown-menu.solid-active-item > .current-menu-item:after {
background: #228ae6;
}
.coloured-nav ul.dropdown-menu.solid-active-item > .current_page_item > a,
.coloured-nav ul.dropdown-menu.solid-active-item > .current-menu-item > a,
.fixto-fixed ul.dropdown-menu.solid-active-item > .current_page_item > a,
.fixto-fixed ul.dropdown-menu.solid-active-item > .current-menu-item > a {
color: #ffffff;
} .header-separator-bottom {
position: absolute;
bottom: -1px;
left: 0px;
width: 100%;
}
.header-separator-reverse {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.header-separator svg {
display: block;
width: calc(100% + 1.3px);
}
.header-separator {
position: absolute;
width: 100%;
max-width: 100%;
bottom: -2px;
overflow: hidden;
z-index: 45; }
.page .svg-white-bg {
fill: white;
} .header-top {
align-items: center;
width: 100%;
position: absolute;
z-index: 100;
}
.header-top.small,
.header-top.comment-meta {
position: static;
box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.33);
-moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.33);
-webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.33);
}
.navigation-bar {
display: block;
width: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
padding-top: 10px;
padding-bottom: 10px;
position: relative;
transition: background-color 0.3s;
}
.navigation-bar.coloured-nav {
background-color: white;
}
.navigation-bar.fixto-fixed {
-webkit-transform: translateZ(0);
transform: translateZ(0);
background-color: #FFFFFF;
box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.33);
}
.navigation-bar.fixto-fixed.bordered,
.navigation-bar.fixto-fixed.card[class*=bottom-border-] {
border-bottom: none;
border-bottom-width: 0px;
}
.navigation-bar.bordered,
.navigation-bar.card[class*=bottom-border-] {
border-bottom-width: 2px;
border-bottom-color: white;
border-bottom-style: solid;
}
.navigation-wrapper:not(.gridContainer) {
padding-left: 5%;
padding-right: 5%;
}
.navigation-wrapper .custom_area_col {
display: none;
}
.main_menu_col,
.logo_col {
text-align: left;
display: -moz-flex;
display: flex;
-moz-align-items: center;
align-items: center;
}
.main_menu_col {
justify-content: flex-end;
}
.logo_col {
flex-basis: auto;
max-width: 80%;
}
.custom_area_col {
text-align: center;
white-space: nowrap;
}
.custom_area_col button,
.custom_area_col .button {
margin-right: 1rem;
}
.custom_area_col button:last-of-type,
.custom_area_col .button:last-of-type {
margin-right: 0;
}
a.text-logo,
a.text-logo:visited,
a.text-logo:hover {
text-decoration: none;
font-size: 1.5rem;
line-height: 100%;
color: #ffffff;
text-transform: uppercase;
}
.dark-logo #main_menu > li.logo > a.text-logo,
.dark-logo #main_menu > li.logo > a.text-logo:visited,
.dark-logo #main_menu > li.logo > a.text-logo:hover,
.dark-logo a.text-logo,
.dark-logo a.text-logo:visited,
.dark-logo a.text-logo:hover,
.coloured-nav #main_menu > li.logo > a.text-logo,
.coloured-nav #main_menu > li.logo > a.text-logo:visited,
.coloured-nav #main_menu > li.logo > a.text-logo:hover,
.coloured-nav a.text-logo,
.coloured-nav a.text-logo:visited,
.coloured-nav a.text-logo:hover,
.fixto-fixed #main_menu > li.logo > a.text-logo,
.fixto-fixed #main_menu > li.logo > a.text-logo:visited,
.fixto-fixed #main_menu > li.logo > a.text-logo:hover,
.fixto-fixed a.text-logo,
.fixto-fixed a.text-logo:visited,
.fixto-fixed a.text-logo:hover {
text-decoration: none;
color: #000000;
}
.coloured-nav .main_menu_col [data-component=offcanvas] .bubble,
.fixto-fixed .main_menu_col [data-component=offcanvas] .bubble {
background-color: #000;
}
.coloured-nav .main_menu_col [data-component=offcanvas],
.fixto-fixed .main_menu_col [data-component=offcanvas] {
color: #000000;
} .header-wrapper {
position: relative;
-moz-flex: 0 0 auto;
flex: 0 0 auto;
flex-grow: 0;
}
.header-wrapper > div[class*=header] {
flex-grow: 1;
}
.header,
.header-homepage {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
z-index: 0;
}
h1.hero-title {
color: #FFFFFF;
margin-bottom: 1.25rem;
font-size: 3.2rem;
font-weight: 500;
line-height: 114%;
letter-spacing: 1px;
max-width: 100%;
}
@media (max-width: 767px) {
h1.hero-title {
font-size: 2.3rem;
}
}
p.header-subtitle2,
p.header-subtitle {
font-family: "Roboto", sans-serif;
font-size: 1.3rem;
font-weight: 400;
line-height: 130%;
color: #ffffff;
margin-bottom: 1.25rem;
max-width: 100%;
}
.color-overlay:after,
.color-overlay:before {
width: 100%;
height: 100%;
top: 0px;
left: 0px;
position: absolute;
z-index: 1;
display: inline-block;
content: " "; }
.color-overlay:after {
z-index: 2;
display: block;
}
.background-overlay {
width: 100%;
height: 100%;
top: 0px;
left: 0px;
position: absolute;
z-index: 1;
display: inline-block;
content: ""; }
a.hp-header-primary-button {
color: #ffffff;
background-color: #f5b219;
border-color: #f5b219;
}
a.hp-header-primary-button:hover {
color: #ffffff;
background-color: #f7c24a;
border-color: #f7c24a;
}
a.hp-header-primary-button:disabled,
a.hp-header-primary-button.disabled {
color: rgba(255, 255, 255, 0.7);
background-color: rgba(245, 178, 25, 0.7);
border-color: rgba(245, 178, 25, 0.7);
}
a.hp-header-primary-button.outline {
background: none;
color: #f5b219;
border-color: #f5b219;
}
a.hp-header-primary-button.outline:hover {
color: rgba(255, 255, 255, 0.9);
border-color: rgba(245, 178, 25, 0.7);
}
a.hp-header-primary-button.outline:disabled,
a.hp-header-primary-button.outline.disabled {
background: none;
color: rgba(245, 178, 25, 0.7);
border-color: rgba(245, 178, 25, 0.5);
}
.header-buttons-wrapper .remove-gutter {
margin: 0 -15px;
}
.header-buttons-wrapper .remove-gutter .button {
margin-left: 15px;
margin-right: 15px;
margin-bottom: 7.5px;
margin-top: 7.5px;
}
.header-buttons-wrapper .remove-gutter .badge-button {
width: 12rem;
font-size: 0;
vertical-align: top;
line-height: 0;
border-radius: 8px;
padding: 0;
background: transparent;
border: none;
}
.header-buttons-wrapper .remove-gutter .badge-button:hover {
border: none;
}
.header-buttons-wrapper .remove-gutter .badge-button svg {
width: 100%;
height: auto;
}
.header-homepage-arrow-c {
position: absolute;
text-align: center;
bottom: 0px;
left: 0px;
right: 0px;
z-index: 500;
}
@media (max-width: 767px) {
.header-homepage-arrow-c {
display: none;
}
}
.header-homepage-arrow {
display: inline-block;
line-height: 0px;
cursor: pointer;
background-color: #ffffff;
border-radius: 500px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
bottom: 60px;
color: #000000;
position: relative;
font-size: 20px;
}
.header-homepage-arrow i {
display: flex;
justify-content: center;
align-items: center;
}
@-webkit-keyframes move-down-bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
60% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
}
@keyframes move-down-bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
60% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
}
.move-down-bounce {
-webkit-animation: move-down-bounce 2s infinite;
animation: move-down-bounce 2s infinite;
}
img.homepage-header-image {
display: block;
}
img.homepage-header-image.round {
border-radius: 100%;
border: 5px solid #fff;
text-align: center;
}
iframe.header-hero-video {
width: 100%;
height: 300px;
display: block;
}
.video-popup-button {
position: relative;
z-index: 1;
text-align: center;
}
.video-popup-button.with-image:before {
width: 100%;
height: 100%;
top: 0px;
left: 0px;
position: absolute;
z-index: -1;
background-color: rgba(0, 0, 0, 0.5);
display: inline-block;
content: " ";
}
.video-popup-button img.poster {
position: relative;
width: 100%;
display: block;
z-index: -2;
}
a.video-popup-button-link {
color: #ffffff;
font-size: 100px;
width: 100px;
height: 100px;
}
a.video-popup-button-link:hover {
color: #7AA7F5;
}
.video-popup-button img.poster + a.video-popup-button-link {
position: absolute;
top: 50%;
left: 50%;
margin-left: -50px;
margin-top: -50px;
}
img.logo.dark,
img.custom-logo {
vertical-align: middle;
max-height: 100%;
width: auto;
}
.logo-link.dark {
opacity: 0;
display: none;
}
.fixto-fixed a.logo-link.dark,
.coloured-nav a.logo-link.dark {
opacity: 1;
display: inline-block;
}
.fixto-fixed a.logo-link.dark + a.custom-logo-link,
.coloured-nav a.logo-link.dark + a.custom-logo-link {
display: none;
}
.white-logo a.logo-link.dark,
.fixto-fixed .fixed-white-logo a.logo-link.dark {
opacity: 0;
display: none;
}
.white-logo a.logo-link.dark + a.custom-logo-link,
.fixto-fixed .fixed-white-logo a.logo-link.dark + a.custom-logo-link {
opacity: 1;
display: inline-block;
}
.dark-logo a.logo-link.dark,
.fixto-fixed .fixed-dark-logo a.logo-link.dark {
opacity: 1;
display: inline-block;
}
.dark-logo a.logo-link.dark + a.custom-logo-link,
.fixto-fixed .fixed-dark-logo a.logo-link.dark + a.custom-logo-link {
opacity: 0;
display: none;
}
.nav-search.widget_search * {
background: transparent;
color: #ffffff;
margin-bottom: 0px;
}
.nav-search.widget_search .mdc-text-field {
margin-top: 0;
height: 2em;
}
.nav-search.widget_search input::-webkit-input-placeholder {
color: #ffffff;
}
.nav-search.widget_search input:-ms-input-placeholder {
color: #ffffff;
}
.nav-search.widget_search input::-moz-placeholder {
color: #ffffff;
}
.nav-search.widget_search input:-moz-placeholder {
color: #ffffff;
}
.nav-search.widget_search input:-moz-placeholder {
color: #ffffff;
}
.nav-search.widget_search input:-webkit-autofill,
.nav-search.widget_search input:-webkit-autofill:hover,
.nav-search.widget_search input:-webkit-autofill:focus,
.nav-search.widget_search input:-webkit-autofill:active {
-webkit-text-fill-color: #ffffff;
transition: background-color 5000s ease-in-out 0s;
}
.nav-search.widget_search .mdc-text-field {
position: relative;
}
.nav-search.widget_search .mdc-text-field input,
.nav-search.widget_search .mdc-text-field label {
padding-left: 30px;
}
.nav-search.widget_search .mdc-text-field:before {
display: inline-block;
content: "\F349";
font-family: Material Design Icons;
display: inline-flex;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
font-size: 1.2rem;
box-sizing: border-box;
width: 30px;
height: 40px;
min-height: 20px;
position: absolute;
font-size: 1.4rem;
}
.fixto-fixed {
position: relative;
}
.fixto-fixed .nav-search.widget_search * {
color: #000000;
}
.fixto-fixed .nav-search.widget_search input::-webkit-input-placeholder {
color: #000000;
}
.fixto-fixed .nav-search.widget_search input:-ms-input-placeholder {
color: #000000;
}
.fixto-fixed .nav-search.widget_search input::-moz-placeholder {
color: #000000;
}
.fixto-fixed .nav-search.widget_search input:-moz-placeholder {
color: #000000;
}
.fixto-fixed .nav-search.widget_search input:-moz-placeholder {
color: #000000;
}
.fixto-fixed .nav-search.widget_search input {
border-color: #000000;
}
.navigation-custom-area .social-icons {
margin-left: -10px;
margin-right: -10px;
}
.navigation-custom-area .social-icons a {
display: inline-block;
font-size: 22px;
padding-left: 10px;
padding-right: 10px;
opacity: 0.9;
transition: all 0.3s linear;
}
.navigation-custom-area .social-icons a:hover {
opacity: 1;
}
.navigation-custom-area .button {
margin-bottom: 0;
}
.inner-header-description,
.header-description {
position: relative;
z-index: 50;
}
@media (max-width: 767px) {
.inner-header-description:not(.gridContainer),
.header-description:not(.gridContainer) {
padding-left: 15px;
padding-right: 15px;
}
}
@media (min-width: 768px) {
.inner-header-description:not(.gridContainer),
.header-description:not(.gridContainer) {
max-width: 100%;
overflow-x: hidden;
}
.inner-header-description:not(.gridContainer) .header-description-row,
.header-description:not(.gridContainer) .header-description-row {
margin-left: 0;
margin-right: 0;
}
.inner-header-description:not(.gridContainer) .header-description-row .header-content-centered,
.inner-header-description:not(.gridContainer) .header-description-row .header-content-left,
.inner-header-description:not(.gridContainer) .header-description-row .header-content-right,
.header-description:not(.gridContainer) .header-description-row .header-content-centered,
.header-description:not(.gridContainer) .header-description-row .header-content-left,
.header-description:not(.gridContainer) .header-description-row .header-content-right {
padding-left: 0;
padding-right: 0;
}
.inner-header-description:not(.gridContainer) .header-description-row .header-hero-media-v-align > div,
.header-description:not(.gridContainer) .header-description-row .header-hero-media-v-align > div {
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
.inner-header-description:not(.gridContainer) .header-description-row .header-hero-content-v-align > div,
.header-description:not(.gridContainer) .header-description-row .header-hero-content-v-align > div {
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
}
.materialis-front-page.only-template .header-description {
padding-top: 5%;
padding-bottom: 5%;
}
@media (min-width: 768px) {
.materialis-front-page.overlap-first-section .content {
position: relative;
z-index: 10;
}
.materialis-front-page.overlap-first-section .page-content div[data-overlap]:first-of-type > div:not([class*=section-separator]) {
background: transparent !important;
position: relative;
}
.materialis-front-page.overlap-first-section .page-content div[data-overlap]:first-of-type > div:not([class*=section-separator]) ~ div:not([class*=section-separator]) {
margin-top: auto;
background: initial !important;
}
.materialis-front-page.overlap-first-section .page-content div[data-overlap=true]:first-of-type {
padding-top: 0 !important;
}
}
@media (min-width: 768px) { .content-video-container.iframe-holder {
position: relative;
width: 100%;
}
iframe.header-hero-video {
width: 100%;
left: 0px;
top: 0px;
height: 100%;
position: relative;
min-height: 100px;
display: block;
}
.content-video-container iframe.header-hero-video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.navigation-wrapper .custom_area_col {
display: -moz-flex;
display: flex;
-moz-align-items: center;
align-items: center;
}
.materialis-front-page .header-description-row > div {
display: flex;
}
.logo_col {
max-width: 30%;
}
}
.media-on-bottom .header-media-container,
.media-on-top .header-media-container {
width: 100%;
margin: auto;
}
@media (min-width: 768px) {
.media-on-bottom .header-media-container,
.media-on-top .header-media-container {
width: 50%;
}
}
.media-on-bottom .header-content,
.media-on-top .header-content {
width: 100%;
}
.header-content .align-holder {
display: flex;
flex-direction: column;
align-items: center;
}
@media (max-width: 767px) {
.header-description.media-on-left .header-hero-content {
margin-top: 2rem;
}
}
@media (max-width: 767px) {
.header-description.media-on-right .header-hero-content {
margin-bottom: 2rem;
}
}
@media (min-width: 768px) {
.header-content .align-holder {
margin: auto;
}
.header-content .align-holder.right {
text-align: right;
align-items: flex-end;
margin-right: 0;
}
.header-content .align-holder.left {
text-align: left;
align-items: flex-start;
margin-left: 0;
}
.header-content .align-holder.center {
text-align: center;
align-items: center;
}
.header-hero-media-v-align,
.header-hero-content-v-align,
.header-hero-media .header-hero-media-v-align {
-moz-flex: 1;
flex: 1;
}
.header-description.media-on-left .header-hero-content,
.header-description.media-on-right .header-hero-content {
position: relative;
z-index: 50;
}
}
@media (min-width: 1024px) {
.header-description.media-on-left img.homepage-header-image {
float: left;
}
.header-description.media-on-right img.homepage-header-image {
float: right;
}
.header-description.media-on-left .header-hero-content,
.header-description.media-on-right .header-hero-content {
position: relative;
z-index: 50;
}
.header-description.content-on-center .header-content {
margin-right: auto;
margin-left: auto;
}
.header-description.content-on-left .header-content {
margin-right: auto;
}
.header-description.content-on-right .header-content {
margin-left: auto;
}
}
.offcanvas {
background: #fff;
position: fixed;
padding: 1.5rem;
height: 100%;
top: 0;
left: 0;
z-index: 300;
overflow-y: scroll;
}
.offcanvas .close {
position: absolute;
top: 8px;
right: 8px;
}
.offcanvas-left {
border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.offcanvas-right {
left: auto;
right: 0;
border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.offcanvas-push-body {
position: relative;
}
@-webkit-keyframes slideUp {
to {
height: 0;
padding-top: 0;
padding-bottom: 0;
}
}
@keyframes slideUp {
to {
height: 0;
padding-top: 0;
padding-bottom: 0;
}
}
@-webkit-keyframes slideDown {
from {
height: 0;
padding-top: 0;
padding-bottom: 0;
}
}
@keyframes slideDown {
from {
height: 0;
padding-top: 0;
padding-bottom: 0;
}
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@-webkit-keyframes flipIn {
from {
opacity: 0;
-webkit-transform: scaleY(0);
transform: scaleY(0);
}
to {
opacity: 1;
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
}
@keyframes flipIn {
from {
opacity: 0;
-webkit-transform: scaleY(0);
transform: scaleY(0);
}
to {
opacity: 1;
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
}
@-webkit-keyframes flipOut {
from {
opacity: 1;
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
to {
opacity: 0;
-webkit-transform: scaleY(0);
transform: scaleY(0);
}
}
@keyframes flipOut {
from {
opacity: 1;
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
to {
opacity: 0;
-webkit-transform: scaleY(0);
transform: scaleY(0);
}
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
to {
opacity: 0;
}
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@-webkit-keyframes rotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@-webkit-keyframes shake {
15% {
-webkit-transform: translateX(0.5rem);
transform: translateX(0.5rem);
}
30% {
-webkit-transform: translateX(-0.4rem);
transform: translateX(-0.4rem);
}
45% {
-webkit-transform: translateX(0.3rem);
transform: translateX(0.3rem);
}
60% {
-webkit-transform: translateX(-0.2rem);
transform: translateX(-0.2rem);
}
75% {
-webkit-transform: translateX(0.1rem);
transform: translateX(0.1rem);
}
90% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
90% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes shake {
15% {
-webkit-transform: translateX(0.5rem);
transform: translateX(0.5rem);
}
30% {
-webkit-transform: translateX(-0.4rem);
transform: translateX(-0.4rem);
}
45% {
-webkit-transform: translateX(0.3rem);
transform: translateX(0.3rem);
}
60% {
-webkit-transform: translateX(-0.2rem);
transform: translateX(-0.2rem);
}
75% {
-webkit-transform: translateX(0.1rem);
transform: translateX(0.1rem);
}
90% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
90% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.fadeIn {
-webkit-animation: fadeIn 250ms;
animation: fadeIn 250ms;
}
.fadeOut {
-webkit-animation: fadeOut 250ms;
animation: fadeOut 250ms;
}
.zoomIn {
-webkit-animation: zoomIn 200ms;
animation: zoomIn 200ms;
}
.zoomOut {
-webkit-animation: zoomOut 500ms;
animation: zoomOut 500ms;
}
.slideInRight {
-webkit-animation: slideInRight 500ms;
animation: slideInRight 500ms;
}
.slideInLeft {
-webkit-animation: slideInLeft 500ms;
animation: slideInLeft 500ms;
}
.slideInDown {
-webkit-animation: slideInDown 500ms;
animation: slideInDown 500ms;
}
.slideOutLeft {
-webkit-animation: slideOutLeft 500ms;
animation: slideOutLeft 500ms;
}
.slideOutRight {
-webkit-animation: slideOutRight 500ms;
animation: slideOutRight 500ms;
}
.slideOutUp {
-webkit-animation: slideOutUp 500ms;
animation: slideOutUp 500ms;
}
.slideUp {
overflow: hidden;
-webkit-animation: slideUp 200ms ease-in-out;
animation: slideUp 200ms ease-in-out;
}
.slideDown {
overflow: hidden;
-webkit-animation: slideDown 80ms ease-in-out;
animation: slideDown 80ms ease-in-out;
}
.flipIn {
-webkit-animation: flipIn 250ms cubic-bezier(0.5, -0.5, 0.5, 1.5);
animation: flipIn 250ms cubic-bezier(0.5, -0.5, 0.5, 1.5);
}
.flipOut {
-webkit-animation: flipOut 500ms cubic-bezier(0.5, -0.5, 0.5, 1.5);
animation: flipOut 500ms cubic-bezier(0.5, -0.5, 0.5, 1.5);
}
.rotate {
-webkit-animation: rotate 500ms;
animation: rotate 500ms;
}
.pulse {
-webkit-animation: pulse 250ms 2;
animation: pulse 250ms 2;
}
.shake {
-webkit-animation: shake 500ms;
animation: shake 500ms;
}
@media (min-width: 768px) {
.logo-above-menu .logo_col {
margin: auto;
flex-basis: 100%;
max-width: none;
max-height: none;
}
.logo-above-menu .main_menu_col {
justify-content: center;
}
.logo-above-menu.fixto-fixed .logo_col {
max-width: 30%;
max-height: none;
height: auto;
flex-basis: auto;
-moz-flex-grow: 0;
flex-grow: 0;
}
.logo-above-menu.fixto-fixed .main_menu_col {
justify-content: flex-end;
}
.logo-above-menu:not(.fixto-fixed) .logo_col {
padding-top: 1rem;
padding-bottom: 1rem;
}
}
@media (min-width: 768px) {
.navigation-bar.logo-inside-menu .logo_col {
display: none;
}
.navigation-bar.logo-inside-menu .main_menu_col {
width: 100%;
}
.navigation-bar.logo-inside-menu #mainmenu_container {
width: 100%;
}
.navigation-bar.logo-inside-menu .navigation-wrapper:not(.gridContainer) {
padding-left: 15px;
padding-right: 15px;
}
.navigation-bar.logo-inside-menu #main_menu {
text-align: center;
box-sizing: border-box;
display: -moz-flex;
display: flex;
-moz-flex: 0 1 auto;
flex: 0 1 auto;
-moz-flex-direction: row;
flex-direction: row;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
-moz-align-items: center;
align-items: center;
align-content: center;
justify-content: center;
}
.navigation-bar.logo-inside-menu #main_menu > li > a.text-logo,
.navigation-bar.logo-inside-menu #main_menu > li > a.text-logo:hover,
.navigation-bar.logo-inside-menu #main_menu a.text-logo,
.navigation-bar.logo-inside-menu #main_menu a.text-logo:hover {
text-transform: none;
margin-top: 0px;
text-decoration: none;
font-weight: 400;
line-height: 1;
display: inline-block;
font-family: "Roboto", sans-serif;
font-size: 2.5rem;
text-align: left;
color: #ffffff;
border: none;
background: none;
margin: 0px;
}
}
html.has-offscreen body:after {
content: " ";
display: block;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
position: fixed;
background: rgba(34, 43, 52, 0.7);
opacity: 0;
z-index: -1;
transition: all 0.5s linear;
}
html.has-offscreen.offcanvas-opened {
overflow-y: auto !important;
}
html.has-offscreen.offcanvas-opened body:after {
opacity: 1;
z-index: 299;
}
.main_menu_col [data-component=offcanvas] {
color: #ffffff;
position: relative;
text-align: center;
}
.main_menu_col [data-component=offcanvas] .bubble {
position: absolute;
z-index: 0;
height: 2.5rem;
width: 2.5rem;
background-color: #000000;
opacity: 0.1;
border-radius: 100%;
transition: all 0.2s linear;
}
.main_menu_col [data-component=offcanvas]:hover .bubble {
opacity: 0.3;
}
.main_menu_col [data-component=offcanvas] i.mdi {
display: inline-block;
font-size: 1.4rem;
line-height: 2.5rem;
height: 2.5rem;
width: 2.5rem;
text-align: center;
position: relative;
z-index: 1;
}
#offcanvas-wrapper {
transition: -webkit-transform 0.3s linear;
transition: transform 0.3s linear;
transition: transform 0.3s linear, -webkit-transform 0.3s linear;
left: auto;
right: 0;
background-color: #222B34;
padding: 0px;
overflow: auto;
z-index: 99999;
display: -moz-flex;
display: flex;
-moz-flex: 0 1 auto;
flex: 0 1 auto;
-moz-flex-direction: column;
flex-direction: column;
}
#offcanvas-wrapper.hide {
display: none;
}
#offcanvas-wrapper.force-hide {
display: none !important;
width: 0 !important;
overflow: hidden;
}
#offcanvas-wrapper .offcanvas-top {
padding-top: 2rem;
padding-bottom: 2rem;
}
#offcanvas-wrapper .offcanvas-top .logo-holder a {
color: #ffffff;
text-decoration: none;
font-size: 1.5rem;
text-align: center;
display: block;
}
#offcanvas-wrapper .offcanvas-top .logo-holder img {
max-width: 80%;
display: block;
margin: auto;
}
#offcanvas-wrapper .social-icons {
bottom: 0px;
padding-bottom: 1rem;
z-index: 1;
text-align: center;
width: 100%;
}
#offcanvas-wrapper .social-icons a,
#offcanvas-wrapper .social-icons i.mdi {
color: #ffffff;
}
#offcanvas-wrapper .social-icons a {
display: inline-block;
text-decoration: none;
padding: 8px;
line-height: 1;
}
#offcanvas-wrapper .social-icons i.mdi {
font-size: calc(0.9rem + 0.5rem);
margin-bottom: 0px;
pointer-events: none;
}
#offcanvas-wrapper #offcanvas-menu {
-moz-flex: 1 1 auto;
flex: 1 1 auto;
}
.offcanvas_menu {
margin-left: 0px;
list-style: none;
flex: 1;
}
.offcanvas_menu * {
color: #ffffff;
}
.offcanvas_menu ul {
list-style: none;
}
.offcanvas_menu li {
color: #ffffff;
border-bottom: 1px solid rgba(128, 128, 128, 0.2);
font-size: 0.8rem;
text-align: left;
transition: all 0.1s linear;
}
.offcanvas_menu li a {
text-decoration: none;
color: inherit;
position: relative;
display: block;
padding: 0.75rem 0 0.75rem 2.5rem;
font-size: 0.875rem;
line-height: 1;
}
.offcanvas_menu li a:hover {
background-color: rgba(255, 255, 255, 0.1);
}
.offcanvas_menu li:first-of-type {
border-bottom: 1px solid rgba(128, 128, 128, 0.2);
}
.offcanvas_menu li.page_item_has_children > a .mdi-chevron-right,
.offcanvas_menu li.menu-item-has-children > a .mdi-chevron-right {
position: absolute;
top: 0rem;
width: 3.5em;
height: 100%;
line-height: 1em;
text-align: center;
right: 0;
transition: all 0.3s linear;
}
.offcanvas_menu li.page_item_has_children > a .mdi-chevron-right:before,
.offcanvas_menu li.menu-item-has-children > a .mdi-chevron-right:before {
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
display: inline-block;
top: 50%;
position: absolute;
left: 50%;
font-size: 24px;
}
.offcanvas_menu li > ul {
display: none;
margin-left: 0px;
background-color: rgba(255, 255, 255, 0.2);
}
.offcanvas_menu li > ul > li > a {
padding-left: 3.75rem;
}
.offcanvas_menu li > ul > li > ul > li > a {
padding-left: 5rem;
}
.offcanvas_menu li.current_page_item a,
.offcanvas_menu li.current_page_item a:hover,
.offcanvas_menu li.current-menu-item a,
.offcanvas_menu li.current-menu-item a:hover {
background-color: rgba(255, 255, 255, 0.05);
}
.offcanvas_menu li.open {
background-color: rgba(255, 255, 255, 0.05);
border-bottom: none;
}
.offcanvas_menu li.open.page_item_has_children > a .mdi-chevron-right,
.offcanvas_menu li.open.menu-item-has-children > a .mdi-chevron-right {
border-left-color: transparent;
color: #2395F6;
}
.offcanvas_menu li.open > a,
.offcanvas_menu li.open > a:hover {
background-color: #ffffff;
color: #2395F6;
border-left: 3px solid #2395F6;
}
@media (min-width: 768px) and (max-width: 1023px) {
[data-component=offcanvas] {
display: none;
}
.offcanvas_menu-tablet [data-component=offcanvas] {
display: inline-block;
}
.offcanvas_menu-tablet #mainmenu_container {
display: none !important;
}
}
@media (min-width: 1024px) {
[data-component=offcanvas] {
display: none;
}
.offcanvas_menu-desktop [data-component=offcanvas] {
display: inline-block;
}
.offcanvas_menu-desktop #mainmenu_container {
display: none !important;
}
}
@media (min-width: 768px) {
.logo-area-menu-below .custom_area_col {
text-align: right;
}
.logo-area-menu-below .custom_area_col .widget_search {
float: right;
text-align: center;
}
.logo-area-menu-below.fixto-fixed .custom_area_col {
order: 2;
width: auto;
}
.logo-area-menu-below.fixto-fixed .custom_area_col,
.logo-area-menu-below.fixto-fixed .logo_col {
flex-basis: auto;
-moz-flex-grow: 0;
flex-grow: 0;
}
.logo-area-menu-below.fixto-fixed .main_menu_col {
order: 1;
flex-basis: 0;
-moz-flex-grow: 1;
flex-grow: 1;
}
}
.logo-menu-area .custom_area_col {
text-align: center;
} .button.link.read-more .mdi {
margin-left: 3px;
font-size: 1.2em;
vertical-align: middle;
}
.tags-list {
margin-top: 10px;
display: inline-block;
width: 100%;
}
.tags-list a {
font-size: 10px;
font-weight: 500;
text-decoration: none;
background-color: #676b72;
color: #ffffff;
padding: 0.3rem 0.6rem;
text-transform: uppercase;
letter-spacing: 0.5px;
border-radius: 3px;
}
.tags-list a:hover {
background-color: #228ae6;
border-color: #228ae6;
color: #ffffff;
}
.site > .content.post-page,
.site > .content.blog-page {
padding-top: 30px;
padding-bottom: 30px;
}
.post-list-item.highlighted-post,
.post-item.highlighted-post {
width: 100%;
}
.post-list-item .has-more-categories,
.post-item .has-more-categories {
display: inline-block;
margin-left: 4px;
}
.post-list-item .mdc-card,
.post-item .mdc-card {
padding: 0;
border-radius: 4px;
overflow: hidden;
}
.post-list-item .mdc-card > a .wp-post-image,
.post-item .mdc-card > a .wp-post-image {
display: block;
width: auto;
}
.post-list-item .mdc-card h3,
.post-item .mdc-card h3 {
margin-bottom: 20px;
}
.post-list-item .mdc-card .mdc-card__action-icons,
.post-item .mdc-card .mdc-card__action-icons {
justify-content: flex-start;
}
.post-list-item .mdc-card .mdc-card__action-icons .post-footer-link,
.post-item .mdc-card .mdc-card__action-icons .post-footer-link {
margin-right: 14px;
color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38));
}
.post-list-item .mdc-card .mdc-card__action-icons .post-footer-link:hover > *,
.post-item .mdc-card .mdc-card__action-icons .post-footer-link:hover > * {
color: #228ae6;
}
.post-list-item .mdc-card .mdc-card__action-icons .post-footer-link .post-footer-value,
.post-item .mdc-card .mdc-card__action-icons .post-footer-link .post-footer-value {
margin-left: 5px;
font-size: 14px;
}
.post-list-item .mdc-card .mdc-card__action-icons .mdc-card__action--icon,
.post-item .mdc-card .mdc-card__action-icons .mdc-card__action--icon {
vertical-align: middle;
padding: 0;
}
.post-list-item .mdc-card .mdc-card__action-icons .mdi-folder-open,
.post-item .mdc-card .mdc-card__action-icons .mdi-folder-open {
margin-right: 10px;
}
.post-list-item img.attachment-post-thumbnail,
.post-item img.attachment-post-thumbnail {
width: auto;
}
.post-list-item.multiple-per-row img.attachment-post-thumbnail,
.post-item.multiple-per-row img.attachment-post-thumbnail {
width: 100%;
height: auto;
}
.post-list-item.multiple-per-row .mdc-card__actions,
.post-item.multiple-per-row .mdc-card__actions {
flex-flow: wrap;
}
.post-list-item.multiple-per-row .mdc-card__actions .mdc-card__action-icons,
.post-list-item.multiple-per-row .mdc-card__actions .mdc-card__action-buttons,
.post-item.multiple-per-row .mdc-card__actions .mdc-card__action-icons,
.post-item.multiple-per-row .mdc-card__actions .mdc-card__action-buttons {
-moz-justify-content: center;
justify-content: center;
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: 100%;
max-width: 100%;
text-align: center;
}
.post-list-item.multiple-per-row .mdc-card__actions .mdc-card__action-icons,
.post-item.multiple-per-row .mdc-card__actions .mdc-card__action-icons {
flex-flow: wrap;
}
.post-list-item.multiple-per-row .mdc-card__actions .mdc-card__action-buttons,
.post-item.multiple-per-row .mdc-card__actions .mdc-card__action-buttons {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: 100%;
max-width: 100%;
}
.nav-links,
.post-comments .navigation {
background: #ffffff;
display: -moz-flex;
display: flex;
-moz-align-items: center;
align-items: center;
width: 100%;
}
.nav-links a,
.post-comments .navigation a {
outline: none;
text-decoration: none;
}
.nav-links .nav-previous,
.post-comments .navigation .nav-previous,
.nav-links .nav-next,
.post-comments .navigation .nav-next {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: 50%;
max-width: 50%;
}
.nav-links .nav-previous .font-icon-post,
.post-comments .navigation .nav-previous .font-icon-post,
.nav-links .nav-next .font-icon-post,
.post-comments .navigation .nav-next .font-icon-post {
margin-right: 0.5rem;
}
.nav-links .nav-next,
.post-comments .navigation .nav-next,
.nav-links .next-navigation,
.post-comments .navigation .next-navigation {
text-align: right;
}
.nav-links .nav-next .post-title,
.post-comments .navigation .nav-next .post-title,
.nav-links .next-navigation .post-title,
.post-comments .navigation .next-navigation .post-title {
margin-right: 0.5rem;
}
.nav-links .prev-navigation,
.post-comments .navigation .prev-navigation,
.nav-links .next-navigation,
.post-comments .navigation .next-navigation {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: 40px;
height: 60px;
padding: 0;
}
.nav-links .prev-navigation a,
.post-comments .navigation .prev-navigation a,
.nav-links .next-navigation a,
.post-comments .navigation .next-navigation a {
height: 60px;
width: 60px;
color: #b3b3b3;
border: none;
display: -moz-flex;
display: flex;
-moz-justify-content: center;
justify-content: center;
-moz-align-items: center;
align-items: center;
}
.nav-links .prev-navigation a:hover,
.post-comments .navigation .prev-navigation a:hover,
.nav-links .next-navigation a:hover,
.post-comments .navigation .next-navigation a:hover {
background-color: #228ae6;
border: 0;
color: #ffffff;
opacity: 0.5;
}
.nav-links .prev-navigation a i,
.post-comments .navigation .prev-navigation a i,
.nav-links .next-navigation a i,
.post-comments .navigation .next-navigation a i {
font-size: 1.3em;
font-weight: 600;
}
.nav-links .numbers-navigation,
.post-comments .navigation .numbers-navigation {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
display: -moz-flex;
display: flex;
-moz-flex-grow: 1;
flex-grow: 1;
-moz-justify-content: center;
justify-content: center;
flex-wrap: wrap;
flex-shrink: inherit;
}
.nav-links .numbers-navigation .page-numbers,
.post-comments .navigation .numbers-navigation .page-numbers {
padding: 18px 0;
width: 58px;
text-align: center;
font-size: 14px;
border-left: 1px solid #e0e1e1;
border-right: 1px solid #e0e1e1;
margin-left: -1px;
color: #666666;
font-weight: 600;
}
.nav-links .numbers-navigation .page-numbers.prev,
.post-comments .navigation .numbers-navigation .page-numbers.prev,
.nav-links .numbers-navigation .page-numbers.next,
.post-comments .navigation .numbers-navigation .page-numbers.next {
display: none;
}
@media (max-width: 767px) {
.nav-links .numbers-navigation .page-numbers,
.post-comments .navigation .numbers-navigation .page-numbers {
padding: 15px 0;
width: 50px;
}
}
.nav-links .numbers-navigation span.current,
.post-comments .navigation .numbers-navigation span.current,
.nav-links .numbers-navigation a:hover,
.post-comments .navigation .numbers-navigation a:hover {
background-color: #228ae6;
color: #ffffff;
opacity: 0.5;
}
@media (max-width: 767px) {
.nav-links .prev-navigation,
.post-comments .navigation .prev-navigation,
.nav-links .next-navigation,
.post-comments .navigation .next-navigation {
height: 50px;
}
.nav-links .prev-navigation > a,
.post-comments .navigation .prev-navigation > a,
.nav-links .next-navigation > a,
.post-comments .navigation .next-navigation > a {
height: 50px;
width: 50px;
}
}
.materialis-latest-news a.post-list-item-thumb {
display: block;
}
.materialis-latest-news .post-content-body.col-padding {
padding-top: 1rem;
}
.materialis-latest-news div > a:last-of-type {
margin-bottom: 0;
}
a.post-list-item-thumb > img,
a.post-list-item-thumb > svg {
width: auto;
height: auto;
margin-bottom: 0;
display: block;
}
a.post-list-item-thumb > img.materialis-post-list-item-thumb-placeholder,
a.post-list-item-thumb > svg.materialis-post-list-item-thumb-placeholder {
width: 100%;
}
.post-excerpt > :last-child,
.post-excerpt > * :last-child {
margin-bottom: 0;
}
.post-excerpt .button {
margin-top: 1rem;
}
.post-list .post-list-item .mdc-card__action-icons .post-footer-category a.button,
.post-item .mdc-card__action-icons .post-footer-category a.button {
margin-bottom: 0px;
}
@media (max-width: 1023px) {
.post-list .post-list-item .post-excerpt,
.post-list .post-list-item .post-title,
.post-item .post-excerpt,
.post-item .post-title {
text-align: center;
}
.post-list .post-list-item .mdc-card__actions,
.post-item .mdc-card__actions {
flex-flow: wrap;
}
.post-list .post-list-item .mdc-card__actions .mdc-card__action-icons,
.post-list .post-list-item .mdc-card__actions .mdc-card__action-buttons,
.post-item .mdc-card__actions .mdc-card__action-icons,
.post-item .mdc-card__actions .mdc-card__action-buttons {
width: 100%;
justify-content: center;
}
.post-list .post-list-item .mdc-card__actions .mdc-card__action-icons .post-footer-category,
.post-item .mdc-card__actions .mdc-card__action-icons .post-footer-category {
width: 100%;
margin: 15px 0 10px 0;
text-align: center;
}
.post-list .post-list-item .mdc-card__actions .mdc-card__action-icons .post-footer-category i,
.post-item .mdc-card__actions .mdc-card__action-icons .post-footer-category i {
margin-right: 0;
}
.post-list .post-list-item .mdc-card__actions .mdc-card__action-icons,
.post-item .mdc-card__actions .mdc-card__action-icons {
flex-flow: wrap;
}
.post-list .post-list-item .mdc-card__actions .button,
.post-item .mdc-card__actions .button {
font-size: 1rem;
}
.post-list .post-list-item .mdc-card__actions .post-footer-value,
.post-item .mdc-card__actions .post-footer-value {
font-size: 16px !important;
}
.post-list .post-list-item .mdc-card__actions .mdc-card__action--icon,
.post-item .mdc-card__actions .mdc-card__action--icon {
vertical-align: unset;
}
}
@media (min-width: 1024px) {
.post-list .post-list-item .mdc-card__action-buttons {
margin-left: auto;
}
.post-list .post-list-item .mdc-card__action-icons,
.post-list .post-list-item .mdc-card__action-buttons {
padding: 0;
}
.post-list .post-list-item .mdc-card__action-icons .post-footer-category i {
margin-right: 0;
}
}
form.post-password-form {
margin: 3rem 0;
text-align: center;
}
form.post-password-form p {
color: #2b2d42;
display: -moz-flex;
display: flex;
-moz-align-items: center;
align-items: center;
-moz-justify-content: center;
justify-content: center;
text-align: center;
}
form.post-password-form p .mdc-text-field,
form.post-password-form p .mdc-text-field.mdc-text-field--upgraded {
margin-top: 0px;
margin-bottom: 0px;
}
form.post-password-form p input[type=submit] {
margin-left: 1rem;
margin-bottom: 0;
margin-top: 1em;
}
.mdc-card .mdc-card__action-icons i.mdi:not(.icon),
.card .mdc-card__action-icons i.mdi:not(.icon) {
font-size: 1.2rem;
}
.mdc-card .mdc-card__action-buttons a.link,
.mdc-card .mdc-card__action-buttons a.button,
.card .mdc-card__action-buttons a.link,
.card .mdc-card__action-buttons a.button {
margin-bottom: 0;
}  .post-comments {
display: flex;
flex-wrap: wrap;
border-radius: 4px;
position: relative;
margin-top: 2rem;
min-height: 100px;
background-color: #FFFFFF;
-moz-flex-direction: column;
flex-direction: column;
}
.post-comments .comments-number > span {
color: #ef233c;
}
.post-comments .add-comment-toggler {
margin: 0;
margin-left: auto;
padding-top: 2px;
padding-bottom: 2px;
}
@media (max-width: 767px) {
.post-comments .add-comment-toggler {
margin-left: auto;
margin-right: auto;
margin-top: 10px;
}
}
.post-comments .navigation {
margin: 2rem 0;
}
.post-comments .navigation .next-posts {
text-align: right;
}
.post-comments .no-margin {
margin: 0;
}
.comments-title {
font-size: 24px;
font-weight: 400;
max-width: 100%;
margin-bottom: 0;
}
@media (max-width: 767px) {
.comments-title {
margin-left: auto;
margin-right: auto;
}
}
.comment-list {
width: 100%;
list-style: none;
margin: 0;
padding: 0;
}
@media (max-width: 767px) {
.comment-list {
margin-top: 50px;
}
}
.comment-list li.comment {
border-bottom: 1px dotted #bdbdbd;
}
.comment-list li.comment .comment {
padding-left: 15px;
padding-right: 15px;
}
@media (max-width: 767px) {
.comment-list li.comment {
text-align: left;
}
}
.comment-list li.comment.even blockquote {
background-color: #ffffff;
}
.comment-list li.comment.odd {
background-color: #ffffff;
}
.comment-list li.comment:last-child {
border-bottom: none;
}
.comment-list li.comment.byuser {
padding: 1rem;
border: 1px solid #d1d1d1;
background-color: #f8f8f8;
}
.comment-list .children {
list-style: none;
margin: 0 0 0 1rem;
padding: 1rem;
}
.comment-list li:before {
display: none;
}
@media (max-width: 767px) {
.comments-counter-wrapper {
-moz-flex-direction: column;
flex-direction: column;
}
}
.comment-body {
margin-left: 60px;
padding: 1rem 0;
word-break: break-word;
white-space: normal;
}
.comment-author {
color: #54617A;
position: relative;
z-index: 2;
}
.comment-author .avatar {
height: 40px;
left: -60px;
position: absolute;
width: 40px;
border-radius: 20px;
}
.comment-author .fn {
font-style: normal;
font-weight: 600;
font-size: 16px;
}
.comment-author .fn a {
color: #000000;
text-decoration: none;
}
.comment-author .says {
display: none;
}
.comment-meta {
margin-bottom: 1.4rem;
}
.comment-meta a {
text-decoration: none;
color: #8D99AE;
}
.comment-metadata {
color: #bdbdbd;
font-size: 10px;
font-size: 0.625rem;
font-weight: 800;
letter-spacing: 0.1818em;
text-transform: uppercase;
}
.comment-metadata a {
color: #bdbdbd;
}
.comment-metadata a.comment-edit-link {
color: #4a4a4a;
margin-left: 1em;
}
.comment-reply-link {
font-size: 12px;
font-weight: 600;
color: #4a4a4a;
text-transform: uppercase;
}
.comment-reply-link i {
color: rgba(0, 0, 0, 0.38);
vertical-align: middle;
font-size: 1.2rem;
margin-right: 5px;
}
.no-comments,
.comment-awaiting-moderation {
color: #bdbdbd;
font-size: 14px;
font-size: 0.875rem;
font-style: italic;
}
.comments-pagination {
margin: 2em 0 3em;
}
.form-submit {
margin-top: 35px;
text-align: right;
margin-left: auto;
}
@media (max-width: 767px) {
.form-submit {
margin-right: auto;
}
}
.form-submit #submit {
width: auto;
padding: 2px 60px;
font-size: 14px;
}
.comments-form {
background-color: #f0effd;
display: none;
border-radius: 0 0 4px 4px;
padding-left: 6px;
padding-right: 6px;
}
.post-comments > .comments-form {
margin: 30px -2rem -2rem -2rem;
}
.comment-form {
display: flex;
flex-wrap: wrap;
}
.comment-form p.logged-in-as {
font-size: 0.9em;
}
@media (max-width: 767px) {
.comment-form p.logged-in-as {
width: 100%;
}
}
.comment-form > .mdc-text-field.mdc-text-field--textarea {
background: #ffffff;
font-size: 1em;
margin: none;
border: none;
}
.comment-form > .mdc-text-field.half {
width: 48%;
}
.comment-form > .mdc-text-field.half.left-margin {
margin-left: 2%;
}
.comment-form > .mdc-text-field.half.right-margin {
margin-right: 2%;
}
.comment-form > .mdc-text-field {
width: 100%;
}
.comment-respond {
background-color: #f0effd;
padding: 2rem;
max-width: 100%;
flex-basis: 100%;
}
.comment-respond .comment-reply-title {
display: flex;
font-size: 24px;
font-weight: 500;
margin-bottom: 0;
}
@media (max-width: 767px) {
.comment-respond .comment-reply-title {
display: block;
}
}
.comment-respond .comment-reply-title small {
margin-left: auto;
font-size: 0.9rem;
}
@media (max-width: 767px) {
.comment-respond .comment-reply-title small {
display: none;
}
}
.post-comments .navigation {
line-height: 36px;
}
.navigation.post-navigation {
border-radius: 4px;
margin-top: 30px;
}
.navigation.post-navigation .nav-links,
.navigation.post-navigation .post-comments .navigation,
.post-comments .navigation.post-navigation .navigation {
border-radius: 4px;
padding: 30px 15px;
} @media (max-width: 767px) {
.sidebar {
margin-top: 40px;
text-align: left;
}
}
.sidebar h5,
.sidebar .widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .sidebar h6:first-child,
.sidebar .widget_block > .wp-block-group > .wp-block-group__inner-container h5:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .sidebar h5:first-child,
.sidebar .widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .sidebar h4:first-child,
.sidebar .widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .sidebar h3:first-child,
.sidebar .widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .sidebar h2:first-child,
.sidebar .widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .sidebar h1:first-child {
text-transform: uppercase; padding: 25px 20px;
line-height: 28px;
}
@media (min-width: 768px) and (max-width: 1023px) {
.sidebar h5,
.sidebar .widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .sidebar h6:first-child,
.sidebar .widget_block > .wp-block-group > .wp-block-group__inner-container h5:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .sidebar h5:first-child,
.sidebar .widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .sidebar h4:first-child,
.sidebar .widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .sidebar h3:first-child,
.sidebar .widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .sidebar h2:first-child,
.sidebar .widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .sidebar h1:first-child {
padding: 20px 15px;
font-size: 20px;
letter-spacing: 0px;
line-height: 24px;
}
}
.sidebar a {
text-decoration: none;
}
.sidebar .widget_search form {
margin-bottom: 0;
}
.sidebar #wp-calendar td,
.sidebar #wp-calendar th {
padding: 0.5rem;
}
.sidebar .widget_about {
border-radius: 4px;
background-color: #228ae6;
background-image: linear-gradient(to bottom, #228ae6 0%, #67aeee 100%);
padding: 80px 50px 30px 50px;
text-align: center;
margin-top: 80px;
margin-bottom: 30px;
position: relative;
}
.sidebar .widget_about h4 {
color: #ffffff;
margin-bottom: 0px;
}
.sidebar .widget_about .about-box-image {
width: 160px;
height: 160px;
border-radius: 80px;
background-size: contain;
position: absolute;
top: -80px;
left: 50%;
margin-bottom: 1rem;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.sidebar .widget_about .about-box-subheading {
font-style: italic;
color: #edf2f4;
opacity: 0.6;
}
.sidebar .widget_about .about-box-description {
color: #edf2f4;
}
.sidebar .widget {
background-color: #ffffff;
border-radius: 4px;
}
.sidebar .widget .widgettitle {
position: relative;
margin-bottom: 0px;
text-transform: capitalize;
word-break: break-word;
letter-spacing: 0.4px;
font-weight: 400;
display: flex;
align-items: center;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.sidebar .widget .widgettitle i.widget-icon {
font-size: 0.8em;
width: 1.7em;
height: 1.7em;
min-width: 27px;
background: #228ae6;
color: #ffffff;
position: relative;
border-radius: 100px;
margin-right: 0.5rem;
}
.sidebar .widget .widgettitle i.widget-icon:before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.sidebar .widget > pre {
word-wrap: break-word;
}
.sidebar .widget > select {
width: calc(100% - 40px);
margin-left: 20px;
margin-bottom: 1.5rem;
margin-top: 1.5rem;
}
.sidebar .widget > div {
padding: 25px 20px;
}
.sidebar .widget > ul {
position: relative;
}
.sidebar .widget ul {
list-style: none;
margin: 0;
}
.sidebar .widget ul li {
position: relative;
text-transform: capitalize;
padding: 20px 10px 20px 25px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.sidebar .widget ul li:first-of-type {
border-top: none;
}
.sidebar .widget ul li:last-of-type {
border-bottom: none;
}
.sidebar .widget ul li ul {
margin-top: 20px;
}
.sidebar .widget ul li ul li {
padding: 20px 0px 20px 25px;
}
.sidebar .widget ul li ul li,
.sidebar .widget ul li ul li:first-of-type {
padding-left: 10px;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.sidebar .widget ul li ul li:last-of-type {
padding-bottom: 0;
}
.sidebar .widget ul li a {
margin: 0px 10px;
color: #2b2d42;
display: inline-block;
}
.sidebar .widget ul li a:hover,
.sidebar .widget ul li a:hover * {
color: #50a2eb;
}
.sidebar .widget ul li:hover:before {
content: "";
height: calc(100%);
width: 4px;
display: block;
background: #228ae6;
position: absolute;
top: 0px;
left: 0px;
}
.sidebar .widget .widgettitle i.widget-icon:before {
content: "\F72B";
}
.sidebar .widget.widget_search .widgettitle i.widget-icon:before {
content: "\F349";
}
.sidebar .widget.widget_search h5,
.sidebar .widget.widget_search .widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .sidebar .widget.widget_search h6:first-child,
.sidebar .widget.widget_search .widget_block > .wp-block-group > .wp-block-group__inner-container h5:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .sidebar .widget.widget_search h5:first-child,
.sidebar .widget.widget_search .widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .sidebar .widget.widget_search h4:first-child,
.sidebar .widget.widget_search .widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .sidebar .widget.widget_search h3:first-child,
.sidebar .widget.widget_search .widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .sidebar .widget.widget_search h2:first-child,
.sidebar .widget.widget_search .widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .sidebar .widget.widget_search h1:first-child {
padding: 25px 20px 10px 20px;
}
.sidebar .widget.widget_search form {
padding: 0 25px 10px 25px;
}
.sidebar .widget.widget_search form .mdc-text-field {
width: 100%;
}
.sidebar .widget.widget_calendar .widgettitle i.widget-icon:before {
content: "\F0F6";
}
.sidebar .widget.widget_recent_entries .widgettitle i.widget-icon:before {
content: "\F2DA";
}
.sidebar .widget.widget_media_image {
padding: 0px;
overflow: hidden;
}
.sidebar .widget.widget_media_image img {
display: block;
width: 100%;
}
.sidebar .widget.widget_media_image .wp-caption {
padding: 0px;
margin: 0px;
max-width: 100%;
border: none;
}
.sidebar .widget.widget_media_image .wp-caption .wp-caption-text {
margin-top: 1rem;
margin-bottom: 1rem;
}
.sidebar .widget.widget_media_image .widgettitle + .wp-caption {
padding: 25px 20px;
}
.sidebar .widget.widget_media_image .widgettitle + .wp-caption .wp-caption-text {
margin-bottom: 0rem;
}
.sidebar .widget.widget_media_video {
padding: 0px;
overflow: hidden;
}
.sidebar .widget.widget_media_video mediaelementwrapper {
display: block;
width: 100%;
}
.sidebar .widget.widget_media_video .wp-video {
padding: 0px;
margin: 0px;
max-width: 100%;
border: none;
}
.sidebar .widget.widget_media_video .wp-video .wp-caption-text {
margin-top: 1rem;
margin-bottom: 1rem;
}
.sidebar .widget.widget_media_video .widgettitle + .wp-video {
padding: 25px 20px;
}
.sidebar .widget.widget_media_video .widgettitle + .wp-video .wp-caption-text {
margin-bottom: 0rem;
}
.sidebar .widget.widget_archive .widgettitle i.widget-icon:before {
content: "\F03C";
}
.sidebar .widget.widget_categories .widgettitle i.widget-icon:before {
content: "\F332";
}
.sidebar .widget.widget_meta .widgettitle i.widget-icon:before {
content: "\F4FB";
}
.sidebar .widget.widget_rss .widgettitle i.widget-icon:before {
content: "\F46B";
}
.sidebar .widget.widget_rss .rss-widget-icon {
display: none;
}
.sidebar .widget.widget_rss a.rsswidget {
padding-left: 0;
padding-right: 0;
margin-bottom: 1.2rem;
}
.sidebar .widget.widget_rss .rss-date,
.sidebar .widget.widget_rss .rssSummary,
.sidebar .widget.widget_rss cite {
font-size: 0.8rem;
}
.sidebar .widget.widget_tag_cloud .widgettitle i.widget-icon:before {
content: "\F15F";
}
.sidebar .widget.widget_tag_cloud .tagcloud a:hover {
border-bottom: 1px solid #228ae6;
}
.sidebar .widget.widget_price_filter .widgettitle i.widget-icon:before {
content: "\F178";
}
.sidebar .widget.widget_price_filter .price_slider_wrapper {
padding: 30px 20px 10px 20px;
}
.sidebar .widget.widget_price_filter .price_slider_wrapper .price_slider_amount {
display: flex;
flex-direction: row-reverse;
flex-wrap: wrap;
justify-content: flex-end;
}
.sidebar .widget.widget_price_filter .price_slider_wrapper .price_slider_amount .price_label {
width: 100%;
text-align: left;
}
.widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child {
font-size: 1em;
padding: 0;
}
.widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child {
font-size: 1em;
padding: 0;
}
.widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child {
font-size: 1em;
padding: 0;
}
.widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child {
font-size: 1em;
padding: 0;
}
.widget_block > .wp-block-group > .wp-block-group__inner-container h5:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child {
font-size: 1em;
padding: 0;
}
.widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child {
font-size: 1em;
padding: 0;
}
.widget_block ul,
.widget_block ol {
list-style: none;
padding: 0;
margin: 0;
}
.widget_block ul > li,
.widget_block ol > li {
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.widget_block ul > li:first-of-type,
.widget_block ol > li:first-of-type {
border-top: none;
}
.widget_block [class*=wp-block] {
margin-top: initial;
margin-bottom: initial;
}
div#block-2 label.wp-block-search__label {
display: none;
}
.widget_block > .wp-block-group > .wp-block-group__inner-container > h1:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container > h2:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container > h3:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container > h4:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container > h5:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container > h6:first-child {
position: relative;
margin-bottom: 0px;
text-transform: capitalize;
word-break: break-word;
letter-spacing: 0.4px;
font-weight: 400;
display: flex;
align-items: center;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding: 0;
}
.widget.widget_block > div {
padding: 0;
}
.widget.widget_block h5,
.widget.widget_block .widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .widget.widget_block h1:first-child,
.widget.widget_block .widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .widget.widget_block h2:first-child,
.widget.widget_block .widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .widget.widget_block h3:first-child,
.widget.widget_block .widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .widget.widget_block h4:first-child,
.widget.widget_block .widget_block > .wp-block-group > .wp-block-group__inner-container h5:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .widget.widget_block h5:first-child,
.widget.widget_block .widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .widget.widget_block h6:first-child {
padding: 0;
}
.widget.widget_block ul,
.widget.widget_block ol {
padding-left: 1em;
padding-right: 1em;
}
.widget.widget_block ul li,
.widget.widget_block ol li {
margin-left: -1em;
margin-right: -1em;
padding: 1em;
position: relative;
}
.widget.widget_block ul li:hover:before,
.widget.widget_block ol li:hover:before {
content: "";
height: calc(100%);
width: 4px;
display: block;
background: #228ae6;
position: absolute;
top: 0px;
left: 0px;
}
.widget_block.widget_search {
padding-top: 1em;
padding-bottom: 1em;
}
div#block-2 label.wp-block-search__label {
display: none;
} .our-services .gridContainer > .row {
padding: 80px 0;
}
.our-services .gridContainer > .row > div {
display: flex;
align-items: center;
padding: 20px 0;
}
.our-services .gridContainer > .row > div:last-child {
border-left: 1px solid #eaeaea;
}
.our-services .gridContainer > .row > div > i.mdi {
margin-left: 100px;
margin-right: 20px;
font-size: 50px;
width: 100px;
height: 100px;
background: #228ae6;
color: #ffffff;
position: relative;
text-align: center;
border-radius: 100px;
display: inline-table;
}
.our-services .gridContainer > .row > div > i.mdi:before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-48%, -56%);
transform: translate(-48%, -56%);
}
.our-services .gridContainer > .row > div h4 {
margin-bottom: 5px;
}
.our-services .gridContainer > .row > div h4 i {
vertical-align: middle;
margin-bottom: 3px;
}
.free-trial {
background-color: #654ea3;
background-image: linear-gradient(to bottom, #654ea3 0%, #bf69fd 100%);
}
.free-trial .gridContainer > .row {
padding: 100px 0;
color: #e5f3fc;
}
.free-trial .gridContainer > .row h3 {
color: #fff;
}
.free-trial .gridContainer > .row > div:last-child {
align-items: center;
display: flex;
justify-content: flex-end;
}
.free-trial .gridContainer > .row > div:last-child .button {
margin-left: 25px;
} .footer-shadow {
box-shadow: 0px 20px 20px -10px rgba(49, 52, 57, 0.3), 0 20px 30px rgba(0, 0, 0, 0.08);
}
.footer {
background-color: #ffffff;
margin-bottom: -1px;
color: #8D99AE;
}
.footer .materialis-theme-link {
color: inherit;
text-decoration: none;
border-bottom: none;
}
.footer .materialis-theme-link:hover {
color: inherit;
border-bottom: none;
text-decoration: underline;
}
.footer table caption {
color: #8D99AE;
}
.footer .mdi {
color: #8D99AE;
}
.footer a {
color: #228ae6;
}
.footer a .mdi {
color: #8D99AE;
}
.footer a:hover {
color: #50a2eb;
}
.footer a:hover .mdi {
color: #50a2eb;
}
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer .widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .footer h1:first-child,
.footer .widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .footer h2:first-child,
.footer .widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .footer h3:first-child,
.footer .widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .footer h4:first-child,
.footer .widget_block > .wp-block-group > .wp-block-group__inner-container h5:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .footer h5:first-child,
.footer .widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .footer h6:first-child,
.footer h6 {
color: #54617A;
}
.footer p {
color: #8D99AE;
}
.footer .footer-content {
position: relative;
z-index: 0;
}
.footer #wp-calendar td,
.footer #wp-calendar th {
padding: 0.5rem;
}
.footer .widget > ul {
list-style: none;
margin: 0;
}
.footer .widget > ul > li a {
font-size: 1rem;
text-decoration: none;
}
.footer input,
.footer textarea,
.footer select {
display: inline-block;
max-width: 100%;
height: 44px;
}
.footer form {
margin-bottom: 25px;
}
.footer form input[type=email] {
width: 70%;
float: left;
}
.footer form input[type=submit] {
width: 30%;
float: right;
height: 42px;
line-height: 42px;
background-color: #228ae6;
color: #fff;
font-size: 14px;
font-weight: 600;
letter-spacing: 2px;
text-transform: uppercase;
border: none;
border-radius: 0px;
outline: 1px solid #228ae6;
margin-top: 1px;
cursor: pointer;
}
.footer ul {
list-style: none;
margin: 0;
line-height: 32px;
}
.footer .bottom-bar {
background-color: #f8f8f8;
}
.footer .bottom-bar h4 {
margin-bottom: 0;
}
.horizontal_footer_menu ul {
list-style: none;
margin-left: -0.4rem;
margin-right: -0.4rem;
}
.horizontal_footer_menu ul li {
display: inline-block;
position: relative;
transition: all 0.4s;
padding-left: 0.4rem;
padding-right: 0.4rem;
}
.horizontal_footer_menu ul li a {
display: block;
text-decoration: none;
white-space: nowrap;
}
.footer.paralax {
position: fixed;
bottom: 0;
left: 0;
right: 0;
visibility: hidden;
}
.footer-social-icons {
max-width: 100%;
margin: -5px;
}
.footer-social-icons a {
display: inline-block;
font-size: 22px;
margin: 5px;
max-height: 40px;
opacity: 0.9;
transition: all 0.3s linear;
}
.footer-social-icons a:hover {
opacity: 1;
}
.footer-social-icons.spaced {
margin: -10px;
}
.footer-social-icons.spaced a {
margin: 10px;
}
.footer::before,
.footer::after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.footer::before {
z-index: 0;
}
.footer::after {
z-index: 1;
}
.footer .gridContainer {
position: relative;
z-index: 10;
}
.no-parallax .footer {
position: static !important;
}
.no-parallax .footer-shadow {
margin-bottom: 0px !important;
box-shadow: none;
}
.footer .copyright a {
color: inherit;
}
.footer .copyright a:hover {
color: inherit;
}
@media (max-width: 767px) {
.footer ul#materialis-footer-menu {
justify-content: center;
}
}
@media (max-width: 767px) {
.footer .row:not(.no-spacing) > div:not(.no-gutter-col) {
padding-top: 20px;
padding-bottom: 20px;
}
}
.footer-simple .footer-content {
padding-top: 40px;
padding-bottom: 40px;
border-top: 1px solid #e8e8e8;
}
.footer.footer-dark .footer-content {
background: #0b0815;
padding-top: 16px;
padding-bottom: 16px;
}
@media (min-width: 768px) and (max-width: 1023px) {
.footer.footer-dark .menu-column {
order: 3;
padding-top: 1rem;
padding-bottom: 0;
}
}
@media (max-width: 767px) {
.footer.footer-dark .footer-social-icons {
margin-top: 1rem;
}
.footer.footer-dark .menu-column {
margin-top: 1rem;
}
.footer.footer-dark .menu-column li {
display: block;
}
}
ul.materialis-footer-menu {
list-style: none;
padding: 0;
margin: 0;
display: -moz-flex;
display: flex;
-moz-flex: 1 0 auto;
flex: 1 0 auto;
-moz-flex-direction: row;
flex-direction: row;
flex-wrap: wrap;
z-index: 1;
left: 0px;
box-sizing: border-box;
width: 100%;
}
ul.materialis-footer-menu li {
display: block;
color: #ffffff;
transition: all 0.4s;
overflow: hidden;
}
ul.materialis-footer-menu li a {
display: block;
text-decoration: none;
white-space: nowrap;
color: inherit;
position: relative;
overflow: hidden;
padding: 1rem 0.9rem;
font-style: normal;
font-size: 14px;
line-height: 160%;
letter-spacing: 1px;
text-transform: uppercase;
}
ul.materialis-footer-menu li:hover,
ul.materialis-footer-menu li.hover {
overflow: visible;
}
ul.materialis-footer-menu li:hover > ul,
ul.materialis-footer-menu li.hover > ul,
ul.materialis-footer-menu li:hover,
ul.materialis-footer-menu li.hover {
opacity: 1;
height: auto;
overflow: visible;
}
@media (min-width: 768px) {
.footer.footer-1 .footer-social-icons {
margin-left: auto;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.footer.footer-1 .menu-column {
order: 3;
padding-top: 1rem;
padding-bottom: 0;
}
}
@media (max-width: 767px) {
.footer.footer-1 .footer-social-icons {
margin-top: 1rem;
}
.footer.footer-1 .menu-column {
margin-top: 1rem;
}
.footer.footer-1 .menu-column li {
display: block;
}
} .footer.footer-4 .bottom-bar-content {
display: flex;
flex-direction: column;
align-items: center;
}
.footer-contact-boxes {
background-color: #222222;
color: #ffffff;
}
.footer-contact-boxes table caption {
color: #ffffff;
}
.footer-contact-boxes .mdi {
color: #ffffff;
}
.footer-contact-boxes a {
color: #03a9f4;
}
.footer-contact-boxes a .mdi {
color: #ffffff;
}
.footer-contact-boxes a:hover {
color: #03a9f4;
}
.footer-contact-boxes a:hover .mdi {
color: #3F464C;
}
.footer-contact-boxes h1,
.footer-contact-boxes h2,
.footer-contact-boxes h3,
.footer-contact-boxes h4,
.footer-contact-boxes h5,
.footer-contact-boxes .widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .footer-contact-boxes h1:first-child,
.footer-contact-boxes .widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .footer-contact-boxes h2:first-child,
.footer-contact-boxes .widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .footer-contact-boxes h3:first-child,
.footer-contact-boxes .widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .footer-contact-boxes h4:first-child,
.footer-contact-boxes .widget_block > .wp-block-group > .wp-block-group__inner-container h5:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .footer-contact-boxes h5:first-child,
.footer-contact-boxes .widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .footer-contact-boxes h6:first-child,
.footer-contact-boxes h6 {
color: #ffffff;
}
.footer-contact-boxes p {
color: #ffffff;
}
.footer-contact-boxes .big-icon {
font-size: 48px;
margin-bottom: 24px;
}
.footer-contact-boxes .footer-bg-accent {
padding-left: 1rem;
padding-right: 1rem;
background-color: #fa5252;
}
.footer-contact-boxes .footer-social-icons {
margin-bottom: 16px;
}
.footer-contact-boxes .col-sm-3 {
padding-top: 20px;
padding-bottom: 20px;
border-left: 1px solid rgba(128, 128, 128, 0.2);
}
.footer-contact-boxes .col-sm-3:last-child {
border-right: 1px solid rgba(128, 128, 128, 0.2);
}
@media (min-width: 768px) {
.footer-contact-boxes .col-sm-3 {
padding-top: 80px;
padding-bottom: 80px;
}
} body#tinymce {
color: #333333;
} body {
min-height: 1px;
}
[data-parallax-depth] {
background-attachment: fixed;
}
[data-parallax-depth]:before,
[data-parallax-depth]:after {
background-attachment: fixed !important;
}
.no-parallax [data-parallax-depth] {
background-attachment: scroll;
}
.no-parallax [data-parallax-depth]:before,
.no-parallax [data-parallax-depth]:after {
background-attachment: scroll !important;
}
.page-content .content-section a.link,
.page-content .content-section a.button {
margin-right: 3px;
max-width: 100%;
}
.site {
box-sizing: border-box;
display: -moz-flex;
display: flex;
-moz-flex: 0 1 auto;
flex: 0 1 auto;
-moz-flex-direction: column;
flex-direction: column;
min-height: 100vh;
}
.site > .page-content,
.site > .content {
z-index: 1;
-moz-flex: 0 0 auto;
flex: 0 0 auto;
flex-grow: 1;
padding: 30px 0;
}
.site > .page-content.landing,
.site > .content.landing {
display: -moz-flex;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.site > .page-content.landing .content,
.site > .content.landing .content {
width: 100%;
}
.site > .content {
padding-top: 6rem;
padding-bottom: 6rem;
}
.site > .content.boxed-layout,
.site > .page-content.boxed-layout {
width: 96%;
margin: 0 auto;
border-radius: 6px 6px 0 0;
margin-top: -20px;
}
.site > .content.boxed-layout.mdc-elevation--z0,
.site > .page-content.boxed-layout.mdc-elevation--z0 {
margin-bottom: 0px;
}
.site > .content.boxed-layout.mdc-elevation--z1,
.site > .page-content.boxed-layout.mdc-elevation--z1 {
margin-bottom: 1.8px;
}
.site > .content.boxed-layout.mdc-elevation--z2,
.site > .page-content.boxed-layout.mdc-elevation--z2 {
margin-bottom: 3.6px;
}
.site > .content.boxed-layout.mdc-elevation--z3,
.site > .page-content.boxed-layout.mdc-elevation--z3 {
margin-bottom: 5.4px;
}
.site > .content.boxed-layout.mdc-elevation--z4,
.site > .page-content.boxed-layout.mdc-elevation--z4 {
margin-bottom: 7.2px;
}
.site > .content.boxed-layout.mdc-elevation--z5,
.site > .page-content.boxed-layout.mdc-elevation--z5 {
margin-bottom: 9px;
}
.site > .content.boxed-layout.mdc-elevation--z6,
.site > .page-content.boxed-layout.mdc-elevation--z6 {
margin-bottom: 10.8px;
}
.site > .content.boxed-layout.mdc-elevation--z7,
.site > .page-content.boxed-layout.mdc-elevation--z7 {
margin-bottom: 12.6px;
}
.site > .content.boxed-layout.mdc-elevation--z8,
.site > .page-content.boxed-layout.mdc-elevation--z8 {
margin-bottom: 14.4px;
}
.site > .content.boxed-layout.mdc-elevation--z9,
.site > .page-content.boxed-layout.mdc-elevation--z9 {
margin-bottom: 16.2px;
}
.site > .content.boxed-layout.mdc-elevation--z10,
.site > .page-content.boxed-layout.mdc-elevation--z10 {
margin-bottom: 18px;
}
.site > .content.boxed-layout.mdc-elevation--z11,
.site > .page-content.boxed-layout.mdc-elevation--z11 {
margin-bottom: 19.8px;
}
.site > .content.boxed-layout.mdc-elevation--z12,
.site > .page-content.boxed-layout.mdc-elevation--z12 {
margin-bottom: 21.6px;
}
.site > .content.boxed-layout.mdc-elevation--z13,
.site > .page-content.boxed-layout.mdc-elevation--z13 {
margin-bottom: 23.4px;
}
.site > .content.boxed-layout.mdc-elevation--z14,
.site > .page-content.boxed-layout.mdc-elevation--z14 {
margin-bottom: 25.2px;
}
.site > .content.boxed-layout.mdc-elevation--z15,
.site > .page-content.boxed-layout.mdc-elevation--z15 {
margin-bottom: 27px;
}
.site > .content.boxed-layout.mdc-elevation--z16,
.site > .page-content.boxed-layout.mdc-elevation--z16 {
margin-bottom: 28.8px;
}
.site > .content.boxed-layout.mdc-elevation--z17,
.site > .page-content.boxed-layout.mdc-elevation--z17 {
margin-bottom: 30.6px;
}
.site > .content.boxed-layout.mdc-elevation--z18,
.site > .page-content.boxed-layout.mdc-elevation--z18 {
margin-bottom: 32.4px;
}
.site > .content.boxed-layout.mdc-elevation--z19,
.site > .page-content.boxed-layout.mdc-elevation--z19 {
margin-bottom: 34.2px;
}
.site > .content.boxed-layout.mdc-elevation--z20,
.site > .page-content.boxed-layout.mdc-elevation--z20 {
margin-bottom: 36px;
}
.site > .content.boxed-layout.mdc-elevation--z21,
.site > .page-content.boxed-layout.mdc-elevation--z21 {
margin-bottom: 37.8px;
}
.site > .content.boxed-layout.mdc-elevation--z22,
.site > .page-content.boxed-layout.mdc-elevation--z22 {
margin-bottom: 39.6px;
}
.site > .content.boxed-layout.mdc-elevation--z23,
.site > .page-content.boxed-layout.mdc-elevation--z23 {
margin-bottom: 41.4px;
}
.site > .content.boxed-layout.mdc-elevation--z24,
.site > .page-content.boxed-layout.mdc-elevation--z24 {
margin-bottom: 43.2px;
}
body.materialis-maintainable-in-customizer .boxed-layout div[data-id]:first-of-type {
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
@media (max-width: 768px) {
.site > .content {
padding-top: 3rem;
padding-bottom: 3rem;
}
}
@media (max-width: 767px) {
.page-content .page-sidebar-column {
order: 2;
}
}
.materialis-front-page #page > .blog-page,
.materialis-content-padding #page > .page-content,
.materialis-inner-page #page > .page-content {
padding-top: 6rem;
padding-bottom: 6rem;
}
.materialis-front-page #page > .blog-page.no-padding,
.materialis-content-padding #page > .page-content.no-padding,
.materialis-inner-page #page > .page-content.no-padding {
padding: 0 !important;
}
@media (max-width: 768px) {
.materialis-front-page #page > .blog-page,
.materialis-content-padding #page > .page-content,
.materialis-inner-page #page > .page-content {
padding-top: 3rem;
padding-bottom: 3rem;
}
}
.materialis-content-no-padding #page > .page-content,
.materialis-content-no-padding #page > .content {
padding-top: 0;
padding-bottom: 0;
}
body.custom-background,
.materialis-front-page.materialis-content-padding .page-content,
.materialis-inner-page .page-content,
.materialis-inner-page .content {
background-color: #f8f8f8;
} .content-section {
text-align: center;
}
.content-section a {
display: inline-block;
}
.content-section a i.mdi {
margin: 0;
}
.content-section img {
margin-bottom: 1rem;
}
@media (min-width: 768px) {
.content-section {
text-align: left;
}
}
.content-section > div:not([class*=gridContainer]):not([class*=separator]) {
padding-left: 15px;
padding-right: 15px;
}
.content-section p {
display: block;
}
.content-section.content-section-spacing-top,
.content-section.content-section-spacing {
padding-top: 32px;
}
.content-section.content-section-spacing-bottom,
.content-section.content-section-spacing {
padding-bottom: 32px;
}
@media (min-width: 768px) {
.content-section.content-section-spacing {
padding-top: 64px;
padding-bottom: 64px;
}
}
.content-section.content-section-spacing-small {
padding-top: 0.6rem;
padding-bottom: 0.6rem;
}
@media (min-width: 768px) {
.content-section.content-section-spacing-small {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
}
.content-section.content-section-spacing-medium {
padding-top: 20px;
padding-bottom: 20px;
}
@media (min-width: 768px) {
.content-section.content-section-spacing-medium {
padding-top: 40px;
padding-bottom: 40px;
}
}
.content-section.content-section-spacing-large {
padding-top: 40px;
padding-bottom: 40px;
}
@media (min-width: 768px) {
.content-section.content-section-spacing-large {
padding-top: 80px;
padding-bottom: 80px;
}
}
.content-section.content-section-spacing-xlarge {
padding-top: 60px;
padding-bottom: 60px;
}
@media (min-width: 768px) {
.content-section.content-section-spacing-xlarge {
padding-top: 100px;
padding-bottom: 100px;
}
}
.content-section.content-relative {
position: relative;
}
.content-section.content-relative > *:not([class*=section-separator]) {
position: relative;
z-index: 1;
}
@media (max-width: 767px) {
.content-section > .row:not(.no-spacing) > div:not(.no-gutter-col),
.content-section > div:not(.gridContainer) > .row:not(.no-spacing) > div:not(.no-gutter-col) {
padding-top: 2rem;
padding-bottom: 2rem;
}
}
.offset-double-border-overlay {
display: inline-block;
position: absolute;
pointer-events: none;
width: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
top: -15%;
bottom: 15%;
left: 15%;
right: -15%;
width: auto;
height: auto;
z-index: 12;
}
.offset-double-border-overlay .border-1,
.offset-double-border-overlay .border-2 {
position: absolute;
width: 100%;
height: 100%;
border-width: 10px;
border-style: solid;
border-color: #ffffff;
}
.offset-double-border-overlay .border-2 {
border-color: rgba(0, 0, 0, 0.2);
right: -10px;
top: 10px;
z-index: -1;
}
.offset-box {
position: relative;
z-index: 0;
}
.offset-box.border:after {
display: inline-block;
position: absolute;
pointer-events: none;
width: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transform: translate(3%, -3%);
transform: translate(3%, -3%);
border-width: 10px;
border-style: solid;
border-color: rgba(0, 0, 0, 0.5);
z-index: -1;
}
.offset-box.bg:after {
display: flex;
background-color: white;
display: inline-block;
position: absolute;
pointer-events: none;
width: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transform: translate(-5%, -5%);
transform: translate(-5%, -5%);
z-index: -1;
}
.overlay-box {
position: relative;
z-index: 0;
}
.overlay-box .offset-border {
display: inline-block;
position: absolute;
pointer-events: none;
width: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transform: translate(3%, -3%);
transform: translate(3%, -3%);
border-width: 10px;
border-style: solid;
}
.overlay-box .offset-border-top-right {
display: inline-block;
position: absolute;
pointer-events: none;
width: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transform: translate(3%, -3%);
transform: translate(3%, -3%);
border-width: 10px;
}
.overlay-box .offset-border-top-left {
display: inline-block;
position: absolute;
pointer-events: none;
width: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transform: translate(-3%, -3%);
transform: translate(-3%, -3%);
border-width: 10px;
border-style: solid;
}
.overlay-box .offset-background {
display: inline-block;
position: absolute;
pointer-events: none;
width: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
}
.overlay-box .offset-background-top-right {
display: inline-block;
position: absolute;
pointer-events: none;
width: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transform: translate(5%, -5%);
transform: translate(5%, -5%);
z-index: -1;
}
.overlay-box .offset-background-top-left {
display: inline-block;
position: absolute;
pointer-events: none;
width: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transform: translate(-5%, -5%);
transform: translate(-5%, -5%);
z-index: -1;
}
.center-overlay {
display: inline-block;
position: absolute;
pointer-events: none;
width: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transform: scale(0.75);
transform: scale(0.75);
z-index: 12;
}
.dark-overlay-bg {
position: relative;
z-index: 0;
}
.dark-overlay-bg:before {
display: inline-block;
position: absolute;
pointer-events: none;
width: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.498039);
z-index: -1;
}
.dark-overlay {
position: relative;
}
.dark-overlay:before {
display: inline-block;
position: absolute;
pointer-events: none;
width: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.498039);
z-index: 0;
}
.dark-overlay > * {
position: absolute;
z-index: 1;
top: 50%;
left: 50%;
margin: -2.22em 0px 0px -2.22em;
}
@media (min-width: 768px) {
.overlay-box .offset-border-top-right {
-webkit-transform: translate(10%, -10%);
transform: translate(10%, -10%);
}
.overlay-box .offset-border-top-left {
-webkit-transform: translate(-10%, -10%);
transform: translate(-10%, -10%);
}
}
.image-group-1 {
position: relative;
}
.image-group-1 img {
width: 100%;
position: relative;
}
.image-group-1 img {
width: 60%;
}
.image-group-1 .img-1 {
z-index: 2;
margin-left: 9%;
}
.image-group-1 .img-2 {
margin-top: -10%;
z-index: 1;
}
.image-group-1 .img-3 {
margin-top: -2%;
margin-left: 15%;
}
.image-group-2-img {
position: relative;
}
.image-group-2-img img {
width: 100%;
position: relative;
}
.image-group-2-img img {
width: 60%;
}
.image-group-2-img .img-1 {
-webkit-transform: translateY(-12%);
transform: translateY(-12%);
}
.image-group-2-img .img-2 {
z-index: 1;
margin-left: -25%;
-webkit-transform: translateY(12%);
transform: translateY(12%);
}
.image-group-right-2 {
position: relative;
}
.image-group-right-2 img {
width: 100%;
position: relative;
}
.image-group-right-2 .left-el,
.image-group-right-2 .right-el {
display: inline-block;
position: relative;
width: 50%;
}
.image-group-right-2 .left-el {
z-index: 11;
}
.image-group-right-2 .right-el {
margin-top: 25%;
margin-left: -20px;
}
.image-group-right-3 {
position: relative;
}
.image-group-right-3 img {
width: 100%;
position: relative;
}
.image-group-right-3 .left-media,
.image-group-right-3 .right-media,
.image-group-right-3 .bottom-media {
display: inline-block;
position: relative;
}
.image-group-right-3 .top-media {
width: 60%;
margin-left: 30%;
}
.image-group-right-3 .bottom-media {
margin-left: 26%;
margin-top: -10%;
width: 60%;
float: right;
}
.image-group-right-3 .left-media {
z-index: 11;
width: 60%;
margin-left: -40%;
margin-top: -50%;
}
.image-group-bottom-3 img {
position: relative;
max-width: 100%;
float: left;
}
.image-group-bottom-3 .left-img {
margin-left: 0%;
margin-top: 10%;
width: 30%;
z-index: 11;
}
.image-group-bottom-3 .center-img {
margin-left: -16%;
max-width: 100%;
width: 70%;
}
.image-group-bottom-3 .right-img {
margin-left: 60%;
margin-top: -30%;
max-width: 100%;
width: 40%;
}
.image-group-side-3-img .topimg,
.image-group-side-3-img .rightimg,
.image-group-side-3-img .leftimg {
float: left;
display: inline-block;
position: relative;
max-width: 100%;
}
.image-group-side-3-img .topimg {
width: 80%;
z-index: 10;
margin-left: 10%;
}
.image-group-side-3-img .rightimg {
margin-top: -25%;
width: auto;
width: 80%;
float: right;
}
.image-group-side-3-img .leftimg {
margin-top: -50%;
z-index: 11;
width: 60%;
}
.image-group-bottom-3-img {
overflow: hidden;
}
.image-group-bottom-3-img img {
position: relative;
max-width: 100%;
}
.image-group-bottom-3-img .left-img {
margin-right: -10%;
width: 35%;
z-index: 0;
}
.image-group-bottom-3-img .center-img {
max-width: 100%;
width: 42%;
z-index: 1;
}
.image-group-bottom-3-img .right-img {
margin-left: -10%;
max-width: 100%;
width: 35%;
}
.subscribe-form input,
.subscribe-form textarea,
.subscribe-form select {
display: inline-block;
width: auto;
}
.subscribe-form form,
.subscribe-form .form-item {
margin-bottom: 0;
}
.subscribe-form input[type=submit] {
margin-left: 20px;
}
.subscribe-form input[type=email] {
max-width: 400px;
width: 100%;
}
.subscribe-form .mc4wp-form-fields {
display: -moz-flex;
display: flex;
-moz-justify-content: center;
justify-content: center;
}
@media (max-width: 767px) {
.subscribe-form .mc4wp-form-fields {
display: block;
}
.subscribe-form .mc4wp-form-fields input[type=email] {
width: calc(100% - 40px);
max-width: unset;
}
.subscribe-form .mc4wp-form-fields input[type=submit] {
margin: 1.5rem auto 0 auto;
display: flex;
}
}
.subscribe-form input[type=submit] {
height: auto;
font-family: "Roboto";
font-size: 0.875rem;
color: #ffffff;
background-color: #228ae6;
border-radius: 4px;
min-width: 7rem;
padding: 0.55rem 20px;
font-weight: 500;
letter-spacing: 1px;
text-align: center;
text-decoration: none;
cursor: pointer;
display: inline-block;
line-height: 40px;
border: 2px solid #228ae6;
vertical-align: middle;
-webkit-appearance: none;
margin-bottom: 0.875rem;
margin-bottom: 0;
line-height: 1;
min-width: 6rem;
}
.subscribe-form input[type=submit] i {
position: relative;
top: 1px;
margin: 0 2px;
}
.subscribe-form input[type=submit]:hover {
outline: none;
text-decoration: none;
color: #ffffff;
background-color: #50a2eb;
border-color: #50a2eb;
}
.subscribe-form input[type=submit]:disabled,
.subscribe-form input[type=submit]:disabled[disabled],
.subscribe-form input[type=submit].disabled {
cursor: default;
font-style: normal;
color: rgba(255, 255, 255, 0.7);
background-color: rgba(34, 138, 230, 0.7);
border-color: rgba(34, 138, 230, 0.7);
padding: 0.55rem 20px;
}
.subscribe-form input[type=submit]:disabled:hover,
.subscribe-form input[type=submit]:disabled[disabled]:hover,
.subscribe-form input[type=submit].disabled:hover {
color: #ffffff;
}
.subscribe-form input[type=submit] .button-icon {
font-size: 1.5em;
margin-right: 0.25em;
vertical-align: middle;
}
.v-spacing {
margin-top: 1rem;
margin-bottom: 1rem;
}
.v-spacing.medium {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.v-spacing.large {
margin-top: 2rem;
margin-bottom: 2rem;
}
.full-height-row {
height: 100%;
}
.no-margin-top {
margin-top: 0px;
}
.no-margin-bottom {
margin-bottom: 0px;
}
.space-bottom-large {
margin-bottom: 4rem;
}
.space-bottom {
margin-bottom: 2rem;
}
.space-bottom-small,
.sidebar .widget {
margin-bottom: 1rem;
}
.space-top-large {
margin-top: 4rem;
}
.space-top {
margin-top: 2rem;
}
.space-top-small {
margin-top: 1rem;
}
@media (max-width: 767px) {
.hide-xs {
display: none !important;
}
.space-bottom-xs-large {
margin-bottom: 3rem;
}
.space-bottom-xs {
margin-bottom: 1.5rem;
}
.space-top-xs-large {
margin-top: 3rem;
}
.space-top-xs {
margin-top: 1.5rem;
}
}
div.section-separator-top,
div.section-separator-bottom {
width: 100%;
max-width: 100%;
overflow-x: hidden;
position: absolute;
z-index: 0;
height: 10%;
display: flex;
}
svg.section-separator-top,
svg.section-separator-bottom {
display: block;
margin-left: -1%;
max-height: 100%;
width: 102%;
height: 100%;
}
svg.section-separator-top[data-separator-name*=-negative] {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
svg.section-separator-bottom:not([data-separator-name*=-negative]) {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
div.section-separator-bottom {
bottom: 0px;
}
div.section-separator-top {
top: 0px;
}
.mdi.video-icon {
color: #ffffff;
font-size: 4.44rem;
padding: 0 10px;
}
img.round {
border-radius: 100%;
}
img.rounded {
border-radius: 8px;
}
img.desaturate {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
opacity: 0.6;
transition: 1s all;
}
img.desaturate:hover {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
opacity: 1;
}
img.icon {
font-size: 4.5rem;
margin-bottom: 1rem;
width: 4.5rem;
min-width: 4.5rem;
height: 4.5rem;
position: relative;
}
img.icon:before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
img.icon.round {
border-radius: 100%;
}
img.icon.reverse {
font-size: 2.25rem;
color: #ffffff;
}
img.icon.bordered,
img.icon.card[class*=bottom-border-] {
border-width: 2px;
border-style: solid;
font-size: 2.25rem;
padding: calc(0.3em - 2px);
}
img.icon.small,
img.icon.comment-meta {
font-size: 3.375rem;
margin-bottom: 1rem;
width: 3.375rem;
min-width: 3.375rem;
height: 3.375rem;
position: relative;
}
img.icon.small:before,
img.icon.comment-meta:before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
img.icon.small.round,
img.icon.round.comment-meta {
border-radius: 100%;
}
img.icon.small.reverse,
img.icon.reverse.comment-meta {
font-size: 1.6875rem;
color: #ffffff;
}
img.icon.small.bordered,
img.icon.bordered.comment-meta,
img.icon.small.card[class*=bottom-border-],
img.icon.comment-meta.card[class*=bottom-border-] {
border-width: 2px;
border-style: solid;
font-size: 1.6875rem;
padding: calc(0.3em - 2px);
}
img.icon.big {
font-size: 5.625rem;
margin-bottom: 1rem;
width: 5.625rem;
min-width: 5.625rem;
height: 5.625rem;
position: relative;
}
img.icon.big:before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
img.icon.big.round {
border-radius: 100%;
}
img.icon.big.reverse {
font-size: 2.8125rem;
color: #ffffff;
}
img.icon.big.bordered,
img.icon.big.card[class*=bottom-border-] {
border-width: 2px;
border-style: solid;
font-size: 2.8125rem;
padding: calc(0.3em - 2px);
}
img.icon.large {
font-size: 6.75rem;
margin-bottom: 1rem;
width: 6.75rem;
min-width: 6.75rem;
height: 6.75rem;
position: relative;
}
img.icon.large:before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
img.icon.large.round {
border-radius: 100%;
}
img.icon.large.reverse {
font-size: 3.375rem;
color: #ffffff;
}
img.icon.large.bordered,
img.icon.large.card[class*=bottom-border-] {
border-width: 2px;
border-style: solid;
font-size: 3.375rem;
padding: calc(0.3em - 2px);
}
img.icon.bordered,
img.icon.card[class*=bottom-border-] {
border-width: 4px;
padding: 0;
}
i.mdi {
-webkit-font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
line-height: 1;
display: inline-block;
text-align: center;
}
i.mdi.icon {
font-size: 4.5rem;
margin-bottom: 1rem;
width: 4.5rem;
min-width: 4.5rem;
height: 4.5rem;
position: relative;
}
i.mdi.icon:before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
i.mdi.icon.round {
border-radius: 100%;
}
i.mdi.icon.reverse {
font-size: 2.25rem;
color: #ffffff;
}
i.mdi.icon.bordered,
i.mdi.icon.card[class*=bottom-border-] {
border-width: 2px;
border-style: solid;
font-size: 2.25rem;
padding: calc(0.3em - 2px);
}
i.mdi.icon.small,
i.mdi.icon.comment-meta {
font-size: 3.375rem;
margin-bottom: 1rem;
width: 3.375rem;
min-width: 3.375rem;
height: 3.375rem;
position: relative;
}
i.mdi.icon.small:before,
i.mdi.icon.comment-meta:before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
i.mdi.icon.small.round,
i.mdi.icon.round.comment-meta {
border-radius: 100%;
}
i.mdi.icon.small.reverse,
i.mdi.icon.reverse.comment-meta {
font-size: 1.6875rem;
color: #ffffff;
}
i.mdi.icon.small.bordered,
i.mdi.icon.bordered.comment-meta,
i.mdi.icon.small.card[class*=bottom-border-],
i.mdi.icon.comment-meta.card[class*=bottom-border-] {
border-width: 2px;
border-style: solid;
font-size: 1.6875rem;
padding: calc(0.3em - 2px);
}
i.mdi.icon.big {
font-size: 5.625rem;
margin-bottom: 1rem;
width: 5.625rem;
min-width: 5.625rem;
height: 5.625rem;
position: relative;
}
i.mdi.icon.big:before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
i.mdi.icon.big.round {
border-radius: 100%;
}
i.mdi.icon.big.reverse {
font-size: 2.8125rem;
color: #ffffff;
}
i.mdi.icon.big.bordered,
i.mdi.icon.big.card[class*=bottom-border-] {
border-width: 2px;
border-style: solid;
font-size: 2.8125rem;
padding: calc(0.3em - 2px);
}
i.mdi.icon.large {
font-size: 6.75rem;
margin-bottom: 1rem;
width: 6.75rem;
min-width: 6.75rem;
height: 6.75rem;
position: relative;
}
i.mdi.icon.large:before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
i.mdi.icon.large.round {
border-radius: 100%;
}
i.mdi.icon.large.reverse {
font-size: 3.375rem;
color: #ffffff;
}
i.mdi.icon.large.bordered,
i.mdi.icon.large.card[class*=bottom-border-] {
border-width: 2px;
border-style: solid;
font-size: 3.375rem;
padding: calc(0.3em - 2px);
}
i.mdi.icon.reverse {
background-color: #228ae6;
}
i.mdi.icon.bordered,
i.mdi.icon.card[class*=bottom-border-] {
border-color: #228ae6;
}
.content-section i.mdi:not(.icon) {
font-size: 1.6rem;
}
a.icon-link {
text-decoration: none;
display: inline-block;
}
a.icon-link i.mdi {
color: inherit;
}
a.icon-link i.mdi.icon {
display: block;
border-radius: 100%;
margin-right: 0.5rem;
margin-bottom: 0;
}
.top-right-triangle {
width: 0;
height: 0;
border-style: solid;
border-width: 0 70px 70px 0;
border-color: transparent;
display: inline-block;
position: relative;
}
.top-right-triangle.color1 {
border-right-color: #228ae6;
}
.top-right-triangle.color2 {
border-right-color: #fa5252;
}
.top-right-triangle.color3 {
border-right-color: #82c91e;
}
.top-right-triangle.color4 {
border-right-color: #fab005;
}
.top-right-triangle.color5 {
border-right-color: #fab005;
}
.top-right-triangle i.mdi {
position: absolute;
top: 13px;
right: -58px;
color: #ffffff;
}
.top-right-triangle {
width: 0;
height: 0;
border-style: solid;
border-width: 0px 70px 70px 0px;
border-color: transparent;
display: inline-block;
position: relative;
}
.top-right-triangle.color1 {
border-right-color: #228ae6;
}
.top-right-triangle.color2 {
border-right-color: #fa5252;
}
.top-right-triangle.color3 {
border-right-color: #82c91e;
}
.top-right-triangle.color4 {
border-right-color: #fab005;
}
.top-right-triangle.color5 {
border-right-color: #fab005;
}
.top-right-triangle i.mdi {
position: absolute;
top: 8.75px;
right: -66.6666666667px;
color: #ffffff;
}
.top-right-triangle.small,
.top-right-triangle.comment-meta {
border-width: 0px 35px 35px 0px;
}
.top-right-triangle.small i.mdi,
.top-right-triangle.comment-meta i.mdi {
top: 5.8333333333px;
right: -30.1724137931px;
}
.bottom-right-triangle {
width: 0;
height: 0;
border-style: solid;
border-width: 0px 0px 70px 70px;
border-color: transparent;
display: inline-block;
position: relative;
}
.bottom-right-triangle.color1 {
border-bottom-color: #228ae6;
}
.bottom-right-triangle.color2 {
border-bottom-color: #fa5252;
}
.bottom-right-triangle.color3 {
border-bottom-color: #82c91e;
}
.bottom-right-triangle.color4 {
border-bottom-color: #fab005;
}
.bottom-right-triangle.color5 {
border-bottom-color: #fab005;
}
.bottom-right-triangle i.mdi {
position: absolute;
top: 8.75px;
right: -66.6666666667px;
color: #ffffff;
}
.bottom-right-triangle.small,
.bottom-right-triangle.comment-meta {
border-width: 0px 0px 35px 35px;
}
.bottom-right-triangle.small i.mdi,
.bottom-right-triangle.comment-meta i.mdi {
top: 5.8333333333px;
right: -30.1724137931px;
}
.top-left-triangle {
width: 0;
height: 0;
border-style: solid;
border-width: 70px 70px 0px 0px;
border-color: transparent;
display: inline-block;
position: relative;
}
.top-left-triangle.color1 {
border-top-color: #228ae6;
}
.top-left-triangle.color2 {
border-top-color: #fa5252;
}
.top-left-triangle.color3 {
border-top-color: #82c91e;
}
.top-left-triangle.color4 {
border-top-color: #fab005;
}
.top-left-triangle.color5 {
border-top-color: #fab005;
}
.top-left-triangle i.mdi {
position: absolute;
top: 8.75px;
right: -66.6666666667px;
color: #ffffff;
}
.top-left-triangle.small,
.top-left-triangle.comment-meta {
border-width: 35px 35px 0px 0px;
}
.top-left-triangle.small i.mdi,
.top-left-triangle.comment-meta i.mdi {
top: 5.8333333333px;
right: -30.1724137931px;
}
.materialis-latest-news div.negative-margin {
margin-left: -0.5rem;
}
.materialis-latest-news .latest-news-layout-overlap .post-content-body h1,
.materialis-latest-news .latest-news-layout-overlap .post-content-body h2,
.materialis-latest-news .latest-news-layout-overlap .post-content-body h3,
.materialis-latest-news .latest-news-layout-overlap .post-content-body h4,
.materialis-latest-news .latest-news-layout-overlap .post-content-body h5,
.materialis-latest-news .latest-news-layout-overlap .post-content-body .widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .materialis-latest-news .latest-news-layout-overlap .post-content-body h1:first-child,
.materialis-latest-news .latest-news-layout-overlap .post-content-body .widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .materialis-latest-news .latest-news-layout-overlap .post-content-body h2:first-child,
.materialis-latest-news .latest-news-layout-overlap .post-content-body .widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .materialis-latest-news .latest-news-layout-overlap .post-content-body h3:first-child,
.materialis-latest-news .latest-news-layout-overlap .post-content-body .widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .materialis-latest-news .latest-news-layout-overlap .post-content-body h4:first-child,
.materialis-latest-news .latest-news-layout-overlap .post-content-body .widget_block > .wp-block-group > .wp-block-group__inner-container h5:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .materialis-latest-news .latest-news-layout-overlap .post-content-body h5:first-child,
.materialis-latest-news .latest-news-layout-overlap .post-content-body .widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .materialis-latest-news .latest-news-layout-overlap .post-content-body h6:first-child,
.materialis-latest-news .latest-news-layout-overlap .post-content-body h6,
.materialis-latest-news .mdc-card .post-content-body h1,
.materialis-latest-news .mdc-card .post-content-body h2,
.materialis-latest-news .mdc-card .post-content-body h3,
.materialis-latest-news .mdc-card .post-content-body h4,
.materialis-latest-news .mdc-card .post-content-body h5,
.materialis-latest-news .mdc-card .post-content-body .widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .materialis-latest-news .mdc-card .post-content-body h1:first-child,
.materialis-latest-news .mdc-card .post-content-body .widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .materialis-latest-news .mdc-card .post-content-body h2:first-child,
.materialis-latest-news .mdc-card .post-content-body .widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .materialis-latest-news .mdc-card .post-content-body h3:first-child,
.materialis-latest-news .mdc-card .post-content-body .widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .materialis-latest-news .mdc-card .post-content-body h4:first-child,
.materialis-latest-news .mdc-card .post-content-body .widget_block > .wp-block-group > .wp-block-group__inner-container h5:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .materialis-latest-news .mdc-card .post-content-body h5:first-child,
.materialis-latest-news .mdc-card .post-content-body .widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .materialis-latest-news .mdc-card .post-content-body h6:first-child,
.materialis-latest-news .mdc-card .post-content-body h6 {
color: #54617A;
}
.materialis-latest-news .latest-news-layout-overlap .post-content-body p,
.materialis-latest-news .latest-news-layout-overlap .post-content-body span,
.materialis-latest-news .mdc-card .post-content-body p,
.materialis-latest-news .mdc-card .post-content-body span {
color: #8D99AE;
}
.materialis-latest-news .latest-news-item-meta.after-title i.mdi {
line-height: 1;
vertical-align: middle;
padding: 0;
margin-top: -0.45rem;
}
.materialis-latest-news .latest-news-item-meta.after-title a {
padding: 0px 6px;
}
.materialis-latest-news .latest-news-layout-list {
display: -moz-flex;
display: flex;
-moz-flex-direction: column;
flex-direction: column;
height: 100%;
}
.materialis-latest-news .latest-news-layout-list .post-content-body {
flex-grow: 1;
}
@media (max-width: 1024px) {
.materialis-latest-news .mdc-card__actions {
flex-flow: wrap;
}
.materialis-latest-news .mdc-card__actions .mdc-card__action-icons,
.materialis-latest-news .mdc-card__actions .mdc-card__action-buttons {
-moz-justify-content: center;
justify-content: center;
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: 100%;
max-width: 100%;
text-align: center;
}
.materialis-latest-news .mdc-card__actions .mdc-card__action-icons {
flex-flow: wrap;
}
.materialis-latest-news .mdc-card__actions .mdc-card__action-buttons {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: 100%;
max-width: 100%;
}
}
.materialis-latest-news .latest-news-layout-overlap {
position: relative;
}
.materialis-latest-news .latest-news-layout-overlap .background-image {
top: 0;
left: 0;
width: 100%;
padding-top: 180%;
overflow: hidden;
z-index: 1;
position: relative;
}
@media (max-width: 1023px) {
.materialis-latest-news .latest-news-layout-overlap .background-image {
padding-top: 200%;
}
}
.materialis-latest-news .latest-news-layout-overlap .background-image img {
position: absolute;
top: -10%;
left: -10%;
height: 110%;
max-width: unset;
width: auto;
}
.materialis-latest-news .latest-news-layout-overlap .post-content-body {
position: absolute;
bottom: 0px;
left: 0;
z-index: 2;
width: 90%;
}
.materialis-latest-news .elevate-image .post-list-item-thumb img {
box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}
.materialis-latest-news .mdc-card,
.materialis-latest-news .card {
height: 100%;
}
.materialis-latest-news .mdc-card .post-content-body,
.materialis-latest-news .card .post-content-body {
flex-grow: 1;
}
.materialis-latest-news .mdc-card .button.link,
.materialis-latest-news .card .button.link {
margin-left: -8px;
font-size: 16px;
text-transform: capitalize;
}
.materialis-latest-news .mdc-card .mdc-card__action-icons .post-footer-link,
.materialis-latest-news .card .mdc-card__action-icons .post-footer-link {
margin-right: 10px;
}
.materialis-latest-news .mdc-card .mdc-card__action-icons .post-footer-link > i,
.materialis-latest-news .card .mdc-card__action-icons .post-footer-link > i {
padding: 0;
vertical-align: middle;
}
.materialis-latest-news .mdc-card .mdc-card__action-icons .post-footer-link > .post-footer-value,
.materialis-latest-news .card .mdc-card__action-icons .post-footer-link > .post-footer-value {
color: rgba(0, 0, 0, 0.38);
vertical-align: middle;
}
.materialis-latest-news .mdc-card .mdc-card__action-buttons,
.materialis-latest-news .card .mdc-card__action-buttons {
margin-left: auto;
}
.materialis-latest-news .mdc-card .mdc-card__action-buttons .button.link,
.materialis-latest-news .card .mdc-card__action-buttons .button.link {
font-size: 14px;
text-transform: uppercase;
}
[data-section-ov],
[data-ovid] {
position: relative;
}
[data-section-ov] > *,
[data-ovid] > * {
z-index: 1;
position: relative;
}
[data-section-ov]:before,
[data-ovid]:before {
position: absolute;
display: block;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 0;
}
.col-relative {
position: relative;
}
.col-padding {
padding: 2rem;
}
.col-padding-top {
padding-top: 2rem;
}
.col-padding-bottom {
padding-top: 2rem;
}
.col-padding-small {
padding: 1rem;
}
.col-no-padding {
padding: 0;
}
.col-no-padding-bottom {
padding-bottom: 0;
}
.col-no-padding-top {
padding-top: 0;
}
.no-gutter-col {
padding-left: 0px;
padding-right: 0px;
}
.no-padding {
padding: 0px;
}
.no-padding-top {
padding-top: 0px;
}
.no-padding-bottom {
padding-bottom: 0px;
}
.no-padding-left {
padding-left: 0px;
}
.box-padding-tb-medium {
padding-top: 40px;
padding-bottom: 40px;
}
.box-padding-tb-small {
padding-top: 22px;
padding-bottom: 22px;
}
.box-padding-lr-small {
padding-left: 28px;
padding-right: 28px;
}
.box-padding-lr-medium {
padding-left: 40px;
padding-right: 40px;
}
@media (min-width: 768px) {
.col-sm-padding-medium {
padding-left: 5%;
padding-right: 5%;
padding-top: 3rem;
padding-bottom: 3rem;
}
.col-sm-padding-large {
padding-left: 10%;
padding-right: 10%;
padding-top: 6rem;
padding-bottom: 6rem;
}
}
@media (max-width: 767px) {
.col-padding-xs {
padding: 2rem;
}
.col-padding-small-xs {
padding: 1rem;
}
}
.row.spaced-cols {
margin-bottom: -30px;
}
.row.spaced-cols.space-bottom {
margin-bottom: 0px;
}
.spaced-cols > div {
margin-bottom: 30px;
}
.full-col-left-padding {
padding-left: 8%;
}
.full-col-right-padding {
padding-right: 8%;
}
.full-title-col {
margin: auto;
}
.gridContainer .full-col-left-padding,
.gridContainer .full-col-right-padding {
padding-left: 15px;
padding-right: 15px;
}
.section-title-col {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: 100%;
max-width: 100%;
max-width: 100%;
text-align: center;
margin: auto;
}
.section-title-col > *:last-child:not(.button) {
margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
.section-title-col {
box-sizing: border-box;
-moz-flex-grow: 0;
flex-grow: 0;
flex-shrink: 0;
padding-right: 15px;
padding-left: 15px;
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
}
.section-title-col > *:last-child:not(.button) {
margin-bottom: 2rem;
}
}
@media (min-width: 1228px) {
.section-title-col {
max-width: 65%;
}
.section-title-col.large {
max-width: 82.5%;
}
}
.white-text p:not([class*=color]),
.white-text h1:not([class*=color]),
.white-text h2:not([class*=color]),
.white-text h3:not([class*=color]),
.white-text h4:not([class*=color]),
.white-text h5:not([class*=color]),
.white-text .widget_block > .wp-block-group > .wp-block-group__inner-container h1:not([class*=color]):first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .white-text h1:not([class*=color]):first-child,
.white-text .widget_block > .wp-block-group > .wp-block-group__inner-container h2:not([class*=color]):first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .white-text h2:not([class*=color]):first-child,
.white-text .widget_block > .wp-block-group > .wp-block-group__inner-container h3:not([class*=color]):first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .white-text h3:not([class*=color]):first-child,
.white-text .widget_block > .wp-block-group > .wp-block-group__inner-container h4:not([class*=color]):first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .white-text h4:not([class*=color]):first-child,
.white-text .widget_block > .wp-block-group > .wp-block-group__inner-container h5:not([class*=color]):first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .white-text h5:not([class*=color]):first-child,
.white-text .widget_block > .wp-block-group > .wp-block-group__inner-container h6:not([class*=color]):first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .white-text h6:not([class*=color]):first-child,
.white-text h6:not([class*=color]),
.white-text i:not(.read-more-icon):not([class*=color]),
.white-text .section-title-col p:not([class*=color]),
.white-text .section-title-col h1:not([class*=color]),
.white-text .section-title-col h2:not([class*=color]),
.white-text .section-title-col h3:not([class*=color]),
.white-text .section-title-col h4:not([class*=color]),
.white-text .section-title-col h5:not([class*=color]),
.white-text .section-title-col h6:not([class*=color]),
.white-text .section-title-col i:not(.read-more-icon):not([class*=color]) {
color: #ffffff;
}
.section-title-col-white-text .section-title-col p:not([class*=color]),
.section-title-col-white-text .section-title-col h1:not([class*=color]),
.section-title-col-white-text .section-title-col h2:not([class*=color]),
.section-title-col-white-text .section-title-col h3:not([class*=color]),
.section-title-col-white-text .section-title-col h4:not([class*=color]),
.section-title-col-white-text .section-title-col h5:not([class*=color]),
.section-title-col-white-text .section-title-col .widget_block > .wp-block-group > .wp-block-group__inner-container h1:not([class*=color]):first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .section-title-col-white-text .section-title-col h1:not([class*=color]):first-child,
.section-title-col-white-text .section-title-col .widget_block > .wp-block-group > .wp-block-group__inner-container h2:not([class*=color]):first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .section-title-col-white-text .section-title-col h2:not([class*=color]):first-child,
.section-title-col-white-text .section-title-col .widget_block > .wp-block-group > .wp-block-group__inner-container h3:not([class*=color]):first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .section-title-col-white-text .section-title-col h3:not([class*=color]):first-child,
.section-title-col-white-text .section-title-col .widget_block > .wp-block-group > .wp-block-group__inner-container h4:not([class*=color]):first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .section-title-col-white-text .section-title-col h4:not([class*=color]):first-child,
.section-title-col-white-text .section-title-col .widget_block > .wp-block-group > .wp-block-group__inner-container h5:not([class*=color]):first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .section-title-col-white-text .section-title-col h5:not([class*=color]):first-child,
.section-title-col-white-text .section-title-col .widget_block > .wp-block-group > .wp-block-group__inner-container h6:not([class*=color]):first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .section-title-col-white-text .section-title-col h6:not([class*=color]):first-child,
.section-title-col-white-text .section-title-col h6:not([class*=color]),
.section-title-col-white-text .section-title-col i:not(.read-more-icon):not([class*=color]) {
color: #ffffff;
}
.section-title-col-white-text .use-section-text-color > p:not([class*=color]),
.section-title-col-white-text .use-section-text-color > h1:not([class*=color]),
.section-title-col-white-text .use-section-text-color > h2:not([class*=color]),
.section-title-col-white-text .use-section-text-color > h3:not([class*=color]),
.section-title-col-white-text .use-section-text-color > h4:not([class*=color]),
.section-title-col-white-text .use-section-text-color > h5:not([class*=color]),
.section-title-col-white-text .widget_block > .wp-block-group > .wp-block-group__inner-container .use-section-text-color > h1:not([class*=color]):first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .section-title-col-white-text .use-section-text-color > h1:not([class*=color]):first-child,
.section-title-col-white-text .widget_block > .wp-block-group > .wp-block-group__inner-container .use-section-text-color > h2:not([class*=color]):first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .section-title-col-white-text .use-section-text-color > h2:not([class*=color]):first-child,
.section-title-col-white-text .widget_block > .wp-block-group > .wp-block-group__inner-container .use-section-text-color > h3:not([class*=color]):first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .section-title-col-white-text .use-section-text-color > h3:not([class*=color]):first-child,
.section-title-col-white-text .widget_block > .wp-block-group > .wp-block-group__inner-container .use-section-text-color > h4:not([class*=color]):first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .section-title-col-white-text .use-section-text-color > h4:not([class*=color]):first-child,
.section-title-col-white-text .widget_block > .wp-block-group > .wp-block-group__inner-container .use-section-text-color > h5:not([class*=color]):first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .section-title-col-white-text .use-section-text-color > h5:not([class*=color]):first-child,
.section-title-col-white-text .widget_block > .wp-block-group > .wp-block-group__inner-container .use-section-text-color > h6:not([class*=color]):first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .section-title-col-white-text .use-section-text-color > h6:not([class*=color]):first-child,
.section-title-col-white-text .use-section-text-color > h6:not([class*=color]),
.section-title-col-white-text .use-section-text-color > i:not(.read-more-icon):not([class*=color]),
.section-title-col-white-text .use-section-text-color :not(.dark-text) p:not([class*=color]),
.section-title-col-white-text .use-section-text-color :not(.dark-text) h1:not([class*=color]),
.section-title-col-white-text .use-section-text-color :not(.dark-text) h2:not([class*=color]),
.section-title-col-white-text .use-section-text-color :not(.dark-text) h3:not([class*=color]),
.section-title-col-white-text .use-section-text-color :not(.dark-text) h4:not([class*=color]),
.section-title-col-white-text .use-section-text-color :not(.dark-text) h5:not([class*=color]),
.section-title-col-white-text .use-section-text-color :not(.dark-text) h6:not([class*=color]),
.section-title-col-white-text .use-section-text-color :not(.dark-text) i:not(.read-more-icon):not([class*=color]) {
color: #ffffff;
}
.dark-text p:not([class*=color]),
.dark-text h1:not([class*=color]),
.dark-text h2:not([class*=color]),
.dark-text h3:not([class*=color]),
.dark-text h4:not([class*=color]),
.dark-text h5:not([class*=color]),
.dark-text .widget_block > .wp-block-group > .wp-block-group__inner-container h1:not([class*=color]):first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .dark-text h1:not([class*=color]):first-child,
.dark-text .widget_block > .wp-block-group > .wp-block-group__inner-container h2:not([class*=color]):first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .dark-text h2:not([class*=color]):first-child,
.dark-text .widget_block > .wp-block-group > .wp-block-group__inner-container h3:not([class*=color]):first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .dark-text h3:not([class*=color]):first-child,
.dark-text .widget_block > .wp-block-group > .wp-block-group__inner-container h4:not([class*=color]):first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .dark-text h4:not([class*=color]):first-child,
.dark-text .widget_block > .wp-block-group > .wp-block-group__inner-container h5:not([class*=color]):first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .dark-text h5:not([class*=color]):first-child,
.dark-text .widget_block > .wp-block-group > .wp-block-group__inner-container h6:not([class*=color]):first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .dark-text h6:not([class*=color]):first-child,
.dark-text h6:not([class*=color]),
.dark-text i:not(.read-more-icon):not([class*=color]),
.dark-text .section-title-col p:not([class*=color]),
.dark-text .section-title-col h1:not([class*=color]),
.dark-text .section-title-col h2:not([class*=color]),
.dark-text .section-title-col h3:not([class*=color]),
.dark-text .section-title-col h4:not([class*=color]),
.dark-text .section-title-col h5:not([class*=color]),
.dark-text .section-title-col h6:not([class*=color]),
.dark-text .section-title-col i:not(.read-more-icon):not([class*=color]) {
color: #4a4a4a;
}
.section-title-col-dark-text .section-title-col p:not([class*=color]),
.section-title-col-dark-text .section-title-col h1:not([class*=color]),
.section-title-col-dark-text .section-title-col h2:not([class*=color]),
.section-title-col-dark-text .section-title-col h3:not([class*=color]),
.section-title-col-dark-text .section-title-col h4:not([class*=color]),
.section-title-col-dark-text .section-title-col h5:not([class*=color]),
.section-title-col-dark-text .section-title-col .widget_block > .wp-block-group > .wp-block-group__inner-container h1:not([class*=color]):first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .section-title-col-dark-text .section-title-col h1:not([class*=color]):first-child,
.section-title-col-dark-text .section-title-col .widget_block > .wp-block-group > .wp-block-group__inner-container h2:not([class*=color]):first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .section-title-col-dark-text .section-title-col h2:not([class*=color]):first-child,
.section-title-col-dark-text .section-title-col .widget_block > .wp-block-group > .wp-block-group__inner-container h3:not([class*=color]):first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .section-title-col-dark-text .section-title-col h3:not([class*=color]):first-child,
.section-title-col-dark-text .section-title-col .widget_block > .wp-block-group > .wp-block-group__inner-container h4:not([class*=color]):first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .section-title-col-dark-text .section-title-col h4:not([class*=color]):first-child,
.section-title-col-dark-text .section-title-col .widget_block > .wp-block-group > .wp-block-group__inner-container h5:not([class*=color]):first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .section-title-col-dark-text .section-title-col h5:not([class*=color]):first-child,
.section-title-col-dark-text .section-title-col .widget_block > .wp-block-group > .wp-block-group__inner-container h6:not([class*=color]):first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .section-title-col-dark-text .section-title-col h6:not([class*=color]):first-child,
.section-title-col-dark-text .section-title-col h6:not([class*=color]),
.section-title-col-dark-text .section-title-col i:not(.read-more-icon):not([class*=color]) {
color: #4a4a4a;
}
.section-title-col-dark-text .use-section-text-color > p:not([class*=color]),
.section-title-col-dark-text .use-section-text-color > h1:not([class*=color]),
.section-title-col-dark-text .use-section-text-color > h2:not([class*=color]),
.section-title-col-dark-text .use-section-text-color > h3:not([class*=color]),
.section-title-col-dark-text .use-section-text-color > h4:not([class*=color]),
.section-title-col-dark-text .use-section-text-color > h5:not([class*=color]),
.section-title-col-dark-text .widget_block > .wp-block-group > .wp-block-group__inner-container .use-section-text-color > h1:not([class*=color]):first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .section-title-col-dark-text .use-section-text-color > h1:not([class*=color]):first-child,
.section-title-col-dark-text .widget_block > .wp-block-group > .wp-block-group__inner-container .use-section-text-color > h2:not([class*=color]):first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .section-title-col-dark-text .use-section-text-color > h2:not([class*=color]):first-child,
.section-title-col-dark-text .widget_block > .wp-block-group > .wp-block-group__inner-container .use-section-text-color > h3:not([class*=color]):first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .section-title-col-dark-text .use-section-text-color > h3:not([class*=color]):first-child,
.section-title-col-dark-text .widget_block > .wp-block-group > .wp-block-group__inner-container .use-section-text-color > h4:not([class*=color]):first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .section-title-col-dark-text .use-section-text-color > h4:not([class*=color]):first-child,
.section-title-col-dark-text .widget_block > .wp-block-group > .wp-block-group__inner-container .use-section-text-color > h5:not([class*=color]):first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .section-title-col-dark-text .use-section-text-color > h5:not([class*=color]):first-child,
.section-title-col-dark-text .widget_block > .wp-block-group > .wp-block-group__inner-container .use-section-text-color > h6:not([class*=color]):first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container .section-title-col-dark-text .use-section-text-color > h6:not([class*=color]):first-child,
.section-title-col-dark-text .use-section-text-color > h6:not([class*=color]),
.section-title-col-dark-text .use-section-text-color > i:not(.read-more-icon):not([class*=color]),
.section-title-col-dark-text .use-section-text-color :not(.white-text) p:not([class*=color]),
.section-title-col-dark-text .use-section-text-color :not(.white-text) h1:not([class*=color]),
.section-title-col-dark-text .use-section-text-color :not(.white-text) h2:not([class*=color]),
.section-title-col-dark-text .use-section-text-color :not(.white-text) h3:not([class*=color]),
.section-title-col-dark-text .use-section-text-color :not(.white-text) h4:not([class*=color]),
.section-title-col-dark-text .use-section-text-color :not(.white-text) h5:not([class*=color]),
.section-title-col-dark-text .use-section-text-color :not(.white-text) h6:not([class*=color]),
.section-title-col-dark-text .use-section-text-color :not(.white-text) i:not(.read-more-icon):not([class*=color]) {
color: #4a4a4a;
}
@media (min-width: 768px) {
div.content-left-sm {
text-align: left;
}
div.content-left-sm h1,
div.content-left-sm h2,
div.content-left-sm h3,
div.content-left-sm h4,
div.content-left-sm h5,
div.content-left-sm .widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container div.content-left-sm h1:first-child,
div.content-left-sm .widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container div.content-left-sm h2:first-child,
div.content-left-sm .widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container div.content-left-sm h3:first-child,
div.content-left-sm .widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container div.content-left-sm h4:first-child,
div.content-left-sm .widget_block > .wp-block-group > .wp-block-group__inner-container h5:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container div.content-left-sm h5:first-child,
div.content-left-sm .widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container div.content-left-sm h6:first-child,
div.content-left-sm h6,
div.content-left-sm p,
div.content-left-sm img {
margin-left: 0;
margin-right: auto;
text-align: left;
}
div.content-left-sm .icon {
margin-left: 0;
margin-right: auto;
}
div.content-center-sm {
text-align: center;
}
div.content-center-sm h1,
div.content-center-sm h2,
div.content-center-sm h3,
div.content-center-sm h4,
div.content-center-sm h5,
div.content-center-sm .widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container div.content-center-sm h1:first-child,
div.content-center-sm .widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container div.content-center-sm h2:first-child,
div.content-center-sm .widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container div.content-center-sm h3:first-child,
div.content-center-sm .widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container div.content-center-sm h4:first-child,
div.content-center-sm .widget_block > .wp-block-group > .wp-block-group__inner-container h5:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container div.content-center-sm h5:first-child,
div.content-center-sm .widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container div.content-center-sm h6:first-child,
div.content-center-sm h6,
div.content-center-sm p,
div.content-center-sm img,
div.content-center-sm [data-type=group] {
text-align: center;
margin-left: auto;
margin-right: auto;
}
div.content-center-sm .icon,
div.content-center-sm img {
margin-left: auto;
margin-right: auto;
text-align: center;
}
div.content-right-sm {
text-align: right;
}
div.content-right-sm h1,
div.content-right-sm h2,
div.content-right-sm h3,
div.content-right-sm h4,
div.content-right-sm h5,
div.content-right-sm .widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container div.content-right-sm h1:first-child,
div.content-right-sm .widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container div.content-right-sm h2:first-child,
div.content-right-sm .widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container div.content-right-sm h3:first-child,
div.content-right-sm .widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container div.content-right-sm h4:first-child,
div.content-right-sm .widget_block > .wp-block-group > .wp-block-group__inner-container h5:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container div.content-right-sm h5:first-child,
div.content-right-sm .widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child,
.widget_block > .wp-block-group > .wp-block-group__inner-container div.content-right-sm h6:first-child,
div.content-right-sm h6,
div.content-right-sm p,
div.content-right-sm img,
div.content-right-sm [data-type=group] {
margin-right: 0;
margin-left: auto;
text-align: right;
}
div.content-right-sm .icon {
margin-right: 0;
margin-left: auto;
}
}
@-webkit-keyframes per-column-not-rendering {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes per-column-not-rendering {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@media (max-width: 767px) {
.cols-border-between div.col-xs-1 {
border-right-width: 1px;
border-right-style: solid;
border-right-color: #228ae6;
}
}
@media (max-width: 767px) and (min-width: 768px) {
.cols-border-between div.col-xs-1 {
padding-left: 40px;
padding-right: 40px;
}
}
@media (max-width: 767px) {
.cols-border-between div.col-xs-1:nth-of-type(12n) {
border-right: transparent;
}
}
@media (max-width: 767px) {
.cols-border-between div.col-xs-1:last-of-type {
border-right: transparent;
}
}
@media (max-width: 767px) {
.cols-border-between div.col-xs-2 {
border-right-width: 1px;
border-right-style: solid;
border-right-color: #228ae6;
}
}
@media (max-width: 767px) and (min-width: 768px) {
.cols-border-between div.col-xs-2 {
padding-left: 40px;
padding-right: 40px;
}
}
@media (max-width: 767px) {
.cols-border-between div.col-xs-2:nth-of-type(6n) {
border-right: transparent;
}
}
@media (max-width: 767px) {
.cols-border-between div.col-xs-2:last-of-type {
border-right: transparent;
}
}
@media (max-width: 767px) {
.cols-border-between div.col-xs-3 {
border-right-width: 1px;
border-right-style: solid;
border-right-color: #228ae6;
}
}
@media (max-width: 767px) and (min-width: 768px) {
.cols-border-between div.col-xs-3 {
padding-left: 40px;
padding-right: 40px;
}
}
@media (max-width: 767px) {
.cols-border-between div.col-xs-3:nth-of-type(4n) {
border-right: transparent;
}
}
@media (max-width: 767px) {
.cols-border-between div.col-xs-3:last-of-type {
border-right: transparent;
}
}
@media (max-width: 767px) {
.cols-border-between div.col-xs-4 {
border-right-width: 1px;
border-right-style: solid;
border-right-color: #228ae6;
}
}
@media (max-width: 767px) and (min-width: 768px) {
.cols-border-between div.col-xs-4 {
padding-left: 40px;
padding-right: 40px;
}
}
@media (max-width: 767px) {
.cols-border-between div.col-xs-4:nth-of-type(3n) {
border-right: transparent;
}
}
@media (max-width: 767px) {
.cols-border-between div.col-xs-4:last-of-type {
border-right: transparent;
}
}
@media (max-width: 767px) {
.cols-border-between div.col-xs-6 {
border-right-width: 1px;
border-right-style: solid;
border-right-color: #228ae6;
}
}
@media (max-width: 767px) and (min-width: 768px) {
.cols-border-between div.col-xs-6 {
padding-left: 40px;
padding-right: 40px;
}
}
@media (max-width: 767px) {
.cols-border-between div.col-xs-6:nth-of-type(2n) {
border-right: transparent;
}
}
@media (max-width: 767px) {
.cols-border-between div.col-xs-6:last-of-type {
border-right: transparent;
}
}
@media (max-width: 767px) {
.cols-border-between div.col-xs-12 {
border-right-width: 1px;
border-right-style: solid;
border-right-color: #228ae6;
}
}
@media (max-width: 767px) and (min-width: 768px) {
.cols-border-between div.col-xs-12 {
padding-left: 40px;
padding-right: 40px;
}
}
@media (max-width: 767px) {
.cols-border-between div.col-xs-12:nth-of-type(1n) {
border-right: transparent;
}
}
@media (max-width: 767px) {
.cols-border-between div.col-xs-12:last-of-type {
border-right: transparent;
}
}
@media (max-width: 767px) {
.cols-border-between div.col-xs-12 {
border-right: none;
border-bottom: 1px solid #228ae6;
}
}
@media (max-width: 767px) {
.cols-separator-between div.col-xs-1 {
position: relative;
}
}
@media (max-width: 767px) and (min-width: 768px) {
.cols-separator-between div.col-xs-1 {
padding-left: 40px;
padding-right: 40px;
}
}
@media (max-width: 767px) {
.cols-separator-between div.col-xs-1:after {
background: #228ae6;
content: "";
display: block;
height: 90%;
position: absolute;
right: 0;
top: 5%;
width: 1px;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation-name: per-column-not-rendering;
animation-name: per-column-not-rendering;
-webkit-animation-duration: 0.1s;
animation-duration: 0.1s;
}
}
@media (max-width: 767px) {
.cols-separator-between div.col-xs-1:nth-of-type(12n):after {
background: transparent;
}
}
@media (max-width: 767px) {
.cols-separator-between div.col-xs-1:last-of-type:after {
background: transparent;
}
}
@media (max-width: 767px) {
.cols-separator-between div.col-xs-2 {
position: relative;
}
}
@media (max-width: 767px) and (min-width: 768px) {
.cols-separator-between div.col-xs-2 {
padding-left: 40px;
padding-right: 40px;
}
}
@media (max-width: 767px) {
.cols-separator-between div.col-xs-2:after {
background: #228ae6;
content: "";
display: block;
height: 90%;
position: absolute;
right: 0;
top: 5%;
width: 1px;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation-name: per-column-not-rendering;
animation-name: per-column-not-rendering;
-webkit-animation-duration: 0.1s;
animation-duration: 0.1s;
}
}
@media (max-width: 767px) {
.cols-separator-between div.col-xs-2:nth-of-type(6n):after {
background: transparent;
}
}
@media (max-width: 767px) {
.cols-separator-between div.col-xs-2:last-of-type:after {
background: transparent;
}
}
@media (max-width: 767px) {
.cols-separator-between div.col-xs-3 {
position: relative;
}
}
@media (max-width: 767px) and (min-width: 768px) {
.cols-separator-between div.col-xs-3 {
padding-left: 40px;
padding-right: 40px;
}
}
@media (max-width: 767px) {
.cols-separator-between div.col-xs-3:after {
background: #228ae6;
content: "";
display: block;
height: 90%;
position: absolute;
right: 0;
top: 5%;
width: 1px;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation-name: per-column-not-rendering;
animation-name: per-column-not-rendering;
-webkit-animation-duration: 0.1s;
animation-duration: 0.1s;
}
}
@media (max-width: 767px) {
.cols-separator-between div.col-xs-3:nth-of-type(4n):after {
background: transparent;
}
}
@media (max-width: 767px) {
.cols-separator-between div.col-xs-3:last-of-type:after {
background: transparent;
}
}
@media (max-width: 767px) {
.cols-separator-between div.col-xs-4 {
position: relative;
}
}
@media (max-width: 767px) and (min-width: 768px) {
.cols-separator-between div.col-xs-4 {
padding-left: 40px;
padding-right: 40px;
}
}
@media (max-width: 767px) {
.cols-separator-between div.col-xs-4:after {
background: #228ae6;
content: "";
display: block;
height: 90%;
position: absolute;
right: 0;
top: 5%;
width: 1px;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation-name: per-column-not-rendering;
animation-name: per-column-not-rendering;
-webkit-animation-duration: 0.1s;
animation-duration: 0.1s;
}
}
@media (max-width: 767px) {
.cols-separator-between div.col-xs-4:nth-of-type(3n):after {
background: transparent;
}
}
@media (max-width: 767px) {
.cols-separator-between div.col-xs-4:last-of-type:after {
background: transparent;
}
}
@media (max-width: 767px) {
.cols-separator-between div.col-xs-6 {
position: relative;
}
}
@media (max-width: 767px) and (min-width: 768px) {
.cols-separator-between div.col-xs-6 {
padding-left: 40px;
padding-right: 40px;
}
}
@media (max-width: 767px) {
.cols-separator-between div.col-xs-6:after {
background: #228ae6;
content: "";
display: block;
height: 90%;
position: absolute;
right: 0;
top: 5%;
width: 1px;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation-name: per-column-not-rendering;
animation-name: per-column-not-rendering;
-webkit-animation-duration: 0.1s;
animation-duration: 0.1s;
}
}
@media (max-width: 767px) {
.cols-separator-between div.col-xs-6:nth-of-type(2n):after {
background: transparent;
}
}
@media (max-width: 767px) {
.cols-separator-between div.col-xs-6:last-of-type:after {
background: transparent;
}
}
@media (max-width: 767px) {
.cols-separator-between div.col-xs-12 {
position: relative;
}
}
@media (max-width: 767px) and (min-width: 768px) {
.cols-separator-between div.col-xs-12 {
padding-left: 40px;
padding-right: 40px;
}
}
@media (max-width: 767px) {
.cols-separator-between div.col-xs-12:after {
background: #228ae6;
content: "";
display: block;
height: 90%;
position: absolute;
right: 0;
top: 5%;
width: 1px;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation-name: per-column-not-rendering;
animation-name: per-column-not-rendering;
-webkit-animation-duration: 0.1s;
animation-duration: 0.1s;
}
}
@media (max-width: 767px) {
.cols-separator-between div.col-xs-12:nth-of-type(1n):after {
background: transparent;
}
}
@media (max-width: 767px) {
.cols-separator-between div.col-xs-12:last-of-type:after {
background: transparent;
}
}
@media (max-width: 767px) {
.cols-separator-between div.col-xs-12:after {
display: block !important;
background: #228ae6;
height: 1px;
width: 100%;
top: auto;
left: 0;
bottom: 0;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.cols-border-between div.col-sm-1 {
border-right-width: 1px;
border-right-style: solid;
border-right-color: #228ae6;
}
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
.cols-border-between div.col-sm-1 {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.cols-border-between div.col-sm-1:nth-of-type(12n) {
border-right: transparent;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.cols-border-between div.col-sm-1:last-of-type {
border-right: transparent;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.cols-border-between div.col-sm-2 {
border-right-width: 1px;
border-right-style: solid;
border-right-color: #228ae6;
}
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
.cols-border-between div.col-sm-2 {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.cols-border-between div.col-sm-2:nth-of-type(6n) {
border-right: transparent;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.cols-border-between div.col-sm-2:last-of-type {
border-right: transparent;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.cols-border-between div.col-sm-3 {
border-right-width: 1px;
border-right-style: solid;
border-right-color: #228ae6;
}
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
.cols-border-between div.col-sm-3 {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.cols-border-between div.col-sm-3:nth-of-type(4n) {
border-right: transparent;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.cols-border-between div.col-sm-3:last-of-type {
border-right: transparent;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.cols-border-between div.col-sm-4 {
border-right-width: 1px;
border-right-style: solid;
border-right-color: #228ae6;
}
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
.cols-border-between div.col-sm-4 {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.cols-border-between div.col-sm-4:nth-of-type(3n) {
border-right: transparent;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.cols-border-between div.col-sm-4:last-of-type {
border-right: transparent;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.cols-border-between div.col-sm-6,
.cols-border-between .post-comments .navigation div.prev-posts,
.post-comments .navigation .cols-border-between div.prev-posts,
.cols-border-between .post-comments .navigation div.next-posts,
.post-comments .navigation .cols-border-between div.next-posts {
border-right-width: 1px;
border-right-style: solid;
border-right-color: #228ae6;
}
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
.cols-border-between div.col-sm-6,
.cols-border-between .post-comments .navigation div.prev-posts,
.post-comments .navigation .cols-border-between div.prev-posts,
.cols-border-between .post-comments .navigation div.next-posts,
.post-comments .navigation .cols-border-between div.next-posts {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.cols-border-between div.col-sm-6:nth-of-type(2n),
.cols-border-between .post-comments .navigation div.prev-posts:nth-of-type(2n),
.post-comments .navigation .cols-border-between div.prev-posts:nth-of-type(2n),
.cols-border-between .post-comments .navigation div.next-posts:nth-of-type(2n),
.post-comments .navigation .cols-border-between div.next-posts:nth-of-type(2n) {
border-right: transparent;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.cols-border-between div.col-sm-6:last-of-type,
.cols-border-between .post-comments .navigation div.prev-posts:last-of-type,
.post-comments .navigation .cols-border-between div.prev-posts:last-of-type,
.cols-border-between .post-comments .navigation div.next-posts:last-of-type,
.post-comments .navigation .cols-border-between div.next-posts:last-of-type {
border-right: transparent;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.cols-border-between div.col-sm-12 {
border-right-width: 1px;
border-right-style: solid;
border-right-color: #228ae6;
}
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
.cols-border-between div.col-sm-12 {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.cols-border-between div.col-sm-12:nth-of-type(1n) {
border-right: transparent;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.cols-border-between div.col-sm-12:last-of-type {
border-right: transparent;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.cols-border-between div.col-sm-12 {
border-right: none;
border-bottom: 1px solid #228ae6;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.cols-separator-between div.col-sm-1 {
position: relative;
}
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
.cols-separator-between div.col-sm-1 {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.cols-separator-between div.col-sm-1:after {
background: #228ae6;
content: "";
display: block;
height: 90%;
position: absolute;
right: 0;
top: 5%;
width: 1px;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation-name: per-column-not-rendering;
animation-name: per-column-not-rendering;
-webkit-animation-duration: 0.1s;
animation-duration: 0.1s;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.cols-separator-between div.col-sm-1:nth-of-type(12n):after {
background: transparent;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.cols-separator-between div.col-sm-1:last-of-type:after {
background: transparent;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.cols-separator-between div.col-sm-2 {
position: relative;
}
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
.cols-separator-between div.col-sm-2 {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.cols-separator-between div.col-sm-2:after {
background: #228ae6;
content: "";
display: block;
height: 90%;
position: absolute;
right: 0;
top: 5%;
width: 1px;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation-name: per-column-not-rendering;
animation-name: per-column-not-rendering;
-webkit-animation-duration: 0.1s;
animation-duration: 0.1s;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.cols-separator-between div.col-sm-2:nth-of-type(6n):after {
background: transparent;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.cols-separator-between div.col-sm-2:last-of-type:after {
background: transparent;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.cols-separator-between div.col-sm-3 {
position: relative;
}
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
.cols-separator-between div.col-sm-3 {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.cols-separator-between div.col-sm-3:after {
background: #228ae6;
content: "";
display: block;
height: 90%;
position: absolute;
right: 0;
top: 5%;
width: 1px;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation-name: per-column-not-rendering;
animation-name: per-column-not-rendering;
-webkit-animation-duration: 0.1s;
animation-duration: 0.1s;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.cols-separator-between div.col-sm-3:nth-of-type(4n):after {
background: transparent;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.cols-separator-between div.col-sm-3:last-of-type:after {
background: transparent;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.cols-separator-between div.col-sm-4 {
position: relative;
}
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
.cols-separator-between div.col-sm-4 {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.cols-separator-between div.col-sm-4:after {
background: #228ae6;
content: "";
display: block;
height: 90%;
position: absolute;
right: 0;
top: 5%;
width: 1px;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation-name: per-column-not-rendering;
animation-name: per-column-not-rendering;
-webkit-animation-duration: 0.1s;
animation-duration: 0.1s;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.cols-separator-between div.col-sm-4:nth-of-type(3n):after {
background: transparent;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.cols-separator-between div.col-sm-4:last-of-type:after {
background: transparent;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.cols-separator-between div.col-sm-6,
.cols-separator-between .post-comments .navigation div.prev-posts,
.post-comments .navigation .cols-separator-between div.prev-posts,
.cols-separator-between .post-comments .navigation div.next-posts,
.post-comments .navigation .cols-separator-between div.next-posts {
position: relative;
}
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
.cols-separator-between div.col-sm-6,
.cols-separator-between .post-comments .navigation div.prev-posts,
.post-comments .navigation .cols-separator-between div.prev-posts,
.cols-separator-between .post-comments .navigation div.next-posts,
.post-comments .navigation .cols-separator-between div.next-posts {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.cols-separator-between div.col-sm-6:after,
.cols-separator-between .post-comments .navigation div.prev-posts:after,
.post-comments .navigation .cols-separator-between div.prev-posts:after,
.cols-separator-between .post-comments .navigation div.next-posts:after,
.post-comments .navigation .cols-separator-between div.next-posts:after {
background: #228ae6;
content: "";
display: block;
height: 90%;
position: absolute;
right: 0;
top: 5%;
width: 1px;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation-name: per-column-not-rendering;
animation-name: per-column-not-rendering;
-webkit-animation-duration: 0.1s;
animation-duration: 0.1s;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.cols-separator-between div.col-sm-6:nth-of-type(2n):after,
.cols-separator-between .post-comments .navigation div.prev-posts:nth-of-type(2n):after,
.post-comments .navigation .cols-separator-between div.prev-posts:nth-of-type(2n):after,
.cols-separator-between .post-comments .navigation div.next-posts:nth-of-type(2n):after,
.post-comments .navigation .cols-separator-between div.next-posts:nth-of-type(2n):after {
background: transparent;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.cols-separator-between div.col-sm-6:last-of-type:after,
.cols-separator-between .post-comments .navigation div.prev-posts:last-of-type:after,
.post-comments .navigation .cols-separator-between div.prev-posts:last-of-type:after,
.cols-separator-between .post-comments .navigation div.next-posts:last-of-type:after,
.post-comments .navigation .cols-separator-between div.next-posts:last-of-type:after {
background: transparent;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.cols-separator-between div.col-sm-12 {
position: relative;
}
}
@media (min-width: 768px) and (max-width: 1023px) and (min-width: 768px) {
.cols-separator-between div.col-sm-12 {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.cols-separator-between div.col-sm-12:after {
background: #228ae6;
content: "";
display: block;
height: 90%;
position: absolute;
right: 0;
top: 5%;
width: 1px;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation-name: per-column-not-rendering;
animation-name: per-column-not-rendering;
-webkit-animation-duration: 0.1s;
animation-duration: 0.1s;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.cols-separator-between div.col-sm-12:nth-of-type(1n):after {
background: transparent;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.cols-separator-between div.col-sm-12:last-of-type:after {
background: transparent;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.cols-separator-between div.col-sm-12:after {
display: block !important;
background: #228ae6;
height: 1px;
width: 100%;
top: auto;
left: 0;
bottom: 0;
}
}
@media (min-width: 1024px) {
.cols-border-between div.col-md-1 {
border-right-width: 1px;
border-right-style: solid;
border-right-color: #228ae6;
}
}
@media (min-width: 1024px) and (min-width: 768px) {
.cols-border-between div.col-md-1 {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 1024px) {
.cols-border-between div.col-md-1:nth-of-type(12n) {
border-right: transparent;
}
}
@media (min-width: 1024px) {
.cols-border-between div.col-md-1:last-of-type {
border-right: transparent;
}
}
@media (min-width: 1024px) {
.cols-border-between div.col-md-2 {
border-right-width: 1px;
border-right-style: solid;
border-right-color: #228ae6;
}
}
@media (min-width: 1024px) and (min-width: 768px) {
.cols-border-between div.col-md-2 {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 1024px) {
.cols-border-between div.col-md-2:nth-of-type(6n) {
border-right: transparent;
}
}
@media (min-width: 1024px) {
.cols-border-between div.col-md-2:last-of-type {
border-right: transparent;
}
}
@media (min-width: 1024px) {
.cols-border-between div.col-md-3 {
border-right-width: 1px;
border-right-style: solid;
border-right-color: #228ae6;
}
}
@media (min-width: 1024px) and (min-width: 768px) {
.cols-border-between div.col-md-3 {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 1024px) {
.cols-border-between div.col-md-3:nth-of-type(4n) {
border-right: transparent;
}
}
@media (min-width: 1024px) {
.cols-border-between div.col-md-3:last-of-type {
border-right: transparent;
}
}
@media (min-width: 1024px) {
.cols-border-between div.col-md-4 {
border-right-width: 1px;
border-right-style: solid;
border-right-color: #228ae6;
}
}
@media (min-width: 1024px) and (min-width: 768px) {
.cols-border-between div.col-md-4 {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 1024px) {
.cols-border-between div.col-md-4:nth-of-type(3n) {
border-right: transparent;
}
}
@media (min-width: 1024px) {
.cols-border-between div.col-md-4:last-of-type {
border-right: transparent;
}
}
@media (min-width: 1024px) {
.cols-border-between div.col-md-6 {
border-right-width: 1px;
border-right-style: solid;
border-right-color: #228ae6;
}
}
@media (min-width: 1024px) and (min-width: 768px) {
.cols-border-between div.col-md-6 {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 1024px) {
.cols-border-between div.col-md-6:nth-of-type(2n) {
border-right: transparent;
}
}
@media (min-width: 1024px) {
.cols-border-between div.col-md-6:last-of-type {
border-right: transparent;
}
}
@media (min-width: 1024px) {
.cols-border-between div.col-md-12 {
border-right-width: 1px;
border-right-style: solid;
border-right-color: #228ae6;
}
}
@media (min-width: 1024px) and (min-width: 768px) {
.cols-border-between div.col-md-12 {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 1024px) {
.cols-border-between div.col-md-12:nth-of-type(1n) {
border-right: transparent;
}
}
@media (min-width: 1024px) {
.cols-border-between div.col-md-12:last-of-type {
border-right: transparent;
}
}
@media (min-width: 1024px) {
.cols-border-between div.col-md-12 {
border-right: none;
border-bottom: 1px solid #228ae6;
}
}
@media (min-width: 1024px) {
.cols-separator-between div.col-md-1 {
position: relative;
}
}
@media (min-width: 1024px) and (min-width: 768px) {
.cols-separator-between div.col-md-1 {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 1024px) {
.cols-separator-between div.col-md-1:after {
background: #228ae6;
content: "";
display: block;
height: 90%;
position: absolute;
right: 0;
top: 5%;
width: 1px;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation-name: per-column-not-rendering;
animation-name: per-column-not-rendering;
-webkit-animation-duration: 0.1s;
animation-duration: 0.1s;
}
}
@media (min-width: 1024px) {
.cols-separator-between div.col-md-1:nth-of-type(12n):after {
background: transparent;
}
}
@media (min-width: 1024px) {
.cols-separator-between div.col-md-1:last-of-type:after {
background: transparent;
}
}
@media (min-width: 1024px) {
.cols-separator-between div.col-md-2 {
position: relative;
}
}
@media (min-width: 1024px) and (min-width: 768px) {
.cols-separator-between div.col-md-2 {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 1024px) {
.cols-separator-between div.col-md-2:after {
background: #228ae6;
content: "";
display: block;
height: 90%;
position: absolute;
right: 0;
top: 5%;
width: 1px;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation-name: per-column-not-rendering;
animation-name: per-column-not-rendering;
-webkit-animation-duration: 0.1s;
animation-duration: 0.1s;
}
}
@media (min-width: 1024px) {
.cols-separator-between div.col-md-2:nth-of-type(6n):after {
background: transparent;
}
}
@media (min-width: 1024px) {
.cols-separator-between div.col-md-2:last-of-type:after {
background: transparent;
}
}
@media (min-width: 1024px) {
.cols-separator-between div.col-md-3 {
position: relative;
}
}
@media (min-width: 1024px) and (min-width: 768px) {
.cols-separator-between div.col-md-3 {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 1024px) {
.cols-separator-between div.col-md-3:after {
background: #228ae6;
content: "";
display: block;
height: 90%;
position: absolute;
right: 0;
top: 5%;
width: 1px;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation-name: per-column-not-rendering;
animation-name: per-column-not-rendering;
-webkit-animation-duration: 0.1s;
animation-duration: 0.1s;
}
}
@media (min-width: 1024px) {
.cols-separator-between div.col-md-3:nth-of-type(4n):after {
background: transparent;
}
}
@media (min-width: 1024px) {
.cols-separator-between div.col-md-3:last-of-type:after {
background: transparent;
}
}
@media (min-width: 1024px) {
.cols-separator-between div.col-md-4 {
position: relative;
}
}
@media (min-width: 1024px) and (min-width: 768px) {
.cols-separator-between div.col-md-4 {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 1024px) {
.cols-separator-between div.col-md-4:after {
background: #228ae6;
content: "";
display: block;
height: 90%;
position: absolute;
right: 0;
top: 5%;
width: 1px;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation-name: per-column-not-rendering;
animation-name: per-column-not-rendering;
-webkit-animation-duration: 0.1s;
animation-duration: 0.1s;
}
}
@media (min-width: 1024px) {
.cols-separator-between div.col-md-4:nth-of-type(3n):after {
background: transparent;
}
}
@media (min-width: 1024px) {
.cols-separator-between div.col-md-4:last-of-type:after {
background: transparent;
}
}
@media (min-width: 1024px) {
.cols-separator-between div.col-md-6 {
position: relative;
}
}
@media (min-width: 1024px) and (min-width: 768px) {
.cols-separator-between div.col-md-6 {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 1024px) {
.cols-separator-between div.col-md-6:after {
background: #228ae6;
content: "";
display: block;
height: 90%;
position: absolute;
right: 0;
top: 5%;
width: 1px;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation-name: per-column-not-rendering;
animation-name: per-column-not-rendering;
-webkit-animation-duration: 0.1s;
animation-duration: 0.1s;
}
}
@media (min-width: 1024px) {
.cols-separator-between div.col-md-6:nth-of-type(2n):after {
background: transparent;
}
}
@media (min-width: 1024px) {
.cols-separator-between div.col-md-6:last-of-type:after {
background: transparent;
}
}
@media (min-width: 1024px) {
.cols-separator-between div.col-md-12 {
position: relative;
}
}
@media (min-width: 1024px) and (min-width: 768px) {
.cols-separator-between div.col-md-12 {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 1024px) {
.cols-separator-between div.col-md-12:after {
background: #228ae6;
content: "";
display: block;
height: 90%;
position: absolute;
right: 0;
top: 5%;
width: 1px;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation-name: per-column-not-rendering;
animation-name: per-column-not-rendering;
-webkit-animation-duration: 0.1s;
animation-duration: 0.1s;
}
}
@media (min-width: 1024px) {
.cols-separator-between div.col-md-12:nth-of-type(1n):after {
background: transparent;
}
}
@media (min-width: 1024px) {
.cols-separator-between div.col-md-12:last-of-type:after {
background: transparent;
}
}
@media (min-width: 1024px) {
.cols-separator-between div.col-md-12:after {
display: block !important;
background: #228ae6;
height: 1px;
width: 100%;
top: auto;
left: 0;
bottom: 0;
}
}
.contact-form-wrapper {
text-align: center;
}
.contact-form-wrapper select,
.contact-form-wrapper textarea {
resize: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.contact-form-wrapper textarea {
min-height: 180px;
height: 180px;
min-width: 100%;
max-width: 100%;
overflow: auto;
}
.contact-form-wrapper .mdc-text-field--invalid .wpcf7-form-control-wrap,
.contact-form-wrapper .mdc-text-field--focused .wpcf7-form-control-wrap {
display: block;
width: 100%;
white-space: nowrap;
}
.contact-form-wrapper .mdc-text-field--invalid .wpcf7-form-control-wrap .wpcf7-not-valid-tip,
.contact-form-wrapper .mdc-text-field--focused .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
position: absolute;
top: -0.5em;
}
.contact-form-wrapper input[type=submit] {
height: auto;
font-family: "Roboto";
font-size: 0.875rem;
color: #ffffff;
background-color: #228ae6;
border-radius: 4px;
min-width: 7rem;
padding: 0.55rem 20px;
font-weight: 500;
letter-spacing: 1px;
text-align: center;
text-decoration: none;
cursor: pointer;
display: inline-block;
line-height: 40px;
border: 2px solid #228ae6;
vertical-align: middle;
-webkit-appearance: none;
margin-bottom: 0.875rem;
box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
margin: auto;
height: auto;
display: block;
margin-bottom: 0px;
line-height: 1.2rem;
text-transform: uppercase;
}
.contact-form-wrapper input[type=submit] i {
position: relative;
top: 1px;
margin: 0 2px;
}
.contact-form-wrapper input[type=submit]:hover {
outline: none;
text-decoration: none;
color: #ffffff;
background-color: #50a2eb;
border-color: #50a2eb;
}
.contact-form-wrapper input[type=submit]:disabled,
.contact-form-wrapper input[type=submit]:disabled[disabled],
.contact-form-wrapper input[type=submit].disabled {
cursor: default;
font-style: normal;
color: rgba(255, 255, 255, 0.7);
background-color: rgba(34, 138, 230, 0.7);
border-color: rgba(34, 138, 230, 0.7);
padding: 0.55rem 20px;
}
.contact-form-wrapper input[type=submit]:disabled:hover,
.contact-form-wrapper input[type=submit]:disabled[disabled]:hover,
.contact-form-wrapper input[type=submit].disabled:hover {
color: #ffffff;
}
.contact-form-wrapper input[type=submit] .button-icon {
font-size: 1.5em;
margin-right: 0.25em;
vertical-align: middle;
}
@media (min-width: 768px) {
.contact-form-wrapper input[type=submit] {
margin-left: auto;
margin-right: 0;
}
}
.contact-form-wrapper form {
margin-top: 0px;
margin-bottom: 0px;
display: flex;
flex-wrap: wrap;
}
.contact-form-wrapper form[class*=wpcf7-] p {
width: 100%;
}
.contact-form-wrapper form[class*=wpcf7-] p .mdc-text-field {
display: flex;
}
.contact-form-wrapper form[class*=wpcf7-] p:last-of-type {
margin-bottom: 0px;
}
.contact-form-wrapper div.wpcf7-validation-errors,
.contact-form-wrapper .wpcf7-response-output[role=alert] {
background-color: #ff8066;
border: none;
color: #ffffff;
font-size: 0.77em;
padding: 5px 10px;
margin: 2em 0 1em;
}
.contact-form-wrapper .wpcf7-mail-sent-ok[role=alert] {
background-color: #3F464C;
}
.contact-form-wrapper div.wpcf7 .ajax-loader {
background-color: rgba(255, 255, 255, 0.86);
background-position: center;
background-repeat: no-repeat;
border-radius: 100%;
display: block;
height: 32px;
margin-left: 13px;
margin-top: -38px;
pointer-events: none;
position: absolute;
transition: all 0.4s;
width: 32px;
}
.contact-form-wrapper span.wpcf7-not-valid-tip {
color: #d60808;
font-size: 14px;
font-weight: 600;
display: block;
}
@media (min-width: 768px) {
.contact-form-wrapper {
text-align: left;
}
.contact-form-wrapper.inline-info form[class*=wpcf7-] p .mdc-text-field {
display: inline-flex;
}
.contact-form-wrapper.inline-info form[class*=wpcf7-] p:nth-of-type(1),
.contact-form-wrapper.inline-info form[class*=wpcf7-] p:nth-of-type(2) {
display: block;
width: 50%;
max-width: 50%;
}
.contact-form-wrapper.inline-info form[class*=wpcf7-] p:nth-of-type(3),
.contact-form-wrapper.inline-info form[class*=wpcf7-] p:nth-of-type(4),
.contact-form-wrapper.inline-info form[class*=wpcf7-] p:nth-of-type(5) {
width: 100%;
}
.contact-form-wrapper.inline-info form[class*=wpcf7-] p:nth-of-type(3) > div,
.contact-form-wrapper.inline-info form[class*=wpcf7-] p:nth-of-type(4) > div,
.contact-form-wrapper.inline-info form[class*=wpcf7-] p:nth-of-type(5) > div {
width: 100%;
}
.contact-form-wrapper.inline-info form[class*=wpcf7-] p:nth-of-type(4) {
margin-top: 40px;
}
.contact-form-wrapper.inline-info form[class*=wpcf7-] p:nth-of-type(1) {
padding-right: 15px;
}
.contact-form-wrapper.inline-info form[class*=wpcf7-] p:nth-of-type(2) {
padding-left: 15px;
}
.contact-form-wrapper.inline-info form[class*=wpcf7-] p:nth-of-type(2):after {
clear: both;
}
}
.contentswap-effect {
position: relative;
}
.contentswap-effect .initial-image img {
display: block;
margin: 0;
width: 100%;
max-width: none;
}
.contentswap-effect .overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
z-index: 1;
}
.contentswap-effect .swap-inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
opacity: 0;
}
.contentswap-effect.visible .overlay,
.contentswap-effect:hover .overlay,
.contentswap-effect.hover .overlay {
opacity: 0.7;
}
.contentswap-effect.visible .swap-inner,
.contentswap-effect:hover .swap-inner,
.contentswap-effect.hover .swap-inner {
opacity: 1;
} .progressline {
width: 100%;
position: relative;
}
.progressbar {
width: 100%;
margin-top: 35px;
margin-bottom: 25px;
background-color: #f5f5f5;
}
.progressbar:before,
.progressbar:after {
content: none;
}
.proggress {
height: 8px;
width: 10px;
background-color: #3498db;
}
.counterText {
position: absolute;
left: 15px;
top: 0;
margin-top: 10px;
font-weight: 500;
color: #54617A;
}
.percentCount {
position: absolute;
top: 0;
right: 15px;
margin-top: 10px;
font-weight: 500;
color: #54617A;
}
.circle-counter {
position: relative;
}
.circle-counter circle {
stroke-dashoffset: 0;
stroke: transparent;
stroke-width: 4px;
}
.circle-counter .circle-svg {
position: relative;
z-index: 0;
width: 100%;
border-radius: 100%;
max-height: none;
display: block;
-webkit-transform: rotateZ(-90deg);
transform: rotateZ(-90deg);
}
.circle-counter .circle-bar {
stroke-dashoffset: 301.6px;
}
.circle-counter .circle-content {
position: absolute;
top: 50%;
width: 100%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0px;
z-index: 1;
text-align: center;
}
[data-countup]:before {
display: block;
content: attr(data-max-computed);
visibility: hidden;
height: 0px;
overflow: hidden;
}
.materialis-google-maps {
min-height: 400px;
}
iframe.materialis-frame-map {
width: 100%;
height: 100%;
display: block;
}
.materialis-gallery dl,
.materialis-gallery dt,
.materialis-gallery a,
.materialis-gallery img {
margin-bottom: 0px;
display: block;
width: 100%;
}
.materialis-gallery dt a {
display: block;
overflow: hidden;
}
.materialis-gallery.captions-enabled dl {
position: relative;
}
.materialis-gallery.captions-enabled .gallery-caption {
position: relative;
z-index: 1;
width: 100%;
margin: 0;
padding: 0.5rem 1rem;
background-color: #2b2d42;
color: #ffffff;
font-size: 0.9rem;
box-sizing: border-box;
display: block;
}
.pricing-featured {
position: relative;
z-index: 1;
}
.content-section .woocommerce.in-section ul.products {
margin-bottom: 0px;
}
.content-section .woocommerce.in-section ul.products li.product {
margin: 1rem 0;
}
.content-section .woocommerce.in-section ul.products li.product .ope-woo-card-item > .woocommerce-loop-product__link {
width: 100%;
}
.content-section .woocommerce.in-section ul.products li.product .ope-woo-card-item .ope-woo-card-content .ope-woo-card-content-categories .woocommerce-loop-product__link {
display: none;
}
.content-section .woocommerce.in-section ul.products li.product .ope-woo-card-item .ope-woo-card-footer .button.add_to_cart_button {
box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.content-section .woocommerce.in-section ul.products li.product .ope-woo-card-item .ope-woo-card-footer .button.add_to_cart_button i.mdi {
color: #ffffff;
}
.content-section .woocommerce.in-section ul.products li.product .contentswap-effect {
overflow: hidden;
}
.content-section .woocommerce.in-section ul.products li.product .contentswap-effect .initial-image {
transition: all 0.2s linear;
}
.content-section .woocommerce.in-section ul.products li.product .contentswap-effect .overlay {
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 10%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.9) 100%);
opacity: 1;
}
.content-section .woocommerce.in-section ul.products li.product .contentswap-effect:hover .initial-image {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.content-section .woocommerce.in-section ul.products li.product .contentswap-effect:hover .overlay {
opacity: 0.75;
}
.content-section .button.woo-see-all-products {
box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
margin-top: 3rem;
}
.content-section a.link {
margin-bottom: 1rem;
}
.content-section div > img:last-child {
margin-bottom: 0px;
}
.lightbox-video {
background-position: center;
background-size: cover;
min-height: 280px;
}
.lightbox-video.lightbox-video-tall {
min-height: 400px;
}
.overflow-hidden {
overflow: hidden;
}
.border-large {
border-width: 10px;
border-style: solid;
border-color: #ffffff;
}
.border-medium {
border: 5px solid #ffffff;
}
.inner-shadow {
box-shadow: inset 0px 0px 10px rgba(189, 189, 189, 0.4);
}
.content-placeholder-p {
padding: 80px 20px;
background: rgba(255, 255, 255, 0.54);
text-align: center;
text-transform: uppercase;
font-weight: bold;
font-size: 0.8em;
color: #000000 !important;
max-width: 80%;
margin: auto;
}
@media (min-width: 768px) {
.overlap-left-large,
.overlap-x-large {
margin-left: -30%;
}
.overlap-right-large {
margin-right: -30%;
}
}
[class*=border-color] {
border: 2px solid;
}
[class*=border-top-color] {
border-top-width: 2px;
border-top-style: solid;
}
.border-color1 {
border-color: #228ae6;
}
.border-color2 {
border-color: #fa5252;
}
.border-color3 {
border-color: #82c91e;
}
.border-color4 {
border-color: #fab005;
}
.border-color5 {
border-color: #7950f2;
}
.border-color6 {
border-color: #e64980;
}
.border-color-black {
border-color: #000000;
}
.border-color-white {
border-color: #ffffff;
}
.white-text {
color: #ffffff;
}
.dark-text {
color: #4a4a4a;
}
.social-icons-group a {
opacity: 0.8;
transition: all 0.15s;
}
.social-icons-group a i {
color: #bdbdbd;
transition: color 0.15s;
}
.social-icons-group a:hover {
opacity: 1;
}  .materialis-language-switcher.after-menu {
background-color: #ffffff;
border-radius: 4px 0px 0px 4px;
right: 0px;
position: fixed;
top: 80px;
display: inline-block;
z-index: 10000;
list-style: none;
margin-left: 0px;
padding: 0px;
box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
margin-bottom: 0;
}
.materialis-language-switcher.after-menu select {
display: block;
margin: 10px 10px;
background-position: right 20px bottom 16px;
border: none;
}
ul.materialis-language-switcher.after-menu > li {
display: none;
float: left;
padding: 14px 8px;
font-size: 0px;
line-height: 0px;
}
ul.materialis-language-switcher.after-menu > li.current-lang {
display: block;
}
ul.materialis-language-switcher.after-menu.hover > li,
ul.materialis-language-switcher.after-menu:hover > li {
display: block;
}
ul.materialis-language-switcher.after-menu span {
display: none;
}
[class*=wp-block] {
max-width: 1232px;
margin: 40px auto;
}
.wp-block-image {
text-align: center;
}
.wp-block-image img {
text-align: center;
}