/****************************************** * @license * _color_default.scss * * @copyright Copyright (c) 2021+ Pfullywood Themes * @link https://www.pfullywood.com * @email info@pfullywood.com * @version 1.0.0 * ******************************************/ /* Color Transition */ @-webkit-keyframes "colorTransition" { 0% { background-color: var(--pfully-primary); } 33% { background-color: var(--pfully-secondary); } 66% { background-color: var(--pfully-tertiary); } 100% { background-color: var(--pfully-quaternary); } } @keyframes "colorTransition" { 0% { background-color: var(--pfully-primary); } 33% { background-color: var(--pfully-secondary); } 66% { background-color: var(--pfully-tertiary); } 100% { background-color: var(--pfully-quaternary); } } ::-moz-selection { color: var(--pfully-primary-inverse); background: var(--pfully-primary); } ::selection { color: var(--pfully-primary-inverse); background: var(--pfully-primary); } a { color: var(--pfully-primary); } a:hover, a:focus, a.hover { color: var(--pfully-primary-lighten); } a:focus, a.focus { color: var(--pfully-primary-lighten); } a:active, a.active { color: var(--pfully-primary-darken); } html { /* .bg-color-light-scale-1 { background-color: #f7f7f7 !important; } .section.bg-color-light-scale-1 { border-top-color: #efefef !important; } .bg-color-light-scale-border-top-1 { border-top-color: #efefef !important; } .bg-color-light-scale-2 { background-color: #e8e8e8 !important; } .section.bg-color-light-scale-2 { border-top-color: #e0e0e0 !important; } .bg-color-light-scale-border-top-2 { border-top-color: #e0e0e0 !important; } .bg-color-light-scale-3 { background-color: #e0e0e0 !important; } .section.bg-color-light-scale-3 { border-top-color: #d8d8d8 !important; } .bg-color-light-scale-border-top-3 { border-top-color: #d8d8d8 !important; } .bg-color-light-scale-4 { background-color: #d8d8d8 !important; } .section.bg-color-light-scale-4 { border-top-color: #d1d1d1 !important; } .bg-color-light-scale-border-top-4 { border-top-color: #d1d1d1 !important; } .bg-color-light-scale-5 { background-color: #d1d1d1 !important; } .section.bg-color-light-scale-5 { border-top-color: #c9c9c9 !important; } .bg-color-light-scale-border-top-5 { border-top-color: #c9c9c9 !important; } .bg-color-light-scale-6 { background-color: #c9c9c9 !important; } .section.bg-color-light-scale-6 { border-top-color: #c1c1c1 !important; } .bg-color-light-scale-border-top-6 { border-top-color: #c1c1c1 !important; } .bg-color-light-scale-7 { background-color: #c1c1c1 !important; } .section.bg-color-light-scale-7 { border-top-color: #bababa !important; } .bg-color-light-scale-border-top-7 { border-top-color: #bababa !important; } .bg-color-light-scale-8 { background-color: #bababa !important; } .section.bg-color-light-scale-8 { border-top-color: #b2b2b2 !important; } .bg-color-light-scale-border-top-8 { border-top-color: #b2b2b2 !important; } .bg-color-light-scale-9 { background-color: #b2b2b2 !important; } .section.bg-color-light-scale-9 { border-top-color: #ababab !important; } .bg-color-light-scale-border-top-9 { border-top-color: #ababab !important; } .bg-color-dark-scale-1 { background-color: var(--pfully-dark) !important; } .section.bg-color-dark-scale-1 { border-top-color: #1a1d21 !important; } .bg-color-dark-scale-border-top-1 { border-top-color: #1a1d21 !important; } .bg-color-dark-scale-2 { background-color: #1c2023 !important; } .section.bg-color-dark-scale-2 { border-top-color: var(--pfully-dark-darken) !important; } .bg-color-dark-scale-border-top-2 { border-top-color: var(--pfully-dark-darken) !important; } .bg-color-dark-scale-3 { background-color: #181b1e !important; } .section.bg-color-dark-scale-3 { border-top-color: #111315 !important; } .bg-color-dark-scale-border-top-3 { border-top-color: #111315 !important; } .bg-color-dark-scale-4 { background-color: #131618 !important; } .section.bg-color-dark-scale-4 { border-top-color: #0d0e10 !important; } .bg-color-dark-scale-border-top-4 { border-top-color: #0d0e10 !important; } .bg-color-dark-scale-5 { background-color: #0f1112 !important; } .section.bg-color-dark-scale-5 { border-top-color: #08090a !important; } .bg-color-dark-scale-border-top-5 { border-top-color: #08090a !important; } .bg-color-dark-scale-6 { background-color: var(--pfully-dark-darken-2) !important; } .section.bg-color-dark-scale-6 { border-top-color: #030404 !important; } .bg-color-dark-scale-border-top-6 { border-top-color: #030404 !important; } .bg-color-dark-scale-7 { background-color: #060607 !important; } .section.bg-color-dark-scale-7 { border-top-color: #000000 !important; } .bg-color-dark-scale-border-top-7 { border-top-color: #000000 !important; } .bg-color-dark-scale-8 { background-color: #010101 !important; } .section.bg-color-dark-scale-8 { border-top-color: #000000 !important; } .bg-color-dark-scale-border-top-8 { border-top-color: #000000 !important; } .bg-color-dark-scale-9 { background-color: #000000 !important; } .section.bg-color-dark-scale-9 { border-top-color: #000000 !important; } .bg-color-dark-scale-border-top-9 { border-top-color: #000000 !important; } */ } html .font-primary { font-family: var(--pfully-font-primary) !important; } html .font-secondary { font-family: var(--pfully-font-secondary) !important; } html .font-tertiary { font-family: var(--pfully-font-tertiary) !important; } html .font-quaternary { font-family: var(--pfully-font-quaternary) !important; } html .text-color-primary { color: var(--pfully-primary) !important; } html .text-primary { color: var(--pfully-primary) !important; } html .text-color-hover-primary:hover, html .text-color-hover-primary:focus { color: var(--pfully-primary) !important; } html .text-hover-primary:hover, html .text-hover-primary:focus { color: var(--pfully-primary) !important; } html .text-color-secondary { color: var(--pfully-secondary) !important; } html .text-secondary { color: var(--pfully-secondary) !important; } html .text-color-hover-secondary:hover, html .text-color-hover-secondary:focus { color: var(--pfully-secondary) !important; } html .text-hover-secondary:hover, html .text-hover-secondary:focus { color: var(--pfully-secondary) !important; } html .text-color-tertiary { color: var(--pfully-tertiary) !important; } html .text-tertiary { color: var(--pfully-tertiary) !important; } html .text-color-hover-tertiary:hover, html .text-color-hover-tertiary:focus { color: var(--pfully-tertiary) !important; } html .text-hover-tertiary:hover, html .text-hover-tertiary:focus { color: var(--pfully-tertiary) !important; } html .text-color-quaternary { color: var(--pfully-quaternary) !important; } html .text-quaternary { color: var(--pfully-quaternary) !important; } html .text-color-hover-quaternary:hover, html .text-color-hover-quaternary:focus { color: var(--pfully-quaternary) !important; } html .text-hover-quaternary:hover, html .text-hover-quaternary:focus { color: var(--pfully-quaternary) !important; } html .text-color-dark { color: var(--pfully-dark) !important; } html .text-dark { color: var(--pfully-dark) !important; } html .text-color-hover-dark:hover, html .text-color-hover-dark:focus { color: var(--pfully-dark) !important; } html .text-hover-dark:hover, html .text-hover-dark:focus { color: var(--pfully-dark) !important; } html .text-color-light { color: var(--pfully-light) !important; } html .text-light { color: var(--pfully-light) !important; } html .text-color-hover-light:hover, html .text-color-hover-light:focus { color: var(--pfully-light) !important; } html .text-hover-light:hover, html .text-hover-light:focus { color: var(--pfully-light) !important; } html .svg-fill-color-primary { fill: var(--pfully-primary) !important; } html .svg-fill-color-primary svg path { fill: var(--pfully-primary) !important; } html .svg-fill-color-primary svg rect { fill: var(--pfully-primary) !important; } html .svg-fill-color-primary svg line { fill: var(--pfully-primary) !important; } html .svg-fill-color-primary svg polyline { fill: var(--pfully-primary) !important; } html .svg-fill-color-primary svg polygon { fill: var(--pfully-primary) !important; } html .svg-fill-color-hover-primary:hover, html .svg-fill-color-hover-primary:focus { fill: var(--pfully-primary) !important; } html .svg-fill-color-hover-primary svg:hover path, html .svg-fill-color-hover-primary svg:focus path { fill: var(--pfully-primary) !important; } html .svg-fill-color-hover-primary svg:hover rect, html .svg-fill-color-hover-primary svg:focus rect { fill: var(--pfully-primary) !important; } html .svg-fill-color-hover-primary svg:hover line, html .svg-fill-color-hover-primary svg:focus line { fill: var(--pfully-primary) !important; } html .svg-fill-color-hover-primary svg:hover polyline, html .svg-fill-color-hover-primary svg:focus polyline { fill: var(--pfully-primary) !important; } html .svg-fill-color-hover-primary svg:hover polygon, html .svg-fill-color-hover-primary svg:focus polygon { fill: var(--pfully-primary) !important; } html .svg-stroke-color-primary { stroke: var(--pfully-primary) !important; } html .svg-stroke-color-primary svg path { stroke: var(--pfully-primary) !important; } html .svg-stroke-color-primary svg rect { stroke: var(--pfully-primary) !important; } html .svg-stroke-color-primary svg line { stroke: var(--pfully-primary) !important; } html .svg-stroke-color-primary svg polyline { stroke: var(--pfully-primary) !important; } html .svg-stroke-color-primary svg polygon { stroke: var(--pfully-primary) !important; } html .svg-stroke-color-hover-primary:hover, html .svg-stroke-color-hover-primary:focus { stroke: var(--pfully-primary) !important; } html .svg-stroke-color-hover-primary svg:hover path, html .svg-stroke-color-hover-primary svg:focus path { stroke: var(--pfully-primary) !important; } html .svg-stroke-color-hover-primary svg:hover rect, html .svg-stroke-color-hover-primary svg:focus rect { stroke: var(--pfully-primary) !important; } html .svg-stroke-color-hover-primary svg:hover line, html .svg-stroke-color-hover-primary svg:focus line { stroke: var(--pfully-primary) !important; } html .svg-stroke-color-hover-primary svg:hover polyline, html .svg-stroke-color-hover-primary svg:focus polyline { stroke: var(--pfully-primary) !important; } html .svg-stroke-color-hover-primary svg:hover polygon, html .svg-stroke-color-hover-primary svg:focus polygon { stroke: var(--pfully-primary) !important; } html .svg-fill-color-secondary { fill: var(--pfully-secondary) !important; } html .svg-fill-color-secondary svg path { fill: var(--pfully-secondary) !important; } html .svg-fill-color-secondary svg rect { fill: var(--pfully-secondary) !important; } html .svg-fill-color-secondary svg line { fill: var(--pfully-secondary) !important; } html .svg-fill-color-secondary svg polyline { fill: var(--pfully-secondary) !important; } html .svg-fill-color-secondary svg polygon { fill: var(--pfully-secondary) !important; } html .svg-fill-color-hover-secondary:hover, html .svg-fill-color-hover-secondary:focus { fill: var(--pfully-secondary) !important; } html .svg-fill-color-hover-secondary svg:hover path, html .svg-fill-color-hover-secondary svg:focus path { fill: var(--pfully-secondary) !important; } html .svg-fill-color-hover-secondary svg:hover rect, html .svg-fill-color-hover-secondary svg:focus rect { fill: var(--pfully-secondary) !important; } html .svg-fill-color-hover-secondary svg:hover line, html .svg-fill-color-hover-secondary svg:focus line { fill: var(--pfully-secondary) !important; } html .svg-fill-color-hover-secondary svg:hover polyline, html .svg-fill-color-hover-secondary svg:focus polyline { fill: var(--pfully-secondary) !important; } html .svg-fill-color-hover-secondary svg:hover polygon, html .svg-fill-color-hover-secondary svg:focus polygon { fill: var(--pfully-secondary) !important; } html .svg-stroke-color-secondary { stroke: var(--pfully-secondary) !important; } html .svg-stroke-color-secondary svg path { stroke: var(--pfully-secondary) !important; } html .svg-stroke-color-secondary svg rect { stroke: var(--pfully-secondary) !important; } html .svg-stroke-color-secondary svg line { stroke: var(--pfully-secondary) !important; } html .svg-stroke-color-secondary svg polyline { stroke: var(--pfully-secondary) !important; } html .svg-stroke-color-secondary svg polygon { stroke: var(--pfully-secondary) !important; } html .svg-stroke-color-hover-secondary:hover, html .svg-stroke-color-hover-secondary:focus { stroke: var(--pfully-secondary) !important; } html .svg-stroke-color-hover-secondary svg:hover path, html .svg-stroke-color-hover-secondary svg:focus path { stroke: var(--pfully-secondary) !important; } html .svg-stroke-color-hover-secondary svg:hover rect, html .svg-stroke-color-hover-secondary svg:focus rect { stroke: var(--pfully-secondary) !important; } html .svg-stroke-color-hover-secondary svg:hover line, html .svg-stroke-color-hover-secondary svg:focus line { stroke: var(--pfully-secondary) !important; } html .svg-stroke-color-hover-secondary svg:hover polyline, html .svg-stroke-color-hover-secondary svg:focus polyline { stroke: var(--pfully-secondary) !important; } html .svg-stroke-color-hover-secondary svg:hover polygon, html .svg-stroke-color-hover-secondary svg:focus polygon { stroke: var(--pfully-secondary) !important; } html .svg-fill-color-tertiary { fill: var(--pfully-tertiary) !important; } html .svg-fill-color-tertiary svg path { fill: var(--pfully-tertiary) !important; } html .svg-fill-color-tertiary svg rect { fill: var(--pfully-tertiary) !important; } html .svg-fill-color-tertiary svg line { fill: var(--pfully-tertiary) !important; } html .svg-fill-color-tertiary svg polyline { fill: var(--pfully-tertiary) !important; } html .svg-fill-color-tertiary svg polygon { fill: var(--pfully-tertiary) !important; } html .svg-fill-color-hover-tertiary:hover, html .svg-fill-color-hover-tertiary:focus { fill: var(--pfully-tertiary) !important; } html .svg-fill-color-hover-tertiary svg:hover path, html .svg-fill-color-hover-tertiary svg:focus path { fill: var(--pfully-tertiary) !important; } html .svg-fill-color-hover-tertiary svg:hover rect, html .svg-fill-color-hover-tertiary svg:focus rect { fill: var(--pfully-tertiary) !important; } html .svg-fill-color-hover-tertiary svg:hover line, html .svg-fill-color-hover-tertiary svg:focus line { fill: var(--pfully-tertiary) !important; } html .svg-fill-color-hover-tertiary svg:hover polyline, html .svg-fill-color-hover-tertiary svg:focus polyline { fill: var(--pfully-tertiary) !important; } html .svg-fill-color-hover-tertiary svg:hover polygon, html .svg-fill-color-hover-tertiary svg:focus polygon { fill: var(--pfully-tertiary) !important; } html .svg-stroke-color-tertiary { stroke: var(--pfully-tertiary) !important; } html .svg-stroke-color-tertiary svg path { stroke: var(--pfully-tertiary) !important; } html .svg-stroke-color-tertiary svg rect { stroke: var(--pfully-tertiary) !important; } html .svg-stroke-color-tertiary svg line { stroke: var(--pfully-tertiary) !important; } html .svg-stroke-color-tertiary svg polyline { stroke: var(--pfully-tertiary) !important; } html .svg-stroke-color-tertiary svg polygon { stroke: var(--pfully-tertiary) !important; } html .svg-stroke-color-hover-tertiary:hover, html .svg-stroke-color-hover-tertiary:focus { stroke: var(--pfully-tertiary) !important; } html .svg-stroke-color-hover-tertiary svg:hover path, html .svg-stroke-color-hover-tertiary svg:focus path { stroke: var(--pfully-tertiary) !important; } html .svg-stroke-color-hover-tertiary svg:hover rect, html .svg-stroke-color-hover-tertiary svg:focus rect { stroke: var(--pfully-tertiary) !important; } html .svg-stroke-color-hover-tertiary svg:hover line, html .svg-stroke-color-hover-tertiary svg:focus line { stroke: var(--pfully-tertiary) !important; } html .svg-stroke-color-hover-tertiary svg:hover polyline, html .svg-stroke-color-hover-tertiary svg:focus polyline { stroke: var(--pfully-tertiary) !important; } html .svg-stroke-color-hover-tertiary svg:hover polygon, html .svg-stroke-color-hover-tertiary svg:focus polygon { stroke: var(--pfully-tertiary) !important; } html .svg-fill-color-quaternary { fill: var(--pfully-quaternary) !important; } html .svg-fill-color-quaternary svg path { fill: var(--pfully-quaternary) !important; } html .svg-fill-color-quaternary svg rect { fill: var(--pfully-quaternary) !important; } html .svg-fill-color-quaternary svg line { fill: var(--pfully-quaternary) !important; } html .svg-fill-color-quaternary svg polyline { fill: var(--pfully-quaternary) !important; } html .svg-fill-color-quaternary svg polygon { fill: var(--pfully-quaternary) !important; } html .svg-fill-color-hover-quaternary:hover, html .svg-fill-color-hover-quaternary:focus { fill: var(--pfully-quaternary) !important; } html .svg-fill-color-hover-quaternary svg:hover path, html .svg-fill-color-hover-quaternary svg:focus path { fill: var(--pfully-quaternary) !important; } html .svg-fill-color-hover-quaternary svg:hover rect, html .svg-fill-color-hover-quaternary svg:focus rect { fill: var(--pfully-quaternary) !important; } html .svg-fill-color-hover-quaternary svg:hover line, html .svg-fill-color-hover-quaternary svg:focus line { fill: var(--pfully-quaternary) !important; } html .svg-fill-color-hover-quaternary svg:hover polyline, html .svg-fill-color-hover-quaternary svg:focus polyline { fill: var(--pfully-quaternary) !important; } html .svg-fill-color-hover-quaternary svg:hover polygon, html .svg-fill-color-hover-quaternary svg:focus polygon { fill: var(--pfully-quaternary) !important; } html .svg-stroke-color-quaternary { stroke: var(--pfully-quaternary) !important; } html .svg-stroke-color-quaternary svg path { stroke: var(--pfully-quaternary) !important; } html .svg-stroke-color-quaternary svg rect { stroke: var(--pfully-quaternary) !important; } html .svg-stroke-color-quaternary svg line { stroke: var(--pfully-quaternary) !important; } html .svg-stroke-color-quaternary svg polyline { stroke: var(--pfully-quaternary) !important; } html .svg-stroke-color-quaternary svg polygon { stroke: var(--pfully-quaternary) !important; } html .svg-stroke-color-hover-quaternary:hover, html .svg-stroke-color-hover-quaternary:focus { stroke: var(--pfully-quaternary) !important; } html .svg-stroke-color-hover-quaternary svg:hover path, html .svg-stroke-color-hover-quaternary svg:focus path { stroke: var(--pfully-quaternary) !important; } html .svg-stroke-color-hover-quaternary svg:hover rect, html .svg-stroke-color-hover-quaternary svg:focus rect { stroke: var(--pfully-quaternary) !important; } html .svg-stroke-color-hover-quaternary svg:hover line, html .svg-stroke-color-hover-quaternary svg:focus line { stroke: var(--pfully-quaternary) !important; } html .svg-stroke-color-hover-quaternary svg:hover polyline, html .svg-stroke-color-hover-quaternary svg:focus polyline { stroke: var(--pfully-quaternary) !important; } html .svg-stroke-color-hover-quaternary svg:hover polygon, html .svg-stroke-color-hover-quaternary svg:focus polygon { stroke: var(--pfully-quaternary) !important; } html .svg-fill-color-dark { fill: var(--pfully-dark) !important; } html .svg-fill-color-dark svg path { fill: var(--pfully-dark) !important; } html .svg-fill-color-dark svg rect { fill: var(--pfully-dark) !important; } html .svg-fill-color-dark svg line { fill: var(--pfully-dark) !important; } html .svg-fill-color-dark svg polyline { fill: var(--pfully-dark) !important; } html .svg-fill-color-dark svg polygon { fill: var(--pfully-dark) !important; } html .svg-fill-color-hover-dark:hover, html .svg-fill-color-hover-dark:focus { fill: var(--pfully-dark) !important; } html .svg-fill-color-hover-dark svg:hover path, html .svg-fill-color-hover-dark svg:focus path { fill: var(--pfully-dark) !important; } html .svg-fill-color-hover-dark svg:hover rect, html .svg-fill-color-hover-dark svg:focus rect { fill: var(--pfully-dark) !important; } html .svg-fill-color-hover-dark svg:hover line, html .svg-fill-color-hover-dark svg:focus line { fill: var(--pfully-dark) !important; } html .svg-fill-color-hover-dark svg:hover polyline, html .svg-fill-color-hover-dark svg:focus polyline { fill: var(--pfully-dark) !important; } html .svg-fill-color-hover-dark svg:hover polygon, html .svg-fill-color-hover-dark svg:focus polygon { fill: var(--pfully-dark) !important; } html .svg-stroke-color-dark { stroke: var(--pfully-dark) !important; } html .svg-stroke-color-dark svg path { stroke: var(--pfully-dark) !important; } html .svg-stroke-color-dark svg rect { stroke: var(--pfully-dark) !important; } html .svg-stroke-color-dark svg line { stroke: var(--pfully-dark) !important; } html .svg-stroke-color-dark svg polyline { stroke: var(--pfully-dark) !important; } html .svg-stroke-color-dark svg polygon { stroke: var(--pfully-dark) !important; } html .svg-stroke-color-hover-dark:hover, html .svg-stroke-color-hover-dark:focus { stroke: var(--pfully-dark) !important; } html .svg-stroke-color-hover-dark svg:hover path, html .svg-stroke-color-hover-dark svg:focus path { stroke: var(--pfully-dark) !important; } html .svg-stroke-color-hover-dark svg:hover rect, html .svg-stroke-color-hover-dark svg:focus rect { stroke: var(--pfully-dark) !important; } html .svg-stroke-color-hover-dark svg:hover line, html .svg-stroke-color-hover-dark svg:focus line { stroke: var(--pfully-dark) !important; } html .svg-stroke-color-hover-dark svg:hover polyline, html .svg-stroke-color-hover-dark svg:focus polyline { stroke: var(--pfully-dark) !important; } html .svg-stroke-color-hover-dark svg:hover polygon, html .svg-stroke-color-hover-dark svg:focus polygon { stroke: var(--pfully-dark) !important; } html .svg-fill-color-light { fill: var(--pfully-light) !important; } html .svg-fill-color-light svg path { fill: var(--pfully-light) !important; } html .svg-fill-color-light svg rect { fill: var(--pfully-light) !important; } html .svg-fill-color-light svg line { fill: var(--pfully-light) !important; } html .svg-fill-color-light svg polyline { fill: var(--pfully-light) !important; } html .svg-fill-color-light svg polygon { fill: var(--pfully-light) !important; } html .svg-fill-color-hover-light:hover, html .svg-fill-color-hover-light:focus { fill: var(--pfully-light) !important; } html .svg-fill-color-hover-light svg:hover path, html .svg-fill-color-hover-light svg:focus path { fill: var(--pfully-light) !important; } html .svg-fill-color-hover-light svg:hover rect, html .svg-fill-color-hover-light svg:focus rect { fill: var(--pfully-light) !important; } html .svg-fill-color-hover-light svg:hover line, html .svg-fill-color-hover-light svg:focus line { fill: var(--pfully-light) !important; } html .svg-fill-color-hover-light svg:hover polyline, html .svg-fill-color-hover-light svg:focus polyline { fill: var(--pfully-light) !important; } html .svg-fill-color-hover-light svg:hover polygon, html .svg-fill-color-hover-light svg:focus polygon { fill: var(--pfully-light) !important; } html .svg-stroke-color-light { stroke: var(--pfully-light) !important; } html .svg-stroke-color-light svg path { stroke: var(--pfully-light) !important; } html .svg-stroke-color-light svg rect { stroke: var(--pfully-light) !important; } html .svg-stroke-color-light svg line { stroke: var(--pfully-light) !important; } html .svg-stroke-color-light svg polyline { stroke: var(--pfully-light) !important; } html .svg-stroke-color-light svg polygon { stroke: var(--pfully-light) !important; } html .svg-stroke-color-hover-light:hover, html .svg-stroke-color-hover-light:focus { stroke: var(--pfully-light) !important; } html .svg-stroke-color-hover-light svg:hover path, html .svg-stroke-color-hover-light svg:focus path { stroke: var(--pfully-light) !important; } html .svg-stroke-color-hover-light svg:hover rect, html .svg-stroke-color-hover-light svg:focus rect { stroke: var(--pfully-light) !important; } html .svg-stroke-color-hover-light svg:hover line, html .svg-stroke-color-hover-light svg:focus line { stroke: var(--pfully-light) !important; } html .svg-stroke-color-hover-light svg:hover polyline, html .svg-stroke-color-hover-light svg:focus polyline { stroke: var(--pfully-light) !important; } html .svg-stroke-color-hover-light svg:hover polygon, html .svg-stroke-color-hover-light svg:focus polygon { stroke: var(--pfully-light) !important; } html .bg-color-primary { background-color: var(--pfully-primary) !important; --bg-color: var(--pfully-primary); } html .bg-primary { background-color: var(--pfully-primary) !important; --bg-color: var(--pfully-primary); } html .bg-primary-darken { background-color: var(--pfully-primary-darken) !important; --bg-color: var(--pfully-primary-darken); } html .bg-primary-text { color: var(--pfully-primary-text) !important; } html .bg-color-hover-primary:hover, html .bg-color-hover-primary:focus { background-color: var(--pfully-primary) !important; } html .bg-hover-primary:hover, html .bg-hover-primary:focus { background-color: var(--pfully-primary) !important; } html .bg-color-after-primary:after { background-color: var(--pfully-primary) !important; } html .bg-color-hover-after-primary:after:hover, html .bg-color-hover-after-primary:after:focus { background-color: var(--pfully-primary) !important; } html .bg-color-before-primary:before { background-color: var(--pfully-primary) !important; } html .bg-color-hover-before-primary:before:hover, html .bg-color-hover-before-primary:before:focus { background-color: var(--pfully-primary) !important; } html .bg-color-secondary { background-color: var(--pfully-secondary) !important; --bg-color: var(--pfully-secondary); } html .bg-secondary { background-color: var(--pfully-secondary) !important; --bg-color: var(--pfully-secondary); } html .bg-secondary-darken { background-color: var(--pfully-secondary-darken) !important; --bg-color: var(--pfully-secondary-darken); } html .bg-secondary-text { color: var(--pfully-secondary-text) !important; } html .bg-color-hover-secondary:hover, html .bg-color-hover-secondary:focus { background-color: var(--pfully-secondary) !important; } html .bg-hover-secondary:hover, html .bg-hover-secondary:focus { background-color: var(--pfully-secondary) !important; } html .bg-color-after-secondary:after { background-color: var(--pfully-secondary) !important; } html .bg-color-hover-after-secondary:after:hover, html .bg-color-hover-after-secondary:after:focus { background-color: var(--pfully-secondary) !important; } html .bg-color-before-secondary:before { background-color: var(--pfully-secondary) !important; } html .bg-color-hover-before-secondary:before:hover, html .bg-color-hover-before-secondary:before:focus { background-color: var(--pfully-secondary) !important; } html .bg-color-tertiary { background-color: var(--pfully-tertiary) !important; --bg-color: var(--pfully-tertiary); } html .bg-tertiary { background-color: var(--pfully-tertiary) !important; --bg-color: var(--pfully-tertiary); } html .bg-tertiary-darken { background-color: var(--pfully-tertiary-darken) !important; --bg-color: var(--pfully-tertiary-darken); } html .bg-tertiary-text { color: var(--pfully-tertiary-text) !important; } html .bg-color-hover-tertiary:hover, html .bg-color-hover-tertiary:focus { background-color: var(--pfully-tertiary) !important; } html .bg-hover-tertiary:hover, html .bg-hover-tertiary:focus { background-color: var(--pfully-tertiary) !important; } html .bg-color-after-tertiary:after { background-color: var(--pfully-tertiary) !important; } html .bg-color-hover-after-tertiary:after:hover, html .bg-color-hover-after-tertiary:after:focus { background-color: var(--pfully-tertiary) !important; } html .bg-color-before-tertiary:before { background-color: var(--pfully-tertiary) !important; } html .bg-color-hover-before-tertiary:before:hover, html .bg-color-hover-before-tertiary:before:focus { background-color: var(--pfully-tertiary) !important; } html .bg-color-quaternary { background-color: var(--pfully-quaternary) !important; --bg-color: var(--pfully-quaternary); } html .bg-quaternary { background-color: var(--pfully-quaternary) !important; --bg-color: var(--pfully-quaternary); } html .bg-quaternary-darken { background-color: var(--pfully-quaternary-darken) !important; --bg-color: var(--pfully-quaternary-darken); } html .bg-quaternary-text { color: var(--pfully-quaternary-text) !important; } html .bg-color-hover-quaternary:hover, html .bg-color-hover-quaternary:focus { background-color: var(--pfully-quaternary) !important; } html .bg-hover-quaternary:hover, html .bg-hover-quaternary:focus { background-color: var(--pfully-quaternary) !important; } html .bg-color-after-quaternary:after { background-color: var(--pfully-quaternary) !important; } html .bg-color-hover-after-quaternary:after:hover, html .bg-color-hover-after-quaternary:after:focus { background-color: var(--pfully-quaternary) !important; } html .bg-color-before-quaternary:before { background-color: var(--pfully-quaternary) !important; } html .bg-color-hover-before-quaternary:before:hover, html .bg-color-hover-before-quaternary:before:focus { background-color: var(--pfully-quaternary) !important; } html .bg-color-dark { background-color: var(--pfully-dark) !important; --bg-color: var(--pfully-dark); } html .bg-dark { background-color: var(--pfully-dark) !important; --bg-color: var(--pfully-dark); } html .bg-dark-text { color: var(--pfully-dark-text) !important; } html .bg-color-hover-dark:hover, html .bg-color-hover-dark:focus { background-color: var(--pfully-dark) !important; } html .bg-hover-dark:hover, html .bg-hover-dark:focus { background-color: var(--pfully-dark) !important; } html .bg-color-after-dark:after { background-color: var(--pfully-dark) !important; } html .bg-color-hover-after-dark:after:hover, html .bg-color-hover-after-dark:after:focus { background-color: var(--pfully-dark) !important; } html .bg-color-before-dark:before { background-color: var(--pfully-dark) !important; } html .bg-color-hover-before-dark:before:hover, html .bg-color-hover-before-dark:before:focus { background-color: var(--pfully-dark) !important; } html .bg-color-light { background-color: var(--pfully-light) !important; --bg-color: var(--pfully-light); } html .bg-light { background-color: var(--pfully-light) !important; --bg-color: var(--pfully-light); } html .bg-light-text { color: var(--pfully-light-text) !important; } html .bg-color-hover-light:hover, html .bg-color-hover-light:focus { background-color: var(--pfully-light) !important; } html .bg-hover-light:hover, html .bg-hover-light:focus { background-color: var(--pfully-light) !important; } html .bg-color-after-light:after { background-color: var(--pfully-light) !important; } html .bg-color-hover-after-light:after:hover, html .bg-color-hover-after-light:after:focus { background-color: var(--pfully-light) !important; } html .bg-color-before-light:before { background-color: var(--pfully-light) !important; } html .bg-color-hover-before-light:before:hover, html .bg-color-hover-before-light:before:focus { background-color: var(--pfully-light) !important; } html .bg-color-grey { background-color: var(--pfully-grey) !important; --bg-color: var(--pfully-grey); } html .bg-grey { background-color: var(--pfully-grey) !important; --bg-color: var(--pfully-grey); } html .bg-grey-text { color: var(--pfully-grey-text) !important; } html .bg-color-hover-grey:hover, html .bg-color-hover-grey:focus { background-color: var(--pfully-grey) !important; } html .bg-hover-grey:hover, html .bg-hover-grey:focus { background-color: var(--pfully-grey) !important; } html .bg-color-after-grey:after { background-color: var(--pfully-grey) !important; } html .bg-color-hover-after-grey:after:hover, html .bg-color-hover-after-grey:after:focus { background-color: var(--pfully-grey) !important; } html .bg-color-before-grey:before { background-color: var(--pfully-grey) !important; } html .bg-color-hover-before-grey:before:hover, html .bg-color-hover-before-grey:before:focus { background-color: var(--pfully-grey) !important; } html .bg-color-darker { background-color: var(--pfully-darker) !important; --bg-color: var(--pfully-darker); } html .bg-darker { background-color: var(--pfully-darker) !important; --bg-color: var(--pfully-darker); } html .bg-color-hover-darker:hover, html .bg-color-hover-darker:focus { background-color: var(--pfully-darker) !important; } html .bg-hover-darker:hover, html .bg-hover-darker:focus { background-color: var(--pfully-darker) !important; } html .bg-color-after-darker:after { background-color: var(--pfully-darker) !important; } html .bg-color-hover-after-darker:after:hover, html .bg-color-hover-after-darker:after:focus { background-color: var(--pfully-darker) !important; } html .bg-color-before-darker:before { background-color: var(--pfully-darker) !important; } html .bg-color-hover-before-darker:before:hover, html .bg-color-hover-before-darker:before:focus { background-color: var(--pfully-darker) !important; } html .border-primary { border-color: var(--pfully-primary) !important; } html .border-hover-primary:hover, html .border-hover-primary:focus { border-color: var(--pfully-primary) !important; } html .border-secondary { border-color: var(--pfully-secondary) !important; } html .border-hover-secondary:hover, html .border-hover-secondary:focus { border-color: var(--pfully-secondary) !important; } html .border-tertiary { border-color: var(--pfully-tertiary) !important; } html .border-hover-tertiary:hover, html .border-hover-tertiary:focus { border-color: var(--pfully-tertiary) !important; } html .border-quaternary { border-color: var(--pfully-quaternary) !important; } html .border-hover-quaternary:hover, html .border-hover-quaternary:focus { border-color: var(--pfully-quaternary) !important; } html .border-dark { border-color: var(--pfully-dark) !important; } html .border-hover-dark:hover, html .border-hover-dark:focus { border-color: var(--pfully-dark) !important; } html .border-light { border-color: var(--pfully-light) !important; } html .border-hover-light:hover, html .border-hover-light:focus { border-color: var(--pfully-light) !important; } html .box-shadow-1-primary:before { box-shadow: 0 30px 90px var(--pfully-primary) !important; } html .box-shadow-1-secondary:before { box-shadow: 0 30px 90px var(--pfully-secondary) !important; } html .box-shadow-1-tertiary:before { box-shadow: 0 30px 90px var(--pfully-tertiary) !important; } html .box-shadow-1-quaternary:before { box-shadow: 0 30px 90px var(--pfully-quaternary) !important; } html .box-shadow-1-dark:before { box-shadow: 0 30px 90px var(--pfully-dark) !important; } html .box-shadow-1-light:before { box-shadow: 0 30px 90px var(--pfully-light) !important; } html .blockquote-primary { border-color: var(--pfully-primary) !important; } html .blockquote-secondary { border-color: var(--pfully-secondary) !important; } html .blockquote-tertiary { border-color: var(--pfully-tertiary) !important; } html .blockquote-quaternary { border-color: var(--pfully-quaternary) !important; } html .blockquote-dark { border-color: var(--pfully-dark) !important; } html .blockquote-light { border-color: var(--pfully-light) !important; } html .nav-color-primary nav > ul > li > a { color: var(--pfully-primary) !important; } html .nav-color-primary:not(.header-nav-main-dropdown-arrow) nav > ul > li > a:before { background-color: var(--pfully-primary) !important; } html .nav-color-primary:not(.header-nav-main-dropdown-arrow) nav > ul > li ul { border-top-color: var(--pfully-primary) !important; } html .nav-color-secondary nav > ul > li > a { color: var(--pfully-secondary) !important; } html .nav-color-secondary:not(.header-nav-main-dropdown-arrow) nav > ul > li > a:before { background-color: var(--pfully-secondary) !important; } html .nav-color-secondary:not(.header-nav-main-dropdown-arrow) nav > ul > li ul { border-top-color: var(--pfully-secondary) !important; } html .nav-color-tertiary nav > ul > li > a { color: var(--pfully-tertiary) !important; } html .nav-color-tertiary:not(.header-nav-main-dropdown-arrow) nav > ul > li > a:before { background-color: var(--pfully-tertiary) !important; } html .nav-color-tertiary:not(.header-nav-main-dropdown-arrow) nav > ul > li ul { border-top-color: var(--pfully-tertiary) !important; } html .nav-color-quaternary nav > ul > li > a { color: var(--pfully-quaternary) !important; } html .nav-color-quaternary:not(.header-nav-main-dropdown-arrow) nav > ul > li > a:before { background-color: var(--pfully-quaternary) !important; } html .nav-color-quaternary:not(.header-nav-main-dropdown-arrow) nav > ul > li ul { border-top-color: var(--pfully-quaternary) !important; } html .nav-color-dark nav > ul > li > a { color: var(--pfully-dark) !important; } html .nav-color-dark:not(.header-nav-main-dropdown-arrow) nav > ul > li > a:before { background-color: var(--pfully-dark) !important; } html .nav-color-dark:not(.header-nav-main-dropdown-arrow) nav > ul > li ul { border-top-color: var(--pfully-dark) !important; } html .nav-color-light nav > ul > li > a { color: var(--pfully-light) !important; } html .nav-color-light:not(.header-nav-main-dropdown-arrow) nav > ul > li > a:before { background-color: var(--pfully-light) !important; } html .nav-color-light:not(.header-nav-main-dropdown-arrow) nav > ul > li ul { border-top-color: var(--pfully-light) !important; } html .nav-pills-primary a { color: var(--pfully-primary); } html .nav-pills-primary a:hover, html .nav-pills-primary a:focus { color: var(--pfully-primary-lighten); } html .nav-pills-primary a:focus { color: var(--pfully-primary-lighten); } html .nav-pills-primary a:active { color: var(--pfully-primary-darken); } html .nav-pills-primary .nav-link.active { background-color: var(--pfully-primary); } html .nav-pills-primary .nav-link.active:hover, html .nav-pills-primary .nav-link.active:focus { background-color: var(--pfully-primary); } html .nav-pills-primary .nav-link.active:focus { background-color: var(--pfully-primary); } html .nav-pills-primary > li.active > a { background-color: var(--pfully-primary); } html .nav-pills-primary > li.active > a:hover, html .nav-pills-primary > li.active > a:focus { background-color: var(--pfully-primary); } html .nav-pills-primary > li.active > a:focus { background-color: var(--pfully-primary); } html .nav-pills-secondary a { color: var(--pfully-secondary); } html .nav-pills-secondary a:hover, html .nav-pills-secondary a:focus { color: var(--pfully-secondary-lighten); } html .nav-pills-secondary a:focus { color: var(--pfully-secondary-lighten); } html .nav-pills-secondary a:active { color: var(--pfully-secondary-darken); } html .nav-pills-secondary .nav-link.active { background-color: var(--pfully-secondary); } html .nav-pills-secondary .nav-link.active:hover, html .nav-pills-secondary .nav-link.active:focus { background-color: var(--pfully-secondary); } html .nav-pills-secondary .nav-link.active:focus { background-color: var(--pfully-secondary); } html .nav-pills-secondary > li.active > a { background-color: var(--pfully-secondary); } html .nav-pills-secondary > li.active > a:hover, html .nav-pills-secondary > li.active > a:focus { background-color: var(--pfully-secondary); } html .nav-pills-secondary > li.active > a:focus { background-color: var(--pfully-secondary); } html .nav-pills-tertiary a { color: var(--pfully-tertiary); } html .nav-pills-tertiary a:hover, html .nav-pills-tertiary a:focus { color: var(--pfully-tertiary); } html .nav-pills-tertiary a:focus { color: var(--pfully-tertiary); } html .nav-pills-tertiary a:active { color: var(--pfully-tertiary-darken); } html .nav-pills-tertiary .nav-link.active { background-color: var(--pfully-tertiary); } html .nav-pills-tertiary .nav-link.active:hover, html .nav-pills-tertiary .nav-link.active:focus { background-color: var(--pfully-tertiary); } html .nav-pills-tertiary .nav-link.active:focus { background-color: var(--pfully-tertiary); } html .nav-pills-tertiary > li.active > a { background-color: var(--pfully-tertiary); } html .nav-pills-tertiary > li.active > a:hover, html .nav-pills-tertiary > li.active > a:focus { background-color: var(--pfully-tertiary); } html .nav-pills-tertiary > li.active > a:focus { background-color: var(--pfully-tertiary); } html .nav-pills-quaternary a { color: var(--pfully-quaternary); } html .nav-pills-quaternary a:hover, html .nav-pills-quaternary a:focus { color: var(--pfully-quaternary-lighten); } html .nav-pills-quaternary a:focus { color: var(--pfully-quaternary-lighten); } html .nav-pills-quaternary a:active { color: var(--pfully-quaternary-darken); } html .nav-pills-quaternary .nav-link.active { background-color: var(--pfully-quaternary); } html .nav-pills-quaternary .nav-link.active:hover, html .nav-pills-quaternary .nav-link.active:focus { background-color: var(--pfully-quaternary); } html .nav-pills-quaternary .nav-link.active:focus { background-color: var(--pfully-quaternary); } html .nav-pills-quaternary > li.active > a { background-color: var(--pfully-quaternary); } html .nav-pills-quaternary > li.active > a:hover, html .nav-pills-quaternary > li.active > a:focus { background-color: var(--pfully-quaternary); } html .nav-pills-quaternary > li.active > a:focus { background-color: var(--pfully-quaternary); } html .nav-pills-dark a { color: var(--pfully-dark); } html .nav-pills-dark a:hover, html .nav-pills-dark a:focus { color: var(--pfully-dark-lighten); } html .nav-pills-dark a:focus { color: var(--pfully-dark-lighten); } html .nav-pills-dark a:active { color: var(--pfully-dark-darken); } html .nav-pills-dark .nav-link.active { background-color: var(--pfully-dark); } html .nav-pills-dark .nav-link.active:hover, html .nav-pills-dark .nav-link.active:focus { background-color: var(--pfully-dark); } html .nav-pills-dark .nav-link.active:focus { background-color: var(--pfully-dark); } html .nav-pills-dark > li.active > a { background-color: var(--pfully-dark); } html .nav-pills-dark > li.active > a:hover, html .nav-pills-dark > li.active > a:focus { background-color: var(--pfully-dark); } html .nav-pills-dark > li.active > a:focus { background-color: var(--pfully-dark); } html .nav-pills-light a { color: var(--pfully-light); } html .nav-pills-light a:hover, html .nav-pills-light a:focus { color: var(--pfully-light-lighten); } html .nav-pills-light a:focus { color: var(--pfully-light-lighten); } html .nav-pills-light a:active { color: var(--pfully-light-darken); } html .nav-pills-light .nav-link.active { background-color: var(--pfully-light); } html .nav-pills-light .nav-link.active:hover, html .nav-pills-light .nav-link.active:focus { background-color: var(--pfully-light); } html .nav-pills-light .nav-link.active:focus { background-color: var(--pfully-light); } html .nav-pills-light > li.active > a { background-color: var(--pfully-light); } html .nav-pills-light > li.active > a:hover, html .nav-pills-light > li.active > a:focus { background-color: var(--pfully-light); } html .nav-pills-light > li.active > a:focus { background-color: var(--pfully-light); } html .badge-primary { background-color: var(--pfully-primary); } html .badge-secondary { background-color: var(--pfully-secondary); } html .badge-tertiary { background-color: var(--pfully-tertiary); } html .badge-quaternary { background-color: var(--pfully-quaternary); } html .badge-dark { background-color: var(--pfully-dark); } html .badge-light { background-color: var(--pfully-light); } html .overlay-color-primary:not(.no-skin):before { background-color: var(--pfully-primary) !important; } html .overlay-color-secondary:not(.no-skin):before { background-color: var(--pfully-secondary) !important; } html .overlay-color-tertiary:not(.no-skin):before { background-color: var(--pfully-tertiary) !important; } html .overlay-color-quaternary:not(.no-skin):before { background-color: var(--pfully-quaternary) !important; } html .overlay-color-dark:not(.no-skin):before { background-color: var(--pfully-dark) !important; } html .overlay-color-light:not(.no-skin):before { background-color: var(--pfully-light) !important; } html .btn-primary { background-color: var(--pfully-primary); border-color: var(--pfully-primary) var(--pfully-primary) var(--pfully-primary-darken); color: var(--pfully-primary-text); } html .btn-primary:hover, html .btn-primary:focus { background-color: var(--pfully-primary-lighten); border-color: var(--pfully-primary-lighten-2) var(--pfully-primary-lighten-2) var(--pfully-primary); color: var(--pfully-primary-text); } html .btn-primary:focus { background-color: var(--pfully-primary-darken); border-color: var(--pfully-primary-darken) var(--pfully-primary-darken) var(--pfully-primary-darken-2); color: var(--pfully-primary-text); box-shadow: 0 0 0 3px var(--pfully-primary-o-5); } html .btn-primary:disabled { background-color: var(--pfully-primary); border-color: var(--pfully-primary) var(--pfully-primary) var(--pfully-primary-darken); } html .btn-primary:active { background-color: var(--pfully-primary-darken) !important; background-image: none !important; border-color: var(--pfully-primary-darken) var(--pfully-primary-darken) var(--pfully-primary-darken-2) !important; } html .btn-primary.hover { background-color: var(--pfully-primary-lighten); border-color: var(--pfully-primary-lighten-2) var(--pfully-primary-lighten-2) var(--pfully-primary); color: var(--pfully-primary-text); } html .btn-primary.focus { background-color: var(--pfully-primary-darken); border-color: var(--pfully-primary-darken) var(--pfully-primary-darken) var(--pfully-primary-darken-2); color: var(--pfully-primary-text); box-shadow: 0 0 0 3px var(--pfully-primary-o-5); } html .btn-primary.disabled { background-color: var(--pfully-primary); border-color: var(--pfully-primary) var(--pfully-primary) var(--pfully-primary-darken); } html .btn-primary.active { background-color: var(--pfully-primary-darken) !important; background-image: none !important; border-color: var(--pfully-primary-darken) var(--pfully-primary-darken) var(--pfully-primary-darken-2) !important; } html .show > .btn-primary.dropdown-toggle { background-color: var(--pfully-primary-darken) !important; background-image: none !important; border-color: var(--pfully-primary-darken) var(--pfully-primary-darken) var(--pfully-primary-darken-2) !important; } html .show > .btn-secondary.dropdown-toggle { background-color: var(--pfully-secondary-darken) !important; background-image: none !important; border-color: var(--pfully-secondary-darken-2) var(--pfully-secondary-darken-2) var(--pfully-secondary-darken-3) !important; } html .show > .btn-tertiary.dropdown-toggle { background-color: var(--pfully-tertiary-darken) !important; background-image: none !important; border-color: var(--pfully-tertiary-darken-2) var(--pfully-tertiary-darken-2) var(--pfully-tertiary-darken-3) !important; } html .show > .btn-quaternary.dropdown-toggle { background-color: var(--pfully-quaternary-darken) !important; background-image: none !important; border-color: var(--pfully-quaternary-darken-2) var(--pfully-quaternary-darken-2) var(--pfully-quaternary-darken-3) !important; } html .show > .btn-dark.dropdown-toggle { background-color: var(--pfully-dark-darken) !important; background-image: none !important; border-color: var(--pfully-dark-darken-2) var(--pfully-dark-darken-2) var(--pfully-dark-darken-3) !important; } html .show > .btn-light.dropdown-toggle { background-color: var(--pfully-light-darken) !important; background-image: none !important; border-color: var(--pfully-light-darken-2) var(--pfully-light-darken-2) var(--pfully-light-darken-3) !important; } html .show > .btn-outline.btn-primary.dropdown-toggle { color: var(--pfully-primary-text) !important; background-color: var(--pfully-primary) !important; border-color: var(--pfully-primary) !important; } html .show > .btn-outline.btn-secondary.dropdown-toggle { color: var(--pfully-secondary-text) !important; background-color: var(--pfully-secondary) !important; border-color: var(--pfully-secondary) !important; } html .show > .btn-outline.btn-tertiary.dropdown-toggle { color: var(--pfully-tertiary-text) !important; background-color: var(--pfully-tertiary) !important; border-color: var(--pfully-tertiary) !important; } html .show > .btn-outline.btn-quaternary.dropdown-toggle { color: var(--pfully-quaternary-text) !important; background-color: var(--pfully-quaternary) !important; border-color: var(--pfully-quaternary) !important; } html .show > .btn-outline.btn-dark.dropdown-toggle { color: var(--pfully-dark-text) !important; background-color: var(--pfully-dark) !important; border-color: var(--pfully-dark) !important; } html .show > .btn-outline.btn-light.dropdown-toggle { color: var(--pfully-light-text) !important; background-color: var(--pfully-light) !important; border-color: var(--pfully-light) !important; } html .btn-check:active + .btn-primary { background-color: var(--pfully-primary-darken); border-color: var(--pfully-primary) var(--pfully-primary) var(--pfully-primary-darken); color: var(--pfully-primary-text); } html .btn-check:active + .btn-secondary { background-color: var(--pfully-secondary-darken); border-color: var(--pfully-secondary) var(--pfully-secondary) var(--pfully-secondary-darken); color: var(--pfully-secondary-text); } html .btn-check:active + .btn-tertiary { background-color: var(--pfully-tertiary-darken); border-color: var(--pfully-tertiary) var(--pfully-tertiary) var(--pfully-tertiary-darken); color: var(--pfully-tertiary-text); } html .btn-check:active + .btn-quaternary { background-color: var(--pfully-quaternary-darken); border-color: var(--pfully-quaternary) var(--pfully-quaternary) var(--pfully-quaternary-darken); color: var(--pfully-quaternary-text); } html .btn-check:active + .btn-dark { background-color: var(--pfully-dark-darken); border-color: var(--pfully-dark) var(--pfully-dark) var(--pfully-dark-darken); color: var(--pfully-dark-text); } html .btn-check:active + .btn-light { background-color: var(--pfully-light-darken); border-color: var(--pfully-light) var(--pfully-light) var(--pfully-light-darken); color: var(--pfully-light-text); } html .btn-check:checked + .btn-primary { background-color: var(--pfully-primary-darken); border-color: var(--pfully-primary) var(--pfully-primary) var(--pfully-primary-darken); color: var(--pfully-primary-text); } html .btn-check:checked + .btn-secondary { background-color: var(--pfully-secondary-darken); border-color: var(--pfully-secondary) var(--pfully-secondary) var(--pfully-secondary-darken); color: var(--pfully-secondary-text); } html .btn-check:checked + .btn-tertiary { background-color: var(--pfully-tertiary-darken); border-color: var(--pfully-tertiary) var(--pfully-tertiary) var(--pfully-tertiary-darken); color: var(--pfully-tertiary-text); } html .btn-check:checked + .btn-quaternary { background-color: var(--pfully-quaternary-darken); border-color: var(--pfully-quaternary) var(--pfully-quaternary) var(--pfully-quaternary-darken); color: var(--pfully-quaternary-text); } html .btn-check:checked + .btn-dark { background-color: var(--pfully-dark-darken); border-color: var(--pfully-dark) var(--pfully-dark) var(--pfully-dark-darken); color: var(--pfully-dark-text); } html .btn-check:checked + .btn-light { background-color: var(--pfully-light-darken); border-color: var(--pfully-light) var(--pfully-light) var(--pfully-light-darken); color: var(--pfully-light-text); } html .btn-check:focus + .btn-primary { background-color: var(--pfully-primary-darken); border-color: var(--pfully-primary) var(--pfully-primary) var(--pfully-primary-darken); color: var(--pfully-primary-text); } html .btn-check:focus + .btn-secondary { background-color: var(--pfully-secondary-darken); border-color: var(--pfully-secondary) var(--pfully-secondary) var(--pfully-secondary-darken); color: var(--pfully-secondary-text); } html .btn-check:focus + .btn-tertiary { background-color: var(--pfully-tertiary-darken); border-color: var(--pfully-tertiary) var(--pfully-tertiary) var(--pfully-tertiary-darken); color: var(--pfully-tertiary-text); } html .btn-check:focus + .btn-quaternary { background-color: var(--pfully-quaternary-darken); border-color: var(--pfully-quaternary) var(--pfully-quaternary) var(--pfully-quaternary-darken); color: var(--pfully-quaternary-text); } html .btn-check:focus + .btn-dark { background-color: var(--pfully-dark-darken); border-color: var(--pfully-dark) var(--pfully-dark) var(--pfully-dark-darken); color: var(--pfully-dark-text); } html .btn-check:focus + .btn-light { background-color: var(--pfully-light-darken); border-color: var(--pfully-light) var(--pfully-light) var(--pfully-light-darken); color: var(--pfully-light-text); } html .btn-secondary { background-color: var(--pfully-secondary); border-color: var(--pfully-secondary) var(--pfully-secondary) var(--pfully-secondary-darken-2); color: var(--pfully-secondary-text); } html .btn-secondary:hover, html .btn-secondary:focus { background-color: var(--pfully-secondary-lighten); border-color: var(--pfully-secondary-lighten) var(--pfully-secondary-lighten) var(--pfully-secondary); color: var(--pfully-secondary-text); } html .btn-secondary:focus { background-color: var(--pfully-secondary-darken); border-color: var(--pfully-secondary-darken-2) var(--pfully-secondary-darken-2) var(--pfully-secondary-darken-3); color: var(--pfully-secondary-text); box-shadow: 0 0 0 3px var(--pfully-secondary-o-5); } html .btn-secondary:disabled { background-color: var(--pfully-secondary); border-color: var(--pfully-secondary) var(--pfully-secondary) var(--pfully-secondary-darken-2); } html .btn-secondary:active { background-color: var(--pfully-secondary-darken) !important; background-image: none !important; border-color: var(--pfully-secondary-darken-2) var(--pfully-secondary-darken-2) var(--pfully-secondary-darken-3) !important; } html .btn-secondary.hover { background-color: var(--pfully-secondary-lighten); border-color: var(--pfully-secondary-lighten) var(--pfully-secondary-lighten) var(--pfully-secondary); color: var(--pfully-secondary-text); } html .btn-secondary.focus { background-color: var(--pfully-secondary-darken); border-color: var(--pfully-secondary-darken-2) var(--pfully-secondary-darken-2) var(--pfully-secondary-darken-3); color: var(--pfully-secondary-text); box-shadow: 0 0 0 3px var(--pfully-secondary-o-5); } html .btn-secondary.disabled { background-color: var(--pfully-secondary); border-color: var(--pfully-secondary) var(--pfully-secondary) var(--pfully-secondary-darken-2); } html .btn-secondary.active { background-color: var(--pfully-secondary-darken) !important; background-image: none !important; border-color: var(--pfully-secondary-darken-2) var(--pfully-secondary-darken-2) var(--pfully-secondary-darken-3) !important; } html .btn-tertiary { background-color: var(--pfully-tertiary); border-color: var(--pfully-tertiary) var(--pfully-tertiary) var(--pfully-tertiary-darken-2); color: var(--pfully-tertiary-text); } html .btn-tertiary:hover, html .btn-tertiary:focus { background-color: var(--pfully-tertiary-lighten); border-color: var(--pfully-tertiary-lighten) var(--pfully-tertiary-lighten) var(--pfully-tertiary); color: var(--pfully-tertiary-text); } html .btn-tertiary:focus { background-color: var(--pfully-tertiary-darken); border-color: var(--pfully-tertiary-darken-2) var(--pfully-tertiary-darken-2) var(--pfully-tertiary-darken-3); color: var(--pfully-tertiary-text); box-shadow: 0 0 0 3px var(--pfully-tertiary-o-5); } html .btn-tertiary:disabled { background-color: var(--pfully-tertiary); border-color: var(--pfully-tertiary) var(--pfully-tertiary) var(--pfully-tertiary-darken-2); } html .btn-tertiary:active { background-color: var(--pfully-tertiary-darken) !important; background-image: none !important; border-color: var(--pfully-tertiary-darken-2) var(--pfully-tertiary-darken-2) var(--pfully-tertiary-darken-3) !important; } html .btn-tertiary.hover { background-color: var(--pfully-tertiary-lighten); border-color: var(--pfully-tertiary-lighten) var(--pfully-tertiary-lighten) var(--pfully-tertiary); color: var(--pfully-tertiary-text); } html .btn-tertiary.focus { background-color: var(--pfully-tertiary-darken); border-color: var(--pfully-tertiary-darken-2) var(--pfully-tertiary-darken-2) var(--pfully-tertiary-darken-3); color: var(--pfully-tertiary-text); box-shadow: 0 0 0 3px var(--pfully-tertiary-o-5); } html .btn-tertiary.disabled { background-color: var(--pfully-tertiary); border-color: var(--pfully-tertiary) var(--pfully-tertiary) var(--pfully-tertiary-darken-2); } html .btn-tertiary.active { background-color: var(--pfully-tertiary-darken) !important; background-image: none !important; border-color: var(--pfully-tertiary-darken-2) var(--pfully-tertiary-darken-2) var(--pfully-tertiary-darken-3) !important; } html .btn-quaternary { background-color: var(--pfully-quaternary); border-color: var(--pfully-quaternary) var(--pfully-quaternary) var(--pfully-quaternary-darken-2); color: var(--pfully-quaternary-text); } html .btn-quaternary:hover, html .btn-quaternary:focus { background-color: var(--pfully-quaternary-lighten); border-color: var(--pfully-quaternary-lighten) var(--pfully-quaternary-lighten) var(--pfully-quaternary); color: var(--pfully-quaternary-text); } html .btn-quaternary:focus { background-color: var(--pfully-quaternary-darken); border-color: var(--pfully-quaternary-darken-2) var(--pfully-quaternary-darken-2) var(--pfully-quaternary-darken-3); color: var(--pfully-quaternary-text); box-shadow: 0 0 0 3px var(--pfully-quaternary-o-5); } html .btn-quaternary:disabled { background-color: var(--pfully-quaternary); border-color: var(--pfully-quaternary) var(--pfully-quaternary) var(--pfully-quaternary-darken-2); } html .btn-quaternary:active { background-color: var(--pfully-quaternary-darken) !important; background-image: none !important; border-color: var(--pfully-quaternary-darken-2) var(--pfully-quaternary-darken-2) var(--pfully-quaternary-darken-3) !important; } html .btn-quaternary.hover { background-color: var(--pfully-quaternary-lighten); border-color: var(--pfully-quaternary-lighten) var(--pfully-quaternary-lighten) var(--pfully-quaternary); color: var(--pfully-quaternary-text); } html .btn-quaternary.focus { background-color: var(--pfully-quaternary-darken); border-color: var(--pfully-quaternary-darken-2) var(--pfully-quaternary-darken-2) var(--pfully-quaternary-darken-3); color: var(--pfully-quaternary-text); box-shadow: 0 0 0 3px var(--pfully-quaternary-o-5); } html .btn-quaternary.disabled { background-color: var(--pfully-quaternary); border-color: var(--pfully-quaternary) var(--pfully-quaternary) var(--pfully-quaternary-darken-2); } html .btn-quaternary.active { background-color: var(--pfully-quaternary-darken) !important; background-image: none !important; border-color: var(--pfully-quaternary-darken-2) var(--pfully-quaternary-darken-2) var(--pfully-quaternary-darken-3) !important; } html .btn-dark { background-color: var(--pfully-dark); border-color: var(--pfully-dark) var(--pfully-dark) var(--pfully-dark-darken-2); color: var(--pfully-dark-text); } html .btn-dark:hover, html .btn-dark:focus { background-color: var(--pfully-dark-lighten); border-color: var(--pfully-dark-lighten) var(--pfully-dark-lighten) var(--pfully-dark); color: var(--pfully-dark-text); } html .btn-dark:focus { background-color: var(--pfully-dark-darken); border-color: var(--pfully-dark-darken-2) var(--pfully-dark-darken-2) var(--pfully-dark-darken-3); color: var(--pfully-dark-text); box-shadow: 0 0 0 3px var(--pfully-dark-o-5); } html .btn-dark:disabled { background-color: var(--pfully-dark); border-color: var(--pfully-dark) var(--pfully-dark) var(--pfully-dark-darken-2); } html .btn-dark:active { background-color: var(--pfully-dark-darken) !important; background-image: none !important; border-color: var(--pfully-dark-darken-2) var(--pfully-dark-darken-2) var(--pfully-dark-darken-3) !important; } html .btn-dark.hover { background-color: var(--pfully-dark-lighten); border-color: var(--pfully-dark-lighten) var(--pfully-dark-lighten) var(--pfully-dark); color: var(--pfully-dark-text); } html .btn-dark.focus { background-color: var(--pfully-dark-darken); border-color: var(--pfully-dark-darken-2) var(--pfully-dark-darken-2) var(--pfully-dark-darken-3); color: var(--pfully-dark-text); box-shadow: 0 0 0 3px var(--pfully-dark-o-5); } html .btn-dark.disabled { background-color: var(--pfully-dark); border-color: var(--pfully-dark) var(--pfully-dark) var(--pfully-dark-darken-2); } html .btn-dark.active { background-color: var(--pfully-dark-darken) !important; background-image: none !important; border-color: var(--pfully-dark-darken-2) var(--pfully-dark-darken-2) var(--pfully-dark-darken-3) !important; } html .btn-light { background-color: var(--pfully-light); border-color: var(--pfully-light-darken) var(--pfully-light-darken) var(--pfully-light-darken-2); color: var(--pfully-light-text); } html .btn-light:hover, html .btn-light:focus { background-color: var(--pfully-light-darken); border-color: var(--pfully-light-darken) var(--pfully-light-darken) var(--pfully-light-darken-2); color: var(--pfully-light-text); } html .btn-light:focus { background-color: var(--pfully-light-darken); border-color: var(--pfully-light-darken-2) var(--pfully-light-darken-2) var(--pfully-light-darken-3); color: var(--pfully-light-text); box-shadow: 0 0 0 3px var(--pfully-light-o-5); } html .btn-light:disabled { background-color: var(--pfully-light); border-color: var(--pfully-light) var(--pfully-light) var(--pfully-light-darken-2); } html .btn-light:active { background-color: var(--pfully-light-darken) !important; background-image: none !important; border-color: var(--pfully-light-darken-2) var(--pfully-light-darken-2) var(--pfully-light-darken-3) !important; } html .btn-light.hover { background-color: var(--pfully-light-lighten); border-color: var(--pfully-light-lighten) var(--pfully-light-lighten) var(--pfully-light-lighten); color: var(--pfully-light-text); } html .btn-light.focus { background-color: var(--pfully-light-darken); border-color: var(--pfully-light-darken-2) var(--pfully-light-darken-2) var(--pfully-light-darken-3); color: var(--pfully-light-text); box-shadow: 0 0 0 3px var(--pfully-light-o-5); } html .btn-light.disabled { background-color: var(--pfully-light-lighten); border-color: var(--pfully-light-lighten) var(--pfully-light-lighten) var(--pfully-light-darken-2); } html .btn-light.active { background-color: var(--pfully-light-darken) !important; background-image: none !important; border-color: var(--pfully-light-darken-2) var(--pfully-light-darken-2) var(--pfully-light-darken-3) !important; } html .btn-outline.btn-primary { color: var(--pfully-primary); background-color: transparent; background-image: none; border-color: var(--pfully-primary); } html .btn-outline.btn-primary:hover, html .btn-outline.btn-primary:focus { color: var(--pfully-primary-text); background-color: var(--pfully-primary); border-color: var(--pfully-primary); } html .btn-outline.btn-primary:focus { box-shadow: 0 0 0 3px var(--pfully-primary-o-5); } html .btn-outline.btn-primary:disabled { color: var(--pfully-primary); background-color: transparent; } html .btn-outline.btn-primary:active { color: var(--pfully-primary-text) !important; background-color: var(--pfully-primary) !important; border-color: var(--pfully-primary) !important; } html .btn-outline.btn-primary.hover { color: var(--pfully-primary-text); background-color: var(--pfully-primary); border-color: var(--pfully-primary); } html .btn-outline.btn-primary.focus { box-shadow: 0 0 0 3px var(--pfully-primary-o-5); } html .btn-outline.btn-primary.disabled { color: var(--pfully-primary); background-color: transparent; } html .btn-outline.btn-primary.active { color: var(--pfully-primary-text) !important; background-color: var(--pfully-primary) !important; border-color: var(--pfully-primary) !important; } html .btn-outline.btn-secondary { color: var(--pfully-secondary); background-color: transparent; background-image: none; border-color: var(--pfully-secondary); } html .btn-outline.btn-secondary:hover, html .btn-outline.btn-secondary:focus { color: var(--pfully-secondary-text); background-color: var(--pfully-secondary); border-color: var(--pfully-secondary); } html .btn-outline.btn-secondary:focus { box-shadow: 0 0 0 3px var(--pfully-secondary-o-5); } html .btn-outline.btn-secondary:disabled { color: var(--pfully-secondary); background-color: transparent; } html .btn-outline.btn-secondary:active { color: var(--pfully-secondary-text) !important; background-color: var(--pfully-secondary) !important; border-color: var(--pfully-secondary) !important; } html .btn-outline.btn-secondary.hover { color: var(--pfully-secondary-text); background-color: var(--pfully-secondary); border-color: var(--pfully-secondary); } html .btn-outline.btn-secondary.focus { box-shadow: 0 0 0 3px var(--pfully-secondary-o-5); } html .btn-outline.btn-secondary.disabled { color: var(--pfully-secondary); background-color: transparent; } html .btn-outline.btn-secondary.active { color: var(--pfully-secondary-text) !important; background-color: var(--pfully-secondary) !important; border-color: var(--pfully-secondary) !important; } html .btn-outline.btn-tertiary { color: var(--pfully-tertiary); background-color: transparent; background-image: none; border-color: var(--pfully-tertiary); } html .btn-outline.btn-tertiary:hover, html .btn-outline.btn-tertiary:focus { color: var(--pfully-tertiary-text); background-color: var(--pfully-tertiary); border-color: var(--pfully-tertiary); } html .btn-outline.btn-tertiary:focus { box-shadow: 0 0 0 3px var(--pfully-tertiary-o-5); } html .btn-outline.btn-tertiary:disabled { color: var(--pfully-tertiary); background-color: transparent; } html .btn-outline.btn-tertiary:active { color: var(--pfully-tertiary-text) !important; background-color: var(--pfully-tertiary) !important; border-color: var(--pfully-tertiary) !important; } html .btn-outline.btn-tertiary.hover { color: var(--pfully-tertiary-text); background-color: var(--pfully-tertiary); border-color: var(--pfully-tertiary); } html .btn-outline.btn-tertiary.focus { box-shadow: 0 0 0 3px var(--pfully-tertiary-o-5); } html .btn-outline.btn-tertiary.disabled { color: var(--pfully-tertiary); background-color: transparent; } html .btn-outline.btn-tertiary.active { color: var(--pfully-tertiary-text) !important; background-color: var(--pfully-tertiary) !important; border-color: var(--pfully-tertiary) !important; } html .btn-outline.btn-quaternary { color: var(--pfully-quaternary); background-color: transparent; background-image: none; border-color: var(--pfully-quaternary); } html .btn-outline.btn-quaternary:hover, html .btn-outline.btn-quaternary:focus { color: var(--pfully-quaternary-text); background-color: var(--pfully-quaternary); border-color: var(--pfully-quaternary); } html .btn-outline.btn-quaternary:focus { box-shadow: 0 0 0 3px var(--pfully-quaternary-o-5); } html .btn-outline.btn-quaternary:disabled { color: var(--pfully-quaternary); background-color: transparent; } html .btn-outline.btn-quaternary:active { color: var(--pfully-quaternary-text) !important; background-color: var(--pfully-quaternary) !important; border-color: var(--pfully-quaternary) !important; } html .btn-outline.btn-quaternary.hover { color: var(--pfully-quaternary-text); background-color: var(--pfully-quaternary); border-color: var(--pfully-quaternary); } html .btn-outline.btn-quaternary.focus { box-shadow: 0 0 0 3px var(--pfully-quaternary-o-5); } html .btn-outline.btn-quaternary.disabled { color: var(--pfully-quaternary); background-color: transparent; } html .btn-outline.btn-quaternary.active { color: var(--pfully-quaternary-text) !important; background-color: var(--pfully-quaternary) !important; border-color: var(--pfully-quaternary) !important; } html .btn-outline.btn-dark { color: var(--pfully-dark); background-color: transparent; background-image: none; border-color: var(--pfully-dark); } html .btn-outline.btn-dark:hover, html .btn-outline.btn-dark:focus { color: var(--pfully-dark-text); background-color: var(--pfully-dark); border-color: var(--pfully-dark); } html .btn-outline.btn-dark:focus { box-shadow: 0 0 0 3px var(--pfully-dark-o-5); } html .btn-outline.btn-dark:disabled { color: var(--pfully-dark); background-color: transparent; } html .btn-outline.btn-dark:active { color: var(--pfully-dark-text) !important; background-color: var(--pfully-dark) !important; border-color: var(--pfully-dark) !important; } html .btn-outline.btn-dark.hover { color: var(--pfully-dark-text); background-color: var(--pfully-dark); border-color: var(--pfully-dark); } html .btn-outline.btn-dark.focus { box-shadow: 0 0 0 3px var(--pfully-dark-o-5); } html .btn-outline.btn-dark.disabled { color: var(--pfully-dark); background-color: transparent; } html .btn-outline.btn-dark.active { color: var(--pfully-dark-text) !important; background-color: var(--pfully-dark) !important; border-color: var(--pfully-dark) !important; } html .btn-outline.btn-light { color: var(--pfully-light-text); background-color: transparent; background-image: none; border-color: var(--pfully-light-darken-2); } html .btn-outline.btn-light:hover, html .btn-outline.btn-light:focus { color: var(--pfully-light-text); background-color: var(--pfully-light-darken); border-color: var(--pfully-light-darken); } html .btn-outline.btn-light:focus { box-shadow: 0 0 0 3px var(--pfully-light-o-5); } html .btn-outline.btn-light:disabled { color: var(--pfully-light-text); background-color: transparent; } html .btn-outline.btn-light:active { color: var(--pfully-light-text) !important; background-color: var(--pfully-light-darken) !important; border-color: var(--pfully-light-darken-2) !important; } html .btn-outline.btn-light.hover { color: var(--pfully-light-text); background-color: var(--pfully-light-darken); border-color: var(--pfully-light-darken); } html .btn-outline.btn-light.focus { box-shadow: 0 0 0 3px var(--pfully-light-o-5); } html .btn-outline.btn-light.disabled { color: var(--pfully-light-text); background-color: transparent; } html .btn-outline.btn-light.active { color: var(--pfully-light-text) !important; background-color: var(--pfully-light) !important; border-color: var(--pfully-light) !important; } html .btn-with-arrow.btn-primary { background-color: transparent; border-color: transparent; color: var(--pfully-primary); } html .btn-with-arrow.btn-primary:active { background-color: transparent !important; border-color: transparent !important; color: var(--pfully-primary) !important; } html .btn-with-arrow.btn-primary span { background-color: var(--pfully-primary); box-shadow: 2px 3px 18px -3px var(--pfully-primary); } html .btn-with-arrow.btn-primary.btn-outline { border-color: var(--pfully-primary) !important; } html .btn-with-arrow.btn-primary.btn-outline:hover span, html .btn-with-arrow.btn-primary.btn-outline:focus span { background-color: var(--pfully-primary-lighten) !important; box-shadow: none; } html .btn-with-arrow.btn-secondary { background-color: transparent; border-color: transparent; color: var(--pfully-secondary); } html .btn-with-arrow.btn-secondary:active { background-color: transparent !important; border-color: transparent !important; color: var(--pfully-secondary) !important; } html .btn-with-arrow.btn-secondary span { background-color: var(--pfully-secondary); box-shadow: 2px 3px 18px -3px var(--pfully-secondary); } html .btn-with-arrow.btn-secondary.btn-outline { border-color: var(--pfully-secondary) !important; } html .btn-with-arrow.btn-secondary.btn-outline:hover span, html .btn-with-arrow.btn-secondary.btn-outline:focus span { background-color: var(--pfully-secondary-lighten) !important; box-shadow: none; } html .btn-with-arrow.btn-tertiary { background-color: transparent; border-color: transparent; color: var(--pfully-tertiary); } html .btn-with-arrow.btn-tertiary:active { background-color: transparent !important; border-color: transparent !important; color: var(--pfully-tertiary) !important; } html .btn-with-arrow.btn-tertiary span { background-color: var(--pfully-tertiary); box-shadow: 2px 3px 18px -3px var(--pfully-tertiary); } html .btn-with-arrow.btn-tertiary.btn-outline { border-color: var(--pfully-tertiary) !important; } html .btn-with-arrow.btn-tertiary.btn-outline:hover span, html .btn-with-arrow.btn-tertiary.btn-outline:focus span { background-color: var(--pfully-tertiary) !important; box-shadow: none; } html .btn-with-arrow.btn-quaternary { background-color: transparent; border-color: transparent; color: var(--pfully-quaternary); } html .btn-with-arrow.btn-quaternary:active { background-color: transparent !important; border-color: transparent !important; color: var(--pfully-quaternary) !important; } html .btn-with-arrow.btn-quaternary span { background-color: var(--pfully-quaternary); box-shadow: 2px 3px 18px -3px var(--pfully-quaternary); } html .btn-with-arrow.btn-quaternary.btn-outline { border-color: var(--pfully-quaternary) !important; } html .btn-with-arrow.btn-quaternary.btn-outline:hover span, html .btn-with-arrow.btn-quaternary.btn-outline:focus span { background-color: var(--pfully-quaternary-lighten) !important; box-shadow: none; } html .btn-with-arrow.btn-dark { background-color: transparent; border-color: transparent; color: var(--pfully-dark); } html .btn-with-arrow.btn-dark:active { background-color: transparent !important; border-color: transparent !important; color: var(--pfully-dark) !important; } html .btn-with-arrow.btn-dark span { background-color: var(--pfully-dark); box-shadow: 2px 3px 18px -3px var(--pfully-dark); } html .btn-with-arrow.btn-dark.btn-outline { border-color: var(--pfully-dark) !important; } html .btn-with-arrow.btn-dark.btn-outline:hover span, html .btn-with-arrow.btn-dark.btn-outline:focus span { background-color: var(--pfully-dark-lighten) !important; box-shadow: none; } html .btn-with-arrow.btn-light { background-color: transparent; border-color: transparent; color: var(--pfully-light-text); } html .btn-with-arrow.btn-light:active { background-color: transparent !important; border-color: transparent !important; color: var(--pfully-light-darken) !important; } html .btn-with-arrow.btn-light span { background-color: var(--pfully-light); box-shadow: 2px 3px 18px -3px var(--pfully-light-text); } html .btn-with-arrow.btn-light span i { color: var(--pfully-light-text); } html .btn-with-arrow.btn-light.btn-outline { border-color: var(--pfully-light-darken) !important; } html .btn-with-arrow.btn-light.btn-outline:hover span, html .btn-with-arrow.btn-light.btn-outline:focus span { background-color: var(--pfully-light) !important; box-shadow: none; } html .alert-primary { background-color: var(--pfully-primary); border-color: var(--pfully-primary-darken); color: var(--pfully-primary-text); } html .alert-primary .alert-link { color: var(--pfully-primary-text); } html .alert-secondary { background-color: var(--pfully-secondary); border-color: var(--pfully-secondary-darken); color: var(--pfully-secondary-text); } html .alert-secondary .alert-link { color: var(--pfully-secondary-text); } html .alert-tertiary { background-color: var(--pfully-tertiary); border-color: var(--pfully-tertiary-darken); color: var(--pfully-tertiary-text); } html .alert-tertiary .alert-link { color: var(--pfully-tertiary-text); } html .alert-quaternary { background-color: var(--pfully-quaternary); border-color: var(--pfully-quaternary-darken); color: var(--pfully-quaternary-text); } html .alert-quaternary .alert-link { color: var(--pfully-quaternary-text); } html .alert-dark { background-color: var(--pfully-dark); border-color: var(--pfully-dark-darken); color: var(--pfully-dark-text); } html .alert-dark .alert-link { color: var(--pfully-dark-text); } html .alert-light { background-color: var(--pfully-light); border-color: var(--pfully-light-darken); color: var(--pfully-light-text); } html .alert-light .alert-link { color: var(--pfully-light-text); } html .word-rotator.loading-bar-primary .word-rotator-words::after { background-color: var(--pfully-primary); } html .word-rotator.loading-bar-secondary .word-rotator-words::after { background-color: var(--pfully-secondary); } html .word-rotator.loading-bar-tertiary .word-rotator-words::after { background-color: var(--pfully-tertiary); } html .word-rotator.loading-bar-quaternary .word-rotator-words::after { background-color: var(--pfully-quaternary); } html .word-rotator.loading-bar-dark .word-rotator-words::after { background-color: var(--pfully-dark); } html .word-rotator.loading-bar-light .word-rotator-words::after { background-color: var(--pfully-light); } html .rating-primary .filled-stars { color: var(--pfully-primary); } html .rating-secondary .filled-stars { color: var(--pfully-secondary); } html .rating-tertiary .filled-stars { color: var(--pfully-tertiary); } html .rating-quaternary .filled-stars { color: var(--pfully-quaternary); } html .rating-dark .filled-stars { color: var(--pfully-dark); } html .rating-light .filled-stars { color: var(--pfully-light); } html section.section-primary { background-color: var(--pfully-primary) !important; border-color: var(--pfully-primary-darken) !important; } html section.section-primary h1 { color: var(--pfully-primary-text); } html section.section-primary h2 { color: var(--pfully-primary-text); } html section.section-primary h3 { color: var(--pfully-primary-text); } html section.section-primary h4 { color: var(--pfully-primary-text); } html section.section-primary h5 { color: var(--pfully-primary-text); } html section.section-primary h6 { color: var(--pfully-primary-text); } html section.section-primary p { color: var(--pfully-primary-text-darken); } html section.section-primary-scale-2 { background-color: var(--pfully-primary-darken) !important; border-color: var(--pfully-primary-darken-2) !important; } html section.section-primary-scale-2 .sort-source.sort-source-style-2 > li.active > a:after { border-top-color: var(--pfully-primary-darken); } html section.section-secondary { background-color: var(--pfully-secondary) !important; border-color: var(--pfully-secondary-darken) !important; } html section.section-secondary h1 { color: var(--pfully-secondary-text); } html section.section-secondary h2 { color: var(--pfully-secondary-text); } html section.section-secondary h3 { color: var(--pfully-secondary-text); } html section.section-secondary h4 { color: var(--pfully-secondary-text); } html section.section-secondary h5 { color: var(--pfully-secondary-text); } html section.section-secondary h6 { color: var(--pfully-secondary-text); } html section.section-secondary p { color: var(--pfully-secondary-text-darken); } html section.section-secondary-scale-2 { background-color: var(--pfully-secondary-darken-2) !important; border-color: var(--pfully-secondary-darken-3) !important; } html section.section-secondary-scale-2 .sort-source.sort-source-style-2 > li.active > a:after { border-top-color: var(--pfully-secondary-darken-2); } html section.section-tertiary { background-color: var(--pfully-tertiary) !important; border-color: var(--pfully-tertiary-darken) !important; } html section.section-tertiary h1 { color: var(--pfully-tertiary-text); } html section.section-tertiary h2 { color: var(--pfully-tertiary-text); } html section.section-tertiary h3 { color: var(--pfully-tertiary-text); } html section.section-tertiary h4 { color: var(--pfully-tertiary-text); } html section.section-tertiary h5 { color: var(--pfully-tertiary-text); } html section.section-tertiary h6 { color: var(--pfully-tertiary-text); } html section.section-tertiary p { color: var(--pfully-tertiary-text-darken); } html section.section-tertiary-scale-2 { background-color: var(--pfully-tertiary-darken-2) !important; border-color: var(--pfully-tertiary-darken-3) !important; } html section.section-tertiary-scale-2 .sort-source.sort-source-style-2 > li.active > a:after { border-top-color: var(--pfully-tertiary-darken-2); } html section.section-quaternary { background-color: var(--pfully-quaternary) !important; border-color: var(--pfully-quaternary-darken) !important; } html section.section-quaternary h1 { color: var(--pfully-quaternary-text); } html section.section-quaternary h2 { color: var(--pfully-quaternary-text); } html section.section-quaternary h3 { color: var(--pfully-quaternary-text); } html section.section-quaternary h4 { color: var(--pfully-quaternary-text); } html section.section-quaternary h5 { color: var(--pfully-quaternary-text); } html section.section-quaternary h6 { color: var(--pfully-quaternary-text); } html section.section-quaternary p { color: var(--pfully-quaternary-text-darken); } html section.section-quaternary-scale-2 { background-color: var(--pfully-quaternary-darken-2) !important; border-color: var(--pfully-quaternary-darken-3) !important; } html section.section-quaternary-scale-2 .sort-source.sort-source-style-2 > li.active > a:after { border-top-color: var(--pfully-quaternary-darken-2); } html section.section-dark { background-color: var(--pfully-dark) !important; border-color: var(--pfully-dark-darken) !important; } html section.section-dark h1 { color: var(--pfully-dark-text); } html section.section-dark h2 { color: var(--pfully-dark-text); } html section.section-dark h3 { color: var(--pfully-dark-text); } html section.section-dark h4 { color: var(--pfully-dark-text); } html section.section-dark h5 { color: var(--pfully-dark-text); } html section.section-dark h6 { color: var(--pfully-dark-text); } html section.section-dark p { color: var(--pfully-dark-text-darken); } html section.section-dark-scale-2 { background-color: var(--pfully-dark-darken-2) !important; border-color: var(--pfully-dark-darken-3) !important; } html section.section-dark-scale-2 .sort-source.sort-source-style-2 > li.active > a:after { border-top-color: var(--pfully-dark-darken-2); } html section.section-light { background-color: var(--pfully-light) !important; border-color: var(--pfully-light-darken) !important; } html section.section-light h1 { color: var(--pfully-light-text); } html section.section-light h2 { color: var(--pfully-light-text); } html section.section-light h3 { color: var(--pfully-light-text); } html section.section-light h4 { color: var(--pfully-light-text); } html section.section-light h5 { color: var(--pfully-light-text); } html section.section-light h6 { color: var(--pfully-light-text); } html section.section-light p { color: var(--pfully-light-text-darken); } html section.section-light-scale-2 { background-color: var(--pfully-light-darken-2) !important; border-color: var(--pfully-light-darken-3) !important; } html section.section-light-scale-2 .sort-source.sort-source-style-2 > li.active > a:after { border-top-color: var(--pfully-light-darken-2); } html .page-header-color.page-header-primary { background-color: var(--pfully-primary); border-bottom-color: var(--pfully-primary); color: var(--pfully-primary-text); } html .page-header-color.page-header-primary h1 { color: var(--pfully-primary-text); } html .page-header-color.page-header-primary h1 span { color: var(--pfully-primary-text); } html .page-header-color.page-header-primary a { color: var(--pfully-primary-text); } html .page-header-color.page-header-primary .breadcrumb > .active { color: var(--pfully-primary-text); } html .page-header-color.page-header-secondary { background-color: var(--pfully-secondary); border-bottom-color: var(--pfully-secondary); color: var(--pfully-secondary-text); } html .page-header-color.page-header-secondary h1 { color: var(--pfully-secondary-text); } html .page-header-color.page-header-secondary h1 span { color: var(--pfully-secondary-text); } html .page-header-color.page-header-secondary a { color: var(--pfully-secondary-text); } html .page-header-color.page-header-secondary .breadcrumb > .active { color: var(--pfully-secondary-text); } html .page-header-color.page-header-tertiary { background-color: var(--pfully-tertiary); border-bottom-color: var(--pfully-tertiary); color: var(--pfully-tertiary-text); } html .page-header-color.page-header-tertiary h1 { color: var(--pfully-tertiary-text); } html .page-header-color.page-header-tertiary h1 span { color: var(--pfully-tertiary-text); } html .page-header-color.page-header-tertiary a { color: var(--pfully-tertiary-text); } html .page-header-color.page-header-tertiary .breadcrumb > .active { color: var(--pfully-tertiary-text); } html .page-header-color.page-header-quaternary { background-color: var(--pfully-quaternary); border-bottom-color: var(--pfully-quaternary); color: var(--pfully-quaternary-text); } html .page-header-color.page-header-quaternary h1 { color: var(--pfully-quaternary-text); } html .page-header-color.page-header-quaternary h1 span { color: var(--pfully-quaternary-text); } html .page-header-color.page-header-quaternary a { color: var(--pfully-quaternary-text); } html .page-header-color.page-header-quaternary .breadcrumb > .active { color: var(--pfully-quaternary-text); } html .page-header-color.page-header-dark { background-color: var(--pfully-dark); border-bottom-color: var(--pfully-dark); color: var(--pfully-dark-text); } html .page-header-color.page-header-dark h1 { color: var(--pfully-dark-text); } html .page-header-color.page-header-dark h1 span { color: var(--pfully-dark-text); } html .page-header-color.page-header-dark a { color: var(--pfully-dark-text); } html .page-header-color.page-header-dark .breadcrumb > .active { color: var(--pfully-dark-text); } html .page-header-color.page-header-light { background-color: var(--pfully-light); border-bottom-color: var(--pfully-light); color: var(--pfully-light-text); } html .page-header-color.page-header-light h1 { color: var(--pfully-light-text); } html .page-header-color.page-header-light h1 span { color: var(--pfully-light-text); } html .page-header-color.page-header-light a { color: var(--pfully-light-text); } html .page-header-color.page-header-light .breadcrumb > .active { color: var(--pfully-light-text); } html .toggle-primary .toggle label { color: var(--pfully-primary); border-left-color: var(--pfully-primary); border-right-color: var(--pfully-primary); } html .toggle-primary .toggle .toggle-title { color: var(--pfully-primary); border-left-color: var(--pfully-primary); border-right-color: var(--pfully-primary); } html .toggle-primary .toggle.active > label { background-color: var(--pfully-primary); border-color: var(--pfully-primary); color: var(--pfully-primary-text); } html .toggle-primary .toggle.active > .toggle-title { background-color: var(--pfully-primary); border-color: var(--pfully-primary); color: var(--pfully-primary-text); } html .toggle-primary.toggle-simple .toggle > label:after { background-color: var(--pfully-primary); } html .toggle-primary.toggle-simple .toggle > .toggle-title:after { background-color: var(--pfully-primary); } html .toggle-primary.toggle-minimal .toggle.active > label { color: var(--pfully-primary); } html .toggle-primary.toggle-minimal .toggle.active > .toggle-title { color: var(--pfully-primary); } html .toggle-secondary .toggle label { color: var(--pfully-secondary); border-left-color: var(--pfully-secondary); border-right-color: var(--pfully-secondary); } html .toggle-secondary .toggle .toggle-title { color: var(--pfully-secondary); border-left-color: var(--pfully-secondary); border-right-color: var(--pfully-secondary); } html .toggle-secondary .toggle.active > label { background-color: var(--pfully-secondary); border-color: var(--pfully-secondary); color: var(--pfully-secondary-text); } html .toggle-secondary .toggle.active > .toggle-title { background-color: var(--pfully-secondary); border-color: var(--pfully-secondary); color: var(--pfully-secondary-text); } html .toggle-secondary.toggle-simple .toggle > label:after { background-color: var(--pfully-secondary); } html .toggle-secondary.toggle-simple .toggle > .toggle-title:after { background-color: var(--pfully-secondary); } html .toggle-secondary.toggle-minimal .toggle.active > label { color: var(--pfully-secondary); } html .toggle-secondary.toggle-minimal .toggle.active > .toggle-title { color: var(--pfully-secondary); } html .toggle-tertiary .toggle label { color: var(--pfully-tertiary); border-left-color: var(--pfully-tertiary); border-right-color: var(--pfully-tertiary); } html .toggle-tertiary .toggle .toggle-title { color: var(--pfully-tertiary); border-left-color: var(--pfully-tertiary); border-right-color: var(--pfully-tertiary); } html .toggle-tertiary .toggle.active > label { background-color: var(--pfully-tertiary); border-color: var(--pfully-tertiary); color: var(--pfully-tertiary-text); } html .toggle-tertiary .toggle.active > .toggle-title { background-color: var(--pfully-tertiary); border-color: var(--pfully-tertiary); color: var(--pfully-tertiary-text); } html .toggle-tertiary.toggle-simple .toggle > label:after { background-color: var(--pfully-tertiary); } html .toggle-tertiary.toggle-simple .toggle > .toggle-title:after { background-color: var(--pfully-tertiary); } html .toggle-tertiary.toggle-minimal .toggle.active > label { color: var(--pfully-tertiary); } html .toggle-tertiary.toggle-minimal .toggle.active > .toggle-title { color: var(--pfully-tertiary); } html .toggle-quaternary .toggle label { color: var(--pfully-quaternary); border-left-color: var(--pfully-quaternary); border-right-color: var(--pfully-quaternary); } html .toggle-quaternary .toggle .toggle-title { color: var(--pfully-quaternary); border-left-color: var(--pfully-quaternary); border-right-color: var(--pfully-quaternary); } html .toggle-quaternary .toggle.active > label { background-color: var(--pfully-quaternary); border-color: var(--pfully-quaternary); color: var(--pfully-quaternary-text); } html .toggle-quaternary .toggle.active > .toggle-title { background-color: var(--pfully-quaternary); border-color: var(--pfully-quaternary); color: var(--pfully-quaternary-text); } html .toggle-quaternary.toggle-simple .toggle > label:after { background-color: var(--pfully-quaternary); } html .toggle-quaternary.toggle-simple .toggle > .toggle-title:after { background-color: var(--pfully-quaternary); } html .toggle-quaternary.toggle-minimal .toggle.active > label { color: var(--pfully-quaternary); } html .toggle-quaternary.toggle-minimal .toggle.active > .toggle-title { color: var(--pfully-quaternary); } html .toggle-dark .toggle label { color: var(--pfully-dark); border-left-color: var(--pfully-dark); border-right-color: var(--pfully-dark); } html .toggle-dark .toggle .toggle-title { color: var(--pfully-dark); border-left-color: var(--pfully-dark); border-right-color: var(--pfully-dark); } html .toggle-dark .toggle.active > label { background-color: var(--pfully-dark); border-color: var(--pfully-dark); color: var(--pfully-dark-text); } html .toggle-dark .toggle.active > .toggle-title { background-color: var(--pfully-dark); border-color: var(--pfully-dark); color: var(--pfully-dark-text); } html .toggle-dark.toggle-simple .toggle > label:after { background-color: var(--pfully-dark); } html .toggle-dark.toggle-simple .toggle > .toggle-title:after { background-color: var(--pfully-dark); } html .toggle-dark.toggle-minimal .toggle.active > label { color: var(--pfully-dark); } html .toggle-dark.toggle-minimal .toggle.active > .toggle-title { color: var(--pfully-dark); } html .toggle-light .toggle label { color: var(--pfully-light); border-left-color: var(--pfully-light-darken-2); border-right-color: var(--pfully-light-darken-2); } html .toggle-light .toggle .toggle-title { color: var(--pfully-light-text); border-left-color: var(--pfully-light-darken-2); border-right-color: var(--pfully-light-darken-2); } html .toggle-light .toggle.active > label { background-color: var(--pfully-light); border-color: var(--pfully-light); color: var(--pfully-light-text); } html .toggle-light .toggle.active > .toggle-title { background-color: var(--pfully-light); border-color: var(--pfully-light); color: var(--pfully-light-text); } html .toggle-light.toggle-simple .toggle > label:after { background-color: var(--pfully-light); } html .toggle-light.toggle-simple .toggle > .toggle-title:after { background-color: var(--pfully-light); } html .toggle-light.toggle-minimal .toggle.active > label { color: var(--pfully-light); } html .toggle-light.toggle-minimal .toggle.active > .toggle-title { color: var(--pfully-light); } html .thumb-info .thumb-info-action-icon-primary { background-color: var(--pfully-primary); } html .thumb-info .thumb-info-action-icon-primary i { color: var(--pfully-primary-text); } html .thumb-info .thumb-info-action-icon-secondary { background-color: var(--pfully-secondary); } html .thumb-info .thumb-info-action-icon-secondary i { color: var(--pfully-secondary-text); } html .thumb-info .thumb-info-action-icon-tertiary { background-color: var(--pfully-tertiary); } html .thumb-info .thumb-info-action-icon-tertiary i { color: var(--pfully-tertiary-text); } html .thumb-info .thumb-info-action-icon-quaternary { background-color: var(--pfully-quaternary); } html .thumb-info .thumb-info-action-icon-quaternary i { color: var(--pfully-quaternary-text); } html .thumb-info .thumb-info-action-icon-dark { background-color: var(--pfully-dark); } html .thumb-info .thumb-info-action-icon-dark i { color: var(--pfully-dark-text); } html .thumb-info .thumb-info-action-icon-light { background-color: var(--pfully-light); } html .thumb-info .thumb-info-action-icon-light i { color: var(--pfully-light-text); } html .inverted-primary { background-color: var(--pfully-primary); } html .inverted-secondary { background-color: var(--pfully-secondary); } html .inverted-tertiary { background-color: var(--pfully-tertiary); } html .inverted-quaternary { background-color: var(--pfully-quaternary); } html .inverted-dark { background-color: var(--pfully-dark); } html .inverted-light { background-color: var(--pfully-light); } html body .tabs .nav-tabs .nav-link { color: var(--pfully-primary); } html body .tabs .nav-tabs .nav-link:hover, html body .tabs .nav-tabs .nav-link:focus { color: var(--pfully-primary); border-top-color: var(--pfully-primary); } html body .tabs .nav-tabs .nav-link:focus { border-top-color: var(--pfully-primary); } html body .tabs .nav-tabs .nav-link.active { color: var(--pfully-primary); border-top-color: var(--pfully-primary); } html body .tabs .nav-tabs.nav-justified .nav-link.active { border-top-color: var(--pfully-primary); } html body .tabs .nav-tabs.nav-justified .nav-link:hover, html body .tabs .nav-tabs.nav-justified .nav-link:focus { border-top-color: var(--pfully-primary); } html body .tabs .nav-tabs.nav-justified .nav-link:focus { border-top-color: var(--pfully-primary); } html body .tabs.tabs-bottom .nav-tabs li .nav-link:hover, html body .tabs.tabs-bottom .nav-tabs li .nav-link:focus { border-bottom-color: var(--pfully-primary); } html body .tabs.tabs-bottom .nav-tabs .nav-link.active { border-bottom-color: var(--pfully-primary); } html body .tabs.tabs-bottom .nav-tabs .nav-link.active:hover, html body .tabs.tabs-bottom .nav-tabs .nav-link.active:focus { border-bottom-color: var(--pfully-primary); } html body .tabs.tabs-bottom .nav-tabs .nav-link.active:focus { border-bottom-color: var(--pfully-primary); } html body .tabs.tabs-vertical.tabs-left .nav-tabs li .nav-link:hover, html body .tabs.tabs-vertical.tabs-left .nav-tabs li .nav-link:focus { border-left-color: var(--pfully-primary); } html body .tabs.tabs-vertical.tabs-left .nav-tabs .nav-link.active { border-left-color: var(--pfully-primary); } html body .tabs.tabs-vertical.tabs-left .nav-tabs .nav-link.active:hover, html body .tabs.tabs-vertical.tabs-left .nav-tabs .nav-link.active:focus { border-left-color: var(--pfully-primary); } html body .tabs.tabs-vertical.tabs-left .nav-tabs .nav-link.active:focus { border-left-color: var(--pfully-primary); } html body .tabs.tabs-vertical.tabs-right .nav-tabs li .nav-link:hover, html body .tabs.tabs-vertical.tabs-right .nav-tabs li .nav-link:focus { border-right-color: var(--pfully-primary); } html body .tabs.tabs-vertical.tabs-right .nav-tabs .nav-link.active { border-right-color: var(--pfully-primary); } html body .tabs.tabs-vertical.tabs-right .nav-tabs .nav-link.active:hover, html body .tabs.tabs-vertical.tabs-right .nav-tabs .nav-link.active:focus { border-right-color: var(--pfully-primary); } html body .tabs.tabs-vertical.tabs-right .nav-tabs .nav-link.active:focus { border-right-color: var(--pfully-primary); } html body .tabs.tabs-simple .nav-tabs > li .nav-link.active { border-top-color: var(--pfully-primary); color: var(--pfully-primary); } html body .tabs.tabs-simple .nav-tabs > li .nav-link.active:focus { border-top-color: var(--pfully-primary); color: var(--pfully-primary); } html body .tabs.tabs-simple .nav-tabs > li .nav-link.active:hover, html body .tabs.tabs-simple .nav-tabs > li .nav-link.active:focus { border-top-color: var(--pfully-primary); color: var(--pfully-primary); } html body .tabs.tabs-simple .nav-tabs > li .nav-link:hover, html body .tabs.tabs-simple .nav-tabs > li .nav-link:focus { border-top-color: var(--pfully-primary); color: var(--pfully-primary); } html body .tabs-primary .nav-tabs li .nav-link { color: var(--pfully-primary); } html body .tabs-primary .nav-tabs li .nav-link:hover, html body .tabs-primary .nav-tabs li .nav-link:focus { color: var(--pfully-primary); border-top-color: var(--pfully-primary); } html body .tabs-primary .nav-tabs li .nav-link.active { border-top-color: var(--pfully-primary); color: var(--pfully-primary); } html body .tabs-primary .nav-tabs li .nav-link.active:hover, html body .tabs-primary .nav-tabs li .nav-link.active:focus { border-top-color: var(--pfully-primary); color: var(--pfully-primary); } html body .tabs-primary .nav-tabs li .nav-link.active:focus { border-top-color: var(--pfully-primary); color: var(--pfully-primary); } html body .tabs-primary .nav-tabs.nav-justified li .nav-link { color: var(--pfully-primary); } html body .tabs-primary .nav-tabs.nav-justified li .nav-link:hover, html body .tabs-primary .nav-tabs.nav-justified li .nav-link:focus { color: var(--pfully-primary); border-top-color: var(--pfully-primary); } html body .tabs-primary .nav-tabs.nav-justified li .nav-link.active { border-top-color: var(--pfully-primary); color: var(--pfully-primary); } html body .tabs-primary .nav-tabs.nav-justified li .nav-link.active:hover, html body .tabs-primary .nav-tabs.nav-justified li .nav-link.active:focus { border-top-color: var(--pfully-primary); color: var(--pfully-primary); } html body .tabs-primary .nav-tabs.nav-justified li .nav-link.active:focus { border-top-color: var(--pfully-primary); color: var(--pfully-primary); } html body .tabs-primary.tabs-bottom .nav-tabs li .nav-link:hover, html body .tabs-primary.tabs-bottom .nav-tabs li .nav-link:focus { border-bottom-color: var(--pfully-primary); } html body .tabs-primary.tabs-bottom .nav-tabs li .nav-link.active { border-bottom-color: var(--pfully-primary); } html body .tabs-primary.tabs-bottom .nav-tabs li .nav-link.active:hover, html body .tabs-primary.tabs-bottom .nav-tabs li .nav-link.active:focus { border-bottom-color: var(--pfully-primary); } html body .tabs-primary.tabs-bottom .nav-tabs li .nav-link.active:focus { border-bottom-color: var(--pfully-primary); } html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover, html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link:focus { border-bottom-color: var(--pfully-primary); } html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active { border-bottom-color: var(--pfully-primary); } html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:hover, html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus { border-bottom-color: var(--pfully-primary); } html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus { border-bottom-color: var(--pfully-primary); } html body .tabs-primary.tabs-simple .nav-tabs li .nav-link:hover, html body .tabs-primary.tabs-simple .nav-tabs li .nav-link:focus { color: var(--pfully-primary) !important; border-bottom-color: var(--pfully-primary); } html body .tabs-primary.tabs-simple .nav-tabs li .nav-link.active { color: var(--pfully-primary) !important; border-bottom-color: var(--pfully-primary); } html body .tabs-primary.tabs-simple .nav-tabs li .nav-link.active:hover, html body .tabs-primary.tabs-simple .nav-tabs li .nav-link.active:focus { color: var(--pfully-primary) !important; border-bottom-color: var(--pfully-primary); } html body .tabs-primary.tabs-simple .nav-tabs li .nav-link.active:focus { color: var(--pfully-primary) !important; border-bottom-color: var(--pfully-primary); } html body .tabs-primary.tabs-simple .nav-tabs.nav-justified li .nav-link:hover, html body .tabs-primary.tabs-simple .nav-tabs.nav-justified li .nav-link:focus { color: var(--pfully-primary) !important; border-bottom-color: var(--pfully-primary); } html body .tabs-primary.tabs-simple .nav-tabs.nav-justified li .nav-link.active { color: var(--pfully-primary) !important; border-bottom-color: var(--pfully-primary); } html body .tabs-primary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:hover, html body .tabs-primary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus { color: var(--pfully-primary) !important; border-bottom-color: var(--pfully-primary); } html body .tabs-primary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus { color: var(--pfully-primary) !important; border-bottom-color: var(--pfully-primary); } html body .tabs-primary.tabs-vertical.tabs-left li .nav-link:hover, html body .tabs-primary.tabs-vertical.tabs-left li .nav-link:focus { border-left-color: var(--pfully-primary); } html body .tabs-primary.tabs-vertical.tabs-left li .nav-link.active { border-left-color: var(--pfully-primary); } html body .tabs-primary.tabs-vertical.tabs-left li .nav-link.active:hover, html body .tabs-primary.tabs-vertical.tabs-left li .nav-link.active:focus { border-left-color: var(--pfully-primary); } html body .tabs-primary.tabs-vertical.tabs-left li .nav-link.active:focus { border-left-color: var(--pfully-primary); } html body .tabs-primary.tabs-vertical.tabs-right li .nav-link:hover, html body .tabs-primary.tabs-vertical.tabs-right li .nav-link:focus { border-right-color: var(--pfully-primary); } html body .tabs-primary.tabs-vertical.tabs-right li .nav-link.active { border-right-color: var(--pfully-primary); } html body .tabs-primary.tabs-vertical.tabs-right li .nav-link.active:hover, html body .tabs-primary.tabs-vertical.tabs-right li .nav-link.active:focus { border-right-color: var(--pfully-primary); } html body .tabs-primary.tabs-vertical.tabs-right li .nav-link.active:focus { border-right-color: var(--pfully-primary); } html body .tabs.tabs-bg-primary li .nav-link { border-width: 1px !important; color: var(--pfully-color-font-default) !important; } html body .tabs.tabs-bg-primary li .nav-link:hover, html body .tabs.tabs-bg-primary li .nav-link.active { background-color: var(--pfully-primary) !important; color: var(--pfully-primary-text) !important; border-bottom-color: var(--pfully-primary) !important; } html body .tabs.tabs-bg-primary .tab-content, html body .tabs.tabs-bg-primary .tab-content p { background-color: var(--pfully-primary); color: var(--pfully-primary-text) !important; } html body .tabs.tabs-bg-primary li .nav-link { border-width: 1px !important; color: var(--pfully-color-font-default) !important; } html body .tabs.tabs-bg-primary li .nav-link:hover, html body .tabs.tabs-bg-primary li .nav-link.active { background-color: var(--pfully-primary); color: var(--pfully-primary-text) !important; border-top-color: var(--pfully-primary); } html body .tabs.tabs-bg-primary .tab-content, html body .tabs.tabs-bg-primary .tab-content p { background-color: var(--pfully-primary); color: var(--pfully-primary-text) !important; } html body .tabs.tabs-bg-primary.tabs-bottom li .nav-link:hover, html body .tabs.tabs-bg-primary.tabs-bottom li .nav-link.active { background-color: var(--pfully-primary); color: var(--pfully-primary-text) !important; border-top-color: var(--pfully-primary) !important; } html body .tabs-secondary .nav-tabs li .nav-link { color: var(--pfully-secondary); } html body .tabs-secondary .nav-tabs li .nav-link:hover, html body .tabs-secondary .nav-tabs li .nav-link:focus { color: var(--pfully-secondary); border-top-color: var(--pfully-secondary); } html body .tabs-secondary .nav-tabs li .nav-link.active { border-top-color: var(--pfully-secondary); color: var(--pfully-secondary); } html body .tabs-secondary .nav-tabs li .nav-link.active:hover, html body .tabs-secondary .nav-tabs li .nav-link.active:focus { border-top-color: var(--pfully-secondary); color: var(--pfully-secondary); } html body .tabs-secondary .nav-tabs li .nav-link.active:focus { border-top-color: var(--pfully-secondary); color: var(--pfully-secondary); } html body .tabs-secondary .nav-tabs.nav-justified li .nav-link { color: var(--pfully-secondary); } html body .tabs-secondary .nav-tabs.nav-justified li .nav-link:hover, html body .tabs-secondary .nav-tabs.nav-justified li .nav-link:focus { color: var(--pfully-secondary); border-top-color: var(--pfully-secondary); } html body .tabs-secondary .nav-tabs.nav-justified li .nav-link.active { border-top-color: var(--pfully-secondary); color: var(--pfully-secondary); } html body .tabs-secondary .nav-tabs.nav-justified li .nav-link.active:hover, html body .tabs-secondary .nav-tabs.nav-justified li .nav-link.active:focus { border-top-color: var(--pfully-secondary); color: var(--pfully-secondary); } html body .tabs-secondary .nav-tabs.nav-justified li .nav-link.active:focus { border-top-color: var(--pfully-secondary); color: var(--pfully-secondary); } html body .tabs-secondary.tabs-bottom .nav-tabs li .nav-link:hover, html body .tabs-secondary.tabs-bottom .nav-tabs li .nav-link:focus { border-bottom-color: var(--pfully-secondary); } html body .tabs-secondary.tabs-bottom .nav-tabs li .nav-link.active { border-bottom-color: var(--pfully-secondary); } html body .tabs-secondary.tabs-bottom .nav-tabs li .nav-link.active:hover, html body .tabs-secondary.tabs-bottom .nav-tabs li .nav-link.active:focus { border-bottom-color: var(--pfully-secondary); } html body .tabs-secondary.tabs-bottom .nav-tabs li .nav-link.active:focus { border-bottom-color: var(--pfully-secondary); } html body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover, html body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li .nav-link:focus { border-bottom-color: var(--pfully-secondary); } html body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active { border-bottom-color: var(--pfully-secondary); } html body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:hover, html body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus { border-bottom-color: var(--pfully-secondary); } html body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus { border-bottom-color: var(--pfully-secondary); } html body .tabs-secondary.tabs-simple .nav-tabs li .nav-link:hover, html body .tabs-secondary.tabs-simple .nav-tabs li .nav-link:focus { color: var(--pfully-secondary) !important; border-bottom-color: var(--pfully-secondary); } html body .tabs-secondary.tabs-simple .nav-tabs li .nav-link.active { color: var(--pfully-secondary) !important; border-bottom-color: var(--pfully-secondary); } html body .tabs-secondary.tabs-simple .nav-tabs li .nav-link.active:hover, html body .tabs-secondary.tabs-simple .nav-tabs li .nav-link.active:focus { color: var(--pfully-secondary) !important; border-bottom-color: var(--pfully-secondary); } html body .tabs-secondary.tabs-simple .nav-tabs li .nav-link.active:focus { color: var(--pfully-secondary) !important; border-bottom-color: var(--pfully-secondary); } html body .tabs-secondary.tabs-simple .nav-tabs.nav-justified li .nav-link:hover, html body .tabs-secondary.tabs-simple .nav-tabs.nav-justified li .nav-link:focus { color: var(--pfully-secondary) !important; border-bottom-color: var(--pfully-secondary); } html body .tabs-secondary.tabs-simple .nav-tabs.nav-justified li .nav-link.active { color: var(--pfully-secondary) !important; border-bottom-color: var(--pfully-secondary); } html body .tabs-secondary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:hover, html body .tabs-secondary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus { color: var(--pfully-secondary) !important; border-bottom-color: var(--pfully-secondary); } html body .tabs-secondary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus { color: var(--pfully-secondary) !important; border-bottom-color: var(--pfully-secondary); } html body .tabs-secondary.tabs-vertical.tabs-left li .nav-link:hover, html body .tabs-secondary.tabs-vertical.tabs-left li .nav-link:focus { border-left-color: var(--pfully-secondary); } html body .tabs-secondary.tabs-vertical.tabs-left li .nav-link.active { border-left-color: var(--pfully-secondary); } html body .tabs-secondary.tabs-vertical.tabs-left li .nav-link.active:hover, html body .tabs-secondary.tabs-vertical.tabs-left li .nav-link.active:focus { border-left-color: var(--pfully-secondary); } html body .tabs-secondary.tabs-vertical.tabs-left li .nav-link.active:focus { border-left-color: var(--pfully-secondary); } html body .tabs-secondary.tabs-vertical.tabs-right li .nav-link:hover, html body .tabs-secondary.tabs-vertical.tabs-right li .nav-link:focus { border-right-color: var(--pfully-secondary); } html body .tabs-secondary.tabs-vertical.tabs-right li .nav-link.active { border-right-color: var(--pfully-secondary); } html body .tabs-secondary.tabs-vertical.tabs-right li .nav-link.active:hover, html body .tabs-secondary.tabs-vertical.tabs-right li .nav-link.active:focus { border-right-color: var(--pfully-secondary); } html body .tabs-secondary.tabs-vertical.tabs-right li .nav-link.active:focus { border-right-color: var(--pfully-secondary); } html body .tabs.tabs-bg-secondary li .nav-link { border-width: 1px !important; color: var(--pfully-color-font-default) !important; } html body .tabs.tabs-bg-secondary li .nav-link:hover, html body .tabs.tabs-bg-secondary li .nav-link.active { background-color: var(--pfully-secondary); color: var(--pfully-secondary-text) !important; border-top-color: var(--pfully-secondary); } html body .tabs.tabs-bg-secondary .tab-content, html body .tabs.tabs-bg-secondary .tab-content p { background-color: var(--pfully-secondary); color: var(--pfully-secondary-text) !important; } html body .tabs.tabs-bg-secondary li .nav-link { border-width: 1px !important; color: var(--pfully-color-font-default) !important; } html body .tabs.tabs-bg-secondary li .nav-link:hover, html body .tabs.tabs-bg-secondary li .nav-link.active { background-color: var(--pfully-secondary); color: var(--pfully-secondary-text) !important; border-top-color: var(--pfully-secondary); } html body .tabs.tabs-bg-secondary .tab-content, html body .tabs.tabs-bg-secondary .tab-content p { background-color: var(--pfully-secondary); color: var(--pfully-secondary-text) !important; } html body .tabs-bg-secondary.tabs-bottom li .nav-link:hover, html body .tabs-bg-secondary.tabs-bottom li .nav-link.active { background-color: var(--pfully-secondary); color: var(--pfully-secondary-text) !important; } html body .tabs-tertiary .nav-tabs li .nav-link { color: var(--pfully-tertiary); } html body .tabs-tertiary .nav-tabs li .nav-link:hover, html body .tabs-tertiary .nav-tabs li .nav-link:focus { color: var(--pfully-tertiary); border-top-color: var(--pfully-tertiary); } html body .tabs-tertiary .nav-tabs li .nav-link.active { border-top-color: var(--pfully-tertiary); color: var(--pfully-tertiary); } html body .tabs-tertiary .nav-tabs li .nav-link.active:hover, html body .tabs-tertiary .nav-tabs li .nav-link.active:focus { border-top-color: var(--pfully-tertiary); color: var(--pfully-tertiary); } html body .tabs-tertiary .nav-tabs li .nav-link.active:focus { border-top-color: var(--pfully-tertiary); color: var(--pfully-tertiary); } html body .tabs-tertiary .nav-tabs.nav-justified li .nav-link { color: var(--pfully-tertiary); } html body .tabs-tertiary .nav-tabs.nav-justified li .nav-link:hover, html body .tabs-tertiary .nav-tabs.nav-justified li .nav-link:focus { color: var(--pfully-tertiary); border-top-color: var(--pfully-tertiary); } html body .tabs-tertiary .nav-tabs.nav-justified li .nav-link.active { border-top-color: var(--pfully-tertiary); color: var(--pfully-tertiary); } html body .tabs-tertiary .nav-tabs.nav-justified li .nav-link.active:hover, html body .tabs-tertiary .nav-tabs.nav-justified li .nav-link.active:focus { border-top-color: var(--pfully-tertiary); color: var(--pfully-tertiary); } html body .tabs-tertiary .nav-tabs.nav-justified li .nav-link.active:focus { border-top-color: var(--pfully-tertiary); color: var(--pfully-tertiary); } html body .tabs-tertiary.tabs-bottom .nav-tabs li .nav-link:hover, html body .tabs-tertiary.tabs-bottom .nav-tabs li .nav-link:focus { border-bottom-color: var(--pfully-tertiary); } html body .tabs-tertiary.tabs-bottom .nav-tabs li .nav-link.active { border-bottom-color: var(--pfully-tertiary); } html body .tabs-tertiary.tabs-bottom .nav-tabs li .nav-link.active:hover, html body .tabs-tertiary.tabs-bottom .nav-tabs li .nav-link.active:focus { border-bottom-color: var(--pfully-tertiary); } html body .tabs-tertiary.tabs-bottom .nav-tabs li .nav-link.active:focus { border-bottom-color: var(--pfully-tertiary); } html body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover, html body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li .nav-link:focus { border-bottom-color: var(--pfully-tertiary); } html body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active { border-bottom-color: var(--pfully-tertiary); } html body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:hover, html body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus { border-bottom-color: var(--pfully-tertiary); } html body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus { border-bottom-color: var(--pfully-tertiary); } html body .tabs-tertiary.tabs-simple .nav-tabs li .nav-link:hover, html body .tabs-tertiary.tabs-simple .nav-tabs li .nav-link:focus { color: var(--pfully-tertiary) !important; border-bottom-color: var(--pfully-tertiary); } html body .tabs-tertiary.tabs-simple .nav-tabs li .nav-link.active { color: var(--pfully-tertiary) !important; border-bottom-color: var(--pfully-tertiary); } html body .tabs-tertiary.tabs-simple .nav-tabs li .nav-link.active:hover, html body .tabs-tertiary.tabs-simple .nav-tabs li .nav-link.active:focus { color: var(--pfully-tertiary) !important; border-bottom-color: var(--pfully-tertiary); } html body .tabs-tertiary.tabs-simple .nav-tabs li .nav-link.active:focus { color: var(--pfully-tertiary) !important; border-bottom-color: var(--pfully-tertiary); } html body .tabs-tertiary.tabs-simple .nav-tabs.nav-justified li .nav-link:hover, html body .tabs-tertiary.tabs-simple .nav-tabs.nav-justified li .nav-link:focus { color: var(--pfully-tertiary) !important; border-bottom-color: var(--pfully-tertiary); } html body .tabs-tertiary.tabs-simple .nav-tabs.nav-justified li .nav-link.active { color: var(--pfully-tertiary) !important; border-bottom-color: var(--pfully-tertiary); } html body .tabs-tertiary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:hover, html body .tabs-tertiary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus { color: var(--pfully-tertiary) !important; border-bottom-color: var(--pfully-tertiary); } html body .tabs-tertiary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus { color: var(--pfully-tertiary) !important; border-bottom-color: var(--pfully-tertiary); } html body .tabs-tertiary.tabs-vertical.tabs-left li .nav-link:hover, html body .tabs-tertiary.tabs-vertical.tabs-left li .nav-link:focus { border-left-color: var(--pfully-tertiary); } html body .tabs-tertiary.tabs-vertical.tabs-left li .nav-link.active { border-left-color: var(--pfully-tertiary); } html body .tabs-tertiary.tabs-vertical.tabs-left li .nav-link.active:hover, html body .tabs-tertiary.tabs-vertical.tabs-left li .nav-link.active:focus { border-left-color: var(--pfully-tertiary); } html body .tabs-tertiary.tabs-vertical.tabs-left li .nav-link.active:focus { border-left-color: var(--pfully-tertiary); } html body .tabs-tertiary.tabs-vertical.tabs-right li .nav-link:hover, html body .tabs-tertiary.tabs-vertical.tabs-right li .nav-link:focus { border-right-color: var(--pfully-tertiary); } html body .tabs-tertiary.tabs-vertical.tabs-right li .nav-link.active { border-right-color: var(--pfully-tertiary); } html body .tabs-tertiary.tabs-vertical.tabs-right li .nav-link.active:hover, html body .tabs-tertiary.tabs-vertical.tabs-right li .nav-link.active:focus { border-right-color: var(--pfully-tertiary); } html body .tabs-tertiary.tabs-vertical.tabs-right li .nav-link.active:focus { border-right-color: var(--pfully-tertiary); } html body .tabs.tabs-bg-tertiary li .nav-link { border-width: 1px !important; color: var(--pfully-color-font-default) !important; } html body .tabs.tabs-bg-tertiary li .nav-link:hover, html body .tabs.tabs-bg-tertiary li .nav-link.active { background-color: var(--pfully-tertiary); color: var(--pfully-tertiary-text) !important; border-top-color: var(--pfully-tertiary); } html body .tabs.tabs-bg-tertiary .tab-content, html body .tabs.tabs-bg-tertiary .tab-content p { background-color: var(--pfully-tertiary); color: var(--pfully-tertiary-text) !important; } html body .tabs.tabs-bg-tertiary li .nav-link { border-width: 1px !important; color: var(--pfully-color-font-default) !important; } html body .tabs.tabs-bg-tertiary li .nav-link:hover, html body .tabs.tabs-bg-tertiary li .nav-link.active { background-color: var(--pfully-tertiary); color: var(--pfully-tertiary-text) !important; border-top-color: var(--pfully-tertiary); } html body .tabs.tabs-bg-tertiary .tab-content, html body .tabs.tabs-bg-tertiary .tab-content p { background-color: var(--pfully-tertiary); color: var(--pfully-tertiary-text) !important; } html body .tabs-bg-tertiary.tabs-bottom li .nav-link:hover, html body .tabs-bg-tertiary.tabs-bottom li .nav-link.active { background-color: var(--pfully-tertiary); color: var(--pfully-tertiary-text) !important; } html body .tabs-quaternary .nav-tabs li .nav-link { color: var(--pfully-quaternary); } html body .tabs-quaternary .nav-tabs li .nav-link:hover, html body .tabs-quaternary .nav-tabs li .nav-link:focus { color: var(--pfully-quaternary); border-top-color: var(--pfully-quaternary); } html body .tabs-quaternary .nav-tabs li .nav-link.active { border-top-color: var(--pfully-quaternary); color: var(--pfully-quaternary); } html body .tabs-quaternary .nav-tabs li .nav-link.active:hover, html body .tabs-quaternary .nav-tabs li .nav-link.active:focus { border-top-color: var(--pfully-quaternary); color: var(--pfully-quaternary); } html body .tabs-quaternary .nav-tabs li .nav-link.active:focus { border-top-color: var(--pfully-quaternary); color: var(--pfully-quaternary); } html body .tabs-quaternary .nav-tabs.nav-justified li .nav-link { color: var(--pfully-quaternary); } html body .tabs-quaternary .nav-tabs.nav-justified li .nav-link:hover, html body .tabs-quaternary .nav-tabs.nav-justified li .nav-link:focus { color: var(--pfully-quaternary); border-top-color: var(--pfully-quaternary); } html body .tabs-quaternary .nav-tabs.nav-justified li .nav-link.active { border-top-color: var(--pfully-quaternary); color: var(--pfully-quaternary); } html body .tabs-quaternary .nav-tabs.nav-justified li .nav-link.active:hover, html body .tabs-quaternary .nav-tabs.nav-justified li .nav-link.active:focus { border-top-color: var(--pfully-quaternary); color: var(--pfully-quaternary); } html body .tabs-quaternary .nav-tabs.nav-justified li .nav-link.active:focus { border-top-color: var(--pfully-quaternary); color: var(--pfully-quaternary); } html body .tabs-quaternary.tabs-bottom .nav-tabs li .nav-link:hover, html body .tabs-quaternary.tabs-bottom .nav-tabs li .nav-link:focus { border-bottom-color: var(--pfully-quaternary); } html body .tabs-quaternary.tabs-bottom .nav-tabs li .nav-link.active { border-bottom-color: var(--pfully-quaternary); } html body .tabs-quaternary.tabs-bottom .nav-tabs li .nav-link.active:hover, html body .tabs-quaternary.tabs-bottom .nav-tabs li .nav-link.active:focus { border-bottom-color: var(--pfully-quaternary); } html body .tabs-quaternary.tabs-bottom .nav-tabs li .nav-link.active:focus { border-bottom-color: var(--pfully-quaternary); } html body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover, html body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li .nav-link:focus { border-bottom-color: var(--pfully-quaternary); } html body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active { border-bottom-color: var(--pfully-quaternary); } html body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:hover, html body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus { border-bottom-color: var(--pfully-quaternary); } html body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus { border-bottom-color: var(--pfully-quaternary); } html body .tabs-quaternary.tabs-simple .nav-tabs li .nav-link:hover, html body .tabs-quaternary.tabs-simple .nav-tabs li .nav-link:focus { color: var(--pfully-quaternary) !important; border-bottom-color: var(--pfully-quaternary); } html body .tabs-quaternary.tabs-simple .nav-tabs li .nav-link.active { color: var(--pfully-quaternary) !important; border-bottom-color: var(--pfully-quaternary); } html body .tabs-quaternary.tabs-simple .nav-tabs li .nav-link.active:hover, html body .tabs-quaternary.tabs-simple .nav-tabs li .nav-link.active:focus { color: var(--pfully-quaternary) !important; border-bottom-color: var(--pfully-quaternary); } html body .tabs-quaternary.tabs-simple .nav-tabs li .nav-link.active:focus { color: var(--pfully-quaternary) !important; border-bottom-color: var(--pfully-quaternary); } html body .tabs-quaternary.tabs-simple .nav-tabs.nav-justified li .nav-link:hover, html body .tabs-quaternary.tabs-simple .nav-tabs.nav-justified li .nav-link:focus { color: var(--pfully-quaternary) !important; border-bottom-color: var(--pfully-quaternary); } html body .tabs-quaternary.tabs-simple .nav-tabs.nav-justified li .nav-link.active { color: var(--pfully-quaternary) !important; border-bottom-color: var(--pfully-quaternary); } html body .tabs-quaternary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:hover, html body .tabs-quaternary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus { color: var(--pfully-quaternary) !important; border-bottom-color: var(--pfully-quaternary); } html body .tabs-quaternary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus { color: var(--pfully-quaternary) !important; border-bottom-color: var(--pfully-quaternary); } html body .tabs-quaternary.tabs-vertical.tabs-left li .nav-link:hover, html body .tabs-quaternary.tabs-vertical.tabs-left li .nav-link:focus { border-left-color: var(--pfully-quaternary); } html body .tabs-quaternary.tabs-vertical.tabs-left li .nav-link.active { border-left-color: var(--pfully-quaternary); } html body .tabs-quaternary.tabs-vertical.tabs-left li .nav-link.active:hover, html body .tabs-quaternary.tabs-vertical.tabs-left li .nav-link.active:focus { border-left-color: var(--pfully-quaternary); } html body .tabs-quaternary.tabs-vertical.tabs-left li .nav-link.active:focus { border-left-color: var(--pfully-quaternary); } html body .tabs-quaternary.tabs-vertical.tabs-right li .nav-link:hover, html body .tabs-quaternary.tabs-vertical.tabs-right li .nav-link:focus { border-right-color: var(--pfully-quaternary); } html body .tabs-quaternary.tabs-vertical.tabs-right li .nav-link.active { border-right-color: var(--pfully-quaternary); } html body .tabs-quaternary.tabs-vertical.tabs-right li .nav-link.active:hover, html body .tabs-quaternary.tabs-vertical.tabs-right li .nav-link.active:focus { border-right-color: var(--pfully-quaternary); } html body .tabs-quaternary.tabs-vertical.tabs-right li .nav-link.active:focus { border-right-color: var(--pfully-quaternary); } html body .tabs.tabs-bg-quaternary li .nav-link { border-width: 1px !important; color: var(--pfully-color-font-default) !important; } html body .tabs.tabs-bg-quaternary li .nav-link:hover, html body .tabs.tabs-bg-quaternary li .nav-link.active { background-color: var(--pfully-quaternary); color: var(--pfully-quaternary-text) !important; border-top-color: var(--pfully-quaternary); } html body .tabs.tabs-bg-quaternary .tab-content, html body .tabs.tabs-bg-quaternary .tab-content p { background-color: var(--pfully-quaternary); color: var(--pfully-quaternary-text) !important; } html body .tabs.tabs-bg-quaternary li .nav-link { border-width: 1px !important; color: var(--pfully-color-font-default) !important; } html body .tabs.tabs-bg-quaternary li .nav-link:hover, html body .tabs.tabs-bg-quaternary li .nav-link.active { background-color: var(--pfully-quaternary); color: var(--pfully-quaternary-text) !important; border-top-color: var(--pfully-quaternary); } html body .tabs.tabs-bg-quaternary .tab-content, html body .tabs.tabs-bg-quaternary .tab-content p { background-color: var(--pfully-quaternary); color: var(--pfully-quaternary-text) !important; } html body .tabs-bg-quaternary.tabs-bottom li .nav-link:hover, html body .tabs-bg-quaternary.tabs-bottom li .nav-link.active { background-color: var(--pfully-quaternary); color: var(--pfully-quaternary-text) !important; } html body .tabs-dark .nav-tabs li .nav-link { color: var(--pfully-dark); } html body .tabs-dark .nav-tabs li .nav-link:hover, html body .tabs-dark .nav-tabs li .nav-link:focus { color: var(--pfully-dark); border-top-color: var(--pfully-dark); } html body .tabs-dark .nav-tabs li .nav-link.active { border-top-color: var(--pfully-dark); color: var(--pfully-dark); } html body .tabs-dark .nav-tabs li .nav-link.active:hover, html body .tabs-dark .nav-tabs li .nav-link.active:focus { border-top-color: var(--pfully-dark); color: var(--pfully-dark); } html body .tabs-dark .nav-tabs li .nav-link.active:focus { border-top-color: var(--pfully-dark); color: var(--pfully-dark); } html body .tabs-dark .nav-tabs.nav-justified li .nav-link { color: var(--pfully-dark); } html body .tabs-dark .nav-tabs.nav-justified li .nav-link:hover, html body .tabs-dark .nav-tabs.nav-justified li .nav-link:focus { color: var(--pfully-dark); border-top-color: var(--pfully-dark); } html body .tabs-dark .nav-tabs.nav-justified li .nav-link.active { border-top-color: var(--pfully-dark); color: var(--pfully-dark); } html body .tabs-dark .nav-tabs.nav-justified li .nav-link.active:hover, html body .tabs-dark .nav-tabs.nav-justified li .nav-link.active:focus { border-top-color: var(--pfully-dark); color: var(--pfully-dark); } html body .tabs-dark .nav-tabs.nav-justified li .nav-link.active:focus { border-top-color: var(--pfully-dark); color: var(--pfully-dark); } html body .tabs-dark.tabs-bottom .nav-tabs li .nav-link:hover, html body .tabs-dark.tabs-bottom .nav-tabs li .nav-link:focus { border-bottom-color: var(--pfully-dark); } html body .tabs-dark.tabs-bottom .nav-tabs li .nav-link.active { border-bottom-color: var(--pfully-dark); } html body .tabs-dark.tabs-bottom .nav-tabs li .nav-link.active:hover, html body .tabs-dark.tabs-bottom .nav-tabs li .nav-link.active:focus { border-bottom-color: var(--pfully-dark); } html body .tabs-dark.tabs-bottom .nav-tabs li .nav-link.active:focus { border-bottom-color: var(--pfully-dark); } html body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover, html body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li .nav-link:focus { border-bottom-color: var(--pfully-dark); } html body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li .nav-link.active { border-bottom-color: var(--pfully-dark); } html body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:hover, html body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus { border-bottom-color: var(--pfully-dark); } html body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus { border-bottom-color: var(--pfully-dark); } html body .tabs-dark.tabs-simple .nav-tabs li .nav-link:hover, html body .tabs-dark.tabs-simple .nav-tabs li .nav-link:focus { color: var(--pfully-dark) !important; border-bottom-color: var(--pfully-dark); } html body .tabs-dark.tabs-simple .nav-tabs li .nav-link.active { color: var(--pfully-dark) !important; border-bottom-color: var(--pfully-dark); } html body .tabs-dark.tabs-simple .nav-tabs li .nav-link.active:hover, html body .tabs-dark.tabs-simple .nav-tabs li .nav-link.active:focus { color: var(--pfully-dark) !important; border-bottom-color: var(--pfully-dark); } html body .tabs-dark.tabs-simple .nav-tabs li .nav-link.active:focus { color: var(--pfully-dark) !important; border-bottom-color: var(--pfully-dark); } html body .tabs-dark.tabs-simple .nav-tabs.nav-justified li .nav-link:hover, html body .tabs-dark.tabs-simple .nav-tabs.nav-justified li .nav-link:focus { color: var(--pfully-dark) !important; border-bottom-color: var(--pfully-dark); } html body .tabs-dark.tabs-simple .nav-tabs.nav-justified li .nav-link.active { color: var(--pfully-dark) !important; border-bottom-color: var(--pfully-dark); } html body .tabs-dark.tabs-simple .nav-tabs.nav-justified li .nav-link.active:hover, html body .tabs-dark.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus { color: var(--pfully-dark) !important; border-bottom-color: var(--pfully-dark); } html body .tabs-dark.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus { color: var(--pfully-dark) !important; border-bottom-color: var(--pfully-dark); } html body .tabs-dark.tabs-vertical.tabs-left li .nav-link:hover, html body .tabs-dark.tabs-vertical.tabs-left li .nav-link:focus { border-left-color: var(--pfully-dark); } html body .tabs-dark.tabs-vertical.tabs-left li .nav-link.active { border-left-color: var(--pfully-dark); } html body .tabs-dark.tabs-vertical.tabs-left li .nav-link.active:hover, html body .tabs-dark.tabs-vertical.tabs-left li .nav-link.active:focus { border-left-color: var(--pfully-dark); } html body .tabs-dark.tabs-vertical.tabs-left li .nav-link.active:focus { border-left-color: var(--pfully-dark); } html body .tabs-dark.tabs-vertical.tabs-right li .nav-link:hover, html body .tabs-dark.tabs-vertical.tabs-right li .nav-link:focus { border-right-color: var(--pfully-dark); } html body .tabs-dark.tabs-vertical.tabs-right li .nav-link.active { border-right-color: var(--pfully-dark); } html body .tabs-dark.tabs-vertical.tabs-right li .nav-link.active:hover, html body .tabs-dark.tabs-vertical.tabs-right li .nav-link.active:focus { border-right-color: var(--pfully-dark); } html body .tabs-dark.tabs-vertical.tabs-right li .nav-link.active:focus { border-right-color: var(--pfully-dark); } html body .tabs.tabs-bg-dark li .nav-link { border-width: 1px !important; color: var(--pfully-color-font-default) !important; } html body .tabs.tabs-bg-dark li .nav-link:hover, html body .tabs.tabs-bg-dark li .nav-link.active { background-color: var(--pfully-dark); color: var(--pfully-dark-text) !important; border-top-color: var(--pfully-dark); } html body .tabs.tabs-bg-dark .tab-content, html body .tabs.tabs-bg-dark .tab-content p { background-color: var(--pfully-dark); color: var(--pfully-dark-text) !important; } html body .tabs.tabs-bg-dark li .nav-link { border-width: 1px !important; color: var(--pfully-color-font-default) !important; } html body .tabs.tabs-bg-dark li .nav-link:hover, html body .tabs.tabs-bg-dark li .nav-link.active { background-color: var(--pfully-dark); color: var(--pfully-dark-text) !important; border-top-color: var(--pfully-dark); } html body .tabs.tabs-bg-dark .tab-content, html body .tabs.tabs-bg-dark .tab-content p { background-color: var(--pfully-dark); color: var(--pfully-dark-text) !important; } html body .tabs-bg-dark.tabs-bottom li .nav-link:hover, html body .tabs-bg-dark.tabs-bottom li .nav-link.active { background-color: var(--pfully-dark); color: var(--pfully-dark-text) !important; } html body .tabs-light .nav-tabs li .nav-link { color: var(--pfully-light-text); } html body .tabs-light .nav-tabs li .nav-link:hover, html body .tabs-light .nav-tabs li .nav-link:focus { color: var(--pfully-light-text-darken); border-top-color: var(--pfully-light-darken); } html body .tabs-light .nav-tabs li .nav-link.active { border-top-color: var(--pfully-light-darken); color: var(--pfully-light-text); } html body .tabs-light .nav-tabs li .nav-link.active:hover, html body .tabs-light .nav-tabs li .nav-link.active:focus { border-top-color: var(--pfully-light-darken); color: var(--pfully-light-text); } html body .tabs-light .nav-tabs li .nav-link.active:focus { border-top-color: var(--pfully-light-darken); color: var(--pfully-light-text); } html body .tabs-light .nav-tabs.nav-justified li .nav-link { color: var(--pfully-light-text); } html body .tabs-light .nav-tabs.nav-justified li .nav-link:hover, html body .tabs-light .nav-tabs.nav-justified li .nav-link:focus { color: var(--pfully-light-text); border-top-color: var(--pfully-light-darken); } html body .tabs-light .nav-tabs.nav-justified li .nav-link.active { border-top-color: var(--pfully-light-darken); color: var(--pfully-light-text); } html body .tabs-light .nav-tabs.nav-justified li .nav-link.active:hover, html body .tabs-light .nav-tabs.nav-justified li .nav-link.active:focus { border-top-color: var(--pfully-light-darken); color: var(--pfully-light-text); } html body .tabs-light .nav-tabs.nav-justified li .nav-link.active:focus { border-top-color: var(--pfully-light-darken); color: var(--pfully-light-text); } html body .tabs-light.tabs-bottom .nav-tabs li .nav-link:hover, html body .tabs-light.tabs-bottom .nav-tabs li .nav-link:focus { border-bottom-color: var(--pfully-light-darken); } html body .tabs-light.tabs-bottom .nav-tabs li .nav-link.active { border-bottom-color: var(--pfully-light-darken); } html body .tabs-light.tabs-bottom .nav-tabs li .nav-link.active:hover, html body .tabs-light.tabs-bottom .nav-tabs li .nav-link.active:focus { border-bottom-color: var(--pfully-light-darken); } html body .tabs-light.tabs-bottom .nav-tabs li .nav-link.active:focus { border-bottom-color: var(--pfully-light-darken); } html body .tabs-light.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover, html body .tabs-light.tabs-bottom .nav-tabs.nav-justified li .nav-link:focus { border-bottom-color: var(--pfully-light-darken); } html body .tabs-light.tabs-bottom .nav-tabs.nav-justified li .nav-link.active { border-bottom-color: var(--pfully-light-darken); } html body .tabs-light.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:hover, html body .tabs-light.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus { border-bottom-color: var(--pfully-light-darken); } html body .tabs-light.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus { border-bottom-color: var(--pfully-light-darken); } html body .tabs-light.tabs-simple .nav-tabs li .nav-link:hover, html body .tabs-light.tabs-simple .nav-tabs li .nav-link:focus { color: var(--pfully-light-text) !important; border-bottom-color: var(--pfully-light-text); } html body .tabs-light.tabs-simple .nav-tabs li .nav-link.active { color: var(--pfully-light-text) !important; border-bottom-color: var(--pfully-light-text); } html body .tabs-light.tabs-simple .nav-tabs li .nav-link.active:hover, html body .tabs-light.tabs-simple .nav-tabs li .nav-link.active:focus { color: var(--pfully-light-text) !important; border-bottom-color: var(--pfully-light-darken-2); } html body .tabs-light.tabs-simple .nav-tabs li .nav-link.active:focus { color: var(--pfully-light-text) !important; border-bottom-color: var(--pfully-light-text); } html body .tabs-light.tabs-simple .nav-tabs.nav-justified li .nav-link:hover, html body .tabs-light.tabs-simple .nav-tabs.nav-justified li .nav-link:focus { color: var(--pfully-light-text) !important; border-bottom-color: var(--pfully-light-text); } html body .tabs-light.tabs-simple .nav-tabs.nav-justified li .nav-link.active { color: var(--pfully-light-text) !important; border-bottom-color: var(--pfully-light-text); } html body .tabs-light.tabs-simple .nav-tabs.nav-justified li .nav-link.active:hover, html body .tabs-light.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus { color: var(--pfully-light-text) !important; border-bottom-color: var(--pfully-light-darken-2); } html body .tabs-light.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus { color: var(--pfully-light-text) !important; border-bottom-color: var(--pfully-light-text); } html body .tabs-light.tabs-vertical.tabs-left li .nav-link:hover, html body .tabs-light.tabs-vertical.tabs-left li .nav-link:focus { border-left-color: var(--pfully-light-text); } html body .tabs-light.tabs-vertical.tabs-left li .nav-link.active { border-left-color: var(--pfully-light-text); } html body .tabs-light.tabs-vertical.tabs-left li .nav-link.active:hover, html body .tabs-light.tabs-vertical.tabs-left li .nav-link.active:focus { border-left-color: var(--pfully-light-text); } html body .tabs-light.tabs-vertical.tabs-left li .nav-link.active:focus { border-left-color: var(--pfully-light-text); } html body .tabs-light.tabs-vertical.tabs-right li .nav-link:hover, html body .tabs-light.tabs-vertical.tabs-right li .nav-link:focus { border-right-color: var(--pfully-light-text); } html body .tabs-light.tabs-vertical.tabs-right li .nav-link.active { border-right-color: var(--pfully-light-text); } html body .tabs-light.tabs-vertical.tabs-right li .nav-link.active:hover, html body .tabs-light.tabs-vertical.tabs-right li .nav-link.active:focus { border-right-color: var(--pfully-light-text); } html body .tabs-light.tabs-vertical.tabs-right li .nav-link.active:focus { border-right-color: var(--pfully-light-text); } html .list-primary.list-icons li > [class*="fa-"]:first-child { color: var(--pfully-primary); border-color: var(--pfully-primary); } html .list-primary.list-icons li a:first-child > [class*="fa-"]:first-child { color: var(--pfully-primary); border-color: var(--pfully-primary); } html .list-primary.list-icons li a:first-child > .icons:first-child { color: var(--pfully-primary); border-color: var(--pfully-primary); } html .list-primary.list-icons li > .icons:first-child { color: var(--pfully-primary); border-color: var(--pfully-primary); } html .list-primary.list-icons.list-icons-style-3 li > [class*="fa-"]:first-child { background-color: var(--pfully-primary); color: var(--pfully-primary-text); } html .list-primary.list-icons.list-icons-style-3 li a:first-child > [class*="fa-"]:first-child { background-color: var(--pfully-primary); color: var(--pfully-primary-text); } html .list-primary.list-icons.list-icons-style-3 li a:first-child > .icons:first-child { background-color: var(--pfully-primary); color: var(--pfully-primary-text); } html .list-primary.list-icons.list-icons-style-3 li > .icons:first-child { background-color: var(--pfully-primary); color: var(--pfully-primary-text); } html .list-primary.list-ordered li:before { color: var(--pfully-primary); border-color: var(--pfully-primary); } html .list-primary.list-ordered.list-ordered-style-3 li:before { background-color: var(--pfully-primary); color: var(--pfully-primary-text); border-color: var(--pfully-primary-text); } html .list-secondary.list-icons li > [class*="fa-"]:first-child { color: var(--pfully-secondary); border-color: var(--pfully-secondary); } html .list-secondary.list-icons li a:first-child > [class*="fa-"]:first-child { color: var(--pfully-secondary); border-color: var(--pfully-secondary); } html .list-secondary.list-icons li a:first-child > .icons:first-child { color: var(--pfully-secondary); border-color: var(--pfully-secondary); } html .list-secondary.list-icons li > .icons:first-child { color: var(--pfully-secondary); border-color: var(--pfully-secondary); } html .list-secondary.list-icons.list-icons-style-3 li > [class*="fa-"]:first-child { background-color: var(--pfully-secondary); color: var(--pfully-secondary-text); } html .list-secondary.list-icons.list-icons-style-3 li a:first-child > [class*="fa-"]:first-child { background-color: var(--pfully-secondary); color: var(--pfully-secondary-text); } html .list-secondary.list-icons.list-icons-style-3 li a:first-child > .icons:first-child { background-color: var(--pfully-secondary); color: var(--pfully-secondary-text); } html .list-secondary.list-icons.list-icons-style-3 li > .icons:first-child { background-color: var(--pfully-secondary); color: var(--pfully-secondary-text); } html .list-secondary.list-ordered li:before { color: var(--pfully-secondary); border-color: var(--pfully-secondary); } html .list-secondary.list-ordered.list-ordered-style-3 li:before { background-color: var(--pfully-secondary); color: var(--pfully-secondary-text); border-color: var(--pfully-secondary-text); } html .list-tertiary.list-icons li > [class*="fa-"]:first-child { color: var(--pfully-tertiary); border-color: var(--pfully-tertiary); } html .list-tertiary.list-icons li a:first-child > [class*="fa-"]:first-child { color: var(--pfully-tertiary); border-color: var(--pfully-tertiary); } html .list-tertiary.list-icons li a:first-child > .icons:first-child { color: var(--pfully-tertiary); border-color: var(--pfully-tertiary); } html .list-tertiary.list-icons li > .icons:first-child { color: var(--pfully-tertiary); border-color: var(--pfully-tertiary); } html .list-tertiary.list-icons.list-icons-style-3 li > [class*="fa-"]:first-child { background-color: var(--pfully-tertiary); color: var(--pfully-tertiary-text); } html .list-tertiary.list-icons.list-icons-style-3 li a:first-child > [class*="fa-"]:first-child { background-color: var(--pfully-tertiary); color: var(--pfully-tertiary-text); } html .list-tertiary.list-icons.list-icons-style-3 li a:first-child > .icons:first-child { background-color: var(--pfully-tertiary); color: var(--pfully-tertiary-text); } html .list-tertiary.list-icons.list-icons-style-3 li > .icons:first-child { background-color: var(--pfully-tertiary); color: var(--pfully-tertiary-text); } html .list-tertiary.list-ordered li:before { color: var(--pfully-tertiary); border-color: var(--pfully-tertiary); } html .list-tertiary.list-ordered.list-ordered-style-3 li:before { background-color: var(--pfully-tertiary); color: var(--pfully-tertiary-text); border-color: var(--pfully-tertiary-text); } html .list-quaternary.list-icons li > [class*="fa-"]:first-child { color: var(--pfully-quaternary); border-color: var(--pfully-quaternary); } html .list-quaternary.list-icons li a:first-child > [class*="fa-"]:first-child { color: var(--pfully-quaternary); border-color: var(--pfully-quaternary); } html .list-quaternary.list-icons li a:first-child > .icons:first-child { color: var(--pfully-quaternary); border-color: var(--pfully-quaternary); } html .list-quaternary.list-icons li > .icons:first-child { color: var(--pfully-quaternary); border-color: var(--pfully-quaternary); } html .list-quaternary.list-icons.list-icons-style-3 li > [class*="fa-"]:first-child { background-color: var(--pfully-quaternary); color: var(--pfully-quaternary-text); } html .list-quaternary.list-icons.list-icons-style-3 li a:first-child > [class*="fa-"]:first-child { background-color: var(--pfully-quaternary); color: var(--pfully-quaternary-text); } html .list-quaternary.list-icons.list-icons-style-3 li a:first-child > .icons:first-child { background-color: var(--pfully-quaternary); color: var(--pfully-quaternary-text); } html .list-quaternary.list-icons.list-icons-style-3 li > .icons:first-child { background-color: var(--pfully-quaternary); color: var(--pfully-quaternary-text); } html .list-quaternary.list-ordered li:before { color: var(--pfully-quaternary); border-color: var(--pfully-quaternary); } html .list-quaternary.list-ordered.list-ordered-style-3 li:before { background-color: var(--pfully-quaternary); color: var(--pfully-quaternary-text); border-color: var(--pfully-quaternary-text); } html .list-dark.list-icons li > [class*="fa-"]:first-child { color: var(--pfully-dark); border-color: var(--pfully-dark); } html .list-dark.list-icons li a:first-child > [class*="fa-"]:first-child { color: var(--pfully-dark); border-color: var(--pfully-dark); } html .list-dark.list-icons li a:first-child > .icons:first-child { color: var(--pfully-dark); border-color: var(--pfully-dark); } html .list-dark.list-icons li > .icons:first-child { color: var(--pfully-dark); border-color: var(--pfully-dark); } html .list-dark.list-icons.list-icons-style-3 li > [class*="fa-"]:first-child { background-color: var(--pfully-dark); color: var(--pfully-dark-text); } html .list-dark.list-icons.list-icons-style-3 li a:first-child > [class*="fa-"]:first-child { background-color: var(--pfully-dark); color: var(--pfully-dark-text); } html .list-dark.list-icons.list-icons-style-3 li a:first-child > .icons:first-child { background-color: var(--pfully-dark); color: var(--pfully-dark-text); } html .list-dark.list-icons.list-icons-style-3 li > .icons:first-child { background-color: var(--pfully-dark); color: var(--pfully-dark-text); } html .list-dark.list-ordered li:before { color: var(--pfully-dark); border-color: var(--pfully-dark); } html .list-dark.list-ordered.list-ordered-style-3 li:before { background-color: var(--pfully-dark); color: var(--pfully-dark-text); border-color: var(--pfully-dark-text); } html .list-light.list-icons li > [class*="fa-"]:first-child { color: var(--pfully-light-text); border-color: var(--pfully-light-text); } html .list-light.list-icons li a:first-child > [class*="fa-"]:first-child { color: var(--pfully-light-text); border-color: var(--pfully-light-text); } html .list-light.list-icons li a:first-child > .icons:first-child { color: var(--pfully-light-text); border-color: var(--pfully-light-text); } html .list-light.list-icons li > .icons:first-child { color: var(--pfully-light-text); border-color: var(--pfully-light-text); } html .list-light.list-icons.list-icons-style-3 li > [class*="fa-"]:first-child { background-color: var(--pfully-light); color: var(--pfully-light-text); } html .list-light.list-icons.list-icons-style-3 li a:first-child > [class*="fa-"]:first-child { background-color: var(--pfully-light); color: var(--pfully-light-text); } html .list-light.list-icons.list-icons-style-3 li a:first-child > .icons:first-child { background-color: var(--pfully-light); color: var(--pfully-light-text); } html .list-light.list-icons.list-icons-style-3 li > .icons:first-child { background-color: var(--pfully-light); color: var(--pfully-light-text); } html .list-light.list-ordered li:before { color: var(--pfully-light); border-color: var(--pfully-light); } html .list-light.list-ordered.list-ordered-style-3 li:before { background-color: var(--pfully-light); color: var(--pfully-light-text); border-color: var(--pfully-light-text); } html .highlight-primary { background-image: linear-gradient(90deg, var(--pfully-color-white) 50%, var(--pfully-primary) 0); } html .highlight-primary.highlight-bg-opacity { background-image: linear-gradient(90deg, var(--pfully-color-white) 50%, var(--pfully-primary-o-8) 0); } html .highlight-primary.highlight-change-text-color { color: var(--pfully-primary-text); } html .highlight-secondary { background-image: linear-gradient(90deg, var(--pfully-color-white) 50%, var(--pfully-secondary) 0); } html .highlight-secondary.highlight-bg-opacity { background-image: linear-gradient(90deg, var(--pfully-color-white) 50%, var(--pfully-secondary-o-8) 0); } html .highlight-secondary.highlight-change-text-color { color: var(--pfully-secondary-text); } html .highlight-tertiary { background-image: linear-gradient(90deg, var(--pfully-color-white) 50%, var(--pfully-tertiary) 0); } html .highlight-tertiary.highlight-bg-opacity { background-image: linear-gradient(90deg, var(--pfully-color-white) 50%, var(--pfully-tertiary-o-8) 0); } html .highlight-tertiary.highlight-change-text-color { color: var(--pfully-tertiary-text); } html .highlight-quaternary { background-image: linear-gradient(90deg, var(--pfully-color-white) 50%, var(--pfully-quaternary) 0); } html .highlight-quaternary.highlight-bg-opacity { background-image: linear-gradient(90deg, var(--pfully-color-white) 50%, var(--pfully-quaternary-o-8) 0); } html .highlight-quaternary.highlight-change-text-color { color: var(--pfully-quaternary-text); } html .highlight-dark { background-image: linear-gradient(90deg, var(--pfully-color-white) 50%, var(--pfully-dark) 0); } html .highlight-dark.highlight-bg-opacity { background-image: linear-gradient(90deg, var(--pfully-color-white) 50%, var(--pfully-dark-o-8) 0); } html .highlight-dark.highlight-change-text-color { color: var(--pfully-dark-text); } html .highlight-light { background-image: linear-gradient(90deg, var(--pfully-color-white) 50%, var(--pfully-light) 0); } html .highlight-light.highlight-bg-opacity { background-image: linear-gradient(90deg, var(--pfully-color-white) 50%, var(--pfully-light-o-8) 0); } html .highlight-light.highlight-change-text-color { color: var(--pfully-light-text); } html .accordion.accordion-primary .card-header { background-color: var(--pfully-primary) !important; } html .accordion.accordion-primary .card-header a { color: var(--pfully-primary-text); } html .accordion-status-primary.accordion-status > .card .card-header a[aria-expanded="true"] { background-color: var(--pfully-primary); color: var(--pfully-primary-text) !important; } html .accordion-status-primary.accordion-status > .card:hover .card-header a.collapsed, html .accordion-status-primary.accordion-status > .card:focus .card-header a.collapsed { color: var(--pfully-primary) !important; } html .accordion-text-primary.accordion-status > .card .card-header a[aria-expanded="true"] { color: var(--pfully-primary) !important; } html .accordion-text-primary.accordion-status > .card:hover .card-header a, html .accordion-text-primary.accordion-status > .card:focus .card-header a { color: var(--pfully-primary) !important; } html .accordion.accordion-secondary .card-header { background-color: var(--pfully-secondary) !important; } html .accordion.accordion-secondary .card-header a { color: var(--pfully-secondary-text); } html .accordion-status-secondary.accordion-status > .card .card-header a[aria-expanded="true"] { background-color: var(--pfully-secondary); color: var(--pfully-secondary-text) !important; } html .accordion-status-secondary.accordion-status > .card:hover .card-header a.collapsed, html .accordion-status-secondary.accordion-status > .card:focus .card-header a.collapsed { color: var(--pfully-secondary) !important; } html .accordion-text-secondary.accordion-status > .card .card-header a[aria-expanded="true"] { color: var(--pfully-secondary) !important; } html .accordion-text-secondary.accordion-status > .card:hover .card-header a, html .accordion-text-secondary.accordion-status > .card:focus .card-header a { color: var(--pfully-secondary) !important; } html .accordion.accordion-tertiary .card-header { background-color: var(--pfully-tertiary) !important; } html .accordion.accordion-tertiary .card-header a { color: var(--pfully-tertiary-text); } html .accordion-status-tertiary.accordion-status > .card .card-header a[aria-expanded="true"] { background-color: var(--pfully-tertiary); color: var(--pfully-tertiary-text) !important; } html .accordion-status-tertiary.accordion-status > .card:hover .card-header a.collapsed, html .accordion-status-tertiary.accordion-status > .card:focus .card-header a.collapsed { color: var(--pfully-tertiary) !important; } html .accordion-text-tertiary.accordion-status > .card .card-header a[aria-expanded="true"] { color: var(--pfully-tertiary) !important; } html .accordion-text-tertiary.accordion-status > .card:hover .card-header a, html .accordion-text-tertiary.accordion-status > .card:focus .card-header a { color: var(--pfully-tertiary) !important; } html .accordion.accordion-quaternary .card-header { background-color: var(--pfully-quaternary) !important; } html .accordion.accordion-quaternary .card-header a { color: var(--pfully-quaternary-text); } html .accordion-status-quaternary.accordion-status > .card .card-header a[aria-expanded="true"] { background-color: var(--pfully-quaternary); color: var(--pfully-quaternary-text) !important; } html .accordion-status-quaternary.accordion-status > .card:hover .card-header a.collapsed, html .accordion-status-quaternary.accordion-status > .card:focus .card-header a.collapsed { color: var(--pfully-quaternary) !important; } html .accordion-text-quaternary.accordion-status > .card .card-header a[aria-expanded="true"] { color: var(--pfully-quaternary); } html .accordion-text-quaternary.accordion-status > .card:hover .card-header a, html .accordion-text-quaternary.accordion-status > .card:focus .card-header a { color: var(--pfully-quaternary) !important; } html .accordion.accordion-dark .card-header { background-color: var(--pfully-dark) !important; } html .accordion.accordion-dark .card-header a { color: var(--pfully-dark-text); } html .accordion-status-dark.accordion-status > .card .card-header a[aria-expanded="true"] { background-color: var(--pfully-dark); color: var(--pfully-dark-text) !important; } html .accordion-status-dark.accordion-status > .card:hover .card-header a.collapsed, html .accordion-status-dark.accordion-status > .card:focus .card-header a.collapsed { color: var(--pfully-dark) !important; } html .accordion-text-dark.accordion-status > .card .card-header a[aria-expanded="true"] { color: var(--pfully-dark) !important; } html .accordion-text-dark.accordion-status > .card:hover .card-header a, html .accordion-text-dark.accordion-status > .card:focus .card-header a { color: var(--pfully-dark) !important; } html .accordion.accordion-light .card-header { background-color: var(--pfully-light) !important; } html .accordion.accordion-light .card-header a { color: var(--pfully-light-text); } html .accordion-status-light.accordion-status > .card .card-header a[aria-expanded="true"] { background-color: var(--pfully-light); color: var(--pfully-light-text) !important; } html .accordion-status-light.accordion-status > .card:hover .card-header a.collapsed, html .accordion-status-light.accordion-status > .card:focus .card-header a.collapsed { color: var(--pfully-light) !important; } html .accordion-text-light.accordion-status > .card .card-header a[aria-expanded="true"] { color: var(--pfully-light) !important; } html .accordion-text-light.accordion-status > .card:hover .card-header a, html .accordion-text-light.accordion-status > .card:focus .card-header a { color: var(--pfully-light) !important; } html .divider.divider-primary [class*="fa-"] { color: var(--pfully-primary); } html .divider.divider-primary .icons { color: var(--pfully-primary); } html .divider.divider-primary.divider-small hr { background: var(--pfully-primary); } html .divider.divider-secondary [class*="fa-"] { color: var(--pfully-secondary); } html .divider.divider-secondary .icons { color: var(--pfully-secondary); } html .divider.divider-secondary.divider-small hr { background: var(--pfully-secondary); } html .divider.divider-tertiary [class*="fa-"] { color: var(--pfully-tertiary); } html .divider.divider-tertiary .icons { color: var(--pfully-tertiary); } html .divider.divider-tertiary.divider-small hr { background: var(--pfully-tertiary); } html .divider.divider-quaternary [class*="fa-"] { color: var(--pfully-quaternary); } html .divider.divider-quaternary .icons { color: var(--pfully-quaternary); } html .divider.divider-quaternary.divider-small hr { background: var(--pfully-quaternary); } html .divider.divider-dark [class*="fa-"] { color: var(--pfully-dark); } html .divider.divider-dark .icons { color: var(--pfully-dark); } html .divider.divider-dark.divider-small hr { background: var(--pfully-dark); } html .divider.divider-light [class*="fa-"] { color: var(--pfully-light); } html .divider.divider-light .icons { color: var(--pfully-light); } html .divider.divider-light.divider-small hr { background: var(--pfully-light); } html .divider.divider-style-2.divider-primary [class*="fa-"] { background: var(--pfully-primary); color: var(--pfully-primary-text); } html .divider.divider-style-2.divider-primary .icons { background: var(--pfully-primary); color: var(--pfully-primary-text); } html .divider.divider-style-2.divider-secondary [class*="fa-"] { background: var(--pfully-secondary); color: var(--pfully-secondary-text); } html .divider.divider-style-2.divider-secondary .icons { background: var(--pfully-secondary); color: var(--pfully-secondary-text); } html .divider.divider-style-2.divider-tertiary [class*="fa-"] { background: var(--pfully-tertiary); color: var(--pfully-tertiary-text); } html .divider.divider-style-2.divider-tertiary .icons { background: var(--pfully-tertiary); color: var(--pfully-tertiary-text); } html .divider.divider-style-2.divider-quaternary [class*="fa-"] { background: var(--pfully-quaternary); color: var(--pfully-quaternary-text); } html .divider.divider-style-2.divider-quaternary .icons { background: var(--pfully-quaternary); color: var(--pfully-quaternary-text); } html .divider.divider-style-2.divider-dark [class*="fa-"] { background: var(--pfully-dark); color: var(--pfully-dark-text); } html .divider.divider-style-2.divider-dark .icons { background: var(--pfully-dark); color: var(--pfully-dark-text); } html .divider.divider-style-2.divider-light [class*="fa-"] { background: var(--pfully-light); color: var(--pfully-light-text); } html .divider.divider-style-2.divider-light .icons { background: var(--pfully-light); color: var(--pfully-light-text); } html .divider.divider-style-3.divider-primary [class*="fa-"] { border-color: var(--pfully-primary); } html .divider.divider-style-3.divider-primary .icons { border-color: var(--pfully-primary); } html .divider.divider-style-3.divider-secondary [class*="fa-"] { border-color: var(--pfully-secondary); } html .divider.divider-style-3.divider-secondary .icons { border-color: var(--pfully-secondary); } html .divider.divider-style-3.divider-tertiary [class*="fa-"] { border-color: var(--pfully-tertiary); } html .divider.divider-style-3.divider-tertiary .icons { border-color: var(--pfully-tertiary); } html .divider.divider-style-3.divider-quaternary [class*="fa-"] { border-color: var(--pfully-quaternary); } html .divider.divider-style-3.divider-quaternary .icons { border-color: var(--pfully-quaternary); } html .divider.divider-style-3.divider-dark [class*="fa-"] { border-color: var(--pfully-dark); } html .divider.divider-style-3.divider-dark .icons { border-color: var(--pfully-dark); } html .divider.divider-style-3.divider-light [class*="fa-"] { border-color: var(--pfully-light); } html .divider.divider-style-3.divider-light .icons { border-color: var(--pfully-light); } html #header .tip-primary { background: var(--pfully-primary) !important; color: var(--pfully-primary-text) !important; } html #header .tip-primary:before { border-right-color: var(--pfully-primary) !important; } html #header .tip-secondary { background: var(--pfully-secondary) !important; color: var(--pfully-secondary-text) !important; } html #header .tip-secondary:before { border-right-color: var(--pfully-secondary) !important; } html #header .tip-tertiary { background: var(--pfully-tertiary) !important; color: var(--pfully-tertiary-text) !important; } html #header .tip-tertiary:before { border-right-color: var(--pfully-tertiary) !important; } html #header .tip-quaternary { background: var(--pfully-quaternary) !important; color: var(--pfully-quaternary-text) !important; } html #header .tip-quaternary:before { border-right-color: var(--pfully-quaternary) !important; } html #header .tip-dark { background: var(--pfully-dark) !important; color: var(--pfully-dark-text) !important; } html #header .tip-dark:before { border-right-color: var(--pfully-dark) !important; } html #header .tip-light { background: var(--pfully-light) !important; color: var(--pfully-light-text) !important; } html #header .tip-light:before { border-right-color: var(--pfully-light) !important; } html #header .header-top.header-top-primary { background: var(--pfully-primary); border-top-color: var(--pfully-primary-darken); } html #header .header-top.header-top-primary .header-nav-top ul > li.open > a { background: var(--pfully-primary-lighten); } html #header .header-top.header-top-primary .header-nav-top ul > li.open > a:hover, html #header .header-top.header-top-primary .header-nav-top ul > li.open > a:focus { background: var(--pfully-primary-lighten); } html #header .header-top.header-top-primary .header-nav-top ul > li.open > a:focus { background: var(--pfully-primary-lighten); } html #header .header-top.header-top-primary .header-nav-top ul > li > a:hover, html #header .header-top.header-top-primary .header-nav-top ul > li > a:focus { background: var(--pfully-primary-lighten); } html #header .header-top.header-top-primary .header-nav-top ul > li > a:focus { background: var(--pfully-primary-lighten); } html #header .header-top.header-top-primary .dropdown-menu { background: var(--pfully-primary-lighten); border-color: var(--pfully-primary-lighten); } html #header .header-top.header-top-primary .dropdown-menu a:hover, html #header .header-top.header-top-primary .dropdown-menu a:focus { background: var(--pfully-primary-lighten) !important; } html #header .header-top.header-top-primary .dropdown-menu a:focus { background: var(--pfully-primary-lighten) !important; } html #header .header-top.header-top-secondary { background: var(--pfully-secondary); border-top-color: var(--pfully-secondary-darken); } html #header .header-top.header-top-secondary .header-nav-top ul > li.open > a { background: var(--pfully-secondary-lighten); } html #header .header-top.header-top-secondary .header-nav-top ul > li.open > a:hover, html #header .header-top.header-top-secondary .header-nav-top ul > li.open > a:focus { background: var(--pfully-secondary-lighten); } html #header .header-top.header-top-secondary .header-nav-top ul > li.open > a:focus { background: var(--pfully-secondary-lighten); } html #header .header-top.header-top-secondary .header-nav-top ul > li > a:hover, html #header .header-top.header-top-secondary .header-nav-top ul > li > a:focus { background: var(--pfully-secondary-lighten); } html #header .header-top.header-top-secondary .header-nav-top ul > li > a:focus { background: var(--pfully-secondary-lighten); } html #header .header-top.header-top-secondary .dropdown-menu { background: var(--pfully-secondary-lighten); border-color: var(--pfully-secondary-lighten); } html #header .header-top.header-top-secondary .dropdown-menu a:hover, html #header .header-top.header-top-secondary .dropdown-menu a:focus { background: var(--pfully-secondary-lighten) !important; } html #header .header-top.header-top-secondary .dropdown-menu a:focus { background: var(--pfully-secondary-lighten) !important; } html #header .header-top.header-top-tertiary { background: var(--pfully-tertiary); border-top-color: var(--pfully-tertiary-darken); } html #header .header-top.header-top-tertiary .header-nav-top ul > li.open > a { background: var(--pfully-tertiary); } html #header .header-top.header-top-tertiary .header-nav-top ul > li.open > a:hover, html #header .header-top.header-top-tertiary .header-nav-top ul > li.open > a:focus { background: var(--pfully-tertiary); } html #header .header-top.header-top-tertiary .header-nav-top ul > li.open > a:focus { background: var(--pfully-tertiary); } html #header .header-top.header-top-tertiary .header-nav-top ul > li > a:hover, html #header .header-top.header-top-tertiary .header-nav-top ul > li > a:focus { background: var(--pfully-tertiary); } html #header .header-top.header-top-tertiary .header-nav-top ul > li > a:focus { background: var(--pfully-tertiary); } html #header .header-top.header-top-tertiary .dropdown-menu { background: var(--pfully-tertiary); border-color: var(--pfully-tertiary); } html #header .header-top.header-top-tertiary .dropdown-menu a:hover, html #header .header-top.header-top-tertiary .dropdown-menu a:focus { background: var(--pfully-tertiary-lighten) !important; } html #header .header-top.header-top-tertiary .dropdown-menu a:focus { background: var(--pfully-tertiary-lighten) !important; } html #header .header-top.header-top-quaternary { background: var(--pfully-quaternary); border-top-color: var(--pfully-quaternary-darken); } html #header .header-top.header-top-quaternary .header-nav-top ul > li.open > a { background: var(--pfully-quaternary-lighten); } html #header .header-top.header-top-quaternary .header-nav-top ul > li.open > a:hover, html #header .header-top.header-top-quaternary .header-nav-top ul > li.open > a:focus { background: var(--pfully-quaternary-lighten); } html #header .header-top.header-top-quaternary .header-nav-top ul > li.open > a:focus { background: var(--pfully-quaternary-lighten); } html #header .header-top.header-top-quaternary .header-nav-top ul > li > a:hover, html #header .header-top.header-top-quaternary .header-nav-top ul > li > a:focus { background: var(--pfully-quaternary-lighten); } html #header .header-top.header-top-quaternary .header-nav-top ul > li > a:focus { background: var(--pfully-quaternary-lighten); } html #header .header-top.header-top-quaternary .dropdown-menu { background: var(--pfully-quaternary-lighten); border-color: var(--pfully-quaternary-lighten); } html #header .header-top.header-top-quaternary .dropdown-menu a:hover, html #header .header-top.header-top-quaternary .dropdown-menu a:focus { background: var(--pfully-quaternary-lighten) !important; } html #header .header-top.header-top-quaternary .dropdown-menu a:focus { background: var(--pfully-quaternary-lighten) !important; } html #header .header-top.header-top-dark { background: var(--pfully-dark); border-top-color: var(--pfully-dark-darken); } html #header .header-top.header-top-dark .header-nav-top ul > li.open > a { background: var(--pfully-dark-lighten); } html #header .header-top.header-top-dark .header-nav-top ul > li.open > a:hover, html #header .header-top.header-top-dark .header-nav-top ul > li.open > a:focus { background: var(--pfully-dark-lighten); } html #header .header-top.header-top-dark .header-nav-top ul > li.open > a:focus { background: var(--pfully-dark-lighten); } html #header .header-top.header-top-dark .header-nav-top ul > li > a:hover, html #header .header-top.header-top-dark .header-nav-top ul > li > a:focus { background: var(--pfully-dark-lighten); } html #header .header-top.header-top-dark .header-nav-top ul > li > a:focus { background: var(--pfully-dark-lighten); } html #header .header-top.header-top-dark .dropdown-menu { background: var(--pfully-dark-lighten); border-color: var(--pfully-dark-lighten); } html #header .header-top.header-top-dark .dropdown-menu a:hover, html #header .header-top.header-top-dark .dropdown-menu a:focus { background: var(--pfully-dark-lighten) !important; } html #header .header-top.header-top-dark .dropdown-menu a:focus { background: var(--pfully-dark-lighten) !important; } html #header .header-top.header-top-light { background: var(--pfully-light); border-top-color: var(--pfully-light-darken); } html #header .header-top.header-top-light .header-nav-top ul > li.open > a { background: var(--pfully-light); } html #header .header-top.header-top-light .header-nav-top ul > li.open > a:hover, html #header .header-top.header-top-light .header-nav-top ul > li.open > a:focus { background: var(--pfully-light); } html #header .header-top.header-top-light .header-nav-top ul > li.open > a:focus { background: var(--pfully-light); } html #header .header-top.header-top-light .header-nav-top ul > li > a:hover, html #header .header-top.header-top-light .header-nav-top ul > li > a:focus { background: var(--pfully-light); } html #header .header-top.header-top-light .header-nav-top ul > li > a:focus { background: var(--pfully-light); } html #header .header-top.header-top-light .dropdown-menu { background: var(--pfully-light); border-color: var(--pfully-light); } html #header .header-top.header-top-light .dropdown-menu a:hover, html #header .header-top.header-top-light .dropdown-menu a:focus { background: var(--pfully-light) !important; } html #header .header-top.header-top-light .dropdown-menu a:focus { background: var(--pfully-light) !important; } html .testimonial-primary blockquote { background: var(--pfully-primary-lighten); } html .testimonial-primary .testimonial-arrow-down { border-top-color: var(--pfully-primary-lighten); } html .testimonial-primary.testimonial-style-7 { background: var(--pfully-primary-lighten); } html .testimonial-quotes-primary blockquote:before { color: var(--pfully-primary) !important; } html .testimonial-quotes-primary blockquote:after { color: var(--pfully-primary) !important; } html .testimonial-secondary blockquote { background: var(--pfully-secondary-lighten); } html .testimonial-secondary .testimonial-arrow-down { border-top-color: var(--pfully-secondary-lighten); } html .testimonial-secondary.testimonial-style-7 { background: var(--pfully-secondary-lighten); } html .testimonial-quotes-secondary blockquote:before { color: var(--pfully-primary) !important; } html .testimonial-quotes-secondary blockquote:after { color: var(--pfully-primary) !important; } html .testimonial-tertiary blockquote { background: var(--pfully-tertiary); } html .testimonial-tertiary .testimonial-arrow-down { border-top-color: var(--pfully-tertiary); } html .testimonial-tertiary.testimonial-style-7 { background: var(--pfully-tertiary); } html .testimonial-quotes-tertiary blockquote:before { color: var(--pfully-primary) !important; } html .testimonial-quotes-tertiary blockquote:after { color: var(--pfully-primary) !important; } html .testimonial-quaternary blockquote { background: var(--pfully-quaternary-lighten); } html .testimonial-quaternary .testimonial-arrow-down { border-top-color: var(--pfully-quaternary-lighten); } html .testimonial-quaternary.testimonial-style-7 { background: var(--pfully-quaternary-lighten); } html .testimonial-quotes-quaternary blockquote:before { color: var(--pfully-primary) !important; } html .testimonial-quotes-quaternary blockquote:after { color: var(--pfully-primary) !important; } html .testimonial-dark blockquote { background: var(--pfully-dark-lighten); } html .testimonial-dark .testimonial-arrow-down { border-top-color: var(--pfully-dark-lighten); } html .testimonial-dark.testimonial-style-7 { background: var(--pfully-dark-lighten); } html .testimonial-quotes-dark blockquote:before { color: var(--pfully-primary) !important; } html .testimonial-quotes-dark blockquote:after { color: var(--pfully-primary) !important; } html .testimonial-light blockquote { background: var(--pfully-light); } html .testimonial-light .testimonial-arrow-down { border-top-color: var(--pfully-light); } html .testimonial-light.testimonial-style-7 { background: var(--pfully-light); } html .testimonial-quotes-light blockquote:before { color: var(--pfully-primary) !important; } html .testimonial-quotes-light blockquote:after { color: var(--pfully-primary) !important; } html .counters .counter-primary [class*="fa-"] { color: var(--pfully-primary); } html .counters .counter-primary .icons { color: var(--pfully-primary); } html .counters .counter-primary strong { color: var(--pfully-primary); } html .counters .counter-secondary [class*="fa-"] { color: var(--pfully-secondary); } html .counters .counter-secondary .icons { color: var(--pfully-secondary); } html .counters .counter-secondary strong { color: var(--pfully-secondary); } html .counters .counter-tertiary [class*="fa-"] { color: var(--pfully-tertiary); } html .counters .counter-tertiary .icons { color: var(--pfully-tertiary); } html .counters .counter-tertiary strong { color: var(--pfully-tertiary); } html .counters .counter-quaternary [class*="fa-"] { color: var(--pfully-quaternary); } html .counters .counter-quaternary .icons { color: var(--pfully-quaternary); } html .counters .counter-quaternary strong { color: var(--pfully-quaternary); } html .counters .counter-dark [class*="fa-"] { color: var(--pfully-dark); } html .counters .counter-dark .icons { color: var(--pfully-dark); } html .counters .counter-dark strong { color: var(--pfully-dark); } html .counters .counter-light [class*="fa-"] { color: var(--pfully-light); } html .counters .counter-light .icons { color: var(--pfully-light); } html .counters .counter-light strong { color: var(--pfully-light); } html .countdown.countdown-primary > span > span { color: var(--pfully-primary); } html .countdown.countdown-secondary > span > span { color: var(--pfully-secondary); } html .countdown.countdown-tertiary > span > span { color: var(--pfully-tertiary); } html .countdown.countdown-quaternary > span > span { color: var(--pfully-quaternary); } html .countdown.countdown-dark > span > span { color: var(--pfully-dark); } html .countdown.countdown-light > span > span { color: var(--pfully-light); } html .image-hotspot-primary strong { color: var(--pfully-primary-text) !important; } html .image-hotspot-primary .circle { background: var(--pfully-primary) !important; } html .image-hotspot-primary .ring { border-color: var(--pfully-primary-o-1); } html .image-hotspot-secondary strong { color: var(--pfully-secondary-text) !important; } html .image-hotspot-secondary .circle { background: var(--pfully-secondary) !important; } html .image-hotspot-secondary .ring { border-color: var(--pfully-secondary-o-1); } html .image-hotspot-tertiary strong { color: var(--pfully-tertiary-text) !important; } html .image-hotspot-tertiary .circle { background: var(--pfully-tertiary) !important; } html .image-hotspot-tertiary .ring { border-color: var(--pfully-tertiary-o-1); } html .image-hotspot-quaternary strong { color: var(--pfully-quaternary-text) !important; } html .image-hotspot-quaternary .circle { background: var(--pfully-quaternary) !important; } html .image-hotspot-quaternary .ring { border-color: var(--pfully-quaternary-o-1); } html .image-hotspot-dark strong { color: var(--pfully-dark-text) !important; } html .image-hotspot-dark .circle { background: var(--pfully-dark) !important; } html .image-hotspot-dark .ring { border-color: var(--pfully-dark-o-1); } html .image-hotspot-light strong { color: var(--pfully-light-text) !important; } html .image-hotspot-light .circle { background: var(--pfully-light) !important; } html .image-hotspot-light .ring { border-color: var(--pfully-light-o-1); } html .icon-box-primary .icon-box-icon { background-color: var(--pfully-primary); } html .icon-box-primary h4 { color: var(--pfully-primary); } html .icon-box-primary .box-content-border-top { border-top-color: var(--pfully-primary); } html .icon-box-primary .box-content-border-bottom { border-bottom-color: var(--pfully-primary); } html .icon-box-primary .box-content-border { border-color: var(--pfully-primary); } html .icon-box-secondary .icon-box-icon { background-color: var(--pfully-secondary); } html .icon-box-secondary h4 { color: var(--pfully-secondary); } html .icon-box-secondary .box-content-border-top { border-top-color: var(--pfully-secondary); } html .icon-box-secondary .box-content-border-bottom { border-bottom-color: var(--pfully-secondary); } html .icon-box-secondary .box-content-border { border-color: var(--pfully-secondary); } html .icon-box-tertiary .icon-box-icon { background-color: var(--pfully-tertiary); } html .icon-box-tertiary h4 { color: var(--pfully-tertiary); } html .icon-box-tertiary .box-content-border-top { border-top-color: var(--pfully-tertiary); } html .icon-box-tertiary .box-content-border-bottom { border-bottom-color: var(--pfully-tertiary); } html .icon-box-tertiary .box-content-border { border-color: var(--pfully-tertiary); } html .icon-box-quaternary .icon-box-icon { background-color: var(--pfully-quaternary); } html .icon-box-quaternary h4 { color: var(--pfully-quaternary); } html .icon-box-quaternary .box-content-border-top { border-top-color: var(--pfully-quaternary); } html .icon-box-quaternary .box-content-border-bottom { border-bottom-color: var(--pfully-quaternary); } html .icon-box-quaternary .box-content-border { border-color: var(--pfully-quaternary); } html .icon-box-dark .icon-box-icon { background-color: var(--pfully-dark); } html .icon-box-dark h4 { color: var(--pfully-dark); } html .icon-box-dark .box-content-border-top { border-top-color: var(--pfully-dark); } html .icon-box-dark .box-content-border-bottom { border-bottom-color: var(--pfully-dark); } html .icon-box-dark .box-content-border { border-color: var(--pfully-dark); } html .icon-box-light .icon-box-icon { background-color: var(--pfully-light); } html .icon-box-light h4 { color: var(--pfully-light); } html .icon-box-light .box-content-border-top { border-top-color: var(--pfully-light); } html .icon-box-light .box-content-border-bottom { border-bottom-color: var(--pfully-light); } html .icon-box-light .box-content-border { border-color: var(--pfully-light); } html .icon-boxes-style-3 .icon-box.icon-box-primary .icon-box-icon, html .icon-boxes-style-3.icon-box.icon-box-primary .icon-box-icon, html .icon-box-style-3 .icon-box.icon-box-primary .icon-box-icon, html .icon-box-style-3.icon-box.icon-box-primary .icon-box-icon { border-color: var(--pfully-primary); color: var(--pfully-primary); } html .icon-boxes-style-3 .icon-box.icon-box-secondary .icon-box-icon, html .icon-boxes-style-3.icon-box.icon-box-secondary .icon-box-icon, html .icon-box-style-3 .icon-box.icon-box-secondary .icon-box-icon, html .icon-box-style-3.icon-box.icon-box-secondary .icon-box-icon { border-color: var(--pfully-secondary); color: var(--pfully-secondary); } html .icon-boxes-style-3 .icon-box.icon-box-tertiary .icon-box-icon, html .icon-boxes-style-3.icon-box.icon-box-tertiary .icon-box-icon, html .icon-box-style-3 .icon-box.icon-box-tertiary .icon-box-icon, html .icon-box-style-3.icon-box.icon-box-tertiary .icon-box-icon { border-color: var(--pfully-tertiary); color: var(--pfully-tertiary); } html .icon-boxes-style-3 .icon-box.icon-box-quaternary .icon-box-icon, html .icon-boxes-style-3.icon-box.icon-box-quaternary .icon-box-icon, html .icon-box-style-3 .icon-box.icon-box-quaternary .icon-box-icon, html .icon-box-style-3.icon-box.icon-box-quaternary .icon-box-icon { border-color: var(--pfully-quaternary); color: var(--pfully-quaternary); } html .icon-boxes-style-3 .icon-box.icon-box-dark .icon-box-icon, html .icon-boxes-style-3.icon-box.icon-box-dark .icon-box-icon, html .icon-box-style-3 .icon-box.icon-box-dark .icon-box-icon, html .icon-box-style-3.icon-box.icon-box-dark .icon-box-icon { border-color: var(--pfully-dark); color: var(--pfully-dark); } html .icon-boxes-style-3 .icon-box.icon-box-light .icon-box-icon, html .icon-boxes-style-3.icon-box.icon-box-light .icon-box-icon, html .icon-box-style-3 .icon-box.icon-box-light .icon-box-icon, html .icon-box-style-3.icon-box.icon-box-light .icon-box-icon { border-color: var(--pfully-light); color: var(--pfully-light); } html .icon-boxes-style-4 .icon-box.icon-box-primary .icon-box-icon, html .icon-boxes-style-4.icon-box.icon-box-primary .icon-box-icon, html .icon-box-style-4 .icon-box.icon-box-primary .icon-box-icon, html .icon-box-style-4.icon-box.icon-box-primary .icon-box-icon { border-color: var(--pfully-primary); color: var(--pfully-primary); } html .icon-boxes-style-4 .icon-box.icon-box-secondary .icon-box-icon, html .icon-boxes-style-4.icon-box.icon-box-secondary .icon-box-icon, html .icon-box-style-4 .icon-box.icon-box-secondary .icon-box-icon, html .icon-box-style-4.icon-box.icon-box-secondary .icon-box-icon { border-color: var(--pfully-secondary); color: var(--pfully-secondary); } html .icon-boxes-style-4 .icon-box.icon-box-tertiary .icon-box-icon, html .icon-boxes-style-4.icon-box.icon-box-tertiary .icon-box-icon, html .icon-box-style-4 .icon-box.icon-box-tertiary .icon-box-icon, html .icon-box-style-4.icon-box.icon-box-tertiary .icon-box-icon { border-color: var(--pfully-tertiary); color: var(--pfully-tertiary); } html .icon-boxes-style-4 .icon-box.icon-box-quaternary .icon-box-icon, html .icon-boxes-style-4.icon-box.icon-box-quaternary .icon-box-icon, html .icon-box-style-4 .icon-box.icon-box-quaternary .icon-box-icon, html .icon-box-style-4.icon-box.icon-box-quaternary .icon-box-icon { border-color: var(--pfully-quaternary); color: var(--pfully-quaternary); } html .icon-boxes-style-4 .icon-box.icon-box-dark .icon-box-icon, html .icon-boxes-style-4.icon-box.icon-box-dark .icon-box-icon, html .icon-box-style-4 .icon-box.icon-box-dark .icon-box-icon, html .icon-box-style-4.icon-box.icon-box-dark .icon-box-icon { border-color: var(--pfully-dark); color: var(--pfully-dark); } html .icon-boxes-style-4 .icon-box.icon-box-light .icon-box-icon, html .icon-boxes-style-4.icon-box.icon-box-light .icon-box-icon, html .icon-box-style-4 .icon-box.icon-box-light .icon-box-icon, html .icon-box-style-4.icon-box.icon-box-light .icon-box-icon { border-color: var(--pfully-light); color: var(--pfully-light); } html .icon-boxes-style-5 .icon-box.icon-box-primary .icon-box-icon, html .icon-boxes-style-5.icon-box.icon-box-primary .icon-box-icon, html .icon-box-style-5 .icon-box.icon-box-primary .icon-box-icon, html .icon-box-style-5.icon-box.icon-box-primary .icon-box-icon { color: var(--pfully-primary); } html .icon-boxes-style-5 .icon-box.icon-box-secondary .icon-box-icon, html .icon-boxes-style-5.icon-box.icon-box-secondary .icon-box-icon, html .icon-box-style-5 .icon-box.icon-box-secondary .icon-box-icon, html .icon-box-style-5.icon-box.icon-box-secondary .icon-box-icon { color: var(--pfully-secondary); } html .icon-boxes-style-5 .icon-box.icon-box-tertiary .icon-box-icon, html .icon-boxes-style-5.icon-box.icon-box-tertiary .icon-box-icon, html .icon-box-style-5 .icon-box.icon-box-tertiary .icon-box-icon, html .icon-box-style-5.icon-box.icon-box-tertiary .icon-box-icon { color: var(--pfully-tertiary); } html .icon-boxes-style-5 .icon-box.icon-box-quaternary .icon-box-icon, html .icon-boxes-style-5.icon-box.icon-box-quaternary .icon-box-icon, html .icon-box-style-5 .icon-box.icon-box-quaternary .icon-box-icon, html .icon-box-style-5.icon-box.icon-box-quaternary .icon-box-icon { color: var(--pfully-quaternary); } html .icon-boxes-style-5 .icon-box.icon-box-dark .icon-box-icon, html .icon-boxes-style-5.icon-box.icon-box-dark .icon-box-icon, html .icon-box-style-5 .icon-box.icon-box-dark .icon-box-icon, html .icon-box-style-5.icon-box.icon-box-dark .icon-box-icon { color: var(--pfully-dark); } html .icon-boxes-style-5 .icon-box.icon-box-light .icon-box-icon, html .icon-boxes-style-5.icon-box.icon-box-light .icon-box-icon, html .icon-box-style-5 .icon-box.icon-box-light .icon-box-icon, html .icon-box-style-5.icon-box.icon-box-light .icon-box-icon { color: var(--pfully-light); } html .icon-boxes-style-6 .icon-box.icon-box-primary .icon-box-icon, html .icon-boxes-style-6.icon-box.icon-box-primary .icon-box-icon, html .icon-box-style-6 .icon-box.icon-box-primary .icon-box-icon, html .icon-box-style-6.icon-box.icon-box-primary .icon-box-icon { color: var(--pfully-primary); } html .icon-boxes-style-6 .icon-box.icon-box-secondary .icon-box-icon, html .icon-boxes-style-6.icon-box.icon-box-secondary .icon-box-icon, html .icon-box-style-6 .icon-box.icon-box-secondary .icon-box-icon, html .icon-box-style-6.icon-box.icon-box-secondary .icon-box-icon { color: var(--pfully-secondary); } html .icon-boxes-style-6 .icon-box.icon-box-tertiary .icon-box-icon, html .icon-boxes-style-6.icon-box.icon-box-tertiary .icon-box-icon, html .icon-box-style-6 .icon-box.icon-box-tertiary .icon-box-icon, html .icon-box-style-6.icon-box.icon-box-tertiary .icon-box-icon { color: var(--pfully-tertiary); } html .icon-boxes-style-6 .icon-box.icon-box-quaternary .icon-box-icon, html .icon-boxes-style-6.icon-box.icon-box-quaternary .icon-box-icon, html .icon-box-style-6 .icon-box.icon-box-quaternary .icon-box-icon, html .icon-box-style-6.icon-box.icon-box-quaternary .icon-box-icon { color: var(--pfully-quaternary); } html .icon-boxes-style-6 .icon-box.icon-box-dark .icon-box-icon, html .icon-boxes-style-6.icon-box.icon-box-dark .icon-box-icon, html .icon-box-style-6 .icon-box.icon-box-dark .icon-box-icon, html .icon-box-style-6.icon-box.icon-box-dark .icon-box-icon { color: var(--pfully-dark); } html .icon-boxes-style-6 .icon-box.icon-box-light .icon-box-icon, html .icon-boxes-style-6.icon-box.icon-box-light .icon-box-icon, html .icon-box-style-6 .icon-box.icon-box-light .icon-box-icon, html .icon-box-style-6.icon-box.icon-box-light .icon-box-icon { color: var(--pfully-light); } html .icon-boxes-style-8 .icon-box.icon-box-primary .icon-box-icon, html .icon-boxes-style-8.icon-box.icon-box-primary .icon-box-icon, html .icon-box-style-8 .icon-box.icon-box-primary .icon-box-icon, html .icon-box-style-8.icon-box.icon-box-primary .icon-box-icon { color: var(--pfully-primary); } html .icon-boxes-style-8 .icon-box.icon-box-secondary .icon-box-icon, html .icon-boxes-style-8.icon-box.icon-box-secondary .icon-box-icon, html .icon-box-style-8 .icon-box.icon-box-secondary .icon-box-icon, html .icon-box-style-8.icon-box.icon-box-secondary .icon-box-icon { color: var(--pfully-secondary); } html .icon-boxes-style-8 .icon-box.icon-box-tertiary .icon-box-icon, html .icon-boxes-style-8.icon-box.icon-box-tertiary .icon-box-icon, html .icon-box-style-8 .icon-box.icon-box-tertiary .icon-box-icon, html .icon-box-style-8.icon-box.icon-box-tertiary .icon-box-icon { color: var(--pfully-tertiary); } html .icon-boxes-style-8 .icon-box.icon-box-quaternary .icon-box-icon, html .icon-boxes-style-8.icon-box.icon-box-quaternary .icon-box-icon, html .icon-box-style-8 .icon-box.icon-box-quaternary .icon-box-icon, html .icon-box-style-8.icon-box.icon-box-quaternary .icon-box-icon { color: var(--pfully-quaternary); } html .icon-boxes-style-8 .icon-box.icon-box-dark .icon-box-icon, html .icon-boxes-style-8.icon-box.icon-box-dark .icon-box-icon, html .icon-box-style-8 .icon-box.icon-box-dark .icon-box-icon, html .icon-box-style-8.icon-box.icon-box-dark .icon-box-icon { color: var(--pfully-dark); } html .icon-boxes-style-8 .icon-box.icon-box-light .icon-box-icon, html .icon-boxes-style-8.icon-box.icon-box-light .icon-box-icon, html .icon-box-style-8 .icon-box.icon-box-light .icon-box-icon, html .icon-box-style-8.icon-box.icon-box-light .icon-box-icon { color: var(--pfully-light); } html .icon-boxes-modern-style-2.icon-boxes-modern-style-primary .icon-box { background: var(--pfully-primary); background: linear-gradient(135deg, var(--pfully-primary-lighten-2) 0%, var(--pfully-primary-darken-2) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--pfully-primary-lighten-2)', endColorstr='var(--pfully-primary-darken-2)', GradientType=1 ); } html .icon-boxes-modern-style-2.icon-boxes-modern-style-secondary .icon-box { background: var(--pfully-secondary); background: linear-gradient(135deg, var(--pfully-secondary-lighten-2) 0%, var(--pfully-secondary-darken-2) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--pfully-secondary-lighten-2)', endColorstr='var(--pfully-secondary-darken-2)', GradientType=1 ); } html .icon-boxes-modern-style-2.icon-boxes-modern-style-tertiary .icon-box { background: var(--pfully-tertiary); background: linear-gradient(135deg, var(--pfully-tertiary-lighten-2) 0%, var(--pfully-tertiary-darken-2) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--pfully-tertiary-lighten-2)', endColorstr='var(--pfully-tertiary-darken-2)', GradientType=1 ); } html .icon-boxes-modern-style-2.icon-boxes-modern-style-quaternary .icon-box { background: var(--pfully-quaternary); background: linear-gradient(135deg, var(--pfully-quaternary-lighten-2) 0%, var(--pfully-quaternary-darken-2) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--pfully-quaternary-lighten-2)', endColorstr='var(--pfully-quaternary-darken-2)', GradientType=1 ); } html .icon-boxes-modern-style-2.icon-boxes-modern-style-rainbow .icon-box { background: var(--pfully-quaternary); background: linear-gradient(135deg, #9400D3 0%, #4B0082 16.3%, #0000FF 33.3%, #00FF00 49.8%, #FFFF00 66.4%, #FF7F00 83%, #FF0000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--pfully-quaternary-lighten-2)', endColorstr='var(--pfully-quaternary-darken-2)', GradientType=1 ); } html .icon-box-effect-1.icon-box-primary .icon-box-icon:after { box-shadow: 0 0 0 3px var(--pfully-primary); } html .icon-box-effect-1.icon-box-secondary .icon-box-icon:after { box-shadow: 0 0 0 3px var(--pfully-secondary); } html .icon-box-effect-1.icon-box-tertiary .icon-box-icon:after { box-shadow: 0 0 0 3px var(--pfully-tertiary); } html .icon-box-effect-1.icon-box-quaternary .icon-box-icon:after { box-shadow: 0 0 0 3px var(--pfully-quaternary); } html .icon-box-effect-1.icon-box-dark .icon-box-icon:after { box-shadow: 0 0 0 3px var(--pfully-dark); } html .icon-box-effect-1.icon-box-light .icon-box-icon:after { box-shadow: 0 0 0 3px var(--pfully-light); } html .icon-box-effect-2.icon-box-primary .icon-box-icon:after { box-shadow: 0 0 0 3px var(--pfully-primary); } html .icon-box-effect-2.icon-box-secondary .icon-box-icon:after { box-shadow: 0 0 0 3px var(--pfully-secondary); } html .icon-box-effect-2.icon-box-tertiary .icon-box-icon:after { box-shadow: 0 0 0 3px var(--pfully-tertiary); } html .icon-box-effect-2.icon-box-quaternary .icon-box-icon:after { box-shadow: 0 0 0 3px var(--pfully-quaternary); } html .icon-box-effect-2.icon-box-dark .icon-box-icon:after { box-shadow: 0 0 0 3px var(--pfully-dark); } html .icon-box-effect-2.icon-box-light .icon-box-icon:after { box-shadow: 0 0 0 3px var(--pfully-light); } html .icon-box-effect-3.icon-box-primary .icon-box-icon:after { box-shadow: 0 0 0 10px var(--pfully-primary); } html .icon-box-effect-3.icon-box-primary:hover .icon-box-icon, html .icon-box-effect-3.icon-box-primary:focus .icon-box-icon { background: var(--pfully-primary) !important; } html .icon-box-effect-3.icon-box-secondary .icon-box-icon:after { box-shadow: 0 0 0 10px var(--pfully-secondary); } html .icon-box-effect-3.icon-box-secondary:hover .icon-box-icon, html .icon-box-effect-3.icon-box-secondary:focus .icon-box-icon { background: var(--pfully-secondary) !important; } html .icon-box-effect-3.icon-box-tertiary .icon-box-icon:after { box-shadow: 0 0 0 10px var(--pfully-tertiary); } html .icon-box-effect-3.icon-box-tertiary:hover .icon-box-icon, html .icon-box-effect-3.icon-box-tertiary:focus .icon-box-icon { background: var(--pfully-tertiary) !important; } html .icon-box-effect-3.icon-box-quaternary .icon-box-icon:after { box-shadow: 0 0 0 10px var(--pfully-quaternary); } html .icon-box-effect-3.icon-box-quaternary:hover .icon-box-icon, html .icon-box-effect-3.icon-box-quaternary:focus .icon-box-icon { background: var(--pfully-quaternary) !important; } html .icon-box-effect-3.icon-box-dark .icon-box-icon:after { box-shadow: 0 0 0 10px var(--pfully-dark); } html .icon-box-effect-3.icon-box-dark:hover .icon-box-icon, html .icon-box-effect-3.icon-box-dark:focus .icon-box-icon { background: var(--pfully-dark) !important; } html .icon-box-effect-3.icon-box-light .icon-box-icon:after { box-shadow: 0 0 0 10px var(--pfully-light); } html .icon-box-effect-3.icon-box-light:hover .icon-box-icon, html .icon-box-effect-3.icon-box-light:focus .icon-box-icon { background: var(--pfully-light) !important; } html .icon-box-effect-5.icon-box-primary:hover .icon-box-icon, html .icon-box-effect-5.icon-box-primary:focus .icon-box-icon { background: var(--pfully-primary) !important; color: var(--pfully-primary-text) !important; } html .featured-box-primary .icon-featured { background-color: var(--pfully-primary); } html .featured-box-primary h4 { color: var(--pfully-primary); } html .featured-box-primary .box-content { border-top-color: var(--pfully-primary); } html .featured-box-primary .box-content-border-bottom { border-bottom-color: var(--pfully-primary); } html .featured-box-secondary .icon-featured { background-color: var(--pfully-secondary); } html .featured-box-secondary h4 { color: var(--pfully-secondary); } html .featured-box-secondary .box-content { border-top-color: var(--pfully-secondary); } html .featured-box-secondary .box-content-border-bottom { border-bottom-color: var(--pfully-secondary); } html .featured-box-tertiary .icon-featured { background-color: var(--pfully-tertiary); } html .featured-box-tertiary h4 { color: var(--pfully-tertiary); } html .featured-box-tertiary .box-content { border-top-color: var(--pfully-tertiary); } html .featured-box-tertiary .box-content-border-bottom { border-bottom-color: var(--pfully-tertiary); } html .featured-box-quaternary .icon-featured { background-color: var(--pfully-quaternary); } html .featured-box-quaternary h4 { color: var(--pfully-quaternary); } html .featured-box-quaternary .box-content { border-top-color: var(--pfully-quaternary); } html .featured-box-quaternary .box-content-border-bottom { border-bottom-color: var(--pfully-quaternary); } html .featured-box-dark .icon-featured { background-color: var(--pfully-dark); } html .featured-box-dark h4 { color: var(--pfully-dark); } html .featured-box-dark .box-content { border-top-color: var(--pfully-dark); } html .featured-box-dark .box-content-border-bottom { border-bottom-color: var(--pfully-dark); } html .featured-box-light .icon-featured { background-color: var(--pfully-light); } html .featured-box-light h4 { color: var(--pfully-light); } html .featured-box-light .box-content { border-top-color: var(--pfully-light-text); } html .featured-box-light .box-content-border-bottom { border-bottom-color: var(--pfully-light-text); } html .featured-boxes-style-3 .featured-box.featured-box-primary .icon-featured { border-color: var(--pfully-primary); color: var(--pfully-primary); } html .featured-boxes-style-3 .featured-box.featured-box-secondary .icon-featured { border-color: var(--pfully-secondary); color: var(--pfully-secondary); } html .featured-boxes-style-3 .featured-box.featured-box-tertiary .icon-featured { border-color: var(--pfully-tertiary); color: var(--pfully-tertiary); } html .featured-boxes-style-3 .featured-box.featured-box-quaternary .icon-featured { border-color: var(--pfully-quaternary); color: var(--pfully-quaternary); } html .featured-boxes-style-3 .featured-box.featured-box-dark .icon-featured { border-color: var(--pfully-dark); color: var(--pfully-dark); } html .featured-boxes-style-3 .featured-box.featured-box-light .icon-featured { border-color: var(--pfully-light); color: var(--pfully-light); } html .featured-boxes-style-4 .featured-box.featured-box-primary .icon-featured { border-color: var(--pfully-primary); color: var(--pfully-primary); } html .featured-boxes-style-4 .featured-box.featured-box-secondary .icon-featured { border-color: var(--pfully-secondary); color: var(--pfully-secondary); } html .featured-boxes-style-4 .featured-box.featured-box-tertiary .icon-featured { border-color: var(--pfully-tertiary); color: var(--pfully-tertiary); } html .featured-boxes-style-4 .featured-box.featured-box-quaternary .icon-featured { border-color: var(--pfully-quaternary); color: var(--pfully-quaternary); } html .featured-boxes-style-4 .featured-box.featured-box-dark .icon-featured { border-color: var(--pfully-dark); color: var(--pfully-dark); } html .featured-boxes-style-4 .featured-box.featured-box-light .icon-featured { border-color: var(--pfully-light); color: var(--pfully-light); } html .featured-boxes-style-5 .featured-box.featured-box-primary .icon-featured { color: var(--pfully-primary); } html .featured-boxes-style-5 .featured-box.featured-box-secondary .icon-featured { color: var(--pfully-secondary); } html .featured-boxes-style-5 .featured-box.featured-box-tertiary .icon-featured { color: var(--pfully-tertiary); } html .featured-boxes-style-5 .featured-box.featured-box-quaternary .icon-featured { color: var(--pfully-quaternary); } html .featured-boxes-style-5 .featured-box.featured-box-dark .icon-featured { color: var(--pfully-dark); } html .featured-boxes-style-5 .featured-box.featured-box-light .icon-featured { color: var(--pfully-light); } html .featured-boxes-style-6 .featured-box.featured-box-primary .icon-featured { color: var(--pfully-primary); } html .featured-boxes-style-6 .featured-box.featured-box-secondary .icon-featured { color: var(--pfully-secondary); } html .featured-boxes-style-6 .featured-box.featured-box-tertiary .icon-featured { color: var(--pfully-tertiary); } html .featured-boxes-style-6 .featured-box.featured-box-quaternary .icon-featured { color: var(--pfully-quaternary); } html .featured-boxes-style-6 .featured-box.featured-box-dark .icon-featured { color: var(--pfully-dark); } html .featured-boxes-style-6 .featured-box.featured-box-light .icon-featured { color: var(--pfully-light); } html .featured-boxes-style-8 .featured-box.featured-box-primary .icon-featured { color: var(--pfully-primary); } html .featured-boxes-style-8 .featured-box.featured-box-secondary .icon-featured { color: var(--pfully-secondary); } html .featured-boxes-style-8 .featured-box.featured-box-tertiary .icon-featured { color: var(--pfully-tertiary); } html .featured-boxes-style-8 .featured-box.featured-box-quaternary .icon-featured { color: var(--pfully-quaternary); } html .featured-boxes-style-8 .featured-box.featured-box-dark .icon-featured { color: var(--pfully-dark); } html .featured-boxes-style-8 .featured-box.featured-box-light .icon-featured { color: var(--pfully-light); } html .featured-box-effect-2.featured-box-primary .icon-featured:after { box-shadow: 0 0 0 3px var(--pfully-primary); } html .featured-box-effect-2.featured-box-secondary .icon-featured:after { box-shadow: 0 0 0 3px var(--pfully-secondary); } html .featured-box-effect-2.featured-box-tertiary .icon-featured:after { box-shadow: 0 0 0 3px var(--pfully-tertiary); } html .featured-box-effect-2.featured-box-quaternary .icon-featured:after { box-shadow: 0 0 0 3px var(--pfully-quaternary); } html .featured-box-effect-2.featured-box-dark .icon-featured:after { box-shadow: 0 0 0 3px var(--pfully-dark); } html .featured-box-effect-2.featured-box-light .icon-featured:after { box-shadow: 0 0 0 3px var(--pfully-light); } html .featured-box-effect-3.featured-box-primary .icon-featured:after { box-shadow: 0 0 0 10px var(--pfully-primary); } html .featured-box-effect-3.featured-box-primary:hover .icon-featured, html .featured-box-effect-3.featured-box-primary:focus .icon-featured { background: var(--pfully-primary) !important; } html .featured-box-effect-3.featured-box-secondary .icon-featured:after { box-shadow: 0 0 0 10px var(--pfully-secondary); } html .featured-box-effect-3.featured-box-secondary:hover .icon-featured, html .featured-box-effect-3.featured-box-secondary:focus .icon-featured { background: var(--pfully-secondary) !important; } html .featured-box-effect-3.featured-box-tertiary .icon-featured:after { box-shadow: 0 0 0 10px var(--pfully-tertiary); } html .featured-box-effect-3.featured-box-tertiary:hover .icon-featured, html .featured-box-effect-3.featured-box-tertiary:focus .icon-featured { background: var(--pfully-tertiary) !important; } html .featured-box-effect-3.featured-box-quaternary .icon-featured:after { box-shadow: 0 0 0 10px var(--pfully-quaternary); } html .featured-box-effect-3.featured-box-quaternary:hover .icon-featured, html .featured-box-effect-3.featured-box-quaternary:focus .icon-featured { background: var(--pfully-quaternary) !important; } html .featured-box-effect-3.featured-box-dark .icon-featured:after { box-shadow: 0 0 0 10px var(--pfully-dark); } html .featured-box-effect-3.featured-box-dark:hover .icon-featured, html .featured-box-effect-3.featured-box-dark:focus .icon-featured { background: var(--pfully-dark) !important; } html .featured-box-effect-3.featured-box-light .icon-featured:after { box-shadow: 0 0 0 10px var(--pfully-light); } html .featured-box-effect-3.featured-box-light:hover .icon-featured, html .featured-box-effect-3.featured-box-light:focus .icon-featured { background: var(--pfully-light) !important; } html .feature-box-primary .feature-box-icon { background-color: var(--pfully-primary); } html .feature-box-secondary .feature-box-icon { background-color: var(--pfully-secondary); } html .feature-box-tertiary .feature-box-icon { background-color: var(--pfully-tertiary); } html .feature-box-quaternary .feature-box-icon { background-color: var(--pfully-quaternary); } html .feature-box-dark .feature-box-icon { background-color: var(--pfully-dark); } html .feature-box-light .feature-box-icon { background-color: var(--pfully-light); } html .feature-box-primary.feature-box-style-2 .feature-box-icon [class*="fa-"] { color: var(--pfully-primary); } html .feature-box-primary.feature-box-style-2 .feature-box-icon .icons { color: var(--pfully-primary); } html .feature-box-secondary.feature-box-style-2 .feature-box-icon [class*="fa-"] { color: var(--pfully-secondary); } html .feature-box-secondary.feature-box-style-2 .feature-box-icon .icons { color: var(--pfully-secondary); } html .feature-box-tertiary.feature-box-style-2 .feature-box-icon [class*="fa-"] { color: var(--pfully-tertiary); } html .feature-box-tertiary.feature-box-style-2 .feature-box-icon .icons { color: var(--pfully-tertiary); } html .feature-box-quaternary.feature-box-style-2 .feature-box-icon [class*="fa-"] { color: var(--pfully-quaternary); } html .feature-box-quaternary.feature-box-style-2 .feature-box-icon .icons { color: var(--pfully-quaternary); } html .feature-box-dark.feature-box-style-2 .feature-box-icon [class*="fa-"] { color: var(--pfully-dark); } html .feature-box-dark.feature-box-style-2 .feature-box-icon .icons { color: var(--pfully-dark); } html .feature-box-light.feature-box-style-2 .feature-box-icon [class*="fa-"] { color: var(--pfully-light); } html .feature-box-light.feature-box-style-2 .feature-box-icon .icons { color: var(--pfully-light); } html .feature-box-primary.feature-box-style-3 .feature-box-icon { border-color: var(--pfully-primary); } html .feature-box-primary.feature-box-style-3 .feature-box-icon [class*="fa-"] { color: var(--pfully-primary); } html .feature-box-primary.feature-box-style-3 .feature-box-icon .icons { color: var(--pfully-primary); } html .feature-box-secondary.feature-box-style-3 .feature-box-icon { border-color: var(--pfully-secondary); } html .feature-box-secondary.feature-box-style-3 .feature-box-icon [class*="fa-"] { color: var(--pfully-secondary); } html .feature-box-secondary.feature-box-style-3 .feature-box-icon .icons { color: var(--pfully-secondary); } html .feature-box-tertiary.feature-box-style-3 .feature-box-icon { border-color: var(--pfully-tertiary); } html .feature-box-tertiary.feature-box-style-3 .feature-box-icon [class*="fa-"] { color: var(--pfully-tertiary); } html .feature-box-tertiary.feature-box-style-3 .feature-box-icon .icons { color: var(--pfully-tertiary); } html .feature-box-quaternary.feature-box-style-3 .feature-box-icon { border-color: var(--pfully-quaternary); } html .feature-box-quaternary.feature-box-style-3 .feature-box-icon [class*="fa-"] { color: var(--pfully-quaternary); } html .feature-box-quaternary.feature-box-style-3 .feature-box-icon .icons { color: var(--pfully-quaternary); } html .feature-box-dark.feature-box-style-3 .feature-box-icon { border-color: var(--pfully-dark); } html .feature-box-dark.feature-box-style-3 .feature-box-icon [class*="fa-"] { color: var(--pfully-dark); } html .feature-box-dark.feature-box-style-3 .feature-box-icon .icons { color: var(--pfully-dark); } html .feature-box-light.feature-box-style-3 .feature-box-icon { border-color: var(--pfully-light); } html .feature-box-light.feature-box-style-3 .feature-box-icon [class*="fa-"] { color: var(--pfully-light); } html .feature-box-light.feature-box-style-3 .feature-box-icon .icons { color: var(--pfully-light); } html .feature-box-primary.feature-box-style-4 .feature-box-icon [class*="fa-"] { color: var(--pfully-primary); } html .feature-box-primary.feature-box-style-4 .feature-box-icon .icons { color: var(--pfully-primary); } html .feature-box-secondary.feature-box-style-4 .feature-box-icon [class*="fa-"] { color: var(--pfully-secondary); } html .feature-box-secondary.feature-box-style-4 .feature-box-icon .icons { color: var(--pfully-secondary); } html .feature-box-tertiary.feature-box-style-4 .feature-box-icon [class*="fa-"] { color: var(--pfully-tertiary); } html .feature-box-tertiary.feature-box-style-4 .feature-box-icon .icons { color: var(--pfully-tertiary); } html .feature-box-quaternary.feature-box-style-4 .feature-box-icon [class*="fa-"] { color: var(--pfully-quaternary); } html .feature-box-quaternary.feature-box-style-4 .feature-box-icon .icons { color: var(--pfully-quaternary); } html .feature-box-dark.feature-box-style-4 .feature-box-icon [class*="fa-"] { color: var(--pfully-dark); } html .feature-box-dark.feature-box-style-4 .feature-box-icon .icons { color: var(--pfully-dark); } html .feature-box-light.feature-box-style-4 .feature-box-icon [class*="fa-"] { color: var(--pfully-light); } html .feature-box-light.feature-box-style-4 .feature-box-icon .icons { color: var(--pfully-light); } html .feature-box-primary.feature-box-style-5 .feature-box-icon [class*="fa-"] { color: var(--pfully-primary); } html .feature-box-primary.feature-box-style-5 .feature-box-icon .icons { color: var(--pfully-primary); } html .feature-box-secondary.feature-box-style-5 .feature-box-icon [class*="fa-"] { color: var(--pfully-secondary); } html .feature-box-secondary.feature-box-style-5 .feature-box-icon .icons { color: var(--pfully-secondary); } html .feature-box-tertiary.feature-box-style-5 .feature-box-icon [class*="fa-"] { color: var(--pfully-tertiary); } html .feature-box-tertiary.feature-box-style-5 .feature-box-icon .icons { color: var(--pfully-tertiary); } html .feature-box-quaternary.feature-box-style-5 .feature-box-icon [class*="fa-"] { color: var(--pfully-quaternary); } html .feature-box-quaternary.feature-box-style-5 .feature-box-icon .icons { color: var(--pfully-quaternary); } html .feature-box-dark.feature-box-style-5 .feature-box-icon [class*="fa-"] { color: var(--pfully-dark); } html .feature-box-dark.feature-box-style-5 .feature-box-icon .icons { color: var(--pfully-dark); } html .feature-box-light.feature-box-style-5 .feature-box-icon [class*="fa-"] { color: var(--pfully-light); } html .feature-box-light.feature-box-style-5 .feature-box-icon .icons { color: var(--pfully-light); } html .feature-box-primary.feature-box-style-6 .feature-box-icon [class*="fa-"] { color: var(--pfully-primary); } html .feature-box-primary.feature-box-style-6 .feature-box-icon .icons { color: var(--pfully-primary); } html .feature-box-secondary.feature-box-style-6 .feature-box-icon [class*="fa-"] { color: var(--pfully-secondary); } html .feature-box-secondary.feature-box-style-6 .feature-box-icon .icons { color: var(--pfully-secondary); } html .feature-box-tertiary.feature-box-style-6 .feature-box-icon [class*="fa-"] { color: var(--pfully-tertiary); } html .feature-box-tertiary.feature-box-style-6 .feature-box-icon .icons { color: var(--pfully-tertiary); } html .feature-box-quaternary.feature-box-style-6 .feature-box-icon [class*="fa-"] { color: var(--pfully-quaternary); } html .feature-box-quaternary.feature-box-style-6 .feature-box-icon .icons { color: var(--pfully-quaternary); } html .feature-box-dark.feature-box-style-6 .feature-box-icon [class*="fa-"] { color: var(--pfully-dark); } html .feature-box-dark.feature-box-style-6 .feature-box-icon .icons { color: var(--pfully-dark); } html .feature-box-light.feature-box-style-6 .feature-box-icon [class*="fa-"] { color: var(--pfully-light); } html .feature-box-light.feature-box-style-6 .feature-box-icon .icons { color: var(--pfully-light); } html .featured-boxes-full-scale > .featured-box-full-primary:nth-child(1) { background-color: var(--pfully-primary-darken-2); } html .featured-boxes-full-scale > .featured-box-full-primary:nth-child(2) { background-color: var(--pfully-primary-darken); } html .featured-boxes-full-scale > .featured-box-full-primary:nth-child(3) { background-color: var(--pfully-primary); } html .featured-boxes-full-scale > .featured-box-full-primary:nth-child(4) { background-color: var(--pfully-primary-lighten); } html .featured-boxes-full-scale > .featured-box-full-primary:nth-child(5) { background-color: var(--pfully-primary-lighten-2); } html .featured-boxes-full-scale > .featured-box-full-primary:nth-child(6) { background-color: var(--pfully-primary-lighten-3); } html .featured-boxes-full .featured-box-full-primary { background-color: var(--pfully-primary); color: var(--pfully-primary-text); } html .featured-boxes-full .featured-box-full-secondary { background-color: var(--pfully-secondary); color: var(--pfully-secondary-text); } html .featured-boxes-full .featured-box-full-tertiary { background-color: var(--pfully-tertiary); color: var(--pfully-tertiary-text); } html .featured-boxes-full .featured-box-full-quaternary { background-color: var(--pfully-quaternary); color: var(--pfully-quaternary-text); } html .featured-boxes-full .featured-box-full-dark { background-color: var(--pfully-dark); color: var(--pfully-dark-text); } html .featured-boxes-full .featured-box-full-light { background-color: var(--pfully-light); color: var(--pfully-light-text); } html .call-to-action.featured.featured-primary { border-top-color: var(--pfully-primary); } html .call-to-action.call-to-action-primary { background: var(--pfully-primary); } html .call-to-action.call-to-action-primary h3 { color: var(--pfully-primary-text); } html .call-to-action.call-to-action-primary p { color: var(--pfully-primary-text); } html .call-to-action.with-full-borders-primary { border-color: var(--pfully-primary); } html .call-to-action.featured.featured-secondary { border-top-color: var(--pfully-secondary); } html .call-to-action.call-to-action-secondary { background: var(--pfully-secondary); } html .call-to-action.call-to-action-secondary h3 { color: var(--pfully-secondary-text); } html .call-to-action.call-to-action-secondary p { color: var(--pfully-secondary-text); } html .call-to-action.with-full-borders-secondary { border-color: var(--pfully-secondary); } html .call-to-action.featured.featured-tertiary { border-top-color: var(--pfully-tertiary); } html .call-to-action.call-to-action-tertiary { background: var(--pfully-tertiary); } html .call-to-action.call-to-action-tertiary h3 { color: var(--pfully-tertiary-text); } html .call-to-action.call-to-action-tertiary p { color: var(--pfully-tertiary-text); } html .call-to-action.with-full-borders-tertiary { border-color: var(--pfully-tertiary); } html .call-to-action.featured.featured-quaternary { border-top-color: var(--pfully-quaternary); } html .call-to-action.call-to-action-quaternary { background: var(--pfully-quaternary); } html .call-to-action.call-to-action-quaternary h3 { color: var(--pfully-quaternary-text); } html .call-to-action.call-to-action-quaternary p { color: var(--pfully-quaternary-text); } html .call-to-action.with-full-borders-quaternary { border-color: var(--pfully-quaternary); } html .call-to-action.featured.featured-dark { border-top-color: var(--pfully-dark); } html .call-to-action.call-to-action-dark { background: var(--pfully-dark); } html .call-to-action.call-to-action-dark h3 { color: var(--pfully-dark-text); } html .call-to-action.call-to-action-dark p { color: var(--pfully-dark-text); } html .call-to-action.with-full-borders-dark { border-color: var(--pfully-dark); } html .call-to-action.featured.featured-light { border-top-color: var(--pfully-light); } html .call-to-action.call-to-action-light { background: var(--pfully-light); } html .call-to-action.call-to-action-light h3 { color: var(--pfully-light-text); } html .call-to-action.call-to-action-light p { color: var(--pfully-light-text); } html .call-to-action.with-full-borders-light { border-color: var(--pfully-light); } html .home-intro-primary { background: var(--pfully-primary); } html .home-intro-secondary { background: var(--pfully-secondary); } html .home-intro-tertiary { background: var(--pfully-tertiary); } html .home-intro-quaternary { background: var(--pfully-quaternary); } html .home-intro-dark { background: var(--pfully-dark); } html .home-intro-light { background: var(--pfully-light); } html .slide-overlay-primary .slotholder:after { background-color: var(--pfully-primary) !important; } html .slider-container .tp-caption-overlay-primary { background: var(--pfully-primary); } html .slider-container .tp-caption-overlay-opacity-primary { background: var(--pfully-primary-o-6); } html .slider-container .tp-caption-overlay-secondary { background: var(--pfully-secondary); } html .slider-container .tp-caption-overlay-opacity-secondary { background: var(--pfully-secondary-o-6); } html .slider-container .tp-caption-overlay-tertiary { background: var(--pfully-tertiary); } html .slider-container .tp-caption-overlay-opacity-tertiary { background: var(--pfully-tertiary-o-6); } html .slider-container .tp-caption-overlay-quaternary { background: var(--pfully-quaternary); } html .slider-container .tp-caption-overlay-opacity-quaternary { background: var(--pfully-quaternary-o-6); } html .slider-container .tp-caption-overlay-dark { background: var(--pfully-dark); } html .slider-container .tp-caption-overlay-opacity-dark { background: var(--pfully-dark-o-6); } html .slider-container .tp-caption-overlay-light { background: var(--pfully-light); } html .slider-container .tp-caption-overlay-opacity-light { background: var(--pfully-light-o-6); } html .tp-bullets.bullets-color-primary .tp-bullet:hover, html .tp-bullets.bullets-color-primary .tp-bullet:focus { background: var(--pfully-primary); } html .tp-bullets.bullets-color-primary .tp-bullet.selected { background: var(--pfully-primary); } html .slide-overlay-secondary .slotholder:after { background-color: var(--pfully-secondary) !important; } html .tp-bullets.bullets-color-secondary .tp-bullet:hover, html .tp-bullets.bullets-color-secondary .tp-bullet:focus { background: var(--pfully-secondary); } html .tp-bullets.bullets-color-secondary .tp-bullet.selected { background: var(--pfully-secondary); } html .slide-overlay-tertiary .slotholder:after { background-color: var(--pfully-tertiary) !important; } html .tp-bullets.bullets-color-tertiary .tp-bullet:hover, html .tp-bullets.bullets-color-tertiary .tp-bullet:focus { background: var(--pfully-tertiary); } html .tp-bullets.bullets-color-tertiary .tp-bullet.selected { background: var(--pfully-tertiary); } html .slide-overlay-quaternary .slotholder:after { background-color: var(--pfully-quaternary) !important; } html .tp-bullets.bullets-color-quaternary .tp-bullet:hover, html .tp-bullets.bullets-color-quaternary .tp-bullet:focus { background: var(--pfully-quaternary); } html .tp-bullets.bullets-color-quaternary .tp-bullet.selected { background: var(--pfully-quaternary); } html .slide-overlay-dark .slotholder:after { background-color: var(--pfully-dark) !important; } html .tp-bullets.bullets-color-dark .tp-bullet:hover, html .tp-bullets.bullets-color-dark .tp-bullet:focus { background: var(--pfully-dark); } html .tp-bullets.bullets-color-dark .tp-bullet.selected { background: var(--pfully-dark); } html .slide-overlay-light .slotholder:after { background-color: var(--pfully-light) !important; } html .tp-bullets.bullets-color-light .tp-bullet:hover, html .tp-bullets.bullets-color-light .tp-bullet:focus { background: var(--pfully-light); } html .tp-bullets.bullets-color-light .tp-bullet.selected { background: var(--pfully-light); } html .slide-overlay.slide-overlay-gradient .slotholder:after { background-color: var(--pfully-tertiary) !important; background-image: linear-gradient(to right, var(--pfully-tertiary) 0%, var(--pfully-quaternary) 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--pfully-tertiary)', endColorstr='var(--pfully-quaternary)', GradientType=1); } .svg-animation-effect-1-hover:hover svg path, .svg-animation-effect-1-hover:focus svg path { stroke: var(--pfully-primary); } .svg-animation-effect-1-hover:hover svg polygon, .svg-animation-effect-1-hover:focus svg polygon { stroke: var(--pfully-primary); } .svg-animation-effect-1-hover:hover svg polyline, .svg-animation-effect-1-hover:focus svg polyline { stroke: var(--pfully-primary); } .svg-animation-effect-1-hover:hover svg rect, .svg-animation-effect-1-hover:focus svg rect { stroke: var(--pfully-primary); } .svg-animation-effect-1-hover.svg-animation-effect-1-hover-primary:hover svg path, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-primary:focus svg path { stroke: var(--pfully-primary); } .svg-animation-effect-1-hover.svg-animation-effect-1-hover-primary:hover svg polygon, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-primary:focus svg polygon { stroke: var(--pfully-primary); } .svg-animation-effect-1-hover.svg-animation-effect-1-hover-primary:hover svg polyline, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-primary:focus svg polyline { stroke: var(--pfully-primary); } .svg-animation-effect-1-hover.svg-animation-effect-1-hover-primary:hover svg rect, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-primary:focus svg rect { stroke: var(--pfully-primary); } .svg-animation-effect-1-hover.svg-animation-effect-1-hover-secondary:hover svg path, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-secondary:focus svg path { stroke: var(--pfully-secondary); } .svg-animation-effect-1-hover.svg-animation-effect-1-hover-secondary:hover svg polygon, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-secondary:focus svg polygon { stroke: var(--pfully-secondary); } .svg-animation-effect-1-hover.svg-animation-effect-1-hover-secondary:hover svg polyline, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-secondary:focus svg polyline { stroke: var(--pfully-secondary); } .svg-animation-effect-1-hover.svg-animation-effect-1-hover-secondary:hover svg rect, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-secondary:focus svg rect { stroke: var(--pfully-secondary); } .svg-animation-effect-1-hover.svg-animation-effect-1-hover-tertiary:hover svg path, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-tertiary:focus svg path { stroke: var(--pfully-tertiary); } .svg-animation-effect-1-hover.svg-animation-effect-1-hover-tertiary:hover svg polygon, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-tertiary:focus svg polygon { stroke: var(--pfully-tertiary); } .svg-animation-effect-1-hover.svg-animation-effect-1-hover-tertiary:hover svg polyline, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-tertiary:focus svg polyline { stroke: var(--pfully-tertiary); } .svg-animation-effect-1-hover.svg-animation-effect-1-hover-tertiary:hover svg rect, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-tertiary:focus svg rect { stroke: var(--pfully-tertiary); } .svg-animation-effect-1-hover.svg-animation-effect-1-hover-quaternary:hover svg path, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-quaternary:focus svg path { stroke: var(--pfully-quaternary); } .svg-animation-effect-1-hover.svg-animation-effect-1-hover-quaternary:hover svg polygon, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-quaternary:focus svg polygon { stroke: var(--pfully-quaternary); } .svg-animation-effect-1-hover.svg-animation-effect-1-hover-quaternary:hover svg polyline, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-quaternary:focus svg polyline { stroke: var(--pfully-quaternary); } .svg-animation-effect-1-hover.svg-animation-effect-1-hover-quaternary:hover svg rect, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-quaternary:focus svg rect { stroke: var(--pfully-quaternary); } .svg-animation-effect-1-hover.svg-animation-effect-1-hover-dark:hover svg path, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-dark:focus svg path { stroke: var(--pfully-dark); } .svg-animation-effect-1-hover.svg-animation-effect-1-hover-dark:hover svg polygon, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-dark:focus svg polygon { stroke: var(--pfully-dark); } .svg-animation-effect-1-hover.svg-animation-effect-1-hover-dark:hover svg polyline, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-dark:focus svg polyline { stroke: var(--pfully-dark); } .svg-animation-effect-1-hover.svg-animation-effect-1-hover-dark:hover svg rect, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-dark:focus svg rect { stroke: var(--pfully-dark); } .svg-animation-effect-1-hover.svg-animation-effect-1-hover-light:hover svg path, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-light:focus svg path { stroke: var(--pfully-light); } .svg-animation-effect-1-hover.svg-animation-effect-1-hover-light:hover svg polygon, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-light:focus svg polygon { stroke: var(--pfully-light); } .svg-animation-effect-1-hover.svg-animation-effect-1-hover-light:hover svg polyline, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-light:focus svg polyline { stroke: var(--pfully-light); } .svg-animation-effect-1-hover.svg-animation-effect-1-hover-light:hover svg rect, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-light:focus svg rect { stroke: var(--pfully-light); } .gradient-text-color { color: var(--pfully-primary); background: linear-gradient(to bottom right, var(--pfully-primary), var(--pfully-secondary)); background-image: linear-gradient(to right, var(--pfully-primary), var(--pfully-secondary)); } .bg-gradient { background-color: var(--pfully-primary) !important; background-image: linear-gradient(to right, var(--pfully-primary) 0%, var(--pfully-secondary) 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--pfully-primary)', endColorstr='var(--pfully-secondary)', GradientType=1); } .bg-gradient-to-top { background-color: var(--pfully-primary) !important; background-image: linear-gradient(to top, var(--pfully-primary) 0%, var(--pfully-secondary) 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--pfully-primary)', endColorstr='var(--pfully-secondary)', GradientType=1); } .bg-gradient-to-bottom { background-color: var(--pfully-primary) !important; background-image: linear-gradient(to bottom, var(--pfully-primary) 0%, var(--pfully-secondary) 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--pfully-primary)', endColorstr='var(--pfully-secondary)', GradientType=1); } .alternative-font { color: var(--pfully-primary); } p.drop-caps:first-letter { color: var(--pfully-primary); } p.drop-caps.drop-caps-style-2:first-letter { background-color: var(--pfully-primary); } .nav-pills > li.active > a { background-color: var(--pfully-primary); } .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { background-color: var(--pfully-primary); } .nav-pills > li.active > a:focus { background-color: var(--pfully-primary); } .nav-pills .nav-link.active { background-color: var(--pfully-primary); } .nav-pills .nav-link.active:hover, .nav-pills .nav-link.active:focus { background-color: var(--pfully-primary); } .nav-pills .nav-link.active:focus { background-color: var(--pfully-primary); } .nav-active-style-1 > li > a:hover, .nav-active-style-1 > li > a:focus { border-bottom-color: var(--pfully-primary); } .nav-active-style-1 > li > a:focus { border-bottom-color: var(--pfully-primary); } .nav-active-style-1 > li > a.active { border-bottom-color: var(--pfully-primary); } .section-scroll-dots-navigation-colored > ul > li.active > a:before { background: var(--pfully-primary); } .sort-source-wrapper .nav > li.active > a { color: var(--pfully-primary); } .sort-source-wrapper .nav > li.active > a:hover, .sort-source-wrapper .nav > li.active > a:focus { color: var(--pfully-primary); } .sort-source-wrapper .nav > li.active > a:focus { color: var(--pfully-primary); } .sort-source.sort-source-style-2 > li.active > a:after { border-top-color: var(--pfully-primary); } .sort-source.sort-source-style-3 > li.active > a { border-bottom-color: var(--pfully-primary) !important; color: var(--pfully-primary) !important; } .overlay-gradient:before { background-color: var(--pfully-tertiary) !important; background-image: linear-gradient(to right, var(--pfully-tertiary) 0%, var(--pfully-quaternary) 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--pfully-tertiary)', endColorstr='var(--pfully-quaternary)', GradientType=1); } .btn-link { color: var(--pfully-primary); } .btn-link:hover, .btn-link:focus { color: var(--pfully-primary-lighten); } .btn-link:active { color: var(--pfully-primary-darken); } .btn-gradient:not(.btn-outline) { background: linear-gradient(180deg, var(--pfully-primary) 0%, var(--pfully-secondary) 80%) !important; color: var(--pfully-primary-text); } .btn-gradient:not(.btn-outline):hover, .btn-gradient:not(.btn-outline).hover { background: linear-gradient(135deg, var(--pfully-primary-lighten) 0%, var(--pfully-secondary-lighten) 80%) !important; color: var(--pfully-primary-text); } .btn-gradient:not(.btn-outline):focus, .btn-gradient:not(.btn-outline).focus { box-shadow: 0 0 0 3px var(--pfully-primary-o-5); } .btn-gradient:not(.btn-outline):disabled, .btn-gradient:not(.btn-outline).disabled { background: linear-gradient(135deg, var(--pfully-primary) 0%, var(--pfully-secondary) 80%) !important; } .btn-gradient:not(.btn-outline):active, .btn-gradient:not(.btn-outline).active { background: linear-gradient(135deg, var(--pfully-primary-darken) 0%, var(--pfully-secondary-darken) 80%) !important; color: var(--pfully-primary-text) !important; } .btn-gradient:not(.btn-outline).btn-primary { background: linear-gradient(180deg, var(--pfully-primary) 0%, var(--pfully-primary-darken-3) 80%) !important; color: var(--pfully-primary-text); } .btn-gradient:not(.btn-outline).btn-primary:hover, .btn-gradient:not(.btn-outline).btn-primary.hover { background: linear-gradient(180deg, var(--pfully-primary-lighten-3) 0%, var(--pfully-primary-lighten) 80%) !important; color: var(--pfully-primary-text); } .btn-gradient:not(.btn-outline).btn-primary:focus, .btn-gradient:not(.btn-outline).btn-primary.focus { box-shadow: 0 0 0 3px var(--pfully-primary-o-5); } .btn-gradient:not(.btn-outline).btn-primary:disabled, .btn-gradient:not(.btn-outline).btn-primary.disabled { background: linear-gradient(180deg, var(--pfully-primary) 0%, var(--pfully-primary-darken-3) 80%) !important; } .btn-gradient:not(.btn-outline).btn-primary:active, .btn-gradient:not(.btn-outline).btn-primary.active { background: linear-gradient(180deg, var(--pfully-primary-darken) 0%, var(--pfully-primary-darken-3) 80%) !important; color: var(--pfully-primary-text) !important; } .btn-gradient:not(.btn-outline).btn-secondary { background: linear-gradient(180deg, var(--pfully-secondary) 0%, var(--pfully-secondary-darken-3) 80%) !important; color: var(--pfully-secondary-text); } .btn-gradient:not(.btn-outline).btn-secondary:hover, .btn-gradient:not(.btn-outline).btn-secondary.hover { background: linear-gradient(180deg, var(--pfully-secondary-lighten-3) 0%, var(--pfully-secondary-lighten) 80%) !important; color: var(--pfully-secondary-text); } .btn-gradient:not(.btn-outline).btn-secondary:focus, .btn-gradient:not(.btn-outline).btn-secondary.focus { box-shadow: 0 0 0 3px var(--pfully-secondary-o-5); } .btn-gradient:not(.btn-outline).btn-secondary:disabled, .btn-gradient:not(.btn-outline).btn-secondary.disabled { background: linear-gradient(180deg, var(--pfully-secondary) 0%, var(--pfully-secondary-darken-3) 80%) !important; } .btn-gradient:not(.btn-outline).btn-secondary:active, .btn-gradient:not(.btn-outline).btn-secondary.active { background: linear-gradient(180deg, var(--pfully-secondary-darken) 0%, var(--pfully-secondary-darken) 80%) !important; color: var(--pfully-secondary-text) !important; } .btn-gradient:not(.btn-outline).btn-tertiary { background: linear-gradient(180deg, var(--pfully-tertiary) 0%, var(--pfully-tertiary-darken-3) 80%) !important; color: var(--pfully-tertiary-text); } .btn-gradient:not(.btn-outline).btn-tertiary:hover, .btn-gradient:not(.btn-outline).btn-tertiary.hover { background: linear-gradient(180deg, var(--pfully-tertiary-lighten-3) 0%, var(--pfully-tertiary-lighten) 80%) !important; color: var(--pfully-tertiary-text); } .btn-gradient:not(.btn-outline).btn-tertiary:focus, .btn-gradient:not(.btn-outline).btn-tertiary.focus { box-shadow: 0 0 0 3px var(--pfully-tertiary-o-5); } .btn-gradient:not(.btn-outline).btn-tertiary:disabled, .btn-gradient:not(.btn-outline).btn-tertiary.disabled { background: linear-gradient(180deg, var(--pfully-tertiary) 0%, var(--pfully-tertiary-darken-3) 80%) !important; } .btn-gradient:not(.btn-outline).btn-tertiary:active, .btn-gradient:not(.btn-outline).btn-tertiary.active { background: linear-gradient(180deg, var(--pfully-tertiary-darken) 0%, var(--pfully-tertiary-darken) 80%) !important; color: var(--pfully-tertiary-text) !important; } .btn-gradient:not(.btn-outline).btn-quaternary { background: linear-gradient(180deg, var(--pfully-quaternary) 0%, var(--pfully-quaternary-darken-3) 80%) !important; color: var(--pfully-quaternary-text); } .btn-gradient:not(.btn-outline).btn-quaternary:hover, .btn-gradient:not(.btn-outline).btn-quaternary.hover { background: linear-gradient(180deg, var(--pfully-quaternary-lighten-3) 0%, var(--pfully-quaternary-lighten) 80%) !important; color: var(--pfully-quaternary-text); } .btn-gradient:not(.btn-outline).btn-quaternary:focus, .btn-gradient:not(.btn-outline).btn-quaternary.focus { box-shadow: 0 0 0 3px var(--pfully-quaternary-o-5); } .btn-gradient:not(.btn-outline).btn-quaternary:disabled, .btn-gradient:not(.btn-outline).btn-quaternary.disabled { background: linear-gradient(180deg, var(--pfully-quaternary) 0%, var(--pfully-quaternary-darken-3) 80%) !important; } .btn-gradient:not(.btn-outline).btn-quaternary:active, .btn-gradient:not(.btn-outline).btn-quaternary.active { background: linear-gradient(180deg, var(--pfully-quaternary-darken) 0%, var(--pfully-quaternary-darken) 80%) !important; color: var(--pfully-quaternary-text) !important; } .btn-gradient:not(.btn-outline).btn-dark { background: linear-gradient(180deg, var(--pfully-dark-lighten-3) 0%, var(--pfully-dark-darken-3) 80%) !important; color: var(--pfully-dark-text); } .btn-gradient:not(.btn-outline).btn-dark:hover, .btn-gradient:not(.btn-outline).btn-dark.hover { background: linear-gradient(180deg, var(--pfully-dark-lighten-3) 0%, var(--pfully-dark-lighten) 80%) !important; color: var(--pfully-dark-text); } .btn-gradient:not(.btn-outline).btn-dark:focus, .btn-gradient:not(.btn-outline).btn-dark.focus { box-shadow: 0 0 0 3px var(--pfully-dark-o-5); } .btn-gradient:not(.btn-outline).btn-dark:disabled, .btn-gradient:not(.btn-outline).btn-dark.disabled { background: linear-gradient(180deg, var(--pfully-dark) 0%, var(--pfully-dark-darken-3) 80%) !important; } .btn-gradient:not(.btn-outline).btn-dark:active, .btn-gradient:not(.btn-outline).btn-dark.active { background: linear-gradient(180deg, var(--pfully-dark-darken) 0%, var(--pfully-dark-darken) 80%) !important; color: var(--pfully-dark-text) !important; } .btn-gradient:not(.btn-outline).btn-light { background: linear-gradient(180deg, var(--pfully-light) 0%, var(--pfully-light-darken-3) 80%) !important; color: var(--pfully-light-text); } .btn-gradient:not(.btn-outline).btn-light:hover, .btn-gradient:not(.btn-outline).btn-light.hover { background: linear-gradient(180deg, var(--pfully-light-lighten-3) 0%, var(--pfully-light-lighten) 80%) !important; color: var(--pfully-light-text); } .btn-gradient:not(.btn-outline).btn-light:focus, .btn-gradient:not(.btn-outline).btn-light.focus { box-shadow: 0 0 0 3px var(--pfully-light-o-5); } .btn-gradient:not(.btn-outline).btn-light:disabled, .btn-gradient:not(.btn-outline).btn-light.disabled { background: linear-gradient(180deg, var(--pfully-light) 0%, var(--pfully-light-darken-3) 80%) !important; } .btn-gradient:not(.btn-outline).btn-light:active, .btn-gradient:not(.btn-outline).btn-light.active { background: linear-gradient(180deg, var(--pfully-light-darken) 0%, var(--pfully-light-darken) 80%) !important; color: var(--pfully-light-text) !important; } .btn-gradient:not(.btn-outline).btn-success { background: linear-gradient(180deg, var(--pfully-color-success) 0%, var(--pfully-color-success-darken-3) 80%) !important; } .btn-gradient:not(.btn-outline).btn-success:hover, .btn-gradient:not(.btn-outline).btn-success.hover { background: linear-gradient(180deg, var(--pfully-color-success-lighten-3) 0%, var(--pfully-color-success-lighten) 80%) !important; } .btn-gradient:not(.btn-outline).btn-success:focus, .btn-gradient:not(.btn-outline).btn-success.focus { box-shadow: 0 0 0 3px var(--pfully-color-success-o-5); } .btn-gradient:not(.btn-outline).btn-success:disabled, .btn-gradient:not(.btn-outline).btn-success.disabled { background: linear-gradient(180deg, var(--pfully-color-success) 0%, var(--pfully-color-success-darken-3) 80%) !important; } .btn-gradient:not(.btn-outline).btn-success:active, .btn-gradient:not(.btn-outline).btn-success.active { background: linear-gradient(180deg, var(--pfully-color-success-darken) 0%, var(--pfully-color-success-darken) 80%) !important; } .btn-gradient:not(.btn-outline).btn-danger { background: linear-gradient(180deg, var(--pfully-color-danger) 0%, var(--pfully-color-danger-darken-3) 80%) !important; } .btn-gradient:not(.btn-outline).btn-danger:hover, .btn-gradient:not(.btn-outline).btn-danger.hover { background: linear-gradient(180deg, var(--pfully-color-danger-lighten-3) 0%, var(--pfully-color-danger-lighten) 80%) !important; } .btn-gradient:not(.btn-outline).btn-danger:focus, .btn-gradient:not(.btn-outline).btn-danger.focus { box-shadow: 0 0 0 3px var(--pfully-color-danger-o-5); } .btn-gradient:not(.btn-outline).btn-danger:disabled, .btn-gradient:not(.btn-outline).btn-danger.disabled { background: linear-gradient(180deg, var(--pfully-color-danger) 0%, var(--pfully-color-danger-darken-3) 80%) !important; } .btn-gradient:not(.btn-outline).btn-danger:active, .btn-gradient:not(.btn-outline).btn-danger.active { background: linear-gradient(180deg, var(--pfully-color-danger-darken) 0%, var(--pfully-color-danger-darken) 80%) !important; } .btn-gradient:not(.btn-outline).btn-warning { background: linear-gradient(180deg, var(--pfully-color-warning) 0%, var(--pfully-color-warning-darken-3) 80%) !important; } .btn-gradient:not(.btn-outline).btn-warning:hover, .btn-gradient:not(.btn-outline).btn-warning.hover { background: linear-gradient(180deg, var(--pfully-color-warning-lighten-3) 0%, var(--pfully-color-warning-lighten) 80%) !important; } .btn-gradient:not(.btn-outline).btn-warning:focus, .btn-gradient:not(.btn-outline).btn-warning.focus { box-shadow: 0 0 0 3px var(--pfully-color-warning-o-5); } .btn-gradient:not(.btn-outline).btn-warning:disabled, .btn-gradient:not(.btn-outline).btn-warning.disabled { background: linear-gradient(180deg, var(--pfully-color-warning) 0%, var(--pfully-color-warning-darken-3) 80%) !important; } .btn-gradient:not(.btn-outline).btn-warning:active, .btn-gradient:not(.btn-outline).btn-warning.active { background: linear-gradient(180deg, var(--pfully-color-warning-darken) 0%, var(--pfully-color-warning-darken) 80%) !important; } .btn-gradient:not(.btn-outline).btn-info { background: linear-gradient(180deg, var(--pfully-color-info) 0%, var(--pfully-color-info-darken-3) 80%) !important; } .btn-gradient:not(.btn-outline).btn-info:hover, .btn-gradient:not(.btn-outline).btn-info.hover { background: linear-gradient(180deg, var(--pfully-color-info-lighten-3) 0%, var(--pfully-color-info-lighten) 80%) !important; } .btn-gradient:not(.btn-outline).btn-info:focus, .btn-gradient:not(.btn-outline).btn-info.focus { box-shadow: 0 0 0 3px var(--pfully-color-info-o-5); } .btn-gradient:not(.btn-outline).btn-info:disabled, .btn-gradient:not(.btn-outline).btn-info.disabled { background: linear-gradient(180deg, var(--pfully-color-info) 0%, var(--pfully-color-info-darken-3) 80%) !important; } .btn-gradient:not(.btn-outline).btn-info:active, .btn-gradient:not(.btn-outline).btn-info.active { background: linear-gradient(180deg, var(--pfully-color-info-darken) 0%, var(--pfully-color-info-darken) 80%) !important; } .btn-gradient.btn-outline { -o-border-image: linear-gradient(135deg, var(--pfully-primary) 0%, var(--pfully-secondary) 80%); border-image: linear-gradient(135deg, var(--pfully-primary) 0%, var(--pfully-secondary) 80%); color: var(--pfully-primary); } .btn-gradient.btn-outline:hover, .btn-gradient.btn-outline:focus { -o-border-image: linear-gradient(135deg, var(--pfully-primary-lighten) 0%, var(--pfully-secondary-lighten) 80%); border-image: linear-gradient(135deg, var(--pfully-primary-lighten) 0%, var(--pfully-secondary-lighten) 80%); color: var(--pfully-primary-lighten); } .btn-gradient.btn-outline:focus { box-shadow: 0 0 0 3px var(--pfully-primary-o-5); } .btn-gradient.btn-outline:disabled { -o-border-image: linear-gradient(135deg, var(--pfully-primary) 0%, var(--pfully-secondary) 80%); border-image: linear-gradient(135deg, var(--pfully-primary) 0%, var(--pfully-secondary) 80%); } .btn-gradient.btn-outline:active { -o-border-image: linear-gradient(135deg, var(--pfully-primary-darken) 0%, var(--pfully-secondary-darken) 80%); border-image: linear-gradient(135deg, var(--pfully-primary-darken) 0%, var(--pfully-secondary-darken) 80%); color: var(--pfully-primary-darken); } .btn-gradient.btn-outline.btn-primary { -o-border-image: linear-gradient(180deg, var(--pfully-primary) 0%, var(--pfully-primary-darken-3) 80%); border-image: linear-gradient(180deg, var(--pfully-primary) 0%, var(--pfully-primary-darken-3) 80%); color: var(--pfully-primary); } .btn-gradient.btn-outline.btn-primary:hover, .btn-gradient.btn-outline.btn-primary.hover { -o-border-image: linear-gradient(180deg, var(--pfully-primary-lighten-3) 0%, var(--pfully-primary-lighten) 80%); border-image: linear-gradient(180deg, var(--pfully-primary-lighten-3) 0%, var(--pfully-primary-lighten) 80%); color: var(--pfully-primary); background-color: transparent; } .btn-gradient.btn-outline.btn-primary:focus, .btn-gradient.btn-outline.btn-primary.focus { box-shadow: 0 0 0 3px var(--pfully-primary-o-5); background-color: transparent; } .btn-gradient.btn-outline.btn-primary:disabled, .btn-gradient.btn-outline.btn-primary.disabled { -o-border-image: linear-gradient(180deg, var(--pfully-primary) 0%, var(--pfully-primary-darken-3) 80%); border-image: linear-gradient(180deg, var(--pfully-primary) 0%, var(--pfully-primary-darken-3) 80%); } .btn-gradient.btn-outline.btn-primary:active, .btn-gradient.btn-outline.btn-primary.active { -o-border-image: linear-gradient(180deg, var(--pfully-primary-darken) 0%, var(--pfully-primary-darken-3) 80%); border-image: linear-gradient(180deg, var(--pfully-primary-darken) 0%, var(--pfully-primary-darken-3) 80%); color: var(--pfully-primary) !important; background-color: transparent; } .btn-gradient.btn-outline.btn-secondary { -o-border-image: linear-gradient(180deg, var(--pfully-secondary) 0%, var(--pfully-secondary-darken-3) 80%); border-image: linear-gradient(180deg, var(--pfully-secondary) 0%, var(--pfully-secondary-darken-3) 80%); color: var(--pfully-secondary); } .btn-gradient.btn-outline.btn-secondary:hover, .btn-gradient.btn-outline.btn-secondary.hover { -o-border-image: linear-gradient(180deg, var(--pfully-secondary-lighten-3) 0%, var(--pfully-secondary-lighten) 80%); border-image: linear-gradient(180deg, var(--pfully-secondary-lighten-3) 0%, var(--pfully-secondary-lighten) 80%); color: var(--pfully-secondary); background-color: transparent; } .btn-gradient.btn-outline.btn-secondary:focus, .btn-gradient.btn-outline.btn-secondary.focus { box-shadow: 0 0 0 3px var(--pfully-secondary-o-5); background-color: transparent; } .btn-gradient.btn-outline.btn-secondary:disabled, .btn-gradient.btn-outline.btn-secondary.disabled { -o-border-image: linear-gradient(180deg, var(--pfully-secondary) 0%, var(--pfully-secondary-darken-3) 80%); border-image: linear-gradient(180deg, var(--pfully-secondary) 0%, var(--pfully-secondary-darken-3) 80%); } .btn-gradient.btn-outline.btn-secondary:active, .btn-gradient.btn-outline.btn-secondary.active { -o-border-image: linear-gradient(180deg, var(--pfully-secondary-darken) 0%, var(--pfully-secondary-darken-3) 80%); border-image: linear-gradient(180deg, var(--pfully-secondary-darken) 0%, var(--pfully-secondary-darken-3) 80%); color: var(--pfully-secondary) !important; background-color: transparent; } .btn-gradient.btn-outline.btn-tertiary { -o-border-image: linear-gradient(180deg, var(--pfully-tertiary) 0%, var(--pfully-tertiary-darken-3) 80%); border-image: linear-gradient(180deg, var(--pfully-tertiary) 0%, var(--pfully-tertiary-darken-3) 80%); color: var(--pfully-tertiary); } .btn-gradient.btn-outline.btn-tertiary:hover, .btn-gradient.btn-outline.btn-tertiary.hover { -o-border-image: linear-gradient(180deg, var(--pfully-tertiary-lighten-3) 0%, var(--pfully-tertiary-lighten) 80%); border-image: linear-gradient(180deg, var(--pfully-tertiary-lighten-3) 0%, var(--pfully-tertiary-lighten) 80%); color: var(--pfully-tertiary); background-color: transparent; } .btn-gradient.btn-outline.btn-tertiary:focus, .btn-gradient.btn-outline.btn-tertiary.focus { box-shadow: 0 0 0 3px var(--pfully-tertiary-o-5); background-color: transparent; } .btn-gradient.btn-outline.btn-tertiary:disabled, .btn-gradient.btn-outline.btn-tertiary.disabled { -o-border-image: linear-gradient(180deg, var(--pfully-tertiary) 0%, var(--pfully-tertiary-darken-3) 80%); border-image: linear-gradient(180deg, var(--pfully-tertiary) 0%, var(--pfully-tertiary-darken-3) 80%); } .btn-gradient.btn-outline.btn-tertiary:active, .btn-gradient.btn-outline.btn-tertiary.active { -o-border-image: linear-gradient(180deg, var(--pfully-tertiary-darken) 0%, var(--pfully-tertiary-darken-3) 80%); border-image: linear-gradient(180deg, var(--pfully-tertiary-darken) 0%, var(--pfully-tertiary-darken-3) 80%); color: var(--pfully-tertiary) !important; background-color: transparent; } .btn-gradient.btn-outline.btn-quaternary { -o-border-image: linear-gradient(180deg, var(--pfully-quaternary) 0%, var(--pfully-quaternary-darken-3) 80%); border-image: linear-gradient(180deg, var(--pfully-quaternary) 0%, var(--pfully-quaternary-darken-3) 80%); color: var(--pfully-quaternary); } .btn-gradient.btn-outline.btn-quaternary:hover, .btn-gradient.btn-outline.btn-quaternary.hover { -o-border-image: linear-gradient(180deg, var(--pfully-quaternary-lighten-3) 0%, var(--pfully-quaternary-lighten) 80%); border-image: linear-gradient(180deg, var(--pfully-quaternary-lighten-3) 0%, var(--pfully-quaternary-lighten) 80%); color: var(--pfully-quaternary); background-color: transparent; } .btn-gradient.btn-outline.btn-quaternary:focus, .btn-gradient.btn-outline.btn-quaternary.focus { box-shadow: 0 0 0 3px var(--pfully-quaternary-o-5); background-color: transparent; } .btn-gradient.btn-outline.btn-quaternary:disabled, .btn-gradient.btn-outline.btn-quaternary.disabled { -o-border-image: linear-gradient(180deg, var(--pfully-quaternary) 0%, var(--pfully-quaternary-darken-3) 80%); border-image: linear-gradient(180deg, var(--pfully-quaternary) 0%, var(--pfully-quaternary-darken-3) 80%); } .btn-gradient.btn-outline.btn-quaternary:active, .btn-gradient.btn-outline.btn-quaternary.active { -o-border-image: linear-gradient(180deg, var(--pfully-quaternary-darken) 0%, var(--pfully-quaternary-darken-3) 80%); border-image: linear-gradient(180deg, var(--pfully-quaternary-darken) 0%, var(--pfully-quaternary-darken-3) 80%); color: var(--pfully-quaternary) !important; background-color: transparent; } .btn-gradient.btn-outline.btn-dark { -o-border-image: linear-gradient(180deg, var(--pfully-dark) 0%, var(--pfully-dark-darken-3) 80%); border-image: linear-gradient(180deg, var(--pfully-dark) 0%, var(--pfully-dark-darken-3) 80%); color: var(--pfully-dark); } .btn-gradient.btn-outline.btn-dark:hover, .btn-gradient.btn-outline.btn-dark.hover { -o-border-image: linear-gradient(180deg, var(--pfully-dark-lighten-3) 0%, var(--pfully-dark-lighten) 80%); border-image: linear-gradient(180deg, var(--pfully-dark-lighten-3) 0%, var(--pfully-dark-lighten) 80%); color: var(--pfully-dark); background-color: transparent; } .btn-gradient.btn-outline.btn-dark:focus, .btn-gradient.btn-outline.btn-dark.focus { box-shadow: 0 0 0 3px var(--pfully-dark-o-5); background-color: transparent; } .btn-gradient.btn-outline.btn-dark:disabled, .btn-gradient.btn-outline.btn-dark.disabled { -o-border-image: linear-gradient(180deg, var(--pfully-dark) 0%, var(--pfully-dark-darken-3) 80%); border-image: linear-gradient(180deg, var(--pfully-dark) 0%, var(--pfully-dark-darken-3) 80%); } .btn-gradient.btn-outline.btn-dark:active, .btn-gradient.btn-outline.btn-dark.active { -o-border-image: linear-gradient(180deg, var(--pfully-dark-darken) 0%, var(--pfully-dark-darken-3) 80%); border-image: linear-gradient(180deg, var(--pfully-dark-darken) 0%, var(--pfully-dark-darken-3) 80%); color: var(--pfully-dark) !important; background-color: transparent; } .btn-gradient.btn-outline.btn-light { -o-border-image: linear-gradient(180deg, var(--pfully-light) 0%, var(--pfully-light-darken-3) 80%); border-image: linear-gradient(180deg, var(--pfully-light) 0%, var(--pfully-light-darken-3) 80%); } .btn-gradient.btn-outline.btn-light:hover, .btn-gradient.btn-outline.btn-light.hover { -o-border-image: linear-gradient(180deg, var(--pfully-light-lighten-3) 0%, var(--pfully-light-lighten) 80%); border-image: linear-gradient(180deg, var(--pfully-light-lighten-3) 0%, var(--pfully-light-lighten) 80%); background-color: transparent; } .btn-gradient.btn-outline.btn-light:focus, .btn-gradient.btn-outline.btn-light.focus { box-shadow: 0 0 0 3px var(--pfully-light-o-5); background-color: transparent; } .btn-gradient.btn-outline.btn-light:disabled, .btn-gradient.btn-outline.btn-light.disabled { -o-border-image: linear-gradient(180deg, var(--pfully-light) 0%, var(--pfully-light-darken-3) 80%); border-image: linear-gradient(180deg, var(--pfully-light) 0%, var(--pfully-light-darken-3) 80%); } .btn-gradient.btn-outline.btn-light:active, .btn-gradient.btn-outline.btn-light.active { -o-border-image: linear-gradient(180deg, var(--pfully-light-darken) 0%, var(--pfully-light-darken-3) 80%); border-image: linear-gradient(180deg, var(--pfully-light-darken) 0%, var(--pfully-light-darken-3) 80%); background-color: transparent; } .btn-gradient.btn-outline.btn-success { -o-border-image: linear-gradient(180deg, var(--pfully-color-success) 0%, var(--pfully-color-success-darken-3) 80%); border-image: linear-gradient(180deg, var(--pfully-color-success) 0%, var(--pfully-color-success-darken-3) 80%); color: var(--pfully-color-success); } .btn-gradient.btn-outline.btn-success:hover, .btn-gradient.btn-outline.btn-success.hover { -o-border-image: linear-gradient(180deg, var(--pfully-color-success-lighten-3) 0%, var(--pfully-color-success-lighten) 80%); border-image: linear-gradient(180deg, var(--pfully-color-success-lighten-3) 0%, var(--pfully-color-success-lighten) 80%); color: var(--pfully-color-success); background-color: transparent; } .btn-gradient.btn-outline.btn-success:focus, .btn-gradient.btn-outline.btn-success.focus { box-shadow: 0 0 0 3px var(--pfully-color-success-o-5); background-color: transparent; } .btn-gradient.btn-outline.btn-success:disabled, .btn-gradient.btn-outline.btn-success.disabled { -o-border-image: linear-gradient(180deg, var(--pfully-color-success) 0%, var(--pfully-color-success-darken-3) 80%); border-image: linear-gradient(180deg, var(--pfully-color-success) 0%, var(--pfully-color-success-darken-3) 80%); } .btn-gradient.btn-outline.btn-success:active, .btn-gradient.btn-outline.btn-success.active { -o-border-image: linear-gradient(180deg, var(--pfully-color-success-darken) 0%, var(--pfully-color-success-darken-3) 80%); border-image: linear-gradient(180deg, var(--pfully-color-success-darken) 0%, var(--pfully-color-success-darken-3) 80%); color: var(--pfully-color-success) !important; background-color: transparent; } .btn-gradient.btn-outline.btn-danger { -o-border-image: linear-gradient(180deg, var(--pfully-color-danger) 0%, var(--pfully-color-danger-darken-3) 80%); border-image: linear-gradient(180deg, var(--pfully-color-danger) 0%, var(--pfully-color-danger-darken-3) 80%); color: var(--pfully-color-danger); } .btn-gradient.btn-outline.btn-danger:hover, .btn-gradient.btn-outline.btn-danger.hover { -o-border-image: linear-gradient(180deg, var(--pfully-color-danger-lighten-3) 0%, var(--pfully-color-danger-lighten) 80%); border-image: linear-gradient(180deg, var(--pfully-color-danger-lighten-3) 0%, var(--pfully-color-danger-lighten) 80%); color: var(--pfully-color-danger); background-color: transparent; } .btn-gradient.btn-outline.btn-danger:focus, .btn-gradient.btn-outline.btn-danger.focus { box-shadow: 0 0 0 3px var(--pfully-color-danger-o-5); background-color: transparent; } .btn-gradient.btn-outline.btn-danger:disabled, .btn-gradient.btn-outline.btn-danger.disabled { -o-border-image: linear-gradient(180deg, var(--pfully-color-danger) 0%, var(--pfully-color-danger-darken-3) 80%); border-image: linear-gradient(180deg, var(--pfully-color-danger) 0%, var(--pfully-color-danger-darken-3) 80%); } .btn-gradient.btn-outline.btn-danger:active, .btn-gradient.btn-outline.btn-danger.active { -o-border-image: linear-gradient(180deg, var(--pfully-color-danger-darken) 0%, var(--pfully-color-danger-darken-3) 80%); border-image: linear-gradient(180deg, var(--pfully-color-danger-darken) 0%, var(--pfully-color-danger-darken-3) 80%); color: var(--pfully-color-danger) !important; background-color: transparent; } .btn-gradient.btn-outline.btn-warning { -o-border-image: linear-gradient(180deg, var(--pfully-color-warning) 0%, var(--pfully-color-warning-darken-3) 80%); border-image: linear-gradient(180deg, var(--pfully-color-warning) 0%, var(--pfully-color-warning-darken-3) 80%); color: var(--pfully-color-warning); } .btn-gradient.btn-outline.btn-warning:hover, .btn-gradient.btn-outline.btn-warning.hover { -o-border-image: linear-gradient(180deg, var(--pfully-color-warning-lighten-3) 0%, var(--pfully-color-warning-lighten) 80%); border-image: linear-gradient(180deg, var(--pfully-color-warning-lighten-3) 0%, var(--pfully-color-warning-lighten) 80%); color: var(--pfully-color-warning); background-color: transparent; } .btn-gradient.btn-outline.btn-warning:focus, .btn-gradient.btn-outline.btn-warning.focus { box-shadow: 0 0 0 3px var(--pfully-color-warning-o-5); background-color: transparent; } .btn-gradient.btn-outline.btn-warning:disabled, .btn-gradient.btn-outline.btn-warning.disabled { -o-border-image: linear-gradient(180deg, var(--pfully-color-warning) 0%, var(--pfully-color-warning-darken-3) 80%); border-image: linear-gradient(180deg, var(--pfully-color-warning) 0%, var(--pfully-color-warning-darken-3) 80%); } .btn-gradient.btn-outline.btn-warning:active, .btn-gradient.btn-outline.btn-warning.active { -o-border-image: linear-gradient(180deg, var(--pfully-color-warning-darken) 0%, var(--pfully-color-warning-darken-3) 80%); border-image: linear-gradient(180deg, var(--pfully-color-warning-darken) 0%, var(--pfully-color-warning-darken-3) 80%); color: var(--pfully-color-warning) !important; background-color: transparent; } .btn-gradient.btn-outline.btn-info { -o-border-image: linear-gradient(180deg, var(--pfully-color-info) 0%, var(--pfully-color-info-darken-3) 80%); border-image: linear-gradient(180deg, var(--pfully-color-info) 0%, var(--pfully-color-info-darken-3) 80%); color: var(--pfully-color-info); } .btn-gradient.btn-outline.btn-info:hover, .btn-gradient.btn-outline.btn-info.hover { -o-border-image: linear-gradient(180deg, var(--pfully-color-info-lighten-3) 0%, var(--pfully-color-info-lighten) 80%); border-image: linear-gradient(180deg, var(--pfully-color-info-lighten-3) 0%, var(--pfully-color-info-lighten) 80%); color: var(--pfully-color-info); background-color: transparent; } .btn-gradient.btn-outline.btn-info:focus, .btn-gradient.btn-outline.btn-info.focus { box-shadow: 0 0 0 3px var(--pfully-color-info-o-5); background-color: transparent; } .btn-gradient.btn-outline.btn-info:disabled, .btn-gradient.btn-outline.btn-info.disabled { -o-border-image: linear-gradient(180deg, var(--pfully-color-info) 0%, var(--pfully-color-info-darken-3) 80%); border-image: linear-gradient(180deg, var(--pfully-color-info) 0%, var(--pfully-color-info-darken-3) 80%); } .btn-gradient.btn-outline.btn-info:active, .btn-gradient.btn-outline.btn-info.active { -o-border-image: linear-gradient(180deg, var(--pfully-color-info-darken) 0%, var(--pfully-color-info-darken-3) 80%); border-image: linear-gradient(180deg, var(--pfully-color-info-darken) 0%, var(--pfully-color-info-darken-3) 80%); color: var(--pfully-color-info) !important; background-color: transparent; } .btn-gradient-primary:not(.btn-outline) { background: linear-gradient(135deg, var(--pfully-primary-lighten) 0%, var(--pfully-primary-darken) 80%) !important; color: var(--pfully-primary-text); } .btn-gradient-primary:not(.btn-outline):hover, .btn-gradient-primary:not(.btn-outline).hover { background: linear-gradient(135deg, var(--pfully-primary-lighten-2) 0%, var(--pfully-primary-lighten) 80%) !important; color: var(--pfully-primary-text); } .btn-gradient-primary:not(.btn-outline):focus, .btn-gradient-primary:not(.btn-outline).focus { box-shadow: 0 0 0 3px var(--pfully-primary-o-5); } .btn-gradient-primary:not(.btn-outline):disabled, .btn-gradient-primary:not(.btn-outline).disabled { background: linear-gradient(135deg, var(--pfully-primary-lighten) 80%, var(--pfully-primary-darken) 0%) !important; } .btn-gradient-primary:not(.btn-outline):active, .btn-gradient-primary:not(.btn-outline).active { background: linear-gradient(135deg, var(--pfully-primary-lighten-2) 0%, var(--pfully-primary-lighten) 80%) !important; color: var(--pfully-primary-text) !important; } .btn-gradient-primary.btn-outline { -o-border-image: linear-gradient(135deg, var(--pfully-primary) 0%, var(--pfully-primary-lighten-2) 80%); border-image: linear-gradient(135deg, var(--pfully-primary) 0%, var(--pfully-primary-lighten-2) 80%); color: var(--pfully-primary); } .btn-gradient-primary.btn-outline:hover, .btn-gradient-primary.btn-outline.hover { -o-border-image: linear-gradient(135deg, var(--pfully-primary-lighten) 0%, var(--pfully-primary-lighten) 80%); border-image: linear-gradient(135deg, var(--pfully-primary-lighten) 0%, var(--pfully-primary-lighten) 80%); color: var(--pfully-primary-lighten); } .btn-gradient-primary.btn-outline:focus, .btn-gradient-primary.btn-outline.focus { box-shadow: 0 0 0 3px var(--pfully-primary-o-5); } .btn-gradient-primary.btn-outline:disabled, .btn-gradient-primary.btn-outline.disabled { -o-border-image: linear-gradient(135deg, var(--pfully-primary) 0%, var(--pfully-primary-lighten-2) 80%); border-image: linear-gradient(135deg, var(--pfully-primary) 0%, var(--pfully-primary-lighten-2) 80%); } .btn-gradient-primary.btn-outline:active, .btn-gradient-primary.btn-outline.active { -o-border-image: linear-gradient(135deg, var(--pfully-primary-lighten) 0%, var(--pfully-primary-lighten) 80%); border-image: linear-gradient(135deg, var(--pfully-primary-lighten) 0%, var(--pfully-primary-lighten) 80%); color: var(--pfully-primary-lighten); } .pagination > a { color: var(--pfully-primary); } .pagination > a:hover, .pagination > a:focus { color: var(--pfully-primary); } .pagination > a:focus { color: var(--pfully-primary); } .pagination > li > a { color: var(--pfully-primary); } .pagination > li > a:hover, .pagination > li > a:focus { color: var(--pfully-primary); } .pagination > li > a:focus { color: var(--pfully-primary); } .pagination > li > span { color: var(--pfully-primary); } .pagination > li > span:hover, .pagination > li > span:focus { color: var(--pfully-primary); } .pagination > li > span:focus { color: var(--pfully-primary); } .pagination > .active > a { background-color: var(--pfully-primary) !important; border-color: var(--pfully-primary); background-color: var(--pfully-primary); border-color: var(--pfully-primary) var(--pfully-primary) var(--pfully-primary-darken); color: var(--pfully-primary-text); } .pagination > .active > a:hover, .pagination > .active > a:focus { background-color: var(--pfully-primary) !important; border-color: var(--pfully-primary); background-color: var(--pfully-primary-lighten); border-color: var(--pfully-primary-lighten-3) var(--pfully-primary-lighten-3) var(--pfully-primary); color: var(--pfully-primary-text); } .pagination > .active > a:focus { background-color: var(--pfully-primary) !important; border-color: var(--pfully-primary); background-color: var(--pfully-primary-darken); border-color: var(--pfully-primary-darken) var(--pfully-primary-darken) var(--pfully-primary-darken-2); color: var(--pfully-primary-text); box-shadow: 0 0 0 3px var(--pfully-primary-o-5); } .pagination > .active > a:disabled { background-color: var(--pfully-primary); border-color: var(--pfully-primary) var(--pfully-primary) var(--pfully-primary-darken); } .pagination > .active > a:active { background-color: var(--pfully-primary-darken) !important; background-image: none !important; border-color: var(--pfully-primary-darken) var(--pfully-primary-darken) var(--pfully-primary-darken-2) !important; } .pagination > .active > span { background-color: var(--pfully-primary) !important; border-color: var(--pfully-primary); } .pagination > .active > span:hover, .pagination > .active > span:focus { background-color: var(--pfully-primary) !important; border-color: var(--pfully-primary); } .pagination > .active > span:focus { background-color: var(--pfully-primary) !important; border-color: var(--pfully-primary); } .pagination > .active > a.hover { background-color: var(--pfully-primary-lighten); border-color: var(--pfully-primary-lighten-3) var(--pfully-primary-lighten-3) var(--pfully-primary); color: var(--pfully-primary-text); } .pagination > .active > a.focus { background-color: var(--pfully-primary-darken); border-color: var(--pfully-primary-darken) var(--pfully-primary-darken) var(--pfully-primary-darken-2); color: var(--pfully-primary-text); box-shadow: 0 0 0 3px var(--pfully-primary-o-5); } .pagination > .active > a.disabled { background-color: var(--pfully-primary); border-color: var(--pfully-primary) var(--pfully-primary) var(--pfully-primary-darken); } .pagination > .active > a.active { background-color: var(--pfully-primary-darken) !important; background-image: none !important; border-color: var(--pfully-primary-darken) var(--pfully-primary-darken) var(--pfully-primary-darken-2) !important; } .pagination .page-item.active .page-link { background-color: var(--pfully-primary) !important; border-color: var(--pfully-primary); } body.dark .pagination > li > a { color: var(--pfully-primary); } body.dark .pagination > li > a:hover, body.dark .pagination > li > a:focus { color: var(--pfully-primary); } body.dark .pagination > li > a:focus { color: var(--pfully-primary); } body.dark .pagination > li > span { color: var(--pfully-primary); } body.dark .pagination > li > span:hover, body.dark .pagination > li > span:focus { color: var(--pfully-primary); } body.dark .pagination > li > span:focus { color: var(--pfully-primary); } body.dark .pagination > .active > a { background-color: var(--pfully-primary); border-color: var(--pfully-primary); background-color: var(--pfully-primary); border-color: var(--pfully-primary) var(--pfully-primary) var(--pfully-primary-darken); color: var(--pfully-primary-text); } body.dark .pagination > .active > a:hover, body.dark .pagination > .active > a:focus { background-color: var(--pfully-primary); border-color: var(--pfully-primary); background-color: var(--pfully-primary-lighten); border-color: var(--pfully-primary-lighten-2) var(--pfully-primary-lighten-2) var(--pfully-primary); color: var(--pfully-primary-text); } body.dark .pagination > .active > a:focus { background-color: var(--pfully-primary); border-color: var(--pfully-primary); background-color: var(--pfully-primary-darken); border-color: var(--pfully-primary-darken) var(--pfully-primary-darken) var(--pfully-primary-darken-2); color: var(--pfully-primary-text); box-shadow: 0 0 0 3px var(--pfully-primary-o-5); } body.dark .pagination > .active > a:disabled { background-color: var(--pfully-primary); border-color: var(--pfully-primary) var(--pfully-primary) var(--pfully-primary-darken); } body.dark .pagination > .active > a:active { background-color: var(--pfully-primary-darken) !important; background-image: none !important; border-color: var(--pfully-primary-darken) var(--pfully-primary-darken) var(--pfully-primary-darken-2) !important; } body.dark .pagination > .active > span { background-color: var(--pfully-primary); border-color: var(--pfully-primary); } body.dark .pagination > .active > span:hover, body.dark .pagination > .active > span:focus { background-color: var(--pfully-primary); border-color: var(--pfully-primary); } body.dark .pagination > .active > span:focus { background-color: var(--pfully-primary); border-color: var(--pfully-primary); } body.dark .pagination > .active > a.hover { background-color: var(--pfully-primary-lighten); border-color: var(--pfully-primary-lighten-2) var(--pfully-primary-lighten-2) var(--pfully-primary); color: var(--pfully-primary-text); } body.dark .pagination > .active > a.focus { background-color: var(--pfully-primary-darken); border-color: var(--pfully-primary-darken) var(--pfully-primary-darken) var(--pfully-primary-darken-2); color: var(--pfully-primary-text); box-shadow: 0 0 0 3px var(--pfully-primary-o-5); } body.dark .pagination > .active > a.disabled { background-color: var(--pfully-primary); border-color: var(--pfully-primary) var(--pfully-primary) var(--pfully-primary-darken); } body.dark .pagination > .active > a.active { background-color: var(--pfully-primary-darken) !important; background-image: none !important; border-color: var(--pfully-primary-darken) var(--pfully-primary-darken) var(--pfully-primary-darken-2) !important; } .custom-control-input:checked ~ .custom-control-label::before { background-color: var(--pfully-primary); } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { background-color: var(--pfully-primary); } .custom-checkbox-switch:checked { background-color: var(--pfully-primary); border-color: var(--pfully-primary); } .process .process-step-circle { border-color: var(--pfully-primary); } .process .process-step:hover .process-step-circle, .process .process-step:focus .process-step-circle { background-color: var(--pfully-primary); } .process .process-step:hover .process-step-circle .process-step-circle-content, .process .process-step:focus .process-step-circle .process-step-circle-content { color: var(--pfully-primary-text) !important; } .process.process-shapes .process-step-circle .process-step-circle-content { background-color: var(--pfully-primary); } .process.process-shapes .process-step-circle:before { background-color: var(--pfully-primary); } .process.process-shapes .process-step-circle:after { background-color: var(--pfully-primary); } .process-connecting-line .connecting-line { background: var(--pfully-primary); } section.section.section-background-half-primary-half-secondary { background: linear-gradient(to right, var(--pfully-primary) 50%, var(--pfully-secondary) 50%); } section.section.section-overlay-opacity-gradient:before { background: linear-gradient(135deg, var(--pfully-primary) 0%, var(--pfully-secondary) 80%); } section.page-header.custom-product { background-color: var(--pfully-primary-darken); border-top-color: var(--pfully-primary-darken); } .thumb-info .thumb-info-type { background-color: var(--pfully-primary); } .thumb-info .thumb-info-action-icon { background-color: var(--pfully-primary); } .thumb-info-social-icons a { background-color: var(--pfully-primary); } .thumbnail .zoom { background-color: var(--pfully-primary); } .img-thumbnail .zoom { background-color: var(--pfully-primary); } .thumb-info-ribbon { background-color: var(--pfully-primary); } .thumb-info-ribbon:before { border-right-color: var(--pfully-primary-darken-2); border-left-color: var(--pfully-primary-darken-2); } .thumb-info.thumb-info-block-primary .thumb-info-wrapper:before { background: var(--pfully-primary-o-9); } .thumb-info.thumb-info-block-secondary .thumb-info-wrapper:before { background: var(--pfully-secondary-o-9); } .thumb-info.thumb-info-block-tertiary .thumb-info-wrapper:before { background: var(--pfully-tertiary-o-9); } .thumb-info.thumb-info-block-quaternary .thumb-info-wrapper:before { background: var(--pfully-quaternary-o-9); } .thumb-info-floating-caption-title .thumb-info-floating-caption-type { background-color: var(--pfully-primary); } .inverted { background-color: var(--pfully-primary); } .owl-carousel .owl-dots .owl-dot.active span { background-color: var(--pfully-primary-darken); } .owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot:focus span { background-color: var(--pfully-primary-darken); } .owl-carousel:not(.nav-arrows-1):not(._show-nav-title):not(._show-nav-bottom) .owl-nav button[class*="owl-"] { background-color: var(--pfully-primary); border-color: var(--pfully-primary) var(--pfully-primary) var(--pfully-primary-darken); color: var(--pfully-primary-text); } .owl-carousel:not(.nav-arrows-1):not(._show-nav-title):not(._show-nav-bottom) .owl-nav button[class*="owl-"]:hover, .owl-carousel:not(.nav-arrows-1):not(._show-nav-title):not(._show-nav-bottom) .owl-nav button[class*="owl-"]:focus { background-color: var(--pfully-primary-lighten); border-color: var(--pfully-primary-lighten-2) var(--pfully-primary-lighten-2) var(--pfully-primary); } .owl-carousel:not(.nav-arrows-1):not(._show-nav-title):not(._show-nav-bottom) .owl-nav button[class*="owl-"]:active { background-color: var(--pfully-primary-darken); background-image: none; border-color: var(--pfully-primary-darken) var(--pfully-primary-darken) var(--pfully-primary-darken-2); } .owl-carousel:not(.nav-arrows-1):not(._show-nav-title):not(._show-nav-bottom) .owl-nav button[class*="owl-"].hover { background-color: var(--pfully-primary-lighten); border-color: var(--pfully-primary-lighten-2) var(--pfully-primary-lighten-2) var(--pfully-primary); } .owl-carousel:not(.nav-arrows-1):not(._show-nav-title):not(._show-nav-bottom) .owl-nav button[class*="owl-"].active { background-color: var(--pfully-primary-darken); background-image: none; border-color: var(--pfully-primary-darken) var(--pfully-primary-darken) var(--pfully-primary-darken-2); } .owl-carousel.show-nav-title .owl-nav button[class*="owl-"], .owl-carousel.show-nav-bottom .owl-nav button[class*="owl-"] { color: var(--pfully-primary); } .owl-carousel.show-nav-title .owl-nav button[class*="owl-"]:hover, .owl-carousel.show-nav-title .owl-nav button[class*="owl-"]:focus, .owl-carousel.show-nav-bottom .owl-nav button[class*="owl-"]:hover, .owl-carousel.show-nav-bottom .owl-nav button[class*="owl-"]:focus { color: var(--pfully-primary); } .owl-carousel.show-nav-title .owl-nav button[class*="owl-"].hover, .owl-carousel.show-nav-bottom .owl-nav button[class*="owl-"].hover { color: var(--pfully-primary); } .owl-carousel.nav-with-transparency:not(.nav-style-simple):not(.show-nav-title):not(.show-nav-bottom):not(.nav-arrows-1) .owl-nav button[class*="owl-"] { background-color: var(--pfully-primary-o-6); } .owl-carousel.nav-style-simple .owl-nav .owl-next { color: var(--pfully-primary) !important; } .owl-carousel.nav-style-simple .owl-nav .owl-prev { color: var(--pfully-primary) !important; } .owl-carousel.nav-style-2 .owl-nav .owl-next:before { border-color: var(--pfully-primary); } .owl-carousel.nav-style-2 .owl-nav .owl-next:after { border-color: var(--pfully-primary); } .owl-carousel.nav-style-2 .owl-nav .owl-prev:before { border-color: var(--pfully-primary); } .owl-carousel.nav-style-2 .owl-nav .owl-prev:after { border-color: var(--pfully-primary); } .owl-carousel.nav-svg-arrows-1 .owl-nav .owl-prev svg polygon { fill: var(--pfully-primary); stroke: var(--pfully-primary); } .owl-carousel.nav-svg-arrows-1 .owl-nav .owl-next svg polygon { fill: var(--pfully-primary); stroke: var(--pfully-primary); } .owl-carousel.nav-arrows-1 .owl-nav .owl-prev { color: var(--pfully-primary); } .owl-carousel.nav-arrows-1 .owl-nav .owl-next { color: var(--pfully-primary); } .owl-carousel.carousel-center-active-item-2 .owl-item.active > div { background: var(--pfully-primary); } .owl-carousel.carousel-bottom-inside-shadow .owl-stage-outer:after { background-image: linear-gradient(360deg, var(--pfully-primary) 0%, transparent 100%); } html.dark body .tabs .nav-tabs .nav-link { color: var(--pfully-primary); } html.dark body .tabs .nav-tabs .nav-link:hover, html.dark body .tabs .nav-tabs .nav-link:focus { color: var(--pfully-primary); border-top-color: var(--pfully-primary); } html.dark body .tabs .nav-tabs .nav-link:focus { border-top-color: var(--pfully-primary); } html.dark body .tabs .nav-tabs .nav-link.active { color: var(--pfully-primary); border-top-color: var(--pfully-primary); } html.dark body .tabs .nav-tabs.nav-justified .nav-link.active { border-top-color: var(--pfully-primary); } html.dark body .tabs .nav-tabs.nav-justified .nav-link:hover, html.dark body .tabs .nav-tabs.nav-justified .nav-link:focus { border-top-color: var(--pfully-primary); } html.dark body .tabs .nav-tabs.nav-justified .nav-link:focus { border-top-color: var(--pfully-primary); } html.dark body .tabs.tabs-bottom .nav-tabs li .nav-link:hover, html.dark body .tabs.tabs-bottom .nav-tabs li .nav-link:focus { border-bottom-color: var(--pfully-primary); } html.dark body .tabs.tabs-bottom .nav-tabs .nav-link.active { border-bottom-color: var(--pfully-primary); } html.dark body .tabs.tabs-bottom .nav-tabs .nav-link.active:hover, html.dark body .tabs.tabs-bottom .nav-tabs .nav-link.active:focus { border-bottom-color: var(--pfully-primary); } html.dark body .tabs.tabs-bottom .nav-tabs .nav-link.active:focus { border-bottom-color: var(--pfully-primary); } html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs li .nav-link:hover, html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs li .nav-link:focus { border-left-color: var(--pfully-primary); } html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs .nav-link.active { border-left-color: var(--pfully-primary); } html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs .nav-link.active:hover, html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs .nav-link.active:focus { border-left-color: var(--pfully-primary); } html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs .nav-link.active:focus { border-left-color: var(--pfully-primary); } html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs li .nav-link:hover, html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs li .nav-link:focus { border-right-color: var(--pfully-primary); } html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs .nav-link.active { border-right-color: var(--pfully-primary); } html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs .nav-link.active:hover, html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs .nav-link.active:focus { border-right-color: var(--pfully-primary); } html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs .nav-link.active:focus { border-right-color: var(--pfully-primary); } html.dark body .tabs.tabs-simple .nav-tabs > li .nav-link.active { border-top-color: var(--pfully-primary); color: var(--pfully-primary); } html.dark body .tabs.tabs-simple .nav-tabs > li .nav-link.active:focus { border-top-color: var(--pfully-primary); color: var(--pfully-primary); } html.dark body .tabs.tabs-simple .nav-tabs > li .nav-link.active:hover, html.dark body .tabs.tabs-simple .nav-tabs > li .nav-link.active:focus { border-top-color: var(--pfully-primary); color: var(--pfully-primary); } html.dark body .tabs.tabs-simple .nav-tabs > li .nav-link:hover, html.dark body .tabs.tabs-simple .nav-tabs > li .nav-link:focus { border-top-color: var(--pfully-primary); color: var(--pfully-primary); } html.dark body .tabs-primary .nav-tabs li .nav-link { color: var(--pfully-primary); } html.dark body .tabs-primary .nav-tabs li .nav-link:hover, html.dark body .tabs-primary .nav-tabs li .nav-link:focus { color: var(--pfully-primary); border-top-color: var(--pfully-primary); } html.dark body .tabs-primary .nav-tabs li .nav-link.active { border-top-color: var(--pfully-primary); color: var(--pfully-primary); } html.dark body .tabs-primary .nav-tabs li .nav-link.active:hover, html.dark body .tabs-primary .nav-tabs li .nav-link.active:focus { border-top-color: var(--pfully-primary); color: var(--pfully-primary); } html.dark body .tabs-primary .nav-tabs li .nav-link.active:focus { border-top-color: var(--pfully-primary); color: var(--pfully-primary); } html.dark body .tabs-primary .nav-tabs.nav-justified li .nav-link { color: var(--pfully-primary); } html.dark body .tabs-primary .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-primary .nav-tabs.nav-justified li .nav-link:focus { color: var(--pfully-primary); border-top-color: var(--pfully-primary); } html.dark body .tabs-primary .nav-tabs.nav-justified li .nav-link.active { border-top-color: var(--pfully-primary); color: var(--pfully-primary); } html.dark body .tabs-primary .nav-tabs.nav-justified li .nav-link.active:hover, html.dark body .tabs-primary .nav-tabs.nav-justified li .nav-link.active:focus { border-top-color: var(--pfully-primary); color: var(--pfully-primary); } html.dark body .tabs-primary .nav-tabs.nav-justified li .nav-link.active:focus { border-top-color: var(--pfully-primary); color: var(--pfully-primary); } html.dark body .tabs-primary.tabs-bottom .nav-tabs li .nav-link:hover, html.dark body .tabs-primary.tabs-bottom .nav-tabs li .nav-link:focus { border-bottom-color: var(--pfully-primary); } html.dark body .tabs-primary.tabs-bottom .nav-tabs li .nav-link.active { border-bottom-color: var(--pfully-primary); } html.dark body .tabs-primary.tabs-bottom .nav-tabs li .nav-link.active:hover, html.dark body .tabs-primary.tabs-bottom .nav-tabs li .nav-link.active:focus { border-bottom-color: var(--pfully-primary); } html.dark body .tabs-primary.tabs-bottom .nav-tabs li .nav-link.active:focus { border-bottom-color: var(--pfully-primary); } html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link:focus { border-bottom-color: var(--pfully-primary); } html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active { border-bottom-color: var(--pfully-primary); } html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:hover, html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus { border-bottom-color: var(--pfully-primary); } html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus { border-bottom-color: var(--pfully-primary); } html.dark body .tabs-primary.tabs-simple .nav-tabs li .nav-link:hover, html.dark body .tabs-primary.tabs-simple .nav-tabs li .nav-link:focus { color: var(--pfully-primary) !important; border-bottom-color: var(--pfully-primary); } html.dark body .tabs-primary.tabs-simple .nav-tabs li .nav-link.active { color: var(--pfully-primary) !important; border-bottom-color: var(--pfully-primary); } html.dark body .tabs-primary.tabs-simple .nav-tabs li .nav-link.active:hover, html.dark body .tabs-primary.tabs-simple .nav-tabs li .nav-link.active:focus { color: var(--pfully-primary) !important; border-bottom-color: var(--pfully-primary); } html.dark body .tabs-primary.tabs-simple .nav-tabs li .nav-link.active:focus { color: var(--pfully-primary) !important; border-bottom-color: var(--pfully-primary); } html.dark body .tabs-primary.tabs-simple .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-primary.tabs-simple .nav-tabs.nav-justified li .nav-link:focus { color: var(--pfully-primary) !important; border-bottom-color: var(--pfully-primary); } html.dark body .tabs-primary.tabs-simple .nav-tabs.nav-justified li .nav-link.active { color: var(--pfully-primary) !important; border-bottom-color: var(--pfully-primary); } html.dark body .tabs-primary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:hover, html.dark body .tabs-primary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus { color: var(--pfully-primary) !important; border-bottom-color: var(--pfully-primary); } html.dark body .tabs-primary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus { color: var(--pfully-primary) !important; border-bottom-color: var(--pfully-primary); } html.dark body .tabs-primary.tabs-vertical.tabs-left li .nav-link:hover, html.dark body .tabs-primary.tabs-vertical.tabs-left li .nav-link:focus { border-left-color: var(--pfully-primary); } html.dark body .tabs-primary.tabs-vertical.tabs-left li .nav-link.active { border-left-color: var(--pfully-primary); } html.dark body .tabs-primary.tabs-vertical.tabs-left li .nav-link.active:hover, html.dark body .tabs-primary.tabs-vertical.tabs-left li .nav-link.active:focus { border-left-color: var(--pfully-primary); } html.dark body .tabs-primary.tabs-vertical.tabs-left li .nav-link.active:focus { border-left-color: var(--pfully-primary); } html.dark body .tabs-primary.tabs-vertical.tabs-right li .nav-link:hover, html.dark body .tabs-primary.tabs-vertical.tabs-right li .nav-link:focus { border-right-color: var(--pfully-primary); } html.dark body .tabs-primary.tabs-vertical.tabs-right li .nav-link.active { border-right-color: var(--pfully-primary); } html.dark body .tabs-primary.tabs-vertical.tabs-right li .nav-link.active:hover, html.dark body .tabs-primary.tabs-vertical.tabs-right li .nav-link.active:focus { border-right-color: var(--pfully-primary); } html.dark body .tabs-primary.tabs-vertical.tabs-right li .nav-link.active:focus { border-right-color: var(--pfully-primary); } html.dark body .tabs-secondary .nav-tabs li .nav-link { color: var(--pfully-secondary); } html.dark body .tabs-secondary .nav-tabs li .nav-link:hover, html.dark body .tabs-secondary .nav-tabs li .nav-link:focus { color: var(--pfully-secondary); border-top-color: var(--pfully-secondary); } html.dark body .tabs-secondary .nav-tabs li .nav-link.active { border-top-color: var(--pfully-secondary); color: var(--pfully-secondary); } html.dark body .tabs-secondary .nav-tabs li .nav-link.active:hover, html.dark body .tabs-secondary .nav-tabs li .nav-link.active:focus { border-top-color: var(--pfully-secondary); color: var(--pfully-secondary); } html.dark body .tabs-secondary .nav-tabs li .nav-link.active:focus { border-top-color: var(--pfully-secondary); color: var(--pfully-secondary); } html.dark body .tabs-secondary .nav-tabs.nav-justified li .nav-link { color: var(--pfully-secondary); } html.dark body .tabs-secondary .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-secondary .nav-tabs.nav-justified li .nav-link:focus { color: var(--pfully-secondary); border-top-color: var(--pfully-secondary); } html.dark body .tabs-secondary .nav-tabs.nav-justified li .nav-link.active { border-top-color: var(--pfully-secondary); color: var(--pfully-secondary); } html.dark body .tabs-secondary .nav-tabs.nav-justified li .nav-link.active:hover, html.dark body .tabs-secondary .nav-tabs.nav-justified li .nav-link.active:focus { border-top-color: var(--pfully-secondary); color: var(--pfully-secondary); } html.dark body .tabs-secondary .nav-tabs.nav-justified li .nav-link.active:focus { border-top-color: var(--pfully-secondary); color: var(--pfully-secondary); } html.dark body .tabs-secondary.tabs-bottom .nav-tabs li .nav-link:hover, html.dark body .tabs-secondary.tabs-bottom .nav-tabs li .nav-link:focus { border-bottom-color: var(--pfully-secondary); } html.dark body .tabs-secondary.tabs-bottom .nav-tabs li .nav-link.active { border-bottom-color: var(--pfully-secondary); } html.dark body .tabs-secondary.tabs-bottom .nav-tabs li .nav-link.active:hover, html.dark body .tabs-secondary.tabs-bottom .nav-tabs li .nav-link.active:focus { border-bottom-color: var(--pfully-secondary); } html.dark body .tabs-secondary.tabs-bottom .nav-tabs li .nav-link.active:focus { border-bottom-color: var(--pfully-secondary); } html.dark body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li .nav-link:focus { border-bottom-color: var(--pfully-secondary); } html.dark body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active { border-bottom-color: var(--pfully-secondary); } html.dark body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:hover, html.dark body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus { border-bottom-color: var(--pfully-secondary); } html.dark body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus { border-bottom-color: var(--pfully-secondary); } html.dark body .tabs-secondary.tabs-simple .nav-tabs li .nav-link:hover, html.dark body .tabs-secondary.tabs-simple .nav-tabs li .nav-link:focus { color: var(--pfully-secondary) !important; border-bottom-color: var(--pfully-secondary); } html.dark body .tabs-secondary.tabs-simple .nav-tabs li .nav-link.active { color: var(--pfully-secondary) !important; border-bottom-color: var(--pfully-secondary); } html.dark body .tabs-secondary.tabs-simple .nav-tabs li .nav-link.active:hover, html.dark body .tabs-secondary.tabs-simple .nav-tabs li .nav-link.active:focus { color: var(--pfully-secondary) !important; border-bottom-color: var(--pfully-secondary); } html.dark body .tabs-secondary.tabs-simple .nav-tabs li .nav-link.active:focus { color: var(--pfully-secondary) !important; border-bottom-color: var(--pfully-secondary); } html.dark body .tabs-secondary.tabs-simple .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-secondary.tabs-simple .nav-tabs.nav-justified li .nav-link:focus { color: var(--pfully-secondary) !important; border-bottom-color: var(--pfully-secondary); } html.dark body .tabs-secondary.tabs-simple .nav-tabs.nav-justified li .nav-link.active { color: var(--pfully-secondary) !important; border-bottom-color: var(--pfully-secondary); } html.dark body .tabs-secondary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:hover, html.dark body .tabs-secondary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus { color: var(--pfully-secondary) !important; border-bottom-color: var(--pfully-secondary); } html.dark body .tabs-secondary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus { color: var(--pfully-secondary) !important; border-bottom-color: var(--pfully-secondary); } html.dark body .tabs-secondary.tabs-vertical.tabs-left li .nav-link:hover, html.dark body .tabs-secondary.tabs-vertical.tabs-left li .nav-link:focus { border-left-color: var(--pfully-secondary); } html.dark body .tabs-secondary.tabs-vertical.tabs-left li .nav-link.active { border-left-color: var(--pfully-secondary); } html.dark body .tabs-secondary.tabs-vertical.tabs-left li .nav-link.active:hover, html.dark body .tabs-secondary.tabs-vertical.tabs-left li .nav-link.active:focus { border-left-color: var(--pfully-secondary); } html.dark body .tabs-secondary.tabs-vertical.tabs-left li .nav-link.active:focus { border-left-color: var(--pfully-secondary); } html.dark body .tabs-secondary.tabs-vertical.tabs-right li .nav-link:hover, html.dark body .tabs-secondary.tabs-vertical.tabs-right li .nav-link:focus { border-right-color: var(--pfully-secondary); } html.dark body .tabs-secondary.tabs-vertical.tabs-right li .nav-link.active { border-right-color: var(--pfully-secondary); } html.dark body .tabs-secondary.tabs-vertical.tabs-right li .nav-link.active:hover, html.dark body .tabs-secondary.tabs-vertical.tabs-right li .nav-link.active:focus { border-right-color: var(--pfully-secondary); } html.dark body .tabs-secondary.tabs-vertical.tabs-right li .nav-link.active:focus { border-right-color: var(--pfully-secondary); } html.dark body .tabs-bg-secondary li .nav-link:hover, html.dark body .tabs-bg-secondary li .nav-link.active { background-color: var(--pfully-secondary); color: var(--pfully-secondary-text) !important; } html.dark body .tabs-tertiary .nav-tabs li .nav-link { color: var(--pfully-tertiary); } html.dark body .tabs-tertiary .nav-tabs li .nav-link:hover, html.dark body .tabs-tertiary .nav-tabs li .nav-link:focus { color: var(--pfully-tertiary); border-top-color: var(--pfully-tertiary); } html.dark body .tabs-tertiary .nav-tabs li .nav-link.active { border-top-color: var(--pfully-tertiary); color: var(--pfully-tertiary); } html.dark body .tabs-tertiary .nav-tabs li .nav-link.active:hover, html.dark body .tabs-tertiary .nav-tabs li .nav-link.active:focus { border-top-color: var(--pfully-tertiary); color: var(--pfully-tertiary); } html.dark body .tabs-tertiary .nav-tabs li .nav-link.active:focus { border-top-color: var(--pfully-tertiary); color: var(--pfully-tertiary); } html.dark body .tabs-tertiary .nav-tabs.nav-justified li .nav-link { color: var(--pfully-tertiary); } html.dark body .tabs-tertiary .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-tertiary .nav-tabs.nav-justified li .nav-link:focus { color: var(--pfully-tertiary); border-top-color: var(--pfully-tertiary); } html.dark body .tabs-tertiary .nav-tabs.nav-justified li .nav-link.active { border-top-color: var(--pfully-tertiary); color: var(--pfully-tertiary); } html.dark body .tabs-tertiary .nav-tabs.nav-justified li .nav-link.active:hover, html.dark body .tabs-tertiary .nav-tabs.nav-justified li .nav-link.active:focus { border-top-color: var(--pfully-tertiary); color: var(--pfully-tertiary); } html.dark body .tabs-tertiary .nav-tabs.nav-justified li .nav-link.active:focus { border-top-color: var(--pfully-tertiary); color: var(--pfully-tertiary); } html.dark body .tabs-tertiary.tabs-bottom .nav-tabs li .nav-link:hover, html.dark body .tabs-tertiary.tabs-bottom .nav-tabs li .nav-link:focus { border-bottom-color: var(--pfully-tertiary); } html.dark body .tabs-tertiary.tabs-bottom .nav-tabs li .nav-link.active { border-bottom-color: var(--pfully-tertiary); } html.dark body .tabs-tertiary.tabs-bottom .nav-tabs li .nav-link.active:hover, html.dark body .tabs-tertiary.tabs-bottom .nav-tabs li .nav-link.active:focus { border-bottom-color: var(--pfully-tertiary); } html.dark body .tabs-tertiary.tabs-bottom .nav-tabs li .nav-link.active:focus { border-bottom-color: var(--pfully-tertiary); } html.dark body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li .nav-link:focus { border-bottom-color: var(--pfully-tertiary); } html.dark body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active { border-bottom-color: var(--pfully-tertiary); } html.dark body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:hover, html.dark body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus { border-bottom-color: var(--pfully-tertiary); } html.dark body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus { border-bottom-color: var(--pfully-tertiary); } html.dark body .tabs-tertiary.tabs-simple .nav-tabs li .nav-link:hover, html.dark body .tabs-tertiary.tabs-simple .nav-tabs li .nav-link:focus { color: var(--pfully-tertiary) !important; border-bottom-color: var(--pfully-tertiary); } html.dark body .tabs-tertiary.tabs-simple .nav-tabs li .nav-link.active { color: var(--pfully-tertiary) !important; border-bottom-color: var(--pfully-tertiary); } html.dark body .tabs-tertiary.tabs-simple .nav-tabs li .nav-link.active:hover, html.dark body .tabs-tertiary.tabs-simple .nav-tabs li .nav-link.active:focus { color: var(--pfully-tertiary) !important; border-bottom-color: var(--pfully-tertiary); } html.dark body .tabs-tertiary.tabs-simple .nav-tabs li .nav-link.active:focus { color: var(--pfully-tertiary) !important; border-bottom-color: var(--pfully-tertiary); } html.dark body .tabs-tertiary.tabs-simple .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-tertiary.tabs-simple .nav-tabs.nav-justified li .nav-link:focus { color: var(--pfully-tertiary) !important; border-bottom-color: var(--pfully-tertiary); } html.dark body .tabs-tertiary.tabs-simple .nav-tabs.nav-justified li .nav-link.active { color: var(--pfully-tertiary) !important; border-bottom-color: var(--pfully-tertiary); } html.dark body .tabs-tertiary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:hover, html.dark body .tabs-tertiary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus { color: var(--pfully-tertiary) !important; border-bottom-color: var(--pfully-tertiary); } html.dark body .tabs-tertiary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus { color: var(--pfully-tertiary) !important; border-bottom-color: var(--pfully-tertiary); } html.dark body .tabs-tertiary.tabs-vertical.tabs-left li .nav-link:hover, html.dark body .tabs-tertiary.tabs-vertical.tabs-left li .nav-link:focus { border-left-color: var(--pfully-tertiary); } html.dark body .tabs-tertiary.tabs-vertical.tabs-left li .nav-link.active { border-left-color: var(--pfully-tertiary); } html.dark body .tabs-tertiary.tabs-vertical.tabs-left li .nav-link.active:hover, html.dark body .tabs-tertiary.tabs-vertical.tabs-left li .nav-link.active:focus { border-left-color: var(--pfully-tertiary); } html.dark body .tabs-tertiary.tabs-vertical.tabs-left li .nav-link.active:focus { border-left-color: var(--pfully-tertiary); } html.dark body .tabs-tertiary.tabs-vertical.tabs-right li .nav-link:hover, html.dark body .tabs-tertiary.tabs-vertical.tabs-right li .nav-link:focus { border-right-color: var(--pfully-tertiary); } html.dark body .tabs-tertiary.tabs-vertical.tabs-right li .nav-link.active { border-right-color: var(--pfully-tertiary); } html.dark body .tabs-tertiary.tabs-vertical.tabs-right li .nav-link.active:hover, html.dark body .tabs-tertiary.tabs-vertical.tabs-right li .nav-link.active:focus { border-right-color: var(--pfully-tertiary); } html.dark body .tabs-tertiary.tabs-vertical.tabs-right li .nav-link.active:focus { border-right-color: var(--pfully-tertiary); } html.dark body .tabs-quaternary .nav-tabs li .nav-link { color: var(--pfully-quaternary); } html.dark body .tabs-quaternary .nav-tabs li .nav-link:hover, html.dark body .tabs-quaternary .nav-tabs li .nav-link:focus { color: var(--pfully-quaternary); border-top-color: var(--pfully-quaternary); } html.dark body .tabs-quaternary .nav-tabs li .nav-link.active { border-top-color: var(--pfully-quaternary); color: var(--pfully-quaternary); } html.dark body .tabs-quaternary .nav-tabs li .nav-link.active:hover, html.dark body .tabs-quaternary .nav-tabs li .nav-link.active:focus { border-top-color: var(--pfully-quaternary); color: var(--pfully-quaternary); } html.dark body .tabs-quaternary .nav-tabs li .nav-link.active:focus { border-top-color: var(--pfully-quaternary); color: var(--pfully-quaternary); } html.dark body .tabs-quaternary .nav-tabs.nav-justified li .nav-link { color: var(--pfully-quaternary); } html.dark body .tabs-quaternary .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-quaternary .nav-tabs.nav-justified li .nav-link:focus { color: var(--pfully-quaternary); border-top-color: var(--pfully-quaternary); } html.dark body .tabs-quaternary .nav-tabs.nav-justified li .nav-link.active { border-top-color: var(--pfully-quaternary); color: var(--pfully-quaternary); } html.dark body .tabs-quaternary .nav-tabs.nav-justified li .nav-link.active:hover, html.dark body .tabs-quaternary .nav-tabs.nav-justified li .nav-link.active:focus { border-top-color: var(--pfully-quaternary); color: var(--pfully-quaternary); } html.dark body .tabs-quaternary .nav-tabs.nav-justified li .nav-link.active:focus { border-top-color: var(--pfully-quaternary); color: var(--pfully-quaternary); } html.dark body .tabs-quaternary.tabs-bottom .nav-tabs li .nav-link:hover, html.dark body .tabs-quaternary.tabs-bottom .nav-tabs li .nav-link:focus { border-bottom-color: var(--pfully-quaternary); } html.dark body .tabs-quaternary.tabs-bottom .nav-tabs li .nav-link.active { border-bottom-color: var(--pfully-quaternary); } html.dark body .tabs-quaternary.tabs-bottom .nav-tabs li .nav-link.active:hover, html.dark body .tabs-quaternary.tabs-bottom .nav-tabs li .nav-link.active:focus { border-bottom-color: var(--pfully-quaternary); } html.dark body .tabs-quaternary.tabs-bottom .nav-tabs li .nav-link.active:focus { border-bottom-color: var(--pfully-quaternary); } html.dark body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li .nav-link:focus { border-bottom-color: var(--pfully-quaternary); } html.dark body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active { border-bottom-color: var(--pfully-quaternary); } html.dark body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:hover, html.dark body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus { border-bottom-color: var(--pfully-quaternary); } html.dark body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus { border-bottom-color: var(--pfully-quaternary); } html.dark body .tabs-quaternary.tabs-simple .nav-tabs li .nav-link:hover, html.dark body .tabs-quaternary.tabs-simple .nav-tabs li .nav-link:focus { color: var(--pfully-quaternary) !important; border-bottom-color: var(--pfully-quaternary); } html.dark body .tabs-quaternary.tabs-simple .nav-tabs li .nav-link.active { color: var(--pfully-quaternary) !important; border-bottom-color: var(--pfully-quaternary); } html.dark body .tabs-quaternary.tabs-simple .nav-tabs li .nav-link.active:hover, html.dark body .tabs-quaternary.tabs-simple .nav-tabs li .nav-link.active:focus { color: var(--pfully-quaternary) !important; border-bottom-color: var(--pfully-quaternary); } html.dark body .tabs-quaternary.tabs-simple .nav-tabs li .nav-link.active:focus { color: var(--pfully-quaternary) !important; border-bottom-color: var(--pfully-quaternary); } html.dark body .tabs-quaternary.tabs-simple .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-quaternary.tabs-simple .nav-tabs.nav-justified li .nav-link:focus { color: var(--pfully-quaternary) !important; border-bottom-color: var(--pfully-quaternary); } html.dark body .tabs-quaternary.tabs-simple .nav-tabs.nav-justified li .nav-link.active { color: var(--pfully-quaternary) !important; border-bottom-color: var(--pfully-quaternary); } html.dark body .tabs-quaternary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:hover, html.dark body .tabs-quaternary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus { color: var(--pfully-quaternary) !important; border-bottom-color: var(--pfully-quaternary); } html.dark body .tabs-quaternary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus { color: var(--pfully-quaternary) !important; border-bottom-color: var(--pfully-quaternary); } html.dark body .tabs-quaternary.tabs-vertical.tabs-left li .nav-link:hover, html.dark body .tabs-quaternary.tabs-vertical.tabs-left li .nav-link:focus { border-left-color: var(--pfully-quaternary); } html.dark body .tabs-quaternary.tabs-vertical.tabs-left li .nav-link.active { border-left-color: var(--pfully-quaternary); } html.dark body .tabs-quaternary.tabs-vertical.tabs-left li .nav-link.active:hover, html.dark body .tabs-quaternary.tabs-vertical.tabs-left li .nav-link.active:focus { border-left-color: var(--pfully-quaternary); } html.dark body .tabs-quaternary.tabs-vertical.tabs-left li .nav-link.active:focus { border-left-color: var(--pfully-quaternary); } html.dark body .tabs-quaternary.tabs-vertical.tabs-right li .nav-link:hover, html.dark body .tabs-quaternary.tabs-vertical.tabs-right li .nav-link:focus { border-right-color: var(--pfully-quaternary); } html.dark body .tabs-quaternary.tabs-vertical.tabs-right li .nav-link.active { border-right-color: var(--pfully-quaternary); } html.dark body .tabs-quaternary.tabs-vertical.tabs-right li .nav-link.active:hover, html.dark body .tabs-quaternary.tabs-vertical.tabs-right li .nav-link.active:focus { border-right-color: var(--pfully-quaternary); } html.dark body .tabs-quaternary.tabs-vertical.tabs-right li .nav-link.active:focus { border-right-color: var(--pfully-quaternary); } html.dark body .tabs-dark .nav-tabs li .nav-link { color: var(--pfully-dark); } html.dark body .tabs-dark .nav-tabs li .nav-link:hover, html.dark body .tabs-dark .nav-tabs li .nav-link:focus { color: var(--pfully-dark); border-top-color: var(--pfully-dark); } html.dark body .tabs-dark .nav-tabs li .nav-link.active { border-top-color: var(--pfully-dark); color: var(--pfully-dark); } html.dark body .tabs-dark .nav-tabs li .nav-link.active:hover, html.dark body .tabs-dark .nav-tabs li .nav-link.active:focus { border-top-color: var(--pfully-dark); color: var(--pfully-dark); } html.dark body .tabs-dark .nav-tabs li .nav-link.active:focus { border-top-color: var(--pfully-dark); color: var(--pfully-dark); } html.dark body .tabs-dark .nav-tabs.nav-justified li .nav-link { color: var(--pfully-dark); } html.dark body .tabs-dark .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-dark .nav-tabs.nav-justified li .nav-link:focus { color: var(--pfully-dark); border-top-color: var(--pfully-dark); } html.dark body .tabs-dark .nav-tabs.nav-justified li .nav-link.active { border-top-color: var(--pfully-dark); color: var(--pfully-dark); } html.dark body .tabs-dark .nav-tabs.nav-justified li .nav-link.active:hover, html.dark body .tabs-dark .nav-tabs.nav-justified li .nav-link.active:focus { border-top-color: var(--pfully-dark); color: var(--pfully-dark); } html.dark body .tabs-dark .nav-tabs.nav-justified li .nav-link.active:focus { border-top-color: var(--pfully-dark); color: var(--pfully-dark); } html.dark body .tabs-dark.tabs-bottom .nav-tabs li .nav-link:hover, html.dark body .tabs-dark.tabs-bottom .nav-tabs li .nav-link:focus { border-bottom-color: var(--pfully-dark); } html.dark body .tabs-dark.tabs-bottom .nav-tabs li .nav-link.active { border-bottom-color: var(--pfully-dark); } html.dark body .tabs-dark.tabs-bottom .nav-tabs li .nav-link.active:hover, html.dark body .tabs-dark.tabs-bottom .nav-tabs li .nav-link.active:focus { border-bottom-color: var(--pfully-dark); } html.dark body .tabs-dark.tabs-bottom .nav-tabs li .nav-link.active:focus { border-bottom-color: var(--pfully-dark); } html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li .nav-link:focus { border-bottom-color: var(--pfully-dark); } html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li .nav-link.active { border-bottom-color: var(--pfully-dark); } html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:hover, html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus { border-bottom-color: var(--pfully-dark); } html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus { border-bottom-color: var(--pfully-dark); } html.dark body .tabs-dark.tabs-simple .nav-tabs li .nav-link:hover, html.dark body .tabs-dark.tabs-simple .nav-tabs li .nav-link:focus { color: var(--pfully-dark) !important; border-bottom-color: var(--pfully-dark); } html.dark body .tabs-dark.tabs-simple .nav-tabs li .nav-link.active { color: var(--pfully-dark) !important; border-bottom-color: var(--pfully-dark); } html.dark body .tabs-dark.tabs-simple .nav-tabs li .nav-link.active:hover, html.dark body .tabs-dark.tabs-simple .nav-tabs li .nav-link.active:focus { color: var(--pfully-dark) !important; border-bottom-color: var(--pfully-dark); } html.dark body .tabs-dark.tabs-simple .nav-tabs li .nav-link.active:focus { color: var(--pfully-dark) !important; border-bottom-color: var(--pfully-dark); } html.dark body .tabs-dark.tabs-simple .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-dark.tabs-simple .nav-tabs.nav-justified li .nav-link:focus { color: var(--pfully-dark) !important; border-bottom-color: var(--pfully-dark); } html.dark body .tabs-dark.tabs-simple .nav-tabs.nav-justified li .nav-link.active { color: var(--pfully-dark) !important; border-bottom-color: var(--pfully-dark); } html.dark body .tabs-dark.tabs-simple .nav-tabs.nav-justified li .nav-link.active:hover, html.dark body .tabs-dark.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus { color: var(--pfully-dark) !important; border-bottom-color: var(--pfully-dark); } html.dark body .tabs-dark.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus { color: var(--pfully-dark) !important; border-bottom-color: var(--pfully-dark); } html.dark body .tabs-dark.tabs-vertical.tabs-left li .nav-link:hover, html.dark body .tabs-dark.tabs-vertical.tabs-left li .nav-link:focus { border-left-color: var(--pfully-dark); } html.dark body .tabs-dark.tabs-vertical.tabs-left li .nav-link.active { border-left-color: var(--pfully-dark); } html.dark body .tabs-dark.tabs-vertical.tabs-left li .nav-link.active:hover, html.dark body .tabs-dark.tabs-vertical.tabs-left li .nav-link.active:focus { border-left-color: var(--pfully-dark); } html.dark body .tabs-dark.tabs-vertical.tabs-left li .nav-link.active:focus { border-left-color: var(--pfully-dark); } html.dark body .tabs-dark.tabs-vertical.tabs-right li .nav-link:hover, html.dark body .tabs-dark.tabs-vertical.tabs-right li .nav-link:focus { border-right-color: var(--pfully-dark); } html.dark body .tabs-dark.tabs-vertical.tabs-right li .nav-link.active { border-right-color: var(--pfully-dark); } html.dark body .tabs-dark.tabs-vertical.tabs-right li .nav-link.active:hover, html.dark body .tabs-dark.tabs-vertical.tabs-right li .nav-link.active:focus { border-right-color: var(--pfully-dark); } html.dark body .tabs-dark.tabs-vertical.tabs-right li .nav-link.active:focus { border-right-color: var(--pfully-dark); } html.dark body .tabs-light .nav-tabs li .nav-link { color: var(--pfully-light-text); } html.dark body .tabs-light .nav-tabs li .nav-link:hover, html.dark body .tabs-light .nav-tabs li .nav-link:focus { color: var(--pfully-light-text); border-top-color: var(--pfully-light); } html.dark body .tabs-light .nav-tabs li .nav-link.active { border-top-color: var(--pfully-light); color: var(--pfully-light-text); } html.dark body .tabs-light .nav-tabs li .nav-link.active:hover, html.dark body .tabs-light .nav-tabs li .nav-link.active:focus { border-top-color: var(--pfully-light); color: var(--pfully-light-text); } html.dark body .tabs-light .nav-tabs li .nav-link.active:focus { border-top-color: var(--pfully-light); color: var(--pfully-light-text); } html.dark body .tabs-light .nav-tabs.nav-justified li .nav-link { color: var(--pfully-light-text); } html.dark body .tabs-light .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-light .nav-tabs.nav-justified li .nav-link:focus { color: var(--pfully-light-text); border-top-color: var(--pfully-light); } html.dark body .tabs-light .nav-tabs.nav-justified li .nav-link.active { border-top-color: var(--pfully-light); color: var(--pfully-light-text); } html.dark body .tabs-light .nav-tabs.nav-justified li .nav-link.active:hover, html.dark body .tabs-light .nav-tabs.nav-justified li .nav-link.active:focus { border-top-color: var(--pfully-light); color: var(--pfully-light-text); } html.dark body .tabs-light .nav-tabs.nav-justified li .nav-link.active:focus { border-top-color: var(--pfully-light); color: var(--pfully-light-text); } html.dark body .tabs-light.tabs-bottom .nav-tabs li .nav-link:hover, html.dark body .tabs-light.tabs-bottom .nav-tabs li .nav-link:focus { border-bottom-color: var(--pfully-light); } html.dark body .tabs-light.tabs-bottom .nav-tabs li .nav-link.active { border-bottom-color: var(--pfully-light); } html.dark body .tabs-light.tabs-bottom .nav-tabs li .nav-link.active:hover, html.dark body .tabs-light.tabs-bottom .nav-tabs li .nav-link.active:focus { border-bottom-color: var(--pfully-light); } html.dark body .tabs-light.tabs-bottom .nav-tabs li .nav-link.active:focus { border-bottom-color: var(--pfully-light); } html.dark body .tabs-light.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-light.tabs-bottom .nav-tabs.nav-justified li .nav-link:focus { border-bottom-color: var(--pfully-light); } html.dark body .tabs-light.tabs-bottom .nav-tabs.nav-justified li .nav-link.active { border-bottom-color: var(--pfully-light); } html.dark body .tabs-light.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:hover, html.dark body .tabs-light.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus { border-bottom-color: var(--pfully-light); } html.dark body .tabs-light.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus { border-bottom-color: var(--pfully-light); } html.dark body .tabs-light.tabs-simple .nav-tabs li .nav-link:hover, html.dark body .tabs-light.tabs-simple .nav-tabs li .nav-link:focus { color: var(--pfully-light) !important; border-bottom-color: var(--pfully-light); } html.dark body .tabs-light.tabs-simple .nav-tabs li .nav-link.active { color: var(--pfully-light-text) !important; border-bottom-color: var(--pfully-light); } html.dark body .tabs-light.tabs-simple .nav-tabs li .nav-link.active:hover, html.dark body .tabs-light.tabs-simple .nav-tabs li .nav-link.active:focus { color: var(--pfully-light-text) !important; border-bottom-color: var(--pfully-light); } html.dark body .tabs-light.tabs-simple .nav-tabs li .nav-link.active:focus { color: var(--pfully-light-text) !important; border-bottom-color: var(--pfully-light); } html.dark body .tabs-light.tabs-simple .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-light.tabs-simple .nav-tabs.nav-justified li .nav-link:focus { color: var(--pfully-light-text) !important; border-bottom-color: var(--pfully-light); } html.dark body .tabs-light.tabs-simple .nav-tabs.nav-justified li .nav-link.active { color: var(--pfully-light-text) !important; border-bottom-color: var(--pfully-light); } html.dark body .tabs-light.tabs-simple .nav-tabs.nav-justified li .nav-link.active:hover, html.dark body .tabs-light.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus { color: var(--pfully-light-text) !important; border-bottom-color: var(--pfully-light); } html.dark body .tabs-light.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus { color: var(--pfully-light-text) !important; border-bottom-color: var(--pfully-light); } html.dark body .tabs-light.tabs-vertical.tabs-left li .nav-link:hover, html.dark body .tabs-light.tabs-vertical.tabs-left li .nav-link:focus { border-left-color: var(--pfully-light); } html.dark body .tabs-light.tabs-vertical.tabs-left li .nav-link.active { border-left-color: var(--pfully-light); } html.dark body .tabs-light.tabs-vertical.tabs-left li .nav-link.active:hover, html.dark body .tabs-light.tabs-vertical.tabs-left li .nav-link.active:focus { border-left-color: var(--pfully-light); } html.dark body .tabs-light.tabs-vertical.tabs-left li .nav-link.active:focus { border-left-color: var(--pfully-light); } html.dark body .tabs-light.tabs-vertical.tabs-right li .nav-link:hover, html.dark body .tabs-light.tabs-vertical.tabs-right li .nav-link:focus { border-right-color: var(--pfully-light); } html.dark body .tabs-light.tabs-vertical.tabs-right li .nav-link.active { border-right-color: var(--pfully-light); } html.dark body .tabs-light.tabs-vertical.tabs-right li .nav-link.active:hover, html.dark body .tabs-light.tabs-vertical.tabs-right li .nav-link.active:focus { border-right-color: var(--pfully-light); } html.dark body .tabs-light.tabs-vertical.tabs-right li .nav-link.active:focus { border-right-color: var(--pfully-light); } html[dir="rtl"] .tabs.tabs-vertical.tabs-left .nav-tabs li .nav-link:hover html[dir="rtl"] .tabs.tabs-vertical.tabs-left .nav-tabs li .nav-link.active, html[dir="rtl"] .tabs.tabs-vertical.tabs-left .nav-tabs li .nav-link:focus html[dir="rtl"] .tabs.tabs-vertical.tabs-left .nav-tabs li .nav-link.active { border-right-color: var(--pfully-primary); border-left-color: transparent; } html[dir="rtl"] .tabs.tabs-vertical.tabs-left .nav-tabs li .nav-link.active:hover, html[dir="rtl"] .tabs.tabs-vertical.tabs-left .nav-tabs li .nav-link.active:focus { border-right-color: var(--pfully-primary); border-left-color: transparent; } html[dir="rtl"] .tabs.tabs-vertical.tabs-left .nav-tabs li .nav-link.active:focus { border-right-color: var(--pfully-primary); border-left-color: transparent; } html[dir="rtl"] .tabs.tabs-vertical.tabs-right .nav-tabs li .nav-link:hover html[dir="rtl"] .tabs.tabs-vertical.tabs-right .nav-tabs li .nav-link.active, html[dir="rtl"] .tabs.tabs-vertical.tabs-right .nav-tabs li .nav-link:focus html[dir="rtl"] .tabs.tabs-vertical.tabs-right .nav-tabs li .nav-link.active { border-right-color: transparent; border-left-color: var(--pfully-primary); } html[dir="rtl"] .tabs.tabs-vertical.tabs-right .nav-tabs li .nav-link.active:hover, html[dir="rtl"] .tabs.tabs-vertical.tabs-right .nav-tabs li .nav-link.active:focus { border-right-color: transparent; border-left-color: var(--pfully-primary); } html[dir="rtl"] .tabs.tabs-vertical.tabs-right .nav-tabs li .nav-link.active:focus { border-right-color: transparent; border-left-color: var(--pfully-primary); } html[dir="rtl"] #header .tip:before { border-left-color: var(--pfully-primary); } html[dir="rtl"] #header .tip.skin:before { border-left-color: var(--pfully-primary); } html[dir="rtl"] #header .tip-primary:before { border-left-color: var(--pfully-primary) !important; border-right-color: transparent !important; } html[dir="rtl"] #header .tip-secondary:before { border-left-color: var(--pfully-secondary) !important; border-right-color: transparent !important; } html[dir="rtl"] #header .tip-tertiary:before { border-left-color: var(--pfully-tertiary) !important; border-right-color: transparent !important; } html[dir="rtl"] #header .tip-quaternary:before { border-left-color: var(--pfully-quaternary) !important; border-right-color: transparent !important; } html[dir="rtl"] #header .tip-dark:before { border-left-color: var(--pfully-dark) !important; border-right-color: transparent !important; } html[dir="rtl"] #header .tip-light:before { border-left-color: var(--pfully-light) !important; border-right-color: transparent !important; } .list.list-icons li > [class*="fa-"]:first-child { color: var(--pfully-primary); border-color: var(--pfully-primary); } .list.list-icons li a:first-child > [class*="fa-"]:first-child { color: var(--pfully-primary); border-color: var(--pfully-primary); } .list.list-icons li a:first-child > .icons:first-child { color: var(--pfully-primary); border-color: var(--pfully-primary); } .list.list-icons li > .icons:first-child { color: var(--pfully-primary); border-color: var(--pfully-primary); } .list.list-icons.list-icons-style-3 li > [class*="fa-"]:first-child { background-color: var(--pfully-primary); } .list.list-icons.list-icons-style-3 li a:first-child > [class*="fa-"]:first-child { background-color: var(--pfully-primary); } .list.list-icons.list-icons-style-3 li a:first-child > .icons:first-child { background-color: var(--pfully-primary); } .list.list-icons.list-icons-style-3 li > .icons:first-child { background-color: var(--pfully-primary); } .list.list-ordered li:before { color: var(--pfully-primary); border-color: var(--pfully-primary); } .list.list-ordered.list-ordered-style-3 li:before { background-color: var(--pfully-primary); } .parallax blockquote i.fa-quote-left { color: var(--pfully-primary); } section.video blockquote i.fa-quote-left { color: var(--pfully-primary); } .accordion .card-header a { color: var(--pfully-primary); } #header .tip { background: var(--pfully-primary); color: var(--pfully-primary-text); } #header .tip:before { border-right-color: var(--pfully-primary); border-left-color: transparent; } #header .header-btn-collapse-nav:not(.hamburger) { background: var(--pfully-primary); } #header .header-nav-features .header-nav-features-search-reveal-big-search .form-control { border-bottom-color: var(--pfully-primary); } .hamburger-light .hamburger-inner, .hamburger-light .hamburger-inner::before, .hamburger-light .hamburger-inner::after { background-color: var(--pfully-light); } .hamburger-light .hamburger.is-active .hamburger-inner, .hamburger-light .hamburger.is-active .hamburger-inner::before, .hamburger-light .hamburger.is-active .hamburger-inner::after { background-color: var(--pfully-light); } .hamburger-light.hamburger.is-active .hamburger-inner, .hamburger-light.hamburger.is-active .hamburger-inner:after, .hamburger-light.hamburger.is-active .hamburger-inner:before { background-color: var(--pfully-light); } .testimonial blockquote { background: var(--pfully-primary-lighten); } .testimonial .testimonial-arrow-down { border-top-color: var(--pfully-primary-lighten); } .circular-bar.only-icon [class*="fa-"] { color: var(--pfully-primary); } .circular-bar.only-icon .icons { color: var(--pfully-primary); } .form-control.bg-primary { color: var(--pfully-primary-text); border-color: var(--pfully-primary); } .form-control.bg-primary::-webkit-input-placeholder { color: var(--pfully-primary-text-darken); } .form-control.bg-primary::-moz-placeholder { color: var(--pfully-primary-text-darken); } .form-control.bg-primary:-ms-input-placeholder { color: var(--pfully-primary-text-darken); } .form-control.bg-primary:-moz-placeholder { color: var(--pfully-primary-text-darken); } .form-control.bg-color-primary { color: var(--pfully-primary-text); border-color: var(--pfully-primary); } .form-control.bg-color-primary::-webkit-input-placeholder { color: var(--pfully-primary-text-darken); } .form-control.bg-color-primary::-moz-placeholder { color: var(--pfully-primary-text-darken); } .form-control.bg-color-primary:-ms-input-placeholder { color: var(--pfully-primary-text-darken); } .form-control.bg-color-primary:-moz-placeholder { color: var(--pfully-primary-text-darken); } .form-control .testimonial-primary blockquote { background: var(--pfully-primary-lighten); } .form-control .testimonial-primary .testimonial-arrow-down { border-top-color: var(--pfully-primary-lighten); } .form-control .testimonial-primary.testimonial-style-7 { background: var(--pfully-primary-lighten); } .form-control .testimonial-quotes-primary blockquote:before { color: var(--pfully-primary) !important; } .form-control .testimonial-quotes-primary blockquote:after { color: var(--pfully-primary) !important; } .form-control .testimonial-secondary blockquote { background: var(--pfully-secondary-lighten); } .form-control .testimonial-secondary .testimonial-arrow-down { border-top-color: var(--pfully-secondary-lighten); } .form-control .testimonial-secondary.testimonial-style-7 { background: var(--pfully-secondary-lighten); } .form-control .testimonial-quotes-secondary blockquote:before { color: var(--pfully-primary) !important; } .form-control .testimonial-quotes-secondary blockquote:after { color: var(--pfully-primary) !important; } .form-control .testimonial-tertiary blockquote { background: var(--pfully-tertiary); } .form-control .testimonial-tertiary .testimonial-arrow-down { border-top-color: var(--pfully-tertiary); } .form-control .testimonial-tertiary.testimonial-style-7 { background: var(--pfully-tertiary); } .form-control .testimonial-quotes-tertiary blockquote:before { color: var(--pfully-primary) !important; } .form-control .testimonial-quotes-tertiary blockquote:after { color: var(--pfully-primary) !important; } .form-control .testimonial-quaternary blockquote { background: var(--pfully-quaternary-lighten); } .form-control .testimonial-quaternary .testimonial-arrow-down { border-top-color: var(--pfully-quaternary-lighten); } .form-control .testimonial-quaternary.testimonial-style-7 { background: var(--pfully-quaternary-lighten); } .form-control .testimonial-quotes-quaternary blockquote:before { color: var(--pfully-primary) !important; } .form-control .testimonial-quotes-quaternary blockquote:after { color: var(--pfully-primary) !important; } .form-control .testimonial-dark blockquote { background: var(--pfully-dark-lighten); } .form-control .testimonial-dark .testimonial-arrow-down { border-top-color: var(--pfully-dark-lighten); } .form-control .testimonial-dark.testimonial-style-7 { background: var(--pfully-dark-lighten); } .form-control .testimonial-quotes-dark blockquote:before { color: var(--pfully-primary) !important; } .form-control .testimonial-quotes-dark blockquote:after { color: var(--pfully-primary) !important; } .form-control .testimonial-light blockquote { background: var(--pfully-light); } .form-control .testimonial-light .testimonial-arrow-down { border-top-color: var(--pfully-light); } .form-control .testimonial-light.testimonial-style-7 { background: var(--pfully-light); } .form-control .testimonial-quotes-light blockquote:before { color: var(--pfully-light) !important; } .form-control .testimonial-quotes-light blockquote:after { color: var(--pfully-light) !important; } .form-control.bg-secondary { color: var(--pfully-secondary-text); border-color: var(--pfully-secondary); } .form-control.bg-secondary::-webkit-input-placeholder { color: var(--pfully-secondary-text-darken); } .form-control.bg-secondary::-moz-placeholder { color: var(--pfully-secondary-text-darken); } .form-control.bg-secondary:-ms-input-placeholder { color: var(--pfully-secondary-text-darken); } .form-control.bg-secondary:-moz-placeholder { color: var(--pfully-secondary-text-darken); } .form-control.bg-color-secondary { color: var(--pfully-secondary-text); border-color: var(--pfully-secondary); } .form-control.bg-color-secondary::-webkit-input-placeholder { color: var(--pfully-secondary-text-darken); } .form-control.bg-color-secondary::-moz-placeholder { color: var(--pfully-secondary-text-darken); } .form-control.bg-color-secondary:-ms-input-placeholder { color: var(--pfully-secondary-text-darken); } .form-control.bg-color-secondary:-moz-placeholder { color: var(--pfully-secondary-text-darken); } .form-control.bg-tertiary { color: var(--pfully-tertiary-text); border-color: var(--pfully-tertiary); } .form-control.bg-tertiary::-webkit-input-placeholder { color: var(--pfully-tertiary-text-darken); } .form-control.bg-tertiary::-moz-placeholder { color: var(--pfully-tertiary-text-darken); } .form-control.bg-tertiary:-ms-input-placeholder { color: var(--pfully-tertiary-text-darken); } .form-control.bg-tertiary:-moz-placeholder { color: var(--pfully-tertiary-text-darken); } .form-control.bg-color-tertiary { color: var(--pfully-tertiary-text); border-color: var(--pfully-tertiary); } .form-control.bg-color-tertiary::-webkit-input-placeholder { color: var(--pfully-tertiary-text-darken); } .form-control.bg-color-tertiary::-moz-placeholder { color: var(--pfully-tertiary-text-darken); } .form-control.bg-color-tertiary:-ms-input-placeholder { color: var(--pfully-tertiary-text-darken); } .form-control.bg-color-tertiary:-moz-placeholder { color: var(--pfully-tertiary-text-darken); } .form-control.bg-quaternary { color: var(--pfully-quaternary-text); border-color: var(--pfully-quaternary); } .form-control.bg-quaternary::-webkit-input-placeholder { color: var(--pfully-quaternary-text-darken); } .form-control.bg-quaternary::-moz-placeholder { color: var(--pfully-quaternary-text-darken); } .form-control.bg-quaternary:-ms-input-placeholder { color: var(--pfully-quaternary-text-darken); } .form-control.bg-quaternary:-moz-placeholder { color: var(--pfully-quaternary-text-darken); } .form-control.bg-color-quaternary { color: var(--pfully-quaternary-text); border-color: var(--pfully-quaternary); } .form-control.bg-color-quaternary::-webkit-input-placeholder { color: var(--pfully-quaternary-text-darken); } .form-control.bg-color-quaternary::-moz-placeholder { color: var(--pfully-quaternary-text-darken); } .form-control.bg-color-quaternary:-ms-input-placeholder { color: var(--pfully-quaternary-text-darken); } .form-control.bg-color-quaternary:-moz-placeholder { color: var(--pfully-quaternary-text-darken); } .form-control.bg-dark { color: var(--pfully-dark-text); border-color: var(--pfully-dark); } .form-control.bg-dark::-webkit-input-placeholder { color: var(--pfully-dark-text-darken); } .form-control.bg-dark::-moz-placeholder { color: var(--pfully-dark-text-darken); } .form-control.bg-dark:-ms-input-placeholder { color: var(--pfully-dark-text-darken); } .form-control.bg-dark:-moz-placeholder { color: var(--pfully-dark-text-darken); } .form-control.bg-color-dark { color: var(--pfully-dark-text); border-color: var(--pfully-dark); } .form-control.bg-color-dark::-webkit-input-placeholder { color: var(--pfully-dark-text-darken); } .form-control.bg-color-dark::-moz-placeholder { color: var(--pfully-dark-text-darken); } .form-control.bg-color-dark:-ms-input-placeholder { color: var(--pfully-dark-text-darken); } .form-control.bg-color-dark:-moz-placeholder { color: var(--pfully-dark-text-darken); } .form-control.bg-light { color: var(--pfully-light-text); border-color: var(--pfully-light); } .form-control.bg-light::-webkit-input-placeholder { color: var(--pfully-light-text-darken); } .form-control.bg-light::-moz-placeholder { color: var(--pfully-light-text-darken); } .form-control.bg-light:-ms-input-placeholder { color: var(--pfully-light-text-darken); } .form-control.bg-light:-moz-placeholder { color: var(--pfully-light-text-darken); } .form-control.bg-color-light { color: var(--pfully-light-text); border-color: var(--pfully-light); } .form-control.bg-color-light::-webkit-input-placeholder { color: var(--pfully-light-text-darken); } .form-control.bg-color-light::-moz-placeholder { color: var(--pfully-light-text-darken); } .form-control.bg-color-light:-ms-input-placeholder { color: var(--pfully-light-text-darken); } .form-control.bg-color-light:-moz-placeholder { color: var(--pfully-light-text-darken); } .form-range::-webkit-slider-thumb { background-color: var(--pfully-primary); } .form-range::-webkit-slider-thumb:active { background-color: var(--pfully-primary-o-7); } .form-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px var(--pfully-color-white), 0 0 0 0.25rem var(--pfully-primary-o-7); } .icon-featured { background-color: var(--pfully-primary); } .featured-boxes-modern-style-primary .featured-box { background: var(--pfully-primary); background: linear-gradient(135deg, var(--pfully-primary) 0%, var(--pfully-quaternary) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--pfully-primary)', endColorstr='var(--pfully-quaternary)', GradientType=1); } .featured-boxes-modern-style-secondary .featured-box { background: var(--pfully-secondary); background: linear-gradient(135deg, var(--pfully-secondary) 0%, var(--pfully-quaternary) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--pfully-secondary)', endColorstr='var(--pfully-quaternary)', GradientType=1); } .featured-boxes-modern-style-tertiary .featured-box { background: var(--pfully-tertiary); background: linear-gradient(135deg, var(--pfully-tertiary) 0%, var(--pfully-quaternary) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--pfully-tertiary)', endColorstr='var(--pfully-quaternary)', GradientType=1); } .feature-box .feature-box-icon { background-color: var(--pfully-primary); } .feature-box.feature-box-style-2 .feature-box-icon [class*="fa-"] { color: var(--pfully-primary); } .feature-box.feature-box-style-2 .feature-box-icon .icons { color: var(--pfully-primary); } .feature-box.feature-box-style-3 .feature-box-icon { border-color: var(--pfully-primary); } .feature-box.feature-box-style-3 .feature-box-icon [class*="fa-"] { color: var(--pfully-primary); } .feature-box.feature-box-style-3 .feature-box-icon .icons { color: var(--pfully-primary); } .feature-box.feature-box-style-4 .feature-box-icon [class*="fa-"] { color: var(--pfully-primary); } .feature-box.feature-box-style-4 .feature-box-icon .icons { color: var(--pfully-primary); } .feature-box.feature-box-style-5 .feature-box-icon [class*="fa-"] { color: var(--pfully-primary); } .feature-box.feature-box-style-5 .feature-box-icon .icons { color: var(--pfully-primary); } .pricing-table .most-popular { border-color: var(--pfully-primary); } .pricing-table .most-popular h3 { background-color: var(--pfully-primary); } .pricing-table.princig-table-flat .plan h3 { background-color: var(--pfully-primary); } .pricing-table.princig-table-flat .plan h3 span { background: var(--pfully-primary); } section.timeline .timeline-box.left:before { background: var(--pfully-primary); box-shadow: 0 0 0 3px var(--pfully-color-white), 0 0 0 6px var(--pfully-primary); } section.timeline .timeline-box.right:before { background: var(--pfully-primary); box-shadow: 0 0 0 3px var(--pfully-color-white), 0 0 0 6px var(--pfully-primary); } ul.history li .featured-box .box-content { border-top-color: var(--pfully-primary); } .portfolio-list .portfolio-item.portfolio-item-new:after { background: linear-gradient(135deg, var(--pfully-primary) 0%, var(--pfully-secondary) 80%); } .recent-posts .date .month { background-color: var(--pfully-primary); } .recent-posts .date .day { color: var(--pfully-primary); } article.post .post-date .month { background-color: var(--pfully-primary); } article.post .post-date .day { color: var(--pfully-primary); } .slider .tp-bannertimer { background-color: var(--pfully-primary); } .home-concept strong { color: var(--pfully-primary); } .cd-product-viewer-handle .handle { background: var(--pfully-primary); } .tparrows.tparrows-carousel.tp-leftarrow { background-color: var(--pfully-primary); border-color: var(--pfully-primary) var(--pfully-primary) var(--pfully-primary-darken); color: var(--pfully-primary-text); } .tparrows.tparrows-carousel.tp-leftarrow:hover, .tparrows.tparrows-carousel.tp-leftarrow:focus { background-color: var(--pfully-primary-lighten); border-color: var(--pfully-primary-lighten-2) var(--pfully-primary-lighten-2) var(--pfully-primary); color: var(--pfully-primary-text); } .tparrows.tparrows-carousel.tp-leftarrow:focus { background-color: var(--pfully-primary-darken); border-color: var(--pfully-primary-darken) var(--pfully-primary-darken) var(--pfully-primary-darken-2); color: var(--pfully-primary-text); box-shadow: 0 0 0 3px var(--pfully-primary-o-5); } .tparrows.tparrows-carousel.tp-leftarrow:disabled { background-color: var(--pfully-primary); border-color: var(--pfully-primary) var(--pfully-primary) var(--pfully-primary-darken); } .tparrows.tparrows-carousel.tp-leftarrow:active { background-color: var(--pfully-primary-darken) !important; background-image: none !important; border-color: var(--pfully-primary-darken) var(--pfully-primary-darken) var(--pfully-primary-darken-2) !important; } .tparrows.tparrows-carousel.tp-rightarrow { background-color: var(--pfully-primary); border-color: var(--pfully-primary) var(--pfully-primary) var(--pfully-primary-darken); color: var(--pfully-primary-text); } .tparrows.tparrows-carousel.tp-rightarrow:hover, .tparrows.tparrows-carousel.tp-rightarrow:focus { background-color: var(--pfully-primary-lighten); border-color: var(--pfully-primary-lighten-2) var(--pfully-primary-lighten-2) var(--pfully-primary); color: var(--pfully-primary-text); } .tparrows.tparrows-carousel.tp-rightarrow:focus { background-color: var(--pfully-primary-darken); border-color: var(--pfully-primary-darken) var(--pfully-primary-darken) var(--pfully-primary-darken-2); color: var(--pfully-primary-text); box-shadow: 0 0 0 3px var(--pfully-primary-o-5); } .tparrows.tparrows-carousel.tp-rightarrow:disabled { background-color: var(--pfully-primary); border-color: var(--pfully-primary) var(--pfully-primary) var(--pfully-primary-darken); } .tparrows.tparrows-carousel.tp-rightarrow:active { background-color: var(--pfully-primary-darken) !important; background-image: none !important; border-color: var(--pfully-primary-darken) var(--pfully-primary-darken) var(--pfully-primary-darken-2) !important; } .tparrows.tparrows-carousel.tp-leftarrow.hover { background-color: var(--pfully-primary-lighten); border-color: var(--pfully-primary-lighten-2) var(--pfully-primary-lighten-2) var(--pfully-primary); color: var(--pfully-primary-text); } .tparrows.tparrows-carousel.tp-rightarrow.hover { background-color: var(--pfully-primary-lighten); border-color: var(--pfully-primary-lighten-2) var(--pfully-primary-lighten-2) var(--pfully-primary); color: var(--pfully-primary-text); } .tparrows.tparrows-carousel.tp-leftarrow.focus { background-color: var(--pfully-primary-darken); border-color: var(--pfully-primary-darken) var(--pfully-primary-darken) var(--pfully-primary-darken-2); color: var(--pfully-primary-text); box-shadow: 0 0 0 3px var(--pfully-primary-o-5); } .tparrows.tparrows-carousel.tp-rightarrow.focus { background-color: var(--pfully-primary-darken); border-color: var(--pfully-primary-darken) var(--pfully-primary-darken) var(--pfully-primary-darken-2); color: var(--pfully-primary-text); box-shadow: 0 0 0 3px var(--pfully-primary-o-5); } .tparrows.tparrows-carousel.tp-leftarrow.disabled { background-color: var(--pfully-primary); border-color: var(--pfully-primary) var(--pfully-primary) var(--pfully-primary-darken); } .tparrows.tparrows-carousel.tp-rightarrow.disabled { background-color: var(--pfully-primary); border-color: var(--pfully-primary) var(--pfully-primary) var(--pfully-primary-darken); } .tparrows.tparrows-carousel.tp-leftarrow.active { background-color: var(--pfully-primary-darken) !important; background-image: none !important; border-color: var(--pfully-primary-darken) var(--pfully-primary-darken) var(--pfully-primary-darken-2) !important; } .tparrows.tparrows-carousel.tp-rightarrow.active { background-color: var(--pfully-primary-darken) !important; background-image: none !important; border-color: var(--pfully-primary-darken) var(--pfully-primary-darken) var(--pfully-primary-darken-2) !important; } .tparrows.arrows-primary:before { color: var(--pfully-primary); } .shop .products .product .onsale { background-color: var(--pfully-primary); border-bottom-color: var(--pfully-primary-darken); } .shop .products .product .quick-view { background: var(--pfully-primary-o-3); } .shop .products .product:hover .quick-view:hover, .shop .products .product:hover .quick-view:focus, .shop .products .product:focus .quick-view:hover, .shop .products .product:focus .quick-view:focus { background: var(--pfully-primary); } .shop .cart-totals tr.total .amount { color: var(--pfully-primary); } .product .product-thumb-info .addtocart-btn-wrapper .addtocart-btn:hover, .product .product-thumb-info .addtocart-btn-wrapper .addtocart-btn:focus { color: var(--pfully-primary-text); background: var(--pfully-primary); } .product .product-thumb-info .countdown-offer-wrapper { background: var(--pfully-primary); } .dropdown-menu.dropdown-menu-arrow-centered a:focus { background-color: var(--pfully-primary); } .dropdown-menu.dropdown-menu-arrow-centered a:active { background-color: var(--pfully-primary); } #footer .footer-ribbon { background: var(--pfully-primary); } #footer .footer-ribbon:before { border-right-color: var(--pfully-primary-darken); border-left-color: var(--pfully-primary-darken); } #footer .footer-nav.footer-nav-bottom-line nav > ul:not(:hover) > li > a.active { color: var(--pfully-primary) !important; } #footer .footer-nav.footer-nav-bottom-line nav > ul:not(:hover) > li > a.active:before { background: var(--pfully-primary) !important; } #footer .footer-nav.footer-nav-bottom-line nav > ul:hover > li:hover > a, #footer .footer-nav.footer-nav-bottom-line nav > ul:hover > li:focus > a, #footer .footer-nav.footer-nav-bottom-line nav > ul:focus > li:hover > a, #footer .footer-nav.footer-nav-bottom-line nav > ul:focus > li:focus > a { color: var(--pfully-primary) !important; } #footer .footer-nav.footer-nav-bottom-line nav > ul:hover > li:hover > a:before, #footer .footer-nav.footer-nav-bottom-line nav > ul:hover > li:focus > a:before, #footer .footer-nav.footer-nav-bottom-line nav > ul:focus > li:hover > a:before, #footer .footer-nav.footer-nav-bottom-line nav > ul:focus > li:focus > a:before { background: var(--pfully-primary) !important; } .scrollable.colored-slider .scrollable-slider { background: var(--pfully-primary); } .sample-icon-list .sample-icon a:hover, .sample-icon-list .sample-icon a:focus { background-color: var(--pfully-primary); } .cursor-inner { background-color: var(--pfully-primary); } .cursor-inner.cursor-inner-plus:before { color: var(--pfully-primary); } .cursor-outer { border-color: var(--pfully-primary); } .cssload-thecube .cssload-cube:before { background-color: var(--pfully-primary); } .cssload-cube-progress { border-color: var(--pfully-primary); } .cssload-cube-progress-inner { background-color: var(--pfully-primary); } .cssload-float-rings-inner.cssload-one { border-bottom-color: var(--pfully-primary); } .cssload-float-rings-inner.cssload-two { border-right-color: var(--pfully-primary); } .cssload-float-rings-inner.cssload-three { border-top-color: var(--pfully-primary); } .cssload-float-bars-loading { background: var(--pfully-primary); } .cssload-float-bars-loading:after { background: var(--pfully-primary); } .cssload-float-bars-loading:before { background: var(--pfully-primary); } .cssload-speeding-wheel { border-top-color: var(--pfully-primary); border-bottom-color: var(--pfully-primary); } .cssload-zenith { box-shadow: 3px 3px 1px var(--pfully-primary); } .cssload-spinning-square-loading { background: var(--pfully-primary); } .cssload-spinning-square-loading:before { background: var(--pfully-secondary); } .cssload-spinning-square-loading:after { background: var(--pfully-color-white); } .cssload-pulse-loader { background: var(--pfully-primary); } .map-rounded-pin { background: var(--pfully-primary); } html.boxed .body { border-color: var(--pfully-primary); } html.boxed.boxed-side .body { border-color: var(--pfully-primary); box-sizing: content-box; } html.boxed.boxed-primary .body { border-color: var(--pfully-primary); } html.boxed.boxed-outside-primary { background: var(--pfully-primary); } html.boxed.boxed-outside-primary .body { border: none; } html.boxed.boxed-secondary .body { border-color: var(--pfully-secondary); } html.boxed.boxed-outside-secondary { background: var(--pfully-secondary); } html.boxed.boxed-outside-secondary .body { border: none; } html.boxed.boxed-tertiary .body { border-color: var(--pfully-tertiary); } html.boxed.boxed-outside-tertiary { background: var(--pfully-tertiary); } html.boxed.boxed-outside-tertiary .body { border: none; } html.boxed.boxed-quaternary .body { border-color: var(--pfully-quaternary); } html.boxed.boxed-outside-quaternary { background: var(--pfully-quaternary); } html.boxed.boxed-outside-quaternary .body { border: none; } html.boxed.boxed-dark .body { border-color: var(--pfully-dark); } html.boxed.boxed-outside-dark { background: var(--pfully-dark); } html.boxed.boxed-outside-dark .body { border: none; } html.boxed.boxed-outside-light { background: var(--pfully-light); } html.boxed.boxed-outside-light .body { border: none; } @media (min-width: 992px) { #header .header-nav-main nav > ul > li > a { color: var(--pfully-primary); } #header .header-nav-main nav > ul > li:hover > a, #header .header-nav-main nav > ul > li:focus > a { background: var(--pfully-primary); } #header .header-nav-main nav > ul > li.open > a { background: var(--pfully-primary); } #header .header-nav-main nav > ul > li.dropdown .dropdown-menu { border-top-color: var(--pfully-primary); } #header .header-nav-main nav > ul > li.dropdown:hover > a:before, #header .header-nav-main nav > ul > li.dropdown:focus > a:before { border-bottom-color: var(--pfully-primary); } #header .header-nav-main nav > ul > li.dropdown.open > a:before { border-bottom-color: var(--pfully-primary); } #header .header-nav-main nav > ul > li.dropdown-mega-signin .dropdown-menu { border-top-color: var(--pfully-primary); } #header .header-nav-main nav > ul > li.dropdown-mega-signin .dropdown-menu li a { color: var(--pfully-primary); } #header .header-nav-main nav > ul:not(:hover) > li > a.active { background-color: var(--pfully-primary); color: var(--pfully-primary-text); } #header .header-nav.header-nav-stripe nav > ul > li:hover > a, #header .header-nav.header-nav-stripe nav > ul > li:hover a:before, #header .header-nav.header-nav-stripe nav > ul > li:focus > a, #header .header-nav.header-nav-stripe nav > ul > li:focus a:before { background-color: var(--pfully-primary); } #header .header-nav.header-nav-stripe nav > ul > li.open > a, #header .header-nav.header-nav-stripe nav > ul > li.open a:before { background-color: var(--pfully-primary); } #header .header-nav.header-nav-stripe nav > ul:not(:hover) > li > a.active, #header .header-nav.header-nav-stripe nav > ul:not(:hover) > li a.active:before { background-color: var(--pfully-primary); } #header .header-nav.header-nav-stripe nav > ul:hover > li > a.active, #header .header-nav.header-nav-stripe nav > ul:hover > li a.active:before, #header .header-nav.header-nav-stripe nav > ul:focus > li > a.active, #header .header-nav.header-nav-stripe nav > ul:focus > li a.active:before { color: var(--pfully-primary); } #header .header-nav.header-nav-links nav > ul li:hover > a, #header .header-nav.header-nav-links nav > ul li:focus > a { color: var(--pfully-primary); } #header .header-nav.header-nav-links nav > ul:not(:hover) > li > a.active { color: var(--pfully-primary); } #header .header-nav.header-nav-links.header-nav-links-vertical-slide nav ul li.dropdown .dropdown-menu::-webkit-scrollbar-thumb { background: var(--pfully-primary) !important; } #header .header-nav.header-nav-line nav > ul li:hover > a, #header .header-nav.header-nav-line nav > ul li:focus > a { color: var(--pfully-primary); } #header .header-nav.header-nav-line nav > ul li:hover > a:before, #header .header-nav.header-nav-line nav > ul li:focus > a:before { background: var(--pfully-primary); } #header .header-nav.header-nav-line nav > ul:not(:hover) li > a.active { color: var(--pfully-primary); } #header .header-nav.header-nav-line nav > ul:not(:hover) li > a.active:before { background: var(--pfully-primary); } #header .header-nav-main.header-nav-main-slide nav > ul > li.open > span > a { color: var(--pfully-primary); } #header .header-nav-main.header-nav-main-slide nav > ul > li:hover > span > a, #header .header-nav-main.header-nav-main-slide nav > ul > li:focus > span > a { color: var(--pfully-primary); } #header .header-nav-main.header-nav-main-slide nav > ul:not(:hover) > li > span > a.active { color: var(--pfully-primary); } #header .header-nav-main.header-nav-main-slide.header-nav-main-slide-background nav > ul > li.open > span > a { color: var(--pfully-primary-text); background-color: var(--pfully-primary) !important; } #header .header-nav-main.header-nav-main-slide.header-nav-main-slide-background nav > ul > li:hover > span > a, #header .header-nav-main.header-nav-main-slide.header-nav-main-slide-background nav > ul > li:focus > span > a { color: var(--pfully-primary-text); background-color: var(--pfully-primary) !important; } #header .header-nav-main.header-nav-main-slide.header-nav-main-slide-background nav > ul:not(:hover) > li > span > a.active { color: var(--pfully-primary-text); background-color: var(--pfully-primary) !important; } #header .header-nav-main.header-nav-main-light nav > ul > li > a { color: var(--pfully-light); } #header .header-nav-main.header-nav-main-light nav > ul > li:hover > a, #header .header-nav-main.header-nav-main-light nav > ul > li:focus > a { color: var(--pfully-light-text); background: var(--pfully-light); } #header .header-nav-main.header-nav-main-light nav > ul > li.open > a { color: var(--pfully-light-text); background: var(--pfully-light); } #header .header-nav-main.header-nav-main-light nav > ul > li.dropdown .dropdown-menu { border-top-color: var(--pfully-light); } #header .header-nav-main.header-nav-main-light nav > ul > li.dropdown:hover > a:before, #header .header-nav-main.header-nav-main-light nav > ul > li.dropdown:focus > a:before { border-bottom-color: var(--pfully-light); } #header .header-nav-main.header-nav-main-light nav > ul > li.dropdown.open > a:before { border-bottom-color: var(--pfully-light); } #header .header-nav-main.header-nav-main-light nav > ul > li.dropdown-mega-signin .dropdown-menu { border-top-color: var(--pfully-light); } #header .header-nav-main.header-nav-main-light nav > ul > li.dropdown-mega-signin .dropdown-menu li a { color: var(--pfully-light); } #header .header-nav-main.header-nav-main-light nav > ul:not(:hover) > li > a.active { background-color: var(--pfully-light); color: var(--pfully-light-text); } html.side-header #header.side-header .header-nav-main nav > ul li.dropdown.open > .dropdown-menu { border-left-color: var(--pfully-primary); } html.side-header #header.side-header .header-nav-main nav > ul li.dropdown:hover > .dropdown-menu, html.side-header #header.side-header .header-nav-main nav > ul li.dropdown:focus > .dropdown-menu { border-left-color: var(--pfully-primary); } html.side-header-right #header.side-header .header-nav-main nav > ul li.dropdown.open > .dropdown-menu { border-right-color: var(--pfully-primary); } html.side-header-right #header.side-header .header-nav-main nav > ul li.dropdown:hover > .dropdown-menu, html.side-header-right #header.side-header .header-nav-main nav > ul li.dropdown:focus > .dropdown-menu { border-right-color: var(--pfully-primary); } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary .dropdown-menu { background-color: var(--pfully-primary); } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary .dropdown-menu li a { color: var(--pfully-primary-text); border-bottom-color: var(--pfully-primary-darken); } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary .dropdown-menu li:hover > a, html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary .dropdown-menu li:focus > a { background: var(--pfully-primary-lighten); } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary:hover > a:before, html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary:focus > a:before { border-bottom-color: var(--pfully-primary); background: var(--pfully-primary); } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary.open > a:before { border-bottom-color: var(--pfully-primary); background: var(--pfully-primary); } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-mega.dropdown-primary .dropdown-mega-sub-title { color: var(--pfully-primary-text); opacity: 0.7; } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary .dropdown-menu { background-color: var(--pfully-secondary); } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary .dropdown-menu li a { color: var(--pfully-secondary-text); border-bottom-color: var(--pfully-secondary-darken); } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary .dropdown-menu li:hover > a, html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary .dropdown-menu li:focus > a { background: var(--pfully-secondary-lighten); } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary:hover > a:before, html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary:focus > a:before { border-bottom-color: var(--pfully-secondary); background: var(--pfully-secondary); } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary.open > a:before { border-bottom-color: var(--pfully-secondary); background: var(--pfully-secondary); } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-mega.dropdown-secondary .dropdown-mega-sub-title { color: var(--pfully-secondary-text); opacity: 0.7; } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary .dropdown-menu { background-color: var(--pfully-tertiary); } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary .dropdown-menu li a { color: var(--pfully-tertiary-text); border-bottom-color: var(--pfully-tertiary-darken); } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary .dropdown-menu li:hover > a, html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary .dropdown-menu li:focus > a { background: var(--pfully-tertiary-lighten); } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary:hover > a:before, html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary:focus > a:before { border-bottom-color: var(--pfully-tertiary); background: var(--pfully-tertiary); } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary.open > a:before { border-bottom-color: var(--pfully-tertiary); background: var(--pfully-tertiary); } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-mega.dropdown-tertiary .dropdown-mega-sub-title { color: var(--pfully-tertiary-text); opacity: 0.7; } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary .dropdown-menu { background-color: var(--pfully-quaternary); } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary .dropdown-menu li a { color: var(--pfully-quaternary-text); border-bottom-color: var(--pfully-quaternary-darken); } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary .dropdown-menu li:hover > a, html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary .dropdown-menu li:focus > a { background: var(--pfully-quaternary-lighten); } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary:hover > a:before, html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary:focus > a:before { border-bottom-color: var(--pfully-quaternary); background: var(--pfully-quaternary); } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary.open > a:before { border-bottom-color: var(--pfully-quaternary); background: var(--pfully-quaternary); } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-mega.dropdown-quaternary .dropdown-mega-sub-title { color: var(--pfully-quaternary-text); opacity: 0.7; } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark .dropdown-menu { background-color: var(--pfully-dark); } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark .dropdown-menu li a { color: var(--pfully-dark-text); border-bottom-color: var(--pfully-dark-darken); } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark .dropdown-menu li:hover > a, html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark .dropdown-menu li:focus > a { background: var(--pfully-dark-lighten); } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark:hover > a:before, html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark:focus > a:before { border-bottom-color: var(--pfully-dark); background: var(--pfully-dark); } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark.open > a:before { border-bottom-color: var(--pfully-dark); background: var(--pfully-dark); } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-mega.dropdown-dark .dropdown-mega-sub-title { color: var(--pfully-dark-text); opacity: 0.7; } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light .dropdown-menu { background-color: var(--pfully-light); } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light .dropdown-menu li a { color: var(--pfully-light-text); border-bottom-color: var(--pfully-light-darken); } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light .dropdown-menu li:hover > a, html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light .dropdown-menu li:focus > a { background: var(--pfully-light-lighten); } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light:hover > a:before, html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light:focus > a:before { border-bottom-color: var(--pfully-light); background: var(--pfully-light); } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light.open > a:before { border-bottom-color: var(--pfully-light); background: var(--pfully-light); } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-mega.dropdown-light .dropdown-mega-sub-title { color: var(--pfully-light-text); opacity: 0.7; } html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary:hover > a, html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary:focus > a { background: var(--pfully-primary); color: var(--pfully-primary-text); } html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary .dropdown-menu li a { color: var(--pfully-primary-text); } html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-primary > a.active { background: var(--pfully-primary); color: var(--pfully-primary-text); } html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-secondary > a.active { background: var(--pfully-secondary); color: var(--pfully-secondary-text); } html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-tertiary > a.active { background: var(--pfully-tertiary); color: var(--pfully-tertiary-text); } html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-quaternary > a.active { background: var(--pfully-quaternary); color: var(--pfully-quaternary-text); } html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-dark > a.active { background: var(--pfully-dark); color: var(--pfully-dark-text); } html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-light > a.active { background: var(--pfully-light); color: var(--pfully-light-text); } html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary:hover > a, html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary:focus > a { background: var(--pfully-secondary); color: var(--pfully-secondary-text); } html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary .dropdown-menu li a { color: var(--pfully-secondary-text); } html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary:hover > a, html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary:focus > a { background: var(--pfully-tertiary); color: var(--pfully-tertiary-text); } html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary .dropdown-menu li a { color: var(--pfully-tertiary-text); } html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary:hover > a, html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary:focus > a { background: var(--pfully-quaternary); color: var(--pfully-quaternary-text); } html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary .dropdown-menu li a { color: var(--pfully-quaternary-text); } html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark:hover > a, html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark:focus > a { background: var(--pfully-dark); color: var(--pfully-dark-text); } html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark .dropdown-menu li a { color: var(--pfully-dark-text); } html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light:hover > a, html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light:focus > a { background: var(--pfully-light); color: var(--pfully-light-text); } html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light .dropdown-menu li a { color: var(--pfully-light-text); } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary a:focus { color: var(--pfully-primary); } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary a:focus:before { background-color: var(--pfully-primary); } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary a:hover, html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary a:focus { color: var(--pfully-primary); } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary a:hover:before, html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary a:focus:before { background-color: var(--pfully-primary); } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary:hover > a, html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary:focus > a { color: var(--pfully-primary); } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary:hover > a:before, html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary:focus > a:before { background: var(--pfully-primary); } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary.open > a:before { background: var(--pfully-primary); } html #header .header-nav-line .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-primary > a.active { color: var(--pfully-primary); } html #header .header-nav-line .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-primary > a.active:before { background-color: var(--pfully-primary); } html #header .header-nav-line .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-secondary > a.active { color: var(--pfully-secondary); } html #header .header-nav-line .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-secondary > a.active:before { background-color: var(--pfully-secondary); } html #header .header-nav-line .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-tertiary > a.active { color: var(--pfully-tertiary); } html #header .header-nav-line .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-tertiary > a.active:before { background-color: var(--pfully-tertiary); } html #header .header-nav-line .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-quaternary > a.active { color: var(--pfully-quaternary); } html #header .header-nav-line .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-quaternary > a.active:before { background-color: var(--pfully-quaternary); } html #header .header-nav-line .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-dark > a.active { color: var(--pfully-dark); } html #header .header-nav-line .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-dark > a.active:before { background-color: var(--pfully-dark); } html #header .header-nav-line .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-light > a.active { color: var(--pfully-light-text); } html #header .header-nav-line .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-light > a.active:before { background-color: var(--pfully-light); } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary a:focus { color: var(--pfully-secondary); } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary a:focus:before { background-color: var(--pfully-secondary); } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary a:hover, html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary a:focus { color: var(--pfully-secondary); } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary a:hover:before, html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary a:focus:before { background-color: var(--pfully-secondary); } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary:hover > a, html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary:focus > a { color: var(--pfully-secondary); } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary:hover > a:before, html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary:focus > a:before { background: var(--pfully-secondary); } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary.open > a:before { background: var(--pfully-secondary); } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary a:focus { color: var(--pfully-tertiary); } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary a:focus:before { background-color: var(--pfully-tertiary); } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary a:hover, html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary a:focus { color: var(--pfully-tertiary); } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary a:hover:before, html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary a:focus:before { background-color: var(--pfully-tertiary); } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary:hover > a, html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary:focus > a { color: var(--pfully-tertiary); } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary:hover > a:before, html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary:focus > a:before { background: var(--pfully-tertiary); } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary.open > a:before { background: var(--pfully-tertiary); } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary a:focus { color: var(--pfully-quaternary); } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary a:focus:before { background-color: var(--pfully-quaternary); } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary a:hover, html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary a:focus { color: var(--pfully-quaternary); } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary a:hover:before, html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary a:focus:before { background-color: var(--pfully-quaternary); } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary:hover > a, html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary:focus > a { color: var(--pfully-quaternary); } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary:hover > a:before, html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary:focus > a:before { background: var(--pfully-quaternary); } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary.open > a:before { background: var(--pfully-quaternary); } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark a:focus { color: var(--pfully-dark); } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark a:focus:before { background-color: var(--pfully-dark); } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark a:hover, html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark a:focus { color: var(--pfully-dark); } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark a:hover:before, html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark a:focus:before { background-color: var(--pfully-dark); } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark:hover > a, html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark:focus > a { color: var(--pfully-dark); } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark:hover > a:before, html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark:focus > a:before { background: var(--pfully-dark); } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark.open > a:before { background: var(--pfully-dark); } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light a:focus { color: var(--pfully-light-text); } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light a:focus:before { background-color: var(--pfully-light); } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light a:hover, html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light a:focus { color: var(--pfully-light-text); } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light a:hover:before, html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light a:focus:before { background-color: var(--pfully-light); } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light:hover > a, html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light:focus > a { color: var(--pfully-light-text); } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light:hover > a:before, html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light:focus > a:before { background: var(--pfully-light); } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light.open > a:before { background: var(--pfully-light); } html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary a { color: var(--pfully-primary); } html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary a:focus { color: var(--pfully-primary); } html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary a:hover, html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary a:focus { color: var(--pfully-primary); } html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary:hover > a, html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary:focus > a { color: var(--pfully-primary); } html #header .header-nav-links .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-primary > a.active { color: var(--pfully-primary); } html #header .header-nav-links .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-secondary > a.active { color: var(--pfully-secondary); } html #header .header-nav-links .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-tertiary > a.active { color: var(--pfully-tertiary); } html #header .header-nav-links .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-quaternary > a.active { color: var(--pfully-quaternary); } html #header .header-nav-links .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-dark > a.active { color: var(--pfully-dark); } html #header .header-nav-links .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-light > a.active { color: var(--pfully-light-text); } html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary a { color: var(--pfully-secondary); } html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary a:focus { color: var(--pfully-secondary); } html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary a:hover, html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary a:focus { color: var(--pfully-secondary); } html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary:hover > a, html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary:focus > a { color: var(--pfully-secondary); } html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary a { color: var(--pfully-tertiary); } html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary a:focus { color: var(--pfully-tertiary); } html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary a:hover, html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary a:focus { color: var(--pfully-tertiary); } html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary:hover > a, html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary:focus > a { color: var(--pfully-tertiary); } html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary a { color: var(--pfully-quaternary); } html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary a:focus { color: var(--pfully-quaternary); } html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary a:hover, html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary a:focus { color: var(--pfully-quaternary); } html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary:hover > a, html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary:focus > a { color: var(--pfully-quaternary); } html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark a { color: var(--pfully-dark); } html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark a:focus { color: var(--pfully-dark); } html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark a:hover, html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark a:focus { color: var(--pfully-dark); } html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark:hover > a, html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark:focus > a { color: var(--pfully-dark); } html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light a { color: var(--pfully-light-text); } html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light a:focus { color: var(--pfully-light-text); } html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light a:hover, html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light a:focus { color: var(--pfully-light-text); } html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light:hover > a, html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light:focus > a { color: var(--pfully-light-text); } html #header .header-nav-force-light-text-active-skin-color .header-nav-main nav > ul > li:hover > a, html #header .header-nav-force-light-text-active-skin-color .header-nav-main nav > ul > li:focus > a { color: var(--pfully-primary) !important; } html #header .header-nav-force-light-text-active-skin-color .header-nav-main nav > ul > li .wrapper-items-cloned:hover > a, html #header .header-nav-force-light-text-active-skin-color .header-nav-main nav > ul > li .wrapper-items-cloned:focus > a { color: var(--pfully-primary) !important; } html #header .header-nav-force-light-text-active-skin-color .header-nav-main nav > ul:not(:hover) > li > a.active { color: var(--pfully-primary) !important; } html #header .header-nav-force-light-text-active-skin-color .header-nav-main nav > ul:not(:hover) > li .wrapper-items-cloned > a.active { color: var(--pfully-primary) !important; } html #header .header-nav-bar-primary { background: var(--pfully-primary) !important; color: var(--pfully-primary-text) !important; } html #header .header-nav-bar-secondary { background: var(--pfully-secondary) !important; color: var(--pfully-secondary-text) !important; } html #header .header-nav-bar-tertiary { background: var(--pfully-tertiary) !important; color: var(--pfully-tertiary-text) !important; } html #header .header-nav-bar-quaternary { background: var(--pfully-quaternary) !important; color: var(--pfully-quaternary-text) !important; } html #header .header-nav-bar-dark { background: var(--pfully-dark) !important; color: var(--pfully-dark-text) !important; } html #header .header-nav-bar-light { background: var(--pfully-light) !important; color: var(--pfully-light-text) !important; } } @media (max-width: 991px) { #header .header-nav-main:not(.header-nav-main-mobile-dark, .header-nav-main-dark-text) nav > ul > li > a { color: var(--pfully-primary); } #header .header-nav-main:not(.header-nav-main-mobile-dark, .header-nav-main-dark-text) nav > ul > li > a:active { color: var(--pfully-primary); } #header .header-nav-main:not(.header-nav-main-mobile-dark, .header-nav-main-dark-text) nav > ul > li > a.active { background: var(--pfully-primary); } #header .header-nav-main.header-nav-main-mobile-dark nav > ul > li > a.active { background: var(--pfully-primary); } #header .header-nav-main.header-nav-main-mobile-dark nav > ul > li > a.active:focus { background: var(--pfully-primary); } #header .header-nav-main.header-nav-main-mobile-dark nav > ul > li > a.active:hover, #header .header-nav-main.header-nav-main-mobile-dark nav > ul > li > a.active:focus { background: var(--pfully-primary); } #header .header-nav-main.header-nav-main-mobile-dark nav > ul > li ul > li > a.active { background: var(--pfully-primary); } #header .header-nav-main.header-nav-main-mobile-dark nav > ul > li ul > li > a.active:focus { background: var(--pfully-primary); } #header .header-nav-main.header-nav-main-mobile-dark nav > ul > li ul > li > a.active:hover, #header .header-nav-main.header-nav-main-mobile-dark nav > ul > li ul > li > a.active:focus { background: var(--pfully-primary); } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links .header-nav-main.header-nav-main-mobile-dark nav > ul > li > a.active { color: var(--pfully-primary) !important; } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links nav::-webkit-scrollbar-thumb { background-color: var(--pfully-primary); } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links nav > ul > li > a.active { color: var(--pfully-primary) !important; } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links nav > ul > li:hover > a, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links nav > ul > li:focus > a { color: var(--pfully-primary) !important; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary > a { color: var(--pfully-primary); } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary > a.active { background: var(--pfully-primary) !important; color: var(--pfully-primary-text) !important; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary > a { color: var(--pfully-secondary); } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary > a.active { background: var(--pfully-secondary) !important; color: var(--pfully-secondary-text) !important; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary > a { color: var(--pfully-tertiary); } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary > a.active { background: var(--pfully-tertiary) !important; color: var(--pfully-tertiary-text) !important; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary > a { color: var(--pfully-quaternary); } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary > a.active { background: var(--pfully-quaternary) !important; color: var(--pfully-quaternary-text) !important; } } .tooltip.tooltip-bg-primary .tooltip-inner { background-color: var(--pfully-primary); color: var(--pfully-primary-text); } .tooltip.tooltip-bg-primary.bs-tooltip-top .tooltip-arrow:before { border-top-color: var(--pfully-primary); } .tooltip.tooltip-bg-primary.bs-tooltip-bottom .tooltip-arrow:before { border-bottom-color: var(--pfully-primary); } .tooltip.tooltip-bg-primary.bs-tooltip-end .tooltip-arrow:before { border-right-color: var(--pfully-primary); } .tooltip.tooltip-bg-primary.bs-tooltip-start .tooltip-arrow:before { border-left-color: var(--pfully-primary); } .tooltip.tooltip-bg-secondary .tooltip-inner { background-color: var(--pfully-secondary); color: var(--pfully-secondary-text); } .tooltip.tooltip-bg-secondary.bs-tooltip-top .tooltip-arrow:before { border-top-color: var(--pfully-secondary); } .tooltip.tooltip-bg-secondary.bs-tooltip-bottom .tooltip-arrow:before { border-bottom-color: var(--pfully-secondary); } .tooltip.tooltip-bg-secondary.bs-tooltip-end .tooltip-arrow:before { border-right-color: var(--pfully-secondary); } .tooltip.tooltip-bg-secondary.bs-tooltip-start .tooltip-arrow:before { border-left-color: var(--pfully-secondary); } .tooltip.tooltip-bg-tertiary .tooltip-inner { background-color: var(--pfully-tertiary); color: var(--pfully-tertiary-text); } .tooltip.tooltip-bg-tertiary.bs-tooltip-top .tooltip-arrow:before { border-top-color: var(--pfully-tertiary); } .tooltip.tooltip-bg-tertiary.bs-tooltip-bottom .tooltip-arrow:before { border-bottom-color: var(--pfully-tertiary); } .tooltip.tooltip-bg-tertiary.bs-tooltip-end .tooltip-arrow:before { border-right-color: var(--pfully-tertiary); } .tooltip.tooltip-bg-tertiary.bs-tooltip-start .tooltip-arrow:before { border-left-color: var(--pfully-tertiary); } .tooltip.tooltip-bg-quaternary .tooltip-inner { background-color: var(--pfully-quaternary); color: var(--pfully-quaternary-text); } .tooltip.tooltip-bg-quaternary.bs-tooltip-top .tooltip-arrow:before { border-top-color: var(--pfully-quaternary); } .tooltip.tooltip-bg-quaternary.bs-tooltip-bottom .tooltip-arrow:before { border-bottom-color: var(--pfully-quaternary); } .tooltip.tooltip-bg-quaternary.bs-tooltip-end .tooltip-arrow:before { border-right-color: var(--pfully-quaternary); } .tooltip.tooltip-bg-quaternary.bs-tooltip-start .tooltip-arrow:before { border-left-color: var(--pfully-quaternary); } .tooltip.tooltip-text-dark .tooltip-inner { color: var(--pfully-dark); } .tooltip.tooltip-text-light .tooltip-inner { color: var(--pfully-light); } .tooltip.tooltip-text-primary .tooltip-inner { color: var(--pfully-primary); } .tooltip.tooltip-text-secondary .tooltip-inner { color: var(--pfully-secondary); } .tooltip.tooltip-text-tertiary .tooltip-inner { color: var(--pfully-tertiary); } .tooltip.tooltip-text-quaternary .tooltip-inner { color: var(--pfully-quaternary); } .table-primary { --bs-table-bg: var(--pfully-primary); --bs-table-striped-bg: var(--pfully-primary-darken); --bs-table-striped-color: var(--pfully-primary-text-darken); --bs-table-active-bg: var(--pfully-primary-darken-2); --bs-table-active-color: var(--pfully-primary-text-darken); --bs-table-hover-bg: var(--pfully-primary-lighten); --bs-table-hover-color: var(--pfully-primary-text); color: var(--pfully-primary-text); border-color: var(--pfully-primary-darken-3); } .table-secondary { --bs-table-bg: var(--pfully-secondary); --bs-table-striped-bg: var(--pfully-secondary-darken); --bs-table-striped-color: var(--pfully-secondary-text-darken); --bs-table-active-bg: var(--pfully-secondary-darken-2); --bs-table-active-color: var(--pfully-secondary-text-darken); --bs-table-hover-bg: var(--pfully-secondary-lighten); --bs-table-hover-color: var(--pfully-secondary-text); color: var(--pfully-secondary-text); border-color: var(--pfully-secondary-darken-3); } .table-tertiary { --bs-table-bg: var(--pfully-tertiary); --bs-table-striped-bg: var(--pfully-tertiary-darken); --bs-table-striped-color: var(--pfully-tertiary-text-darken); --bs-table-active-bg: var(--pfully-tertiary-darken-2); --bs-table-active-color: var(--pfully-tertiary-text-darken); --bs-table-hover-bg: var(--pfully-tertiary-lighten); --bs-table-hover-color: var(--pfully-tertiary-text); color: var(--pfully-tertiary-text); border-color: var(--pfully-tertiary-darken-3); } .table-quaternary { --bs-table-bg: var(--pfully-quaternary); --bs-table-striped-bg: var(--pfully-quaternary-darken); --bs-table-striped-color: var(--pfully-quaternary-text-darken); --bs-table-active-bg: var(--pfully-quaternary-darken-2); --bs-table-active-color: var(--pfully-quaternary-text-darken); --bs-table-hover-bg: var(--pfully-quaternary-lighten); --bs-table-hover-color: var(--pfully-quaternary-text); color: var(--pfully-quaternary-text); border-color: var(--pfully-quaternary-darken-3); } .table-dark { --bs-table-bg: var(--pfully-dark); --bs-table-striped-bg: var(--pfully-dark-darken); --bs-table-striped-color: var(--pfully-dark-text-darken); --bs-table-active-bg: var(--pfully-dark-darken-2); --bs-table-active-color: var(--pfully-dark-text-darken); --bs-table-hover-bg: var(--pfully-dark-lighten); --bs-table-hover-color: var(--pfully-dark-text); color: var(--pfully-dark-text); border-color: var(--pfully-dark-darken-3); } .table-light { --bs-table-bg: var(--pfully-light); --bs-table-striped-bg: var(--pfully-light-darken); --bs-table-striped-color: var(--pfully-light-text-darken); --bs-table-active-bg: var(--pfully-light-darken-2); --bs-table-active-color: var(--pfully-light-text-darken); --bs-table-hover-bg: var(--pfully-light-lighten); --bs-table-hover-color: var(--pfully-light-text); color: var(--pfully-light-text); border-color: var(--pfully-light-darken-3); } .table-success { --bs-table-bg: var(--pfully-color-success); --bs-table-striped-bg: var(--pfully-color-success-darken); --bs-table-striped-color: var(--pfully-color-success-text-darken); --bs-table-active-bg: var(--pfully-color-success-darken-2); --bs-table-active-color: var(--pfully-color-success-text-darken); --bs-table-hover-bg: var(--pfully-color-success-lighten); --bs-table-hover-color: var(--pfully-color-success-text); color: var(--pfully-color-success-text); border-color: var(--pfully-color-success-darken-3); } .table-warning { --bs-table-bg: var(--pfully-color-warning); --bs-table-striped-bg: var(--pfully-color-warning-darken); --bs-table-striped-color: var(--pfully-color-warning-text-darken); --bs-table-active-bg: var(--pfully-color-warning-darken-2); --bs-table-active-color: var(--pfully-color-warning-text-darken); --bs-table-hover-bg: var(--pfully-color-warning-lighten); --bs-table-hover-color: var(--pfully-color-warning-text); color: var(--pfully-color-warning-text); border-color: var(--pfully-color-warning-darken-3); } .table-danger { --bs-table-bg: var(--pfully-color-danger); --bs-table-striped-bg: var(--pfully-color-danger-darken); --bs-table-striped-color: var(--pfully-color-danger-text-darken); --bs-table-active-bg: var(--pfully-color-danger-darken-2); --bs-table-active-color: var(--pfully-color-danger-text-darken); --bs-table-hover-bg: var(--pfully-color-danger-lighten); --bs-table-hover-color: var(--pfully-color-danger-text); color: var(--pfully-color-danger-text); border-color: var(--pfully-color-danger-darken-3); } .table-info { --bs-table-bg: var(--pfully-color-info); --bs-table-striped-bg: var(--pfully-color-info-darken); --bs-table-striped-color: var(--pfully-color-info-text-darken); --bs-table-active-bg: var(--pfully-color-info-darken-2); --bs-table-active-color: var(--pfully-color-info-text-darken); --bs-table-hover-bg: var(--pfully-color-info-lighten); --bs-table-hover-color: var(--pfully-color-info-text); color: var(--pfully-color-info-text); border-color: var(--pfully-color-info-darken-3); } /*# sourceMappingURL=default.css.map */