Created
July 15, 2018 23:24
-
-
Save HDVinnie/3ae6fc87d48c13f4eb0271c64e529c27 to your computer and use it in GitHub Desktop.
minimal.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@import url(https://fonts.googleapis.com/css?family=PT+Serif:400,400i|Montserrat:300,300i,400,400i,500,700); | |
progress, | |
sub, | |
sup { | |
vertical-align: baseline | |
} | |
.heading-bullet, | |
.heading-line>*, | |
sub, | |
sup { | |
position: relative | |
} | |
.accordion, | |
.breadcrumb, | |
.comment-list, | |
.comment-list .comment~ul, | |
.dotnav, | |
.grid, | |
.list, | |
.list ul, | |
.nav, | |
.nav ul, | |
.pagination, | |
.subnav, | |
.tab { | |
list-style: none | |
} | |
.dotnav-vertical, | |
.iconnav-vertical, | |
.tab-left, | |
.tab-right { | |
-webkit-box-orient: vertical; | |
-webkit-box-direction: normal | |
} | |
.accordion-title, | |
.btn:not(:disabled), | |
.checkbox:not(:disabled), | |
.link, | |
.notification-message, | |
.radio:not(:disabled), | |
.search-icon, | |
a, | |
btn.icon:not(:disabled) { | |
cursor: pointer | |
} | |
.checkbox, | |
.input, | |
.progress, | |
.radio, | |
.range, | |
.search-input, | |
.select:not([multiple]):not([size]), | |
.textarea { | |
-webkit-appearance: none | |
} | |
.accordion-content:after, | |
.card-body::after, | |
.card-footer::after, | |
.card-header::after, | |
.clearfix::after, | |
.comment-body::after, | |
.comment-header::after, | |
.container::after, | |
.list>li::after, | |
.modal-body::after, | |
.modal-footer::after, | |
.modal-header::after, | |
.panel::after, | |
.section::after, | |
.tile::after { | |
clear: both | |
} | |
.icon, | |
.icon [FILL*='#']:not(.preserve), | |
.icon [fill*='#']:not(.preserve), | |
.svg, | |
.svg:not(.preserve) [FILL*='#']:not(.preserve), | |
.svg:not(.preserve) [fill*='#']:not(.preserve) { | |
fill: currentcolor | |
} | |
.disabled, | |
.drag iframe, | |
.form-icon:not(a):not(btn):not(input), | |
.search .search-icon:not(a):not(btn):not(input), | |
.sortable svg, | |
.sortable-drag { | |
pointer-events: none | |
} | |
.dotnav-vertical, | |
.flex-row, | |
.iconnav-vertical, | |
.tab-left, | |
.tab-right { | |
-webkit-box-direction: normal | |
} | |
.invisible, | |
.visible-toggle:not(:hover):not(.hover) .invisible-hover { | |
visibility: hidden!important | |
} | |
html { | |
font-family: Montserrat; | |
font-size: 15px; | |
font-weight: 400; | |
line-height: 1.73; | |
-webkit-text-size-adjust: 100%; | |
-ms-text-size-adjust: 100%; | |
background: #eef6fa; | |
color: #4f5a80; | |
-webkit-font-smoothing: antialiased; | |
-moz-osx-font-smoothing: grayscale; | |
text-rendering: optimizeLegibility | |
} | |
body { | |
margin: 0 | |
} | |
a { | |
background-color: transparent; | |
-webkit-text-decoration-skip: objects | |
} | |
a:active, | |
a:hover { | |
outline: 0 | |
} | |
.link, | |
a { | |
color: #5466c4; | |
text-decoration: none | |
} | |
.link:hover, | |
a:hover { | |
color: #7d9cec; | |
text-decoration: underline | |
} | |
abbr[title] { | |
border-bottom: none; | |
text-decoration: underline; | |
text-decoration: underline dotted | |
} | |
b, | |
strong { | |
font-weight: bolder | |
} | |
:not(pre)>code, | |
:not(pre)>kbd, | |
:not(pre)>samp { | |
font-size: 11px; | |
font-family: Consolas, monaco, monospace; | |
color: #435DBA; | |
white-space: nowrap; | |
background: 0 0; | |
padding: 2px 6px | |
} | |
ins, | |
mark { | |
background: #FBFFC9; | |
color: #7B3715 | |
} | |
em { | |
color: #7d9cec | |
} | |
ins { | |
text-decoration: none | |
} | |
q { | |
font-style: italic | |
} | |
small { | |
font-size: 90% | |
} | |
sub, | |
sup { | |
font-size: 75%; | |
line-height: 0 | |
} | |
sup { | |
top: -.5em | |
} | |
sub { | |
bottom: -.25em | |
} | |
audio, | |
canvas, | |
iframe, | |
img, | |
svg, | |
video { | |
vertical-align: middle | |
} | |
audio, | |
canvas, | |
img, | |
video { | |
max-width: 100%; | |
height: auto; | |
box-sizing: border-box | |
} | |
img { | |
border-style: none | |
} | |
svg:not(:root) { | |
overflow: hidden | |
} | |
address, | |
dl, | |
fieldset, | |
figure, | |
ol, | |
p, | |
pre, | |
ul { | |
margin: 0 0 20px | |
} | |
*+address, | |
*+dl, | |
*+fieldset, | |
*+figure, | |
*+ol, | |
*+p, | |
*+pre, | |
*+ul { | |
margin-top: 20px | |
} | |
.h1, | |
.h2, | |
.h3, | |
.h4, | |
.h5, | |
.h6, | |
h1, | |
h2, | |
h3, | |
h4, | |
h5, | |
h6 { | |
margin: 0 0 20px; | |
font-family: Montserrat; | |
font-weight: 300; | |
color: #314483; | |
text-transform: inherit; | |
letter-spacing: 0 | |
} | |
*+.h1, | |
*+.h2, | |
*+.h3, | |
*+.h4, | |
*+.h5, | |
*+.h6, | |
*+h1, | |
*+h2, | |
*+h3, | |
*+h4, | |
*+h5, | |
*+h6 { | |
margin-top: 40px | |
} | |
.h1, | |
h1 { | |
font-size: 42px; | |
line-height: 1.2; | |
font-family: Montserrat; | |
font-weight: 300 | |
} | |
.h2, | |
.h3, | |
h2, | |
h3 { | |
font-family: Montserrat; | |
font-weight: 500 | |
} | |
.h2, | |
h2 { | |
font-size: 32px; | |
line-height: 1.3 | |
} | |
.h3, | |
h3 { | |
font-size: 16px; | |
line-height: 1.4 | |
} | |
.h4, | |
.h5, | |
.h6, | |
h4, | |
h5, | |
h6 { | |
font-weight: 400; | |
text-transform: uppercase; | |
letter-spacing: 1.8px | |
} | |
.h4, | |
h4 { | |
font-size: 13px; | |
line-height: 1.4; | |
color: #5872b5; | |
font-family: Montserrat | |
} | |
blockquote, | |
blockquote footer { | |
line-height: 1.4; | |
color: #314483; | |
font-family: Montserrat | |
} | |
.h5, | |
h5 { | |
font-size: 12px; | |
line-height: 1.4; | |
font-family: Montserrat | |
} | |
.h6, | |
h6 { | |
font-size: 11px; | |
line-height: 1.4; | |
font-family: Montserrat | |
} | |
ol, | |
ul { | |
padding-left: 30px | |
} | |
ol>li>ol, | |
ol>li>ul, | |
ul>li>ol, | |
ul>li>ul { | |
margin: 0 | |
} | |
dt { | |
font-weight: 700 | |
} | |
dd { | |
margin-left: 0 | |
} | |
.hr, | |
hr { | |
box-sizing: content-box; | |
height: 0; | |
overflow: visible; | |
text-align: inherit; | |
margin: 0 0 20px; | |
border: 0; | |
border-top: 1px solid #dee6ed | |
} | |
.btn, | |
.icon-btn, | |
.range, | |
.section { | |
box-sizing: border-box | |
} | |
*+.hr, | |
*+hr { | |
margin-top: 20px | |
} | |
address { | |
font-style: normal | |
} | |
blockquote { | |
margin: 0 0 20px; | |
font-size: 24px; | |
font-style: italic; | |
font-weight: 300; | |
text-transform: none; | |
letter-spacing: 0 | |
} | |
*+[class*=divider], | |
*+blockquote { | |
margin-top: 20px | |
} | |
blockquote p:last-of-type { | |
margin-bottom: 0 | |
} | |
blockquote footer { | |
margin-top: 20px; | |
font-size: 18px; | |
font-weight: 500 | |
} | |
blockquote footer::before { | |
content: "— " | |
} | |
pre { | |
font: 11px/1.5 Consolas, monaco, monospace; | |
color: #4f5a80; | |
-moz-tab-size: 4; | |
-o-tab-size: 4; | |
tab-size: 4; | |
overflow: auto; | |
border: 1px solid #dee6ed; | |
border-radius: 3px; | |
padding: 10px; | |
background: #eef6fa | |
} | |
pre code { | |
font-family: Consolas, monaco, monospace | |
} | |
.heading-hero, | |
.heading-primary { | |
font-family: Montserrat; | |
font-weight: 700 | |
} | |
::-moz-selection { | |
background: #5872b5; | |
color: #fff; | |
text-shadow: none | |
} | |
::selection { | |
background: #5872b5; | |
color: #fff; | |
text-shadow: none | |
} | |
article, | |
aside, | |
details, | |
figcaption, | |
figure, | |
footer, | |
header, | |
main, | |
nav, | |
section, | |
summary { | |
display: block | |
} | |
[hidden], | |
template { | |
display: none | |
} | |
iframe { | |
border: 0 | |
} | |
a, | |
area, | |
btn, | |
input, | |
label, | |
select, | |
summary, | |
textarea { | |
touch-action: manipulation | |
} | |
.var-media-s:before { | |
content: '640px' | |
} | |
.var-media-m:before { | |
content: '960px' | |
} | |
.var-media-l:before { | |
content: '1200px' | |
} | |
.var-media-xl:before { | |
content: '1600px' | |
} | |
.btn-text::before, | |
.divider-icon::after, | |
.divider-icon::before, | |
.divider-small::after, | |
.heading-bullet::before, | |
.list-bullet>li::before, | |
.list>li::after, | |
.list>li::before, | |
.section::after, | |
.section::before { | |
content: "" | |
} | |
.link-muted a, | |
a.link-muted { | |
color: #8d9ab1 | |
} | |
.link-muted a:hover, | |
a.link-muted:hover { | |
color: #4f5a80 | |
} | |
.link-text a:not(:hover), | |
a.link-text:not(:hover) { | |
color: inherit!important | |
} | |
.link-text a:hover, | |
a.link-text:hover { | |
color: #8d9ab1 | |
} | |
.link-reset a, | |
.link-reset a:hover, | |
a.link-reset, | |
a.link-reset:hover { | |
color: inherit!important; | |
text-decoration: none!important | |
} | |
.btn, | |
.btn:hover { | |
text-decoration: none | |
} | |
.heading-primary { | |
font-size: 42px; | |
line-height: 1.2; | |
color: #314483; | |
text-transform: uppercase; | |
letter-spacing: 4px | |
} | |
@media (min-width:960px) { | |
.heading-primary { | |
font-size: 80px; | |
line-height: 1.24 | |
} | |
} | |
.heading-hero { | |
font-size: 4rem; | |
line-height: 1.1; | |
color: #314483; | |
text-transform: uppercase; | |
letter-spacing: 6px | |
} | |
.description-list>dt, | |
.table th { | |
font-weight: 400; | |
text-transform: uppercase | |
} | |
.btn, | |
.card-badge, | |
.form-label { | |
letter-spacing: 1.8px | |
} | |
@media (min-width:640px) { | |
.heading-hero { | |
font-size: 6rem; | |
line-height: 1 | |
} | |
} | |
@media (min-width:960px) { | |
.heading-hero { | |
font-size: 8rem; | |
line-height: 1 | |
} | |
} | |
.heading-divider { | |
padding-bottom: 10px; | |
border-bottom: 1px solid #dee6ed | |
} | |
.heading-bullet::before { | |
display: inline-block; | |
position: relative; | |
top: calc(-.1 * 1em); | |
vertical-align: middle; | |
height: .9em; | |
margin-right: 10px; | |
border-left: 4px solid #5872b5 | |
} | |
.heading-line { | |
overflow: hidden | |
} | |
.heading-line>* { | |
display: inline-block | |
} | |
.heading-line>:after, | |
.heading-line>:before { | |
content: ""; | |
position: absolute; | |
top: calc(50% - (1px / 2)); | |
width: 2000px; | |
border-bottom: 1px solid #dee6ed | |
} | |
.heading-line>:before { | |
right: 100%; | |
margin-right: .6em | |
} | |
.heading-line>:after { | |
left: 100%; | |
margin-left: .6em | |
} | |
[class*=divider] { | |
border: none; | |
margin-bottom: 20px | |
} | |
.divider-icon { | |
position: relative; | |
height: 20px; | |
background-image: url(../img/divider-icon.svg); | |
background-repeat: no-repeat; | |
background-position: 50% 50% | |
} | |
.divider-icon::after, | |
.divider-icon::before { | |
position: absolute; | |
top: 50%; | |
max-width: calc(50% - (70px / 2)); | |
border-bottom: 1px solid #dee6ed | |
} | |
.divider-icon::before { | |
right: calc(50% + (70px / 2)); | |
width: 100% | |
} | |
.divider-icon::after { | |
left: calc(50% + (70px / 2)); | |
width: 100% | |
} | |
.divider-small { | |
line-height: 0 | |
} | |
.divider-small::after { | |
display: inline-block; | |
width: 45px; | |
max-width: 100%; | |
border-top: 2px solid #5872b5; | |
vertical-align: top; | |
-o-border-image: ''; | |
border-image: ''; | |
border-image-slice: 1 | |
} | |
.list { | |
padding: 0 | |
} | |
.list>li::after, | |
.list>li::before { | |
display: table | |
} | |
.list>li>:last-child { | |
margin-bottom: 0 | |
} | |
.list ul { | |
margin: 0; | |
padding-left: 20px | |
} | |
.list>li:nth-child(n+2), | |
.list>li>ul { | |
margin-top: 10px | |
} | |
.list-divider>li:nth-child(n+2) { | |
margin-top: 10px; | |
padding-top: 10px; | |
border-top: 1px solid #dee6ed | |
} | |
.list-large.list-striped>li:nth-of-type(odd), | |
.list-striped>li:nth-of-type(odd) { | |
border-top: 0 solid transparent; | |
border-bottom: 0 solid transparent | |
} | |
.list-striped>li { | |
padding: 10px | |
} | |
.list-striped>li:nth-of-type(odd) { | |
background: #e5edf4 | |
} | |
.list-striped>li:nth-child(n+2) { | |
margin-top: 0 | |
} | |
.list-bullet>li { | |
position: relative; | |
padding-left: calc(1.73em + 10px) | |
} | |
.list-bullet>li::before { | |
position: absolute; | |
top: 0; | |
left: 0; | |
width: 1.73em; | |
height: 1.73em; | |
background-image: url(../../images/backgrounds/list-bullet.svg); | |
background-repeat: no-repeat; | |
background-position: 50% 50%; | |
float: left | |
} | |
.list-large>li:nth-child(n+2), | |
.list-large>li>ul { | |
margin-top: 20px | |
} | |
.list-large.list-divider>li:nth-child(n+2) { | |
margin-top: 20px; | |
padding-top: 20px | |
} | |
.list-large.list-striped>li { | |
padding: 20px 10px | |
} | |
.list-large.list-striped>li:nth-child(n+2) { | |
margin-top: 0 | |
} | |
*+.table, | |
.description-list>dt:nth-child(n+2) { | |
margin-top: 20px | |
} | |
.description-list>dt { | |
color: #314483; | |
font-size: 11px | |
} | |
.table caption, | |
.table th { | |
font-size: 11px; | |
text-align: left; | |
color: #8d9ab1 | |
} | |
.description-list-divider>dt:nth-child(n+2) { | |
margin-top: 20px; | |
padding-top: 20px; | |
border-top: 1px solid #dee6ed | |
} | |
.table { | |
border-collapse: collapse; | |
border-spacing: 0; | |
width: 100%; | |
margin-bottom: 20px | |
} | |
.container>:last-child, | |
.grid>*>:last-child, | |
.section>:last-child, | |
.table td>:last-child { | |
margin-bottom: 0 | |
} | |
.table th { | |
padding: 16px 12px; | |
vertical-align: bottom | |
} | |
.icon, | |
.select { | |
text-transform: none | |
} | |
.table td { | |
padding: 16px 12px; | |
vertical-align: top | |
} | |
.table tfoot { | |
font-size: 11px | |
} | |
.btn, | |
.nav-center, | |
.tab>*>a { | |
text-align: center | |
} | |
.table tbody tr.active, | |
.table>tr.active { | |
background: #ffd | |
} | |
.table-middle, | |
.table-middle td { | |
vertical-align: middle!important | |
} | |
.icon-btn, | |
.icon-image, | |
.range { | |
vertical-align: middle | |
} | |
.table-divider>:first-child>tr:not(:first-child), | |
.table-divider>:not(:first-child)>tr, | |
.table-divider>tr:not(:first-child) { | |
border-top: 1px solid #dee6ed | |
} | |
.table-striped tbody tr:nth-of-type(odd), | |
.table-striped>tr:nth-of-type(odd) { | |
background: #e5edf4; | |
border-top: 0 solid transparent; | |
border-bottom: 0 solid transparent | |
} | |
.table-hover tbody tr:hover, | |
.table-hover>tr:hover { | |
background: #ffd | |
} | |
.table-small td, | |
.table-small th { | |
padding: 10px 12px | |
} | |
.table-justify td:first-child, | |
.table-justify th:first-child { | |
padding-left: 0 | |
} | |
.table-justify td:last-child, | |
.table-justify th:last-child { | |
padding-right: 0 | |
} | |
.table-shrink { | |
width: 1px | |
} | |
.table-expand { | |
min-width: 300px | |
} | |
.table-link { | |
padding: 0!important | |
} | |
.table-link>a { | |
display: block; | |
padding: 16px 12px | |
} | |
.table-small .table-link>a { | |
padding: 10px 12px | |
} | |
@media (max-width:959px) { | |
.table-responsive, | |
.table-responsive tbody, | |
.table-responsive td, | |
.table-responsive th, | |
.table-responsive tr { | |
display: block | |
} | |
.table-responsive thead { | |
display: none | |
} | |
.table-responsive td, | |
.table-responsive th { | |
width: auto!important; | |
max-width: none!important; | |
min-width: 0!important; | |
overflow: visible!important; | |
white-space: normal!important | |
} | |
.table-responsive .table-link:not(:first-child)>a, | |
.table-responsive td:not(:first-child):not(.table-link), | |
.table-responsive th:not(:first-child):not(.table-link) { | |
padding-top: 5px!important | |
} | |
.table-responsive .table-link:not(:last-child)>a, | |
.table-responsive td:not(:last-child):not(.table-link), | |
.table-responsive th:not(:last-child):not(.table-link) { | |
padding-bottom: 5px!important | |
} | |
.table-justify.table-responsive td, | |
.table-justify.table-responsive th { | |
padding-left: 0; | |
padding-right: 0 | |
} | |
} | |
.icon, | |
.input { | |
overflow: visible | |
} | |
.dotnav>*>*, | |
.dropdown-nav, | |
.label, | |
.navbar-center:not(:only-child) .navbar-item, | |
.navbar-center:not(:only-child) .navbar-nav>li>a, | |
.navbar-center:not(:only-child) .navbar-toggle, | |
.text-nowrap, | |
.text-truncate, | |
[class*=navbar-center-] .navbar-item, | |
[class*=navbar-center-] .navbar-nav>li>a, | |
[class*=navbar-center-] .navbar-toggle { | |
white-space: nowrap | |
} | |
.checkbox, | |
.icon, | |
.radio, | |
.range { | |
padding: 0 | |
} | |
.table tbody tr { | |
transition: background-color .1s linear | |
} | |
.icon { | |
margin: 0; | |
border: none; | |
font: inherit; | |
color: inherit; | |
background-color: transparent; | |
display: inline-block; | |
line-height: 0 | |
} | |
.icon::-moz-focus-inner { | |
border: 0; | |
padding: 0 | |
} | |
.icon [STROKE*='#']:not(.preserve), | |
.icon [stroke*='#']:not(.preserve) { | |
stroke: currentcolor | |
} | |
.icon>* { | |
-webkit-transform: translate(0, 0); | |
transform: translate(0, 0) | |
} | |
.icon-image { | |
width: 20px; | |
height: 20px; | |
background-position: 50% 50%; | |
background-repeat: no-repeat; | |
background-size: contain | |
} | |
.icon-link { | |
color: #8d9ab1 | |
} | |
.icon-link:focus, | |
.icon-link:hover { | |
color: #4f5a80; | |
outline: 0 | |
} | |
.active>.icon-link, | |
.icon-link:active { | |
color: #454f70 | |
} | |
.icon-btn { | |
width: 36px; | |
height: 36px; | |
border-radius: 500px; | |
background: #fff; | |
color: #8d9ab1; | |
display: -webkit-inline-box; | |
display: inline-flex; | |
-webkit-box-pack: center; | |
justify-content: center; | |
-webkit-box-align: center; | |
align-items: center; | |
transition: .1s ease-in-out; | |
transition-property: color, background-color | |
} | |
.badge, | |
.form-icon { | |
-webkit-box-pack: center | |
} | |
.icon-btn:focus, | |
.icon-btn:hover { | |
background-color: #f2f2f2; | |
color: #4f5a80; | |
outline: 0 | |
} | |
.active>.icon-btn, | |
.icon-btn:active { | |
background-color: #e6e6e6; | |
color: #4f5a80 | |
} | |
.range { | |
margin: 0; | |
max-width: 100%; | |
width: 100%; | |
background: 0 0 | |
} | |
.range:focus { | |
outline: 0 | |
} | |
.range::-moz-focus-outer { | |
border: none | |
} | |
.range::-ms-track { | |
height: 15px; | |
background: 0 0; | |
border-color: transparent; | |
color: transparent | |
} | |
.range:not(:disabled)::-webkit-slider-thumb { | |
cursor: pointer | |
} | |
.range:not(:disabled)::-moz-range-thumb { | |
cursor: pointer | |
} | |
.range:not(:disabled)::-ms-thumb { | |
cursor: pointer | |
} | |
.range::-webkit-slider-thumb { | |
-webkit-appearance: none; | |
margin-top: -7px; | |
height: 15px; | |
width: 15px; | |
border-radius: 500px; | |
background: #eef6fa; | |
border: 1px solid #bdcddb | |
} | |
.range::-moz-range-thumb { | |
height: 15px; | |
width: 15px; | |
border-radius: 500px; | |
background: #eef6fa; | |
border: 1px solid #bdcddb | |
} | |
.range::-ms-thumb { | |
margin-top: 0; | |
height: 15px; | |
width: 15px; | |
border-radius: 500px; | |
background: #eef6fa; | |
border: 1px solid #bdcddb | |
} | |
.range::-ms-tooltip { | |
display: none | |
} | |
.range::-webkit-slider-runnable-track { | |
height: 3px; | |
background: #d3e1ec; | |
border-radius: 500px | |
} | |
.range:active::-webkit-slider-runnable-track, | |
.range:focus::-webkit-slider-runnable-track { | |
background: #afc8dd | |
} | |
.range::-moz-range-track { | |
height: 3px; | |
background: #d3e1ec; | |
border-radius: 500px | |
} | |
.range:focus::-moz-range-track { | |
background: #afc8dd | |
} | |
.range::-ms-fill-lower, | |
.range::-ms-fill-upper { | |
height: 3px; | |
background: #d3e1ec; | |
border-radius: 500px | |
} | |
.range:focus::-ms-fill-lower, | |
.range:focus::-ms-fill-upper { | |
background: #afc8dd | |
} | |
.checkbox, | |
.input, | |
.radio, | |
.select, | |
.textarea { | |
box-sizing: border-box; | |
margin: 0; | |
border-radius: 0; | |
font: inherit | |
} | |
.btn, | |
.card-badge, | |
.form-label, | |
.label { | |
text-transform: uppercase | |
} | |
.select optgroup { | |
font: inherit; | |
font-weight: 700 | |
} | |
.textarea { | |
overflow: auto | |
} | |
.input[type=search]::-webkit-search-cancel-btn, | |
.input[type=search]::-webkit-search-decoration { | |
-webkit-appearance: none | |
} | |
.input[type=number]::-webkit-inner-spin-btn, | |
.input[type=number]::-webkit-outer-spin-btn { | |
height: auto | |
} | |
.input::-moz-placeholder, | |
.textarea::-moz-placeholder { | |
opacity: 1 | |
} | |
.fieldset { | |
border: none; | |
margin: 0; | |
padding: 0 | |
} | |
.input, | |
.select, | |
.textarea { | |
max-width: 100%; | |
width: 100%; | |
padding: 0 10px; | |
background: #eef6fa; | |
color: #4f5a80; | |
border: 1px solid #dee6ed; | |
transition: .2s ease-in-out; | |
transition-property: color, background-color, border-color, box-shadow; | |
border-radius: 2px | |
} | |
.input, | |
.select:not([multiple]):not([size]) { | |
height: 40px; | |
vertical-align: middle; | |
display: inline-block; | |
border: 1px solid #dee6ed | |
} | |
.input:not(input), | |
.select:not(select) { | |
line-height: 38px | |
} | |
.select[multiple], | |
.select[size], | |
.textarea { | |
padding-top: 4px; | |
padding-bottom: 4px; | |
vertical-align: top; | |
border: 1px solid #dee6ed | |
} | |
.input:focus, | |
.select:focus, | |
.textarea:focus { | |
outline: 0; | |
background-color: #fff; | |
color: #314483; | |
border-color: #fff!important; | |
box-shadow: 0 6px 15px 0 rgba(85, 95, 109, .1) | |
} | |
.input:disabled, | |
.select:disabled, | |
.textarea:disabled { | |
background-color: #e5edf4; | |
color: #8d9ab1; | |
border-color: #dee6ed!important; | |
box-shadow: none | |
} | |
.input:-ms-input-placeholder { | |
color: #8d9ab1!important | |
} | |
.input::-moz-placeholder { | |
color: #8d9ab1 | |
} | |
.input::-webkit-input-placeholder { | |
color: #8d9ab1 | |
} | |
.textarea:-ms-input-placeholder { | |
color: #8d9ab1!important | |
} | |
.textarea::-moz-placeholder { | |
color: #8d9ab1 | |
} | |
.textarea::-webkit-input-placeholder { | |
color: #8d9ab1 | |
} | |
.form-small { | |
font-size: 11px | |
} | |
.form-small:not(textarea):not([multiple]):not([size]) { | |
height: 30px; | |
padding-left: 8px; | |
padding-right: 8px | |
} | |
.form-small:not(select):not(input):not(textarea) { | |
line-height: 28px | |
} | |
.form-large { | |
font-size: 16px | |
} | |
.form-large:not(textarea):not([multiple]):not([size]) { | |
height: 55px; | |
padding-left: 12px; | |
padding-right: 12px | |
} | |
.form-large:not(select):not(input):not(textarea) { | |
line-height: 53px | |
} | |
.form-danger, | |
.form-danger:focus { | |
color: #d95e60; | |
border-color: #d95e60!important | |
} | |
.form-success, | |
.form-success:focus { | |
color: #4bc78f; | |
border-color: #4bc78f!important | |
} | |
.form-blank { | |
background: 0 0; | |
border-color: transparent | |
} | |
.select:not([multiple]):not([size]), | |
.select:not([multiple]):not([size]):disabled { | |
background-image: url(../img/form-select.svg) | |
} | |
.form-blank:focus { | |
border-color: #dee6ed; | |
border-style: dashed | |
} | |
input.form-width-xsmall { | |
width: 50px | |
} | |
select.form-width-xsmall { | |
width: 75px | |
} | |
.form-width-small { | |
width: 130px | |
} | |
.form-width-medium { | |
width: 200px | |
} | |
.form-width-large { | |
width: 500px | |
} | |
.select:not([multiple]):not([size]) { | |
-moz-appearance: none; | |
padding-right: 20px; | |
background-repeat: no-repeat; | |
background-position: 100% 50% | |
} | |
.select:not([multiple]):not([size])::-ms-expand { | |
display: none | |
} | |
.checkbox, | |
.form-custom, | |
.radio { | |
display: inline-block; | |
vertical-align: middle | |
} | |
.checkbox, | |
.radio { | |
height: 16px; | |
width: 16px; | |
overflow: hidden; | |
margin-top: -4px; | |
background-color: transparent; | |
background-repeat: no-repeat; | |
background-position: 50% 50%; | |
transition: .2s ease-in-out; | |
transition-property: background-color, border-color, box-shadow; | |
border: 1px solid #dee6ed | |
} | |
.radio { | |
border-radius: 50% | |
} | |
.checkbox:focus, | |
.radio:focus { | |
outline: 0; | |
border-color: #5872b5 | |
} | |
.checkbox:checked, | |
.checkbox:indeterminate, | |
.radio:checked { | |
background-color: #5872b5; | |
border-color: transparent | |
} | |
.checkbox:checked:focus, | |
.checkbox:indeterminate:focus, | |
.radio:checked:focus { | |
background-color: #435a97 | |
} | |
.radio:checked { | |
background-image: url(../../images/backgrounds/form-radio.svg) | |
} | |
.checkbox:checked { | |
background-image: url(../../images/backgrounds/form-checkbox.svg) | |
} | |
.checkbox:indeterminate { | |
background-image: url(../../images/backgrounds/form-checkbox-indeterminate.svg) | |
} | |
.checkbox:disabled, | |
.radio:disabled { | |
background-color: #e5edf4; | |
border-color: #dee6ed | |
} | |
.radio:disabled:checked { | |
background-image: url(../../images/backgrounds/form-radio.svg) | |
} | |
.checkbox:disabled:checked { | |
background-image: url(../../images/backgrounds/form-checkbox.svg) | |
} | |
.checkbox:disabled:indeterminate { | |
background-image: url(../../images/backgrounds/form-checkbox-indeterminate.svg) | |
} | |
.legend { | |
width: 100%; | |
color: inherit; | |
padding: 0; | |
font-size: 24px; | |
line-height: 1.4 | |
} | |
.form-custom { | |
position: relative; | |
max-width: 100% | |
} | |
.form-custom input[type=file], | |
.form-custom select { | |
position: absolute; | |
top: 0; | |
z-index: 1; | |
width: 100%; | |
height: 100%; | |
left: 0; | |
-webkit-appearance: none; | |
opacity: 0; | |
cursor: pointer | |
} | |
.form-custom input[type=file] { | |
font-size: 500px; | |
overflow: hidden | |
} | |
.form-label { | |
font-size: 11px; | |
color: #314483; | |
font-family: Montserrat; | |
font-weight: 400 | |
} | |
.form-stacked .form-label { | |
display: block; | |
margin-bottom: 5px | |
} | |
@media (max-width:959px) { | |
.form-horizontal .form-label { | |
display: block; | |
margin-bottom: 5px | |
} | |
} | |
@media (min-width:960px) { | |
.form-horizontal .form-label { | |
width: 200px; | |
margin-top: 7px; | |
float: left | |
} | |
.form-horizontal .form-controls { | |
margin-left: 215px | |
} | |
.form-horizontal .form-controls-text { | |
padding-top: 7px | |
} | |
} | |
.form-icon { | |
position: absolute; | |
top: 0; | |
bottom: 0; | |
left: 0; | |
width: 40px; | |
display: -webkit-inline-box; | |
display: inline-flex; | |
justify-content: center; | |
-webkit-box-align: center; | |
align-items: center; | |
color: #8d9ab1 | |
} | |
.form-icon:hover { | |
color: #4f5a80 | |
} | |
.form-icon:not(.form-icon-flip)+.input { | |
padding-left: 40px | |
} | |
.form-icon-flip { | |
right: 0; | |
left: auto | |
} | |
.form-icon-flip+.input { | |
padding-right: 40px | |
} | |
.btn { | |
margin: 0; | |
border: none; | |
overflow: visible; | |
font: inherit; | |
color: inherit; | |
display: inline-block; | |
padding: 0 30px; | |
vertical-align: middle; | |
font-size: 11px; | |
line-height: 38px; | |
background-origin: border-box; | |
transition: .1s ease-in-out; | |
transition-property: color, background-color, background-position, border-color, box-shadow; | |
border-radius: 500px; | |
font-family: Montserrat; | |
font-weight: 400 | |
} | |
.btn::-moz-focus-inner { | |
border: 0; | |
padding: 0 | |
} | |
.btn:focus { | |
outline: 0 | |
} | |
.btn-default { | |
background-color: #fff; | |
color: #314483; | |
border: 1px solid transparent; | |
box-shadow: 0 15px 50px 0 rgba(85, 95, 109, .1) | |
} | |
.btn-default:focus, | |
.btn-default:hover { | |
background-color: #fff; | |
color: #5872b5; | |
border-color: transparent; | |
box-shadow: 0 6px 15px 0 rgba(85, 95, 109, .1) | |
} | |
.btn-default.active, | |
.btn-default:active { | |
background-color: #5872b5; | |
color: #fff; | |
border-color: transparent | |
} | |
.btn-primary { | |
background-color: #5872b5; | |
color: #fff; | |
border: 1px solid transparent; | |
background-image: linear-gradient(135deg, #638fba, #46569e); | |
box-shadow: 2px 6px 15px rgba(88, 114, 181, .35) | |
} | |
.btn-primary:focus, | |
.btn-primary:hover { | |
background-color: #46659e; | |
color: #fff; | |
background-image: linear-gradient(155deg, #638fba, #404e90); | |
box-shadow: 2px 4px 12px rgba(88, 114, 181, .45) | |
} | |
.btn-primary.active, | |
.btn-primary:active { | |
background-color: #405c90; | |
color: #fff; | |
background-image: linear-gradient(185deg, #638fba, #404e90) | |
} | |
.btn-secondary { | |
background-color: transparent; | |
color: #5872b5; | |
border: 1px solid #5872b5; | |
box-shadow: inset 2px 2px 7px rgba(88, 114, 181, .2), 2px 2px 7px rgba(88, 114, 181, .2) | |
} | |
.btn-secondary:focus, | |
.btn-secondary:hover { | |
background-color: transparent; | |
color: #3b5085; | |
border-color: #435a97; | |
box-shadow: inset 2px 4px 15px rgba(88, 114, 181, .2), 2px 4px 15px rgba(88, 114, 181, .2) | |
} | |
.btn-secondary.active, | |
.btn-secondary:active { | |
background-color: #5872b5; | |
color: #fff; | |
border-color: #5872b5 | |
} | |
.btn-danger { | |
background-color: transparent; | |
color: #d95e60; | |
border: 1px solid #d95e60; | |
box-shadow: inset 2px 2px 7px rgba(217, 94, 96, .2), 2px 2px 7px rgba(217, 94, 96, .2) | |
} | |
.btn-danger:focus, | |
.btn-danger:hover { | |
background-color: transparent; | |
color: #be2d2f; | |
border-color: #cf3537; | |
box-shadow: inset 2px 4px 15px rgba(217, 94, 96, .2), 2px 4px 15px rgba(217, 94, 96, .2) | |
} | |
.btn-danger.active, | |
.btn-danger:active { | |
background-color: #d95e60; | |
color: #fff; | |
border-color: #d95e60 | |
} | |
.btn-danger:disabled, | |
.btn-default:disabled, | |
.btn-primary:disabled, | |
.btn-secondary:disabled { | |
background-color: transparent; | |
color: #8d9ab1; | |
background-image: none; | |
border: 1px solid transparent; | |
box-shadow: none | |
} | |
.btn-small { | |
padding: 0 20px; | |
line-height: 28px; | |
font-size: 11px; | |
border-radius: 500px | |
} | |
.btn-large { | |
padding: 0 40px; | |
line-height: 53px; | |
font-size: 13px; | |
border-radius: 500px | |
} | |
.btn-link, | |
.btn-text { | |
padding: 0; | |
line-height: 1.73; | |
background: 0 0 | |
} | |
.btn-text { | |
color: #314483; | |
position: relative | |
} | |
.btn-text::before { | |
position: absolute; | |
bottom: 0; | |
left: 0; | |
right: 100%; | |
border-bottom: 1px solid currentColor; | |
transition: right .3s ease-out | |
} | |
.btn-group, | |
.section-overlap+.section { | |
position: relative | |
} | |
.btn-text:focus, | |
.btn-text:hover { | |
color: #5872b5 | |
} | |
.btn-text:focus::before, | |
.btn-text:hover::before { | |
right: 0 | |
} | |
.btn-text:disabled { | |
color: #8d9ab1 | |
} | |
.btn-text:disabled::before { | |
display: none | |
} | |
.btn-link { | |
color: #5466c4 | |
} | |
.btn-link:focus, | |
.btn-link:hover { | |
color: #7d9cec; | |
text-decoration: underline | |
} | |
.btn-link:disabled { | |
color: #8d9ab1; | |
text-decoration: none | |
} | |
.btn-group { | |
display: -webkit-inline-box; | |
display: inline-flex; | |
vertical-align: middle | |
} | |
.btn-group>.btn:nth-child(n+2), | |
.btn-group>div:nth-child(n+2) .btn { | |
margin-left: -1px | |
} | |
.btn-group .btn.active, | |
.btn-group .btn:active, | |
.btn-group .btn:focus, | |
.btn-group .btn:hover { | |
position: relative; | |
z-index: 1 | |
} | |
.btn-group>.btn:not(:first-child):not(:last-child), | |
.btn-group>div:not(:first-child):not(:last-child) .btn { | |
border-radius: 0 | |
} | |
.btn-group>.btn:first-child, | |
.btn-group>div:first-child .btn { | |
border-top-right-radius: 0; | |
border-bottom-right-radius: 0 | |
} | |
.btn-group>.btn:last-child, | |
.btn-group>div:last-child .btn { | |
border-top-left-radius: 0; | |
border-bottom-left-radius: 0 | |
} | |
.section { | |
padding-top: 40px; | |
padding-bottom: 40px | |
} | |
@media (min-width:960px) { | |
.section { | |
padding-top: 70px; | |
padding-bottom: 70px | |
} | |
} | |
.section::after, | |
.section::before { | |
display: table | |
} | |
.section-xsmall { | |
padding-top: 20px; | |
padding-bottom: 20px | |
} | |
.section-small { | |
padding-top: 40px; | |
padding-bottom: 40px | |
} | |
.section-large { | |
padding-top: 70px; | |
padding-bottom: 70px | |
} | |
.section-xlarge { | |
padding-top: 140px; | |
padding-bottom: 140px | |
} | |
.section-default { | |
background: #eef6fa | |
} | |
.section-muted { | |
background: #f0f4f9 | |
} | |
.section-primary { | |
background: #5872b5 | |
} | |
.section-secondary { | |
background: #37466c | |
} | |
.section-overlap.section::after, | |
.section-overlap>.section::after { | |
height: 14px | |
} | |
.section-overlap+.section-default::before, | |
.section-overlap+.section-muted::before, | |
.section-overlap+.section-primary::before, | |
.section-overlap+.section-secondary::before { | |
content: ''; | |
display: block; | |
position: absolute; | |
top: -14px; | |
left: 0; | |
right: 0; | |
height: 14px; | |
background-repeat: repeat-x | |
} | |
.container { | |
box-sizing: content-box; | |
max-width: 1300px; | |
margin-left: auto; | |
margin-right: auto; | |
padding-left: 15px; | |
padding-right: 15px | |
} | |
@media (min-width:640px) { | |
.container { | |
padding-left: 20px; | |
padding-right: 20px | |
} | |
} | |
@media (min-width:960px) { | |
.section-large { | |
padding-top: 140px; | |
padding-bottom: 140px | |
} | |
.section-xlarge { | |
padding-top: 210px; | |
padding-bottom: 210px | |
} | |
.container { | |
padding-left: 40px; | |
padding-right: 40px | |
} | |
} | |
.container::after, | |
.container::before { | |
content: ""; | |
display: table | |
} | |
.container .container { | |
padding-left: 0; | |
padding-right: 0 | |
} | |
.container-small { | |
max-width: 800px | |
} | |
.container-large { | |
max-width: 1600px | |
} | |
.container-expand { | |
max-width: none | |
} | |
.grid>* { | |
margin: 0 | |
} | |
.grid { | |
display: -webkit-box; | |
display: flex; | |
flex-wrap: wrap; | |
margin: 0 0 0 -20px; | |
padding: 0 | |
} | |
.card-body>:last-child, | |
.card-footer>:last-child, | |
.card-header>:last-child, | |
.tile>:last-child { | |
margin-bottom: 0 | |
} | |
.grid>* { | |
padding-left: 20px | |
} | |
*+.grid-margin, | |
.grid+.grid, | |
.grid>.grid-margin { | |
margin-top: 20px | |
} | |
@media (min-width:1200px) { | |
.grid { | |
margin-left: -40px | |
} | |
.grid>* { | |
padding-left: 40px | |
} | |
*+.grid-margin, | |
.grid+.grid, | |
.grid>.grid-margin { | |
margin-top: 40px | |
} | |
} | |
.grid-small { | |
margin-left: -10px | |
} | |
.grid-small>* { | |
padding-left: 10px | |
} | |
*+.grid-margin-small, | |
.grid+.grid-small, | |
.grid-small>.grid-margin { | |
margin-top: 10px | |
} | |
.grid-medium { | |
margin-left: -20px | |
} | |
.grid-medium>* { | |
padding-left: 20px | |
} | |
*+.grid-margin-medium, | |
.grid+.grid-medium, | |
.grid-medium>.grid-margin { | |
margin-top: 20px | |
} | |
.grid-large { | |
margin-left: -40px | |
} | |
.grid-large>* { | |
padding-left: 40px | |
} | |
*+.grid-margin-large, | |
.grid+.grid-large, | |
.grid-large>.grid-margin { | |
margin-top: 40px | |
} | |
@media (min-width:1200px) { | |
.grid-large { | |
margin-left: -70px | |
} | |
.grid-large>* { | |
padding-left: 70px | |
} | |
*+.grid-margin-large, | |
.grid+.grid-large, | |
.grid-large>.grid-margin { | |
margin-top: 70px | |
} | |
} | |
.grid-collapse { | |
margin-left: 0 | |
} | |
.grid-collapse>* { | |
padding-left: 0 | |
} | |
.grid+.grid-collapse, | |
.grid-collapse>.grid-margin { | |
margin-top: 0 | |
} | |
.grid-divider>* { | |
position: relative; | |
padding-left: 40px | |
} | |
.grid-divider>:not(.first-column)::before { | |
content: ""; | |
position: absolute; | |
top: 0; | |
bottom: 0; | |
border-left: 1px solid #dee6ed; | |
left: 20px | |
} | |
.grid-divider.grid-stack>.grid-margin::before { | |
content: ""; | |
position: absolute; | |
right: 0; | |
border-top: 1px solid #dee6ed; | |
top: -20px; | |
left: 40px | |
} | |
.card, | |
.tile { | |
position: relative; | |
box-sizing: border-box | |
} | |
.grid-divider { | |
margin-left: -40px | |
} | |
.grid-divider.grid-stack>.grid-margin { | |
margin-top: 40px | |
} | |
@media (min-width:1200px) { | |
.grid-divider { | |
margin-left: -80px | |
} | |
.grid-divider>* { | |
padding-left: 80px | |
} | |
.grid-divider>:not(.first-column)::before { | |
left: 40px | |
} | |
.grid-divider.grid-stack>.grid-margin { | |
margin-top: 80px | |
} | |
.grid-divider.grid-stack>.grid-margin::before { | |
top: -40px; | |
left: 80px | |
} | |
} | |
.grid-divider.grid-small { | |
margin-left: -20px | |
} | |
.grid-divider.grid-small>* { | |
padding-left: 20px | |
} | |
.grid-divider.grid-small>:not(.first-column)::before { | |
left: 10px | |
} | |
.grid-divider.grid-small.grid-stack>.grid-margin { | |
margin-top: 20px | |
} | |
.grid-divider.grid-small.grid-stack>.grid-margin::before { | |
top: -10px; | |
left: 20px | |
} | |
.grid-divider.grid-medium { | |
margin-left: -40px | |
} | |
.grid-divider.grid-medium>* { | |
padding-left: 40px | |
} | |
.grid-divider.grid-medium>:not(.first-column)::before { | |
left: 20px | |
} | |
.grid-divider.grid-medium.grid-stack>.grid-margin { | |
margin-top: 40px | |
} | |
.grid-divider.grid-medium.grid-stack>.grid-margin::before { | |
top: -20px; | |
left: 40px | |
} | |
.grid-divider.grid-large { | |
margin-left: -80px | |
} | |
.grid-divider.grid-large>* { | |
padding-left: 80px | |
} | |
.grid-divider.grid-large>:not(.first-column)::before { | |
left: 40px | |
} | |
.grid-divider.grid-large.grid-stack>.grid-margin { | |
margin-top: 80px | |
} | |
.grid-divider.grid-large.grid-stack>.grid-margin::before { | |
top: -40px; | |
left: 80px | |
} | |
@media (min-width:1200px) { | |
.grid-divider.grid-large { | |
margin-left: -140px | |
} | |
.grid-divider.grid-large>* { | |
padding-left: 140px | |
} | |
.grid-divider.grid-large>:not(.first-column)::before { | |
left: 70px | |
} | |
.grid-divider.grid-large.grid-stack>.grid-margin { | |
margin-top: 140px | |
} | |
.grid-divider.grid-large.grid-stack>.grid-margin::before { | |
top: -70px; | |
left: 140px | |
} | |
} | |
.grid-item-match, | |
.grid-match>* { | |
display: -webkit-box; | |
display: flex; | |
flex-wrap: wrap | |
} | |
.card-body::after, | |
.card-body::before, | |
.card-footer::after, | |
.card-footer::before, | |
.card-header::after, | |
.card-header::before, | |
.tile::after, | |
.tile::before { | |
content: ""; | |
display: table | |
} | |
.grid-item-match>:not([class*=width]), | |
.grid-match>*>:not([class*=width]) { | |
box-sizing: border-box; | |
width: 100%; | |
-webkit-box-flex: 1; | |
flex: auto | |
} | |
.tile { | |
padding: 40px 15px | |
} | |
@media (min-width:640px) { | |
.tile { | |
padding-left: 20px; | |
padding-right: 20px | |
} | |
} | |
@media (min-width:960px) { | |
.tile { | |
padding: 70px 40px | |
} | |
} | |
.tile-xsmall { | |
padding-top: 20px; | |
padding-bottom: 20px | |
} | |
.tile-small { | |
padding-top: 40px; | |
padding-bottom: 40px | |
} | |
.tile-large { | |
padding-top: 70px; | |
padding-bottom: 70px | |
} | |
.tile-xlarge { | |
padding-top: 140px; | |
padding-bottom: 140px | |
} | |
@media (min-width:960px) { | |
.tile-large { | |
padding-top: 140px; | |
padding-bottom: 140px | |
} | |
.tile-xlarge { | |
padding-top: 210px; | |
padding-bottom: 210px | |
} | |
} | |
.tile-default { | |
background: #eef6fa | |
} | |
.tile-muted { | |
background: #e5edf4 | |
} | |
.tile-primary { | |
background: #5872b5 | |
} | |
.tile-secondary { | |
background: #37466c | |
} | |
.card { | |
transition: box-shadow .1s ease-in-out; | |
transition: .1s ease-in-out; | |
transition-property: color, background-color, border-color, box-shadow, top; | |
border-radius: 2px | |
} | |
.card-body { | |
padding: 20px | |
} | |
.card-footer, | |
.card-header { | |
padding: 10px 20px | |
} | |
@media (min-width:1200px) { | |
.card-body { | |
padding: 40px | |
} | |
.card-footer, | |
.card-header { | |
padding: 20px 40px | |
} | |
} | |
[class*=card-media] { | |
overflow: hidden | |
} | |
.card-media-top, | |
.grid-stack>.card-media-left, | |
.grid-stack>.card-media-right { | |
border-radius: 2px 2px 0 0 | |
} | |
.card-media-bottom { | |
border-radius: 0 0 2px 2px | |
} | |
:not(.grid-stack)>.card-media-left { | |
border-radius: 2px 0 0 2px | |
} | |
:not(.grid-stack)>.card-media-right { | |
border-radius: 0 2px 2px 0 | |
} | |
.card-title { | |
font-size: 18px; | |
line-height: 1.4; | |
font-family: Montserrat; | |
font-weight: 500 | |
} | |
.card-badge { | |
position: absolute; | |
top: 20px; | |
right: 20px; | |
z-index: 1; | |
padding: 0 7px; | |
border: 1px solid #dee6ed; | |
color: #4f5a80; | |
font-size: 11px; | |
font-family: Montserrat; | |
font-weight: 400 | |
} | |
.card-badge:first-child+* { | |
margin-top: 0 | |
} | |
.card-hover:not(.card-default):not(.card-primary):not(.card-secondary):hover { | |
background: #eef6fa; | |
box-shadow: 0 21px 50px 0 rgba(85, 95, 109, .15) | |
} | |
.card-default { | |
background: #fff; | |
color: #4f5a80; | |
background-image: linear-gradient(135deg, #fff, #eef6fa); | |
box-shadow: 0 15px 50px 0 rgba(85, 95, 109, .1) | |
} | |
.card-default .card-title { | |
color: #314483 | |
} | |
.card-primary, | |
.card-primary .card-title, | |
.card-secondary .card-title { | |
color: #fff | |
} | |
.card-default.card-hover:hover { | |
background-color: #fff; | |
background-image: ''; | |
box-shadow: 0 21px 50px 0 rgba(85, 95, 109, .15) | |
} | |
.card-default .card-header { | |
border-bottom: 1px solid #dee6ed | |
} | |
.card-default .card-footer { | |
border-top: 1px solid #dee6ed | |
} | |
.card-primary { | |
background: #5872b5; | |
background-image: linear-gradient(135deg, #638fba, #46569e); | |
box-shadow: 2px 15px 50px rgba(88, 114, 181, .35) | |
} | |
.card-primary.card-hover:hover { | |
background-color: #46659e; | |
background-image: linear-gradient(155deg, #638fba, #404e90); | |
box-shadow: 2px 21px 50px rgba(88, 114, 181, .45) | |
} | |
.card-secondary { | |
background: #37466c; | |
color: #fff; | |
background-image: linear-gradient(135deg, #37466c, #28324e); | |
box-shadow: 0 15px 50px 0 rgba(85, 95, 109, .1) | |
} | |
.card-secondary.card-hover:hover { | |
background-color: #3c4d76; | |
background-image: linear-gradient(135deg, #435584, #2b3754); | |
box-shadow: 0 21px 50px 0 rgba(85, 95, 109, .15) | |
} | |
.card-small .card-body, | |
.card-small.card-body { | |
padding: 20px | |
} | |
.card-small .card-footer, | |
.card-small .card-header { | |
padding: 13px 20px | |
} | |
@media (min-width:1200px) { | |
.card-large .card-body, | |
.card-large.card-body { | |
padding: 70px | |
} | |
.card-large .card-footer, | |
.card-large .card-header { | |
padding: 35px 70px | |
} | |
} | |
.card-body .nav-default { | |
margin: -5px -20px | |
} | |
.card-title+.nav-default { | |
margin-top: 0 | |
} | |
.card-body .nav-default .nav-divider, | |
.card-body .nav-default .nav-header, | |
.card-body .nav-default>li>a { | |
padding-left: 20px; | |
padding-right: 20px | |
} | |
.card-body .nav-default .nav-sub { | |
padding-left: 35px | |
} | |
@media (min-width:1200px) { | |
.card-body .nav-default { | |
margin: -25px -40px | |
} | |
.card-title+.nav-default { | |
margin-top: 0 | |
} | |
.card-body .nav-default .nav-divider, | |
.card-body .nav-default .nav-header, | |
.card-body .nav-default>li>a { | |
padding-left: 40px; | |
padding-right: 40px | |
} | |
.card-body .nav-default .nav-sub { | |
padding-left: 55px | |
} | |
} | |
.card-small .nav-default { | |
margin: -5px -20px | |
} | |
.card-small .card-title+.nav-default { | |
margin-top: 0 | |
} | |
.card-small .nav-default .nav-divider, | |
.card-small .nav-default .nav-header, | |
.card-small .nav-default>li>a { | |
padding-left: 20px; | |
padding-right: 20px | |
} | |
.card-small .nav-default .nav-sub { | |
padding-left: 35px | |
} | |
@media (min-width:1200px) { | |
.card-large .nav-default { | |
margin: -55px -70px | |
} | |
.card-large .card-title+.nav-default { | |
margin-top: 0 | |
} | |
} | |
.close { | |
color: #8d9ab1; | |
transition: .1s ease-in-out; | |
transition-property: color, opacity | |
} | |
.close:focus, | |
.close:hover { | |
color: #314483; | |
outline: 0 | |
} | |
.spinner>* { | |
-webkit-animation: spinner-rotate 1.4s linear infinite; | |
animation: spinner-rotate 1.4s linear infinite | |
} | |
@-webkit-keyframes spinner-rotate { | |
0% { | |
-webkit-transform: rotate(0) | |
} | |
100% { | |
-webkit-transform: rotate(270deg) | |
} | |
} | |
@keyframes spinner-rotate { | |
0% { | |
-webkit-transform: rotate(0); | |
transform: rotate(0) | |
} | |
100% { | |
-webkit-transform: rotate(270deg); | |
transform: rotate(270deg) | |
} | |
} | |
.spinner>*>* { | |
stroke-dasharray: 88px; | |
stroke-dashoffset: 0; | |
-webkit-transform-origin: center; | |
transform-origin: center; | |
-webkit-animation: spinner-dash 1.4s ease-in-out infinite; | |
animation: spinner-dash 1.4s ease-in-out infinite; | |
stroke-width: 1; | |
stroke-linecap: round | |
} | |
@-webkit-keyframes spinner-dash { | |
0% { | |
stroke-dashoffset: 88px | |
} | |
50% { | |
stroke-dashoffset: 22px; | |
-webkit-transform: rotate(135deg) | |
} | |
100% { | |
stroke-dashoffset: 88px; | |
-webkit-transform: rotate(450deg) | |
} | |
} | |
@keyframes spinner-dash { | |
0% { | |
stroke-dashoffset: 88px | |
} | |
50% { | |
stroke-dashoffset: 22px; | |
-webkit-transform: rotate(135deg); | |
transform: rotate(135deg) | |
} | |
100% { | |
stroke-dashoffset: 88px; | |
-webkit-transform: rotate(450deg); | |
transform: rotate(450deg) | |
} | |
} | |
.totop { | |
padding: 5px; | |
color: #8d9ab1; | |
transition: color .1s ease-in-out | |
} | |
.totop:focus, | |
.totop:hover { | |
color: #4f5a80; | |
outline: 0 | |
} | |
.totop:active { | |
color: #314483 | |
} | |
.marker { | |
padding: 5px; | |
background: #37466c; | |
color: #fff; | |
border-radius: 500px | |
} | |
.marker:focus, | |
.marker:hover { | |
color: #fff; | |
outline: 0 | |
} | |
.alert { | |
position: relative; | |
margin-bottom: 20px; | |
padding: 10px 24px 10px 10px; | |
background: #fff; | |
color: #314483; | |
border-radius: 2px; | |
box-shadow: 0 15px 50px 0 rgba(85, 95, 109, .1) | |
} | |
.alert>:last-child, | |
.article>:last-child, | |
.overlay>:last-child { | |
margin-bottom: 0 | |
} | |
*+.alert { | |
margin-top: 20px | |
} | |
.alert-close { | |
position: absolute; | |
top: 15px; | |
right: 10px; | |
color: inherit; | |
opacity: .4 | |
} | |
.alert-close:first-child+* { | |
margin-top: 0 | |
} | |
.article+.article, | |
.comment-list>:nth-child(n+2) { | |
margin-top: 70px | |
} | |
.alert-close:focus, | |
.alert-close:hover { | |
color: inherit; | |
opacity: .8 | |
} | |
.alert-primary { | |
background: #fff; | |
color: #5872b5 | |
} | |
.alert-success { | |
background: #fff; | |
color: #4bc78f | |
} | |
.alert-warning { | |
background: #fff; | |
color: #f7c77d | |
} | |
.alert-danger { | |
background: #fff; | |
color: #d95e60 | |
} | |
.badge, | |
.label { | |
background: #5872b5; | |
font-size: 11px; | |
vertical-align: middle | |
} | |
.alert h1, | |
.alert h2, | |
.alert h3, | |
.alert h4, | |
.alert h5, | |
.alert h6 { | |
color: inherit | |
} | |
.alert a:not([class]), | |
.alert a:not([class]):hover { | |
color: inherit; | |
text-decoration: underline | |
} | |
.badge { | |
box-sizing: border-box; | |
min-width: 22px; | |
height: 22px; | |
line-height: 22px; | |
padding: 0 5px; | |
border-radius: 500px; | |
color: #fff; | |
display: -webkit-inline-box; | |
display: inline-flex; | |
justify-content: center; | |
-webkit-box-align: center; | |
align-items: center | |
} | |
.badge:focus, | |
.badge:hover { | |
color: #fff; | |
text-decoration: none; | |
outline: 0 | |
} | |
.label { | |
display: inline-block; | |
padding: 0 10px; | |
line-height: 1.73; | |
color: #fff; | |
border-radius: 2px | |
} | |
.article::after, | |
.article::before, | |
.comment-body::after, | |
.comment-body::before, | |
.comment-header::after, | |
.comment-header::before { | |
display: table; | |
content: "" | |
} | |
.label-success { | |
background-color: #4bc78f; | |
color: #fff | |
} | |
.label-warning { | |
background-color: #f7c77d; | |
color: #fff | |
} | |
.label-danger { | |
background-color: #d95e60; | |
color: #fff | |
} | |
.overlay { | |
padding: 20px | |
} | |
.overlay-default { | |
background: rgba(238, 246, 250, .8) | |
} | |
.overlay-primary { | |
background: rgba(55, 70, 108, .8) | |
} | |
.article::after { | |
clear: both | |
} | |
.article-title { | |
font-size: 42px; | |
line-height: 1.2 | |
} | |
.article-meta { | |
font-size: 11px; | |
line-height: 1.4; | |
color: #8d9ab1 | |
} | |
.article-meta a { | |
color: #8d9ab1 | |
} | |
.article-meta a:hover { | |
color: #4f5a80; | |
text-decoration: none | |
} | |
.comment-header { | |
margin-bottom: 20px | |
} | |
.comment-body>:last-child, | |
.comment-header>:last-child { | |
margin-bottom: 0 | |
} | |
.comment-title { | |
font-size: 16px; | |
line-height: 1.4 | |
} | |
.comment-meta { | |
font-size: 11px; | |
line-height: 1.4; | |
color: #8d9ab1 | |
} | |
.comment-list { | |
padding: 0 | |
} | |
.comment-list .comment~ul { | |
margin: 70px 0 0; | |
padding-left: 30px | |
} | |
@media (min-width:960px) { | |
.comment-list .comment~ul { | |
padding-left: 100px | |
} | |
} | |
.comment-list .comment~ul>:nth-child(n+2) { | |
margin-top: 70px | |
} | |
.comment-primary { | |
padding: 20px; | |
background-color: #e5edf4 | |
} | |
.search { | |
display: inline-block; | |
position: relative; | |
max-width: 100%; | |
margin: 0 | |
} | |
.search-input::-webkit-search-cancel-btn, | |
.search-input::-webkit-search-decoration { | |
-webkit-appearance: none | |
} | |
.search-input { | |
box-sizing: border-box; | |
margin: 0; | |
border-radius: 0; | |
font: inherit; | |
overflow: visible; | |
vertical-align: middle; | |
width: 100%; | |
border: none; | |
color: #314483; | |
transition: .2s ease-in-out; | |
transition-property: color, background-color, border-color, box-shadow | |
} | |
.search-input:focus { | |
outline: 0 | |
} | |
.search-input:-ms-input-placeholder { | |
color: #8d9ab1!important | |
} | |
.search-input::-moz-placeholder { | |
opacity: 1; | |
color: #8d9ab1 | |
} | |
.search-input::-webkit-input-placeholder { | |
color: #8d9ab1 | |
} | |
.search-icon { | |
margin: 0; | |
border: none; | |
overflow: visible; | |
font: inherit; | |
color: inherit; | |
text-transform: none; | |
padding: 0; | |
background-color: transparent | |
} | |
.search .search-icon:hover, | |
.search-toggle { | |
color: #8d9ab1 | |
} | |
.search-icon::-moz-focus-inner { | |
border: 0; | |
padding: 0 | |
} | |
.search-icon:focus { | |
outline: 0 | |
} | |
.search .search-icon { | |
position: absolute; | |
top: 0; | |
bottom: 0; | |
left: 0; | |
display: -webkit-inline-box; | |
display: inline-flex; | |
-webkit-box-pack: center; | |
justify-content: center; | |
-webkit-box-align: center; | |
align-items: center; | |
color: #8d9ab1 | |
} | |
.search .search-icon-flip { | |
right: 0; | |
left: auto | |
} | |
.search-default { | |
width: 180px | |
} | |
.search-default .search-input { | |
height: 40px; | |
padding-left: 16px; | |
padding-right: 16px; | |
background: 0 0; | |
border: 1px solid #dee6ed; | |
border-radius: 500px | |
} | |
.search-default .search-icon:not(.search-icon-flip)+.search-input, | |
.search-navbar .search-icon:not(.search-icon-flip)+.search-input { | |
padding-left: 40px | |
} | |
.search-default .search-icon-flip+.search-input, | |
.search-navbar .search-icon-flip+.search-input { | |
padding-right: 40px | |
} | |
.search-default .search-input:focus { | |
background-color: #eef6fa; | |
border-color: #c4d2df | |
} | |
.nav-default .nav-divider, | |
.nav-primary .nav-divider, | |
.navbar-dropdown-nav .nav-divider { | |
border-top: 1px solid #dee6ed | |
} | |
.search-default .search-icon { | |
width: 40px | |
} | |
.search-navbar { | |
width: 400px | |
} | |
.search-navbar .search-input { | |
height: 40px; | |
background: 0 0; | |
font-size: 16px | |
} | |
.search-navbar .search-icon { | |
width: 40px | |
} | |
.search-large { | |
width: 500px | |
} | |
.search-large .search-input { | |
height: 80px; | |
background: 0 0; | |
font-size: 32px | |
} | |
.nav-default, | |
.nav-header { | |
font-size: 11px; | |
text-transform: uppercase; | |
letter-spacing: 1.8px | |
} | |
.search-large .search-icon { | |
width: 80px | |
} | |
.search-large .search-icon:not(.search-icon-flip)+.search-input { | |
padding-left: 80px | |
} | |
.search-large .search-icon-flip+.search-input { | |
padding-right: 80px | |
} | |
.search-toggle:focus, | |
.search-toggle:hover { | |
color: #4f5a80 | |
} | |
.nav, | |
.nav ul { | |
margin: 0; | |
padding: 0 | |
} | |
.nav li>a { | |
display: block; | |
text-decoration: none | |
} | |
.nav li>a:focus { | |
outline: 0 | |
} | |
.nav>li>a { | |
padding: 5px 0 | |
} | |
ul.nav-sub { | |
padding: 5px 0 5px 15px | |
} | |
.nav-sub ul { | |
padding-left: 15px | |
} | |
.nav-sub a { | |
padding: 2px 0 | |
} | |
.nav-parent-icon>.parent>a::after { | |
content: ""; | |
width: 1.73em; | |
height: 1.73em; | |
float: right; | |
background-image: url(../../images/backgrounds/nav-parent-close.svg); | |
background-repeat: no-repeat; | |
background-position: 50% 50%; | |
margin-right: 0 | |
} | |
.nav-parent-icon>.parent.open>a::after { | |
background-image: url(../../images/backgrounds/nav-parent-open.svg) | |
} | |
.nav-header { | |
padding: 5px 0 | |
} | |
.nav-header:not(:first-child) { | |
margin-top: 20px | |
} | |
.nav-divider { | |
margin: 5px 0 | |
} | |
.nav-default { | |
font-family: Montserrat; | |
font-weight: 400 | |
} | |
.nav-default>li>a { | |
color: #8d9ab1; | |
transition: .1s ease-in-out; | |
transition-property: color, background-color, border-color, box-shadow | |
} | |
.nav-default>li>a:focus, | |
.nav-default>li>a:hover { | |
color: #5872b5; | |
background-color: transparent | |
} | |
.nav-default>li.active>a { | |
color: #314483; | |
background-color: transparent | |
} | |
.nav-default .nav-header { | |
color: #314483 | |
} | |
.nav-default .nav-sub a { | |
color: #8d9ab1 | |
} | |
.nav-default .nav-sub a:focus, | |
.nav-default .nav-sub a:hover { | |
color: #4f5a80 | |
} | |
.nav-primary { | |
font-family: Montserrat; | |
font-weight: 300 | |
} | |
.nav-primary>li>a { | |
font-size: 24px; | |
line-height: 1.73; | |
color: #8d9ab1; | |
transition: .1s ease-in-out; | |
transition-property: color, background-color, border-color, box-shadow; | |
padding: 5px 0 | |
} | |
.breadcrumb>*>*, | |
.navbar-dropdown-nav, | |
.navbar-subtitle, | |
.subnav>*>:first-child, | |
.tab>*>a { | |
font-size: 11px | |
} | |
.navbar-nav>li>a, | |
.subnav>*>:first-child { | |
transition: .1s ease-in-out; | |
text-transform: uppercase | |
} | |
.nav-primary>li>a:focus, | |
.nav-primary>li>a:hover { | |
color: #5872b5 | |
} | |
.nav-primary>li.active>a { | |
color: #314483 | |
} | |
.nav-primary .nav-header { | |
color: #314483; | |
padding: 5px 0 | |
} | |
.nav-primary .nav-sub a { | |
color: #8d9ab1 | |
} | |
.nav-primary .nav-sub a:focus, | |
.nav-primary .nav-sub a:hover { | |
color: #4f5a80 | |
} | |
.nav-center .nav-sub, | |
.nav-center .nav-sub ul { | |
padding-left: 0 | |
} | |
.nav-center.nav-parent-icon>.parent>a::after { | |
position: absolute | |
} | |
.navbar { | |
display: -webkit-box; | |
display: flex; | |
position: relative | |
} | |
.navbar-container:not(.navbar-transparent) { | |
background: #e5edf4 | |
} | |
.navbar-container>::after, | |
.navbar-container>::before { | |
display: none!important | |
} | |
.navbar-center, | |
.navbar-center-left>*, | |
.navbar-center-right>*, | |
.navbar-left, | |
.navbar-right { | |
display: -webkit-box; | |
display: flex; | |
-webkit-box-align: center; | |
align-items: center | |
} | |
.navbar-right { | |
margin-left: auto | |
} | |
.navbar-center:only-child { | |
margin-left: auto; | |
margin-right: auto; | |
position: relative | |
} | |
.navbar-center:not(:only-child) { | |
position: absolute; | |
top: 50%; | |
left: 50%; | |
-webkit-transform: translate(-50%, -50%); | |
transform: translate(-50%, -50%); | |
z-index: 990 | |
} | |
.navbar-center-left, | |
.navbar-center-right { | |
position: absolute; | |
top: 0 | |
} | |
.navbar-center-left { | |
right: 100% | |
} | |
.navbar-center-right { | |
left: 100% | |
} | |
.navbar-nav { | |
display: -webkit-box; | |
display: flex; | |
margin: 0; | |
padding: 0; | |
list-style: none | |
} | |
.navbar-center:only-child, | |
.navbar-left, | |
.navbar-right { | |
flex-wrap: wrap | |
} | |
.navbar-item, | |
.navbar-nav>li>a, | |
.navbar-toggle { | |
display: -webkit-box; | |
display: flex; | |
-webkit-box-pack: center; | |
justify-content: center; | |
-webkit-box-align: center; | |
align-items: center; | |
box-sizing: border-box; | |
height: 80px; | |
padding: 0 15px; | |
font-size: 11px; | |
font-family: Montserrat; | |
text-decoration: none | |
} | |
.navbar-nav>li>a { | |
color: #8d9ab1; | |
transition-property: color, background-color | |
} | |
.navbar-nav>li:hover>a, | |
.navbar-nav>li>a.open, | |
.navbar-nav>li>a:focus { | |
color: #4f5a80; | |
outline: 0 | |
} | |
.navbar-nav>li.active>a, | |
.navbar-nav>li>a:active { | |
color: #314483 | |
} | |
.navbar-item { | |
color: #4f5a80 | |
} | |
.navbar-toggle { | |
color: #8d9ab1 | |
} | |
.navbar-toggle.open, | |
.navbar-toggle:focus, | |
.navbar-toggle:hover { | |
color: #4f5a80; | |
outline: 0; | |
text-decoration: none | |
} | |
.navbar-dropdown { | |
display: none; | |
position: absolute; | |
z-index: 1020; | |
box-sizing: border-box; | |
width: 200px; | |
padding: 25px; | |
background: #fff; | |
color: #4f5a80; | |
box-shadow: 0 5px 12px rgba(0, 0, 0, .15) | |
} | |
.navbar-dropdown.open { | |
display: block | |
} | |
[class*=navbar-dropdown-top] { | |
margin-top: -15px | |
} | |
[class*=navbar-dropdown-bottom] { | |
margin-top: 15px | |
} | |
[class*=navbar-dropdown-left] { | |
margin-left: -15px | |
} | |
[class*=navbar-dropdown-right] { | |
margin-left: 15px | |
} | |
.navbar-dropdown-grid { | |
margin-left: -50px | |
} | |
.navbar-dropdown-grid>.grid-margin { | |
margin-top: 50px | |
} | |
.navbar-dropdown-stack .navbar-dropdown-grid>* { | |
width: 100%!important | |
} | |
.navbar-dropdown-width-2:not(.navbar-dropdown-stack) { | |
width: 400px | |
} | |
.navbar-dropdown-width-3:not(.navbar-dropdown-stack) { | |
width: 600px | |
} | |
.navbar-dropdown-width-4:not(.navbar-dropdown-stack) { | |
width: 800px | |
} | |
.navbar-dropdown-width-5:not(.navbar-dropdown-stack) { | |
width: 1000px | |
} | |
.navbar-dropdown-dropbar { | |
top: 0!important; | |
margin-top: 0; | |
margin-bottom: 0; | |
box-shadow: none | |
} | |
.navbar-dropdown-nav>li>a { | |
color: #8d9ab1 | |
} | |
.navbar-dropdown-nav>li>a:focus, | |
.navbar-dropdown-nav>li>a:hover { | |
color: #4f5a80 | |
} | |
.navbar-dropdown-nav .nav-header, | |
.navbar-dropdown-nav>li.active>a { | |
color: #314483 | |
} | |
.navbar-dropdown-nav .nav-sub a { | |
color: #8d9ab1 | |
} | |
.navbar-dropdown-nav .nav-sub a:focus, | |
.navbar-dropdown-nav .nav-sub a:hover { | |
color: #4f5a80 | |
} | |
.navbar-dropbar { | |
position: relative; | |
background: #fff; | |
overflow: hidden | |
} | |
.navbar-dropbar-slide { | |
position: absolute; | |
z-index: 1020; | |
left: 0; | |
right: 0; | |
box-shadow: 0 5px 7px rgba(0, 0, 0, .05) | |
} | |
.navbar-container>.container .navbar-left { | |
margin-left: -15px; | |
margin-right: -15px | |
} | |
.navbar-container>.container .navbar-right { | |
margin-right: -15px | |
} | |
.navbar-dropdown-grid>* { | |
padding-left: 50px; | |
position: relative | |
} | |
.navbar-dropdown-grid>:not(.first-column)::before { | |
content: ""; | |
position: absolute; | |
top: 0; | |
bottom: 0; | |
left: 25px; | |
border-left: 1px solid #dee6ed | |
} | |
.navbar-dropdown-grid.grid-stack>.grid-margin::before { | |
content: ""; | |
position: absolute; | |
top: -25px; | |
left: 50px; | |
right: 0; | |
border-top: 1px solid #dee6ed | |
} | |
.subnav { | |
display: -webkit-box; | |
display: flex; | |
flex-wrap: wrap; | |
margin-left: -20px; | |
padding: 0 | |
} | |
.subnav>* { | |
-webkit-box-flex: 0; | |
flex: none; | |
padding-left: 20px; | |
position: relative | |
} | |
.subnav>*>:first-child { | |
display: block; | |
color: #8d9ab1; | |
transition-property: color, background-color | |
} | |
.subnav>*>a:focus, | |
.subnav>*>a:hover { | |
color: #4f5a80; | |
text-decoration: none; | |
outline: 0 | |
} | |
.subnav>.active>a { | |
color: #314483 | |
} | |
.subnav-divider>* { | |
display: -webkit-box; | |
display: flex; | |
-webkit-box-align: center; | |
align-items: center | |
} | |
.subnav-divider>:nth-child(n+2):not(.first-column)::before { | |
content: ""; | |
height: 1.5em; | |
margin-left: 0; | |
margin-right: 20px; | |
border-left: 1px solid #dee6ed | |
} | |
.subnav-pill>*>:first-child { | |
padding: 5px 10px; | |
background: 0 0; | |
color: #8d9ab1 | |
} | |
.subnav-pill>*>a:active, | |
.subnav-pill>*>a:focus, | |
.subnav-pill>*>a:hover { | |
background-color: #fff; | |
color: #4f5a80 | |
} | |
.subnav-pill>.active>a { | |
background-color: #5872b5; | |
color: #fff | |
} | |
.subnav>.disabled>a { | |
color: #8d9ab1 | |
} | |
.breadcrumb { | |
display: -webkit-box; | |
display: flex; | |
flex-wrap: wrap; | |
padding: 0 | |
} | |
.breadcrumb>* { | |
-webkit-box-flex: 0; | |
flex: none | |
} | |
.breadcrumb>*>* { | |
display: inline-block; | |
color: #8d9ab1 | |
} | |
.breadcrumb>*>:focus, | |
.breadcrumb>*>:hover { | |
color: #4f5a80; | |
text-decoration: none | |
} | |
.breadcrumb>:last-child>* { | |
color: #4f5a80 | |
} | |
.breadcrumb>:nth-child(n+2):not(.first-column)::before { | |
content: "/"; | |
display: inline-block; | |
margin: 0 20px; | |
color: #8d9ab1 | |
} | |
.accordion-content:after, | |
.accordion-content:before, | |
.accordion-title::after, | |
.clearfix::after, | |
.clearfix::before, | |
.offcanvas-overlay::before, | |
.panel::after, | |
.panel::before, | |
.tab::before { | |
content: "" | |
} | |
.pagination { | |
display: -webkit-box; | |
display: flex; | |
flex-wrap: wrap; | |
margin-left: -10px; | |
padding: 0 | |
} | |
.pagination>* { | |
-webkit-box-flex: 0; | |
flex: none; | |
padding-left: 10px; | |
position: relative | |
} | |
.pagination>*>* { | |
display: block; | |
color: #8d9ab1; | |
box-sizing: border-box; | |
min-width: 30px; | |
padding: 3px 6px; | |
background: 0 0; | |
line-height: 25px; | |
text-align: center; | |
transition: .1s ease-in-out; | |
transition-property: color, background-color, border-color, box-shadow; | |
border-radius: 500px | |
} | |
.slidenav, | |
.tab>*>a { | |
transition: color .1s ease-in-out | |
} | |
.pagination>*>:focus, | |
.pagination>*>:hover { | |
color: #314483; | |
text-decoration: none; | |
background-color: #fff; | |
box-shadow: 0 6px 15px 0 rgba(85, 95, 109, .1) | |
} | |
.pagination>.active>* { | |
color: #5872b5; | |
background-color: transparent | |
} | |
.pagination>.disabled>* { | |
color: #8d9ab1; | |
background-color: transparent | |
} | |
.tab { | |
display: -webkit-box; | |
display: flex; | |
flex-wrap: wrap; | |
margin-left: -20px; | |
padding: 0; | |
position: relative | |
} | |
.tab::before { | |
position: absolute; | |
bottom: 0; | |
left: 20px; | |
right: 0; | |
border-bottom: 1px solid #dee6ed | |
} | |
.tab>* { | |
-webkit-box-flex: 0; | |
flex: none; | |
padding-left: 20px; | |
position: relative | |
} | |
.drop, | |
.dropdown { | |
position: absolute; | |
z-index: 1020 | |
} | |
.tab>*>a { | |
display: block; | |
padding: 5px 10px; | |
color: #8d9ab1; | |
border-bottom: 1px solid transparent; | |
text-transform: uppercase | |
} | |
.tab>*>a:focus, | |
.tab>*>a:hover { | |
color: #4f5a80; | |
text-decoration: none | |
} | |
.tab>.active>a { | |
color: #314483; | |
border-color: #5872b5 | |
} | |
.tab>.disabled>a { | |
color: #8d9ab1 | |
} | |
.tab-bottom::before { | |
top: 0; | |
bottom: auto | |
} | |
.tab-bottom>*>a { | |
border-top: 1px solid transparent; | |
border-bottom: none | |
} | |
.dropdown-nav .nav-divider, | |
.modal-footer { | |
border-top: 1px solid #dee6ed | |
} | |
.tab-left, | |
.tab-right { | |
flex-direction: column; | |
margin-left: 0 | |
} | |
.tab-left>*, | |
.tab-right>* { | |
padding-left: 0 | |
} | |
.tab-left::before { | |
top: 0; | |
bottom: 0; | |
left: auto; | |
right: 0; | |
border-left: 1px solid #dee6ed; | |
border-bottom: none | |
} | |
.tab-right::before { | |
top: 0; | |
bottom: 0; | |
left: 0; | |
right: auto; | |
border-left: 1px solid #dee6ed; | |
border-bottom: none | |
} | |
.tab-left>*>a { | |
text-align: right; | |
border-right: 1px solid transparent; | |
border-bottom: none | |
} | |
.tab-right>*>a { | |
text-align: left; | |
border-left: 1px solid transparent; | |
border-bottom: none | |
} | |
.tab .dropdown { | |
margin-left: 30px | |
} | |
.slidenav { | |
padding: 5px; | |
color: rgba(79, 90, 128, .6) | |
} | |
.slidenav:focus, | |
.slidenav:hover { | |
color: rgba(79, 90, 128, .8); | |
outline: 0 | |
} | |
.slidenav:active { | |
color: rgba(79, 90, 128, .9) | |
} | |
.slidenav-container { | |
display: -webkit-box; | |
display: flex | |
} | |
.dotnav { | |
display: -webkit-box; | |
display: flex; | |
flex-wrap: wrap; | |
margin: 0 0 0 -15px; | |
padding: 0 | |
} | |
.dotnav>* { | |
-webkit-box-flex: 0; | |
flex: none; | |
padding-left: 15px | |
} | |
.dotnav>*>* { | |
display: block; | |
box-sizing: content-box; | |
width: 16px; | |
height: 16px; | |
border-radius: 50%; | |
background: rgba(79, 90, 128, .1); | |
text-indent: 100%; | |
overflow: hidden; | |
transition: background-color .2s ease-in-out | |
} | |
.drop, | |
.dropdown, | |
.lightbox-btn, | |
.modal-dialog, | |
.offcanvas-bar, | |
.panel, | |
.responsive-height, | |
.responsive-width, | |
.sticky-fixed, | |
.tooltip, | |
[class*=width], | |
[class*=child-width]>*, | |
[class*=height] { | |
box-sizing: border-box | |
} | |
.dotnav>*>:focus, | |
.dotnav>*>:hover { | |
background-color: rgba(79, 90, 128, .4); | |
outline: 0 | |
} | |
.dotnav>*>:active { | |
background-color: rgba(79, 90, 128, .6) | |
} | |
.dotnav>.active>* { | |
background-color: rgba(79, 90, 128, .4) | |
} | |
.dotnav-vertical { | |
flex-direction: column; | |
margin-left: 0; | |
margin-top: -15px | |
} | |
.dotnav-vertical>* { | |
padding-left: 0; | |
padding-top: 15px | |
} | |
.accordion { | |
padding: 0 | |
} | |
.accordion>:nth-child(n+2) { | |
margin-top: 20px | |
} | |
.accordion-title { | |
margin: 0; | |
font-size: 16px; | |
line-height: 1.4; | |
overflow: hidden | |
} | |
.accordion-content, | |
[class*=drop-bottom] { | |
margin-top: 20px | |
} | |
.accordion-title::after { | |
width: 1.4em; | |
height: 1.4em; | |
float: right; | |
background-image: url(../../images/backgrounds/accordion-close.svg); | |
background-repeat: no-repeat; | |
background-position: 50% 50% | |
} | |
.open>.accordion-title::after { | |
background-image: url(../../images/backgrounds/accordion-open.svg) | |
} | |
.accordion-content:after, | |
.accordion-content:before { | |
display: table | |
} | |
.accordion-content>:last-child { | |
margin-bottom: 0 | |
} | |
.drop { | |
display: none; | |
width: 300px | |
} | |
.drop-stack .drop-grid>*, | |
.dropdown-stack .dropdown-grid>* { | |
width: 100%!important | |
} | |
.drop.open { | |
display: block | |
} | |
[class*=drop-top] { | |
margin-top: -20px | |
} | |
[class*=drop-left] { | |
margin-left: -20px | |
} | |
[class*=drop-right] { | |
margin-left: 20px | |
} | |
.dropdown { | |
display: none; | |
min-width: 200px; | |
padding: 25px; | |
background: #fff; | |
color: #4f5a80; | |
box-shadow: 0 5px 12px rgba(0, 0, 0, .15) | |
} | |
.dropdown.open { | |
display: block | |
} | |
.dropdown-nav { | |
font-size: 11px | |
} | |
.dropdown-nav>li>a { | |
color: #8d9ab1 | |
} | |
.dropdown-nav>li.active>a, | |
.dropdown-nav>li>a:focus, | |
.dropdown-nav>li>a:hover { | |
color: #4f5a80 | |
} | |
.dropdown-nav .nav-header { | |
color: #314483 | |
} | |
.dropdown-nav .nav-sub a { | |
color: #8d9ab1 | |
} | |
.dropdown-nav .nav-sub a:focus, | |
.dropdown-nav .nav-sub a:hover { | |
color: #4f5a80 | |
} | |
[class*=dropdown-top] { | |
margin-top: -10px | |
} | |
[class*=dropdown-bottom] { | |
margin-top: 10px | |
} | |
[class*=dropdown-left] { | |
margin-left: -10px | |
} | |
[class*=dropdown-right] { | |
margin-left: 10px | |
} | |
.modal { | |
display: none; | |
position: fixed; | |
top: 0; | |
right: 0; | |
bottom: 0; | |
left: 0; | |
z-index: 1010; | |
overflow-y: auto; | |
-webkit-overflow-scrolling: touch; | |
padding: 15px; | |
background: rgba(0, 0, 0, .6); | |
opacity: 0; | |
transition: opacity .15s linear | |
} | |
.lightbox-page, | |
.modal-page { | |
overflow: hidden | |
} | |
@media (min-width:640px) { | |
.modal { | |
padding: 50px 20px | |
} | |
} | |
@media (min-width:960px) { | |
.modal { | |
padding-left: 40px; | |
padding-right: 40px | |
} | |
} | |
.modal.open { | |
opacity: 1 | |
} | |
.modal-dialog { | |
position: relative; | |
margin: 0 auto; | |
width: 600px; | |
max-width: 100%; | |
background: #eef6fa; | |
opacity: 0; | |
-webkit-transform: translateY(-100px); | |
transform: translateY(-100px); | |
transition: .3s linear; | |
transition-property: opacity, -webkit-transform; | |
transition-property: opacity, transform; | |
transition-property: opacity, transform, -webkit-transform | |
} | |
.open>.modal-dialog { | |
opacity: 1; | |
-webkit-transform: translateY(0); | |
transform: translateY(0) | |
} | |
.modal-container .modal-dialog { | |
width: 1200px | |
} | |
.modal-full { | |
padding: 0; | |
background: 0 0 | |
} | |
.modal-full .modal-dialog { | |
margin: 0; | |
width: 100%; | |
max-width: 100%; | |
-webkit-transform: translateY(0); | |
transform: translateY(0) | |
} | |
.modal-body { | |
padding: 20px | |
} | |
.modal-footer, | |
.modal-header { | |
padding: 10px 20px; | |
background: #eef6fa | |
} | |
.modal-header { | |
border-bottom: 1px solid #dee6ed | |
} | |
.modal-body::after, | |
.modal-body::before, | |
.modal-footer::after, | |
.modal-footer::before, | |
.modal-header::after, | |
.modal-header::before { | |
content: ""; | |
display: table | |
} | |
.modal-body>:last-child, | |
.modal-footer>:last-child, | |
.modal-header>:last-child { | |
margin-bottom: 0 | |
} | |
.modal-title { | |
font-size: 32px; | |
line-height: 1.3 | |
} | |
[class*=modal-close-] { | |
position: absolute; | |
z-index: 1010; | |
top: 10px; | |
right: 10px; | |
padding: 5px | |
} | |
[class*=modal-close-]:first-child+* { | |
margin-top: 0 | |
} | |
.modal-close-outside { | |
top: 0; | |
right: 0; | |
-webkit-transform: translate(100%, -100%); | |
transform: translate(100%, -100%); | |
color: #fff | |
} | |
.modal-close-outside:hover { | |
color: #fff | |
} | |
.lightbox-item, | |
.lightbox-toolbar, | |
.lightbox-toolbar *, | |
.lightbox-toolbar-icon { | |
color: rgba(255, 255, 255, .7) | |
} | |
.modal-close-full { | |
top: 0; | |
right: 0; | |
padding: 20px; | |
background: #eef6fa | |
} | |
.lightbox { | |
display: none; | |
position: fixed; | |
top: 0; | |
right: 0; | |
bottom: 0; | |
left: 0; | |
z-index: 1010; | |
background: #000; | |
opacity: 0; | |
transition: opacity .15s linear | |
} | |
.lightbox.open { | |
display: block; | |
opacity: 1 | |
} | |
.lightbox-item { | |
position: absolute; | |
top: 0; | |
right: 0; | |
bottom: 0; | |
left: 0; | |
display: none; | |
-webkit-box-pack: center; | |
justify-content: center; | |
-webkit-box-align: center; | |
align-items: center | |
} | |
.lightbox-item>* { | |
max-width: 100vw; | |
max-height: 100vh | |
} | |
.lightbox-item>:not(iframe) { | |
width: auto; | |
height: auto | |
} | |
.lightbox-item.active { | |
display: -webkit-box; | |
display: flex | |
} | |
.lightbox-toolbar { | |
padding: 10px; | |
background: rgba(0, 0, 0, .3) | |
} | |
.lightbox-toolbar-icon { | |
padding: 5px | |
} | |
.lightbox-toolbar-icon:hover { | |
color: #fff | |
} | |
.lightbox-btn { | |
width: 50px; | |
height: 50px; | |
background: rgba(0, 0, 0, .3); | |
color: rgba(255, 255, 255, .7); | |
display: -webkit-inline-box; | |
display: inline-flex; | |
-webkit-box-pack: center; | |
justify-content: center; | |
-webkit-box-align: center; | |
align-items: center | |
} | |
.lightbox-btn:hover { | |
color: #fff | |
} | |
.lightbox-iframe { | |
width: 80%; | |
height: 80% | |
} | |
.sticky-fixed { | |
z-index: 980; | |
margin: 0!important; | |
-webkit-backface-visibility: hidden; | |
backface-visibility: hidden | |
} | |
.sticky.animation-reverse, | |
.sticky[class*=animation-] { | |
-webkit-animation-duration: .2s; | |
animation-duration: .2s | |
} | |
.offcanvas { | |
display: none; | |
position: fixed; | |
top: 0; | |
bottom: 0; | |
left: 0; | |
z-index: 1000 | |
} | |
.offcanvas-flip .offcanvas { | |
right: 0; | |
left: auto | |
} | |
.offcanvas-bar { | |
position: absolute; | |
top: 0; | |
bottom: 0; | |
left: 0; | |
width: 270px; | |
padding: 20px; | |
background: #37466c; | |
overflow-y: auto; | |
-webkit-overflow-scrolling: touch; | |
-webkit-transform: translateX(-100%); | |
transform: translateX(-100%) | |
} | |
@media (min-width:960px) { | |
.offcanvas-bar { | |
width: 350px; | |
padding: 40px | |
} | |
} | |
.offcanvas-flip .offcanvas-bar { | |
left: auto; | |
right: 0; | |
-webkit-transform: translateX(100%); | |
transform: translateX(100%) | |
} | |
.open>.offcanvas-bar { | |
-webkit-transform: translateX(0); | |
transform: translateX(0) | |
} | |
.offcanvas-bar-animation { | |
transition: -webkit-transform .3s ease-out; | |
transition: transform .3s ease-out; | |
transition: transform .3s ease-out, -webkit-transform .3s ease-out | |
} | |
.offcanvas-reveal { | |
position: absolute; | |
top: 0; | |
bottom: 0; | |
left: 0; | |
width: 0; | |
overflow: hidden; | |
transition: width .3s ease-out | |
} | |
.offcanvas-reveal .offcanvas-bar { | |
-webkit-transform: translateX(0); | |
transform: translateX(0) | |
} | |
.open>.offcanvas-reveal { | |
width: 270px | |
} | |
@media (min-width:960px) { | |
.open>.offcanvas-reveal { | |
width: 350px | |
} | |
} | |
.offcanvas-flip .offcanvas-reveal { | |
right: 0; | |
left: auto | |
} | |
.offcanvas-close { | |
position: absolute; | |
z-index: 1000; | |
top: 20px; | |
right: 20px; | |
padding: 5px | |
} | |
.iconnav, | |
.switcher { | |
padding: 0; | |
list-style: none | |
} | |
.offcanvas-overlay { | |
width: 100vw; | |
touch-action: none | |
} | |
.offcanvas-overlay::before { | |
position: absolute; | |
top: 0; | |
bottom: 0; | |
left: 0; | |
right: 0; | |
background: rgba(0, 0, 0, .1); | |
opacity: 0; | |
transition: opacity .15s linear | |
} | |
.offcanvas-overlay.open::before { | |
opacity: 1 | |
} | |
.offcanvas-container, | |
.offcanvas-page { | |
overflow-x: hidden | |
} | |
.offcanvas-container-overlay { | |
overflow: hidden | |
} | |
.offcanvas-container .offcanvas-content { | |
position: relative; | |
left: 0; | |
transition: left .3s ease-out; | |
-webkit-overflow-scrolling: touch | |
} | |
.offcanvas-overlay .offcanvas-content { | |
overflow-y: hidden | |
} | |
:not(.offcanvas-flip)>.offcanvas-content-animation { | |
left: 270px | |
} | |
.offcanvas-flip>.offcanvas-content-animation { | |
left: -270px | |
} | |
@media (min-width:960px) { | |
:not(.offcanvas-flip)>.offcanvas-content-animation { | |
left: 350px | |
} | |
.offcanvas-flip>.offcanvas-content-animation { | |
left: -350px | |
} | |
} | |
.switcher { | |
margin: 0 | |
} | |
.switcher>:not(.active) { | |
display: none | |
} | |
.switcher>*>:last-child { | |
margin-bottom: 0 | |
} | |
.iconnav { | |
display: -webkit-box; | |
display: flex; | |
flex-wrap: wrap; | |
margin: 0 0 0 -10px | |
} | |
.iconnav>* { | |
-webkit-box-flex: 0; | |
flex: none; | |
padding-left: 10px | |
} | |
.iconnav>*>* { | |
display: block; | |
color: #8d9ab1 | |
} | |
.iconnav>*>:focus, | |
.iconnav>*>:hover { | |
color: #4f5a80; | |
outline: 0 | |
} | |
.iconnav>.active>* { | |
color: #4f5a80 | |
} | |
.iconnav-vertical { | |
flex-direction: column; | |
margin-left: 0; | |
margin-top: -10px | |
} | |
.iconnav-vertical>* { | |
padding-left: 0; | |
padding-top: 10px | |
} | |
.notification { | |
position: fixed; | |
top: 10px; | |
left: 10px; | |
z-index: 1040; | |
box-sizing: border-box; | |
width: 350px | |
} | |
.notification-bottom-right, | |
.notification-top-right { | |
left: auto; | |
right: 10px | |
} | |
.notification-bottom-center, | |
.notification-top-center { | |
left: 50%; | |
margin-left: -175px | |
} | |
.notification-bottom-center, | |
.notification-bottom-left, | |
.notification-bottom-right { | |
top: auto; | |
bottom: 10px | |
} | |
@media (max-width:639px) { | |
.notification { | |
left: 10px; | |
right: 10px; | |
width: auto; | |
margin: 0 | |
} | |
} | |
.notification-message { | |
position: relative; | |
margin-bottom: 10px; | |
padding: 10px; | |
background: #e5edf4; | |
color: #4f5a80; | |
font-size: 16px; | |
line-height: 1.4 | |
} | |
.drag, | |
.drag *, | |
.sortable-handle:hover { | |
cursor: move | |
} | |
.notification-close { | |
display: none; | |
position: absolute; | |
top: 15px; | |
right: 10px | |
} | |
.notification-message:hover .notification-close { | |
display: block | |
} | |
.notification-message-primary { | |
color: #5872b5 | |
} | |
.notification-message-success { | |
color: #4bc78f | |
} | |
.notification-message-warning { | |
color: #f7c77d | |
} | |
.notification-message-danger { | |
color: #d95e60 | |
} | |
.tooltip { | |
display: none; | |
position: absolute; | |
z-index: 1030; | |
max-width: 200px; | |
padding: 3px 6px; | |
background: #666; | |
border-radius: 2px; | |
color: #fff; | |
font-size: 12px | |
} | |
.progress, | |
.tooltip.active { | |
display: block | |
} | |
[class*=tooltip-top] { | |
margin-top: -10px | |
} | |
[class*=tooltip-bottom] { | |
margin-top: 10px | |
} | |
*+.placeholder, | |
*+.progress, | |
*+[class*=align] { | |
margin-top: 20px | |
} | |
[class*=tooltip-left] { | |
margin-left: -10px | |
} | |
[class*=tooltip-right] { | |
margin-left: 10px | |
} | |
.placeholder { | |
margin-bottom: 20px; | |
padding: 20px; | |
background: 0 0; | |
border: 1px dashed #dee6ed | |
} | |
.placeholder>:last-child { | |
margin-bottom: 0 | |
} | |
.progress { | |
-moz-appearance: none; | |
width: 100%; | |
border: 0; | |
background-color: #e5edf4; | |
margin-bottom: 20px; | |
height: 15px; | |
border-radius: 500px; | |
overflow: hidden | |
} | |
.progress:indeterminate { | |
color: transparent | |
} | |
.progress::-webkit-progress-bar { | |
background-color: #e5edf4; | |
border-radius: 500px; | |
overflow: hidden | |
} | |
.progress:indeterminate::-moz-progress-bar { | |
width: 0 | |
} | |
.progress::-webkit-progress-value { | |
background-color: #5872b5; | |
transition: width .6s ease | |
} | |
.progress::-moz-progress-bar { | |
background-color: #5872b5 | |
} | |
.progress::-ms-fill { | |
background-color: #5872b5; | |
transition: width .6s ease; | |
border: 0 | |
} | |
.sortable { | |
position: relative | |
} | |
.sortable>* { | |
touch-action: none | |
} | |
.sortable>:last-child { | |
margin-bottom: 0 | |
} | |
.sortable-drag { | |
position: absolute!important; | |
z-index: 1050!important | |
} | |
.sortable-placeholder { | |
opacity: 0 | |
} | |
.sortable-empty { | |
min-height: 50px | |
} | |
.countdown-number, | |
.countdown-separator { | |
line-height: 70px | |
} | |
.text-lead, | |
.text-meta { | |
line-height: 1.4; | |
font-family: PT Serif; | |
font-weight: 400; | |
text-transform: none; | |
letter-spacing: 0; | |
font-style: italic | |
} | |
.countdown-number { | |
font-size: 2rem | |
} | |
@media (min-width:640px) { | |
.countdown-number { | |
font-size: 4rem | |
} | |
} | |
@media (min-width:960px) { | |
.countdown-number { | |
font-size: 6rem | |
} | |
} | |
.countdown-separator { | |
font-size: 1rem | |
} | |
[class*=animation-] { | |
-webkit-animation-duration: .5s; | |
animation-duration: .5s; | |
-webkit-animation-timing-function: ease-out; | |
animation-timing-function: ease-out; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both | |
} | |
.animation-reverse { | |
-webkit-animation-direction: reverse; | |
animation-direction: reverse; | |
-webkit-animation-timing-function: ease-in; | |
animation-timing-function: ease-in | |
} | |
.animation-fade { | |
-webkit-animation-name: fade; | |
animation-name: fade; | |
-webkit-animation-duration: .8s; | |
animation-duration: .8s; | |
-webkit-animation-timing-function: linear; | |
animation-timing-function: linear | |
} | |
.animation-scale-up { | |
-webkit-animation-name: fade-scale-02; | |
animation-name: fade-scale-02 | |
} | |
.animation-scale-down { | |
-webkit-animation-name: fade-scale-18; | |
animation-name: fade-scale-18 | |
} | |
.animation-slide-top { | |
-webkit-animation-name: fade-top; | |
animation-name: fade-top | |
} | |
.animation-slide-bottom { | |
-webkit-animation-name: fade-bottom; | |
animation-name: fade-bottom | |
} | |
.animation-slide-left { | |
-webkit-animation-name: fade-left; | |
animation-name: fade-left | |
} | |
.animation-slide-right { | |
-webkit-animation-name: fade-right; | |
animation-name: fade-right | |
} | |
.animation-slide-top-small { | |
-webkit-animation-name: fade-top-small; | |
animation-name: fade-top-small | |
} | |
.animation-slide-bottom-small { | |
-webkit-animation-name: fade-bottom-small; | |
animation-name: fade-bottom-small | |
} | |
.animation-slide-left-small { | |
-webkit-animation-name: fade-left-small; | |
animation-name: fade-left-small | |
} | |
.animation-slide-right-small { | |
-webkit-animation-name: fade-right-small; | |
animation-name: fade-right-small | |
} | |
.animation-slide-top-medium { | |
-webkit-animation-name: fade-top-medium; | |
animation-name: fade-top-medium | |
} | |
.animation-slide-bottom-medium { | |
-webkit-animation-name: fade-bottom-medium; | |
animation-name: fade-bottom-medium | |
} | |
.animation-slide-left-medium { | |
-webkit-animation-name: fade-left-medium; | |
animation-name: fade-left-medium | |
} | |
.animation-slide-right-medium { | |
-webkit-animation-name: fade-right-medium; | |
animation-name: fade-right-medium | |
} | |
.animation-kenburns { | |
-webkit-animation-name: scale-kenburns; | |
animation-name: scale-kenburns; | |
-webkit-animation-duration: 15s; | |
animation-duration: 15s | |
} | |
.animation-shake { | |
-webkit-animation-name: shake; | |
animation-name: shake | |
} | |
.animation-fast { | |
-webkit-animation-duration: .1s; | |
animation-duration: .1s | |
} | |
.animation-toggle:not(:hover):not(.hover) [class*=animation-] { | |
-webkit-animation-name: none; | |
animation-name: none | |
} | |
@-webkit-keyframes fade { | |
0% { | |
opacity: 0 | |
} | |
100% { | |
opacity: 1 | |
} | |
} | |
@keyframes fade { | |
0% { | |
opacity: 0 | |
} | |
100% { | |
opacity: 1 | |
} | |
} | |
@-webkit-keyframes fade-top { | |
0% { | |
opacity: 0; | |
-webkit-transform: translateY(-100%) | |
} | |
100% { | |
opacity: 1; | |
-webkit-transform: translateY(0) | |
} | |
} | |
@keyframes fade-top { | |
0% { | |
opacity: 0; | |
-webkit-transform: translateY(-100%); | |
transform: translateY(-100%) | |
} | |
100% { | |
opacity: 1; | |
-webkit-transform: translateY(0); | |
transform: translateY(0) | |
} | |
} | |
@-webkit-keyframes fade-bottom { | |
0% { | |
opacity: 0; | |
-webkit-transform: translateY(100%) | |
} | |
100% { | |
opacity: 1; | |
-webkit-transform: translateY(0) | |
} | |
} | |
@keyframes fade-bottom { | |
0% { | |
opacity: 0; | |
-webkit-transform: translateY(100%); | |
transform: translateY(100%) | |
} | |
100% { | |
opacity: 1; | |
-webkit-transform: translateY(0); | |
transform: translateY(0) | |
} | |
} | |
@-webkit-keyframes fade-left { | |
0% { | |
opacity: 0; | |
-webkit-transform: translateX(-100%) | |
} | |
100% { | |
opacity: 1; | |
-webkit-transform: translateX(0) | |
} | |
} | |
@keyframes fade-left { | |
0% { | |
opacity: 0; | |
-webkit-transform: translateX(-100%); | |
transform: translateX(-100%) | |
} | |
100% { | |
opacity: 1; | |
-webkit-transform: translateX(0); | |
transform: translateX(0) | |
} | |
} | |
@-webkit-keyframes fade-right { | |
0% { | |
opacity: 0; | |
-webkit-transform: translateX(100%) | |
} | |
100% { | |
opacity: 1; | |
-webkit-transform: translateX(0) | |
} | |
} | |
@keyframes fade-right { | |
0% { | |
opacity: 0; | |
-webkit-transform: translateX(100%); | |
transform: translateX(100%) | |
} | |
100% { | |
opacity: 1; | |
-webkit-transform: translateX(0); | |
transform: translateX(0) | |
} | |
} | |
@-webkit-keyframes fade-top-small { | |
0% { | |
opacity: 0; | |
-webkit-transform: translateY(-10px) | |
} | |
100% { | |
opacity: 1; | |
-webkit-transform: translateY(0) | |
} | |
} | |
@keyframes fade-top-small { | |
0% { | |
opacity: 0; | |
-webkit-transform: translateY(-10px); | |
transform: translateY(-10px) | |
} | |
100% { | |
opacity: 1; | |
-webkit-transform: translateY(0); | |
transform: translateY(0) | |
} | |
} | |
@-webkit-keyframes fade-bottom-small { | |
0% { | |
opacity: 0; | |
-webkit-transform: translateY(10px) | |
} | |
100% { | |
opacity: 1; | |
-webkit-transform: translateY(0) | |
} | |
} | |
@keyframes fade-bottom-small { | |
0% { | |
opacity: 0; | |
-webkit-transform: translateY(10px); | |
transform: translateY(10px) | |
} | |
100% { | |
opacity: 1; | |
-webkit-transform: translateY(0); | |
transform: translateY(0) | |
} | |
} | |
@-webkit-keyframes fade-left-small { | |
0% { | |
opacity: 0; | |
-webkit-transform: translateX(-10px) | |
} | |
100% { | |
opacity: 1; | |
-webkit-transform: translateX(0) | |
} | |
} | |
@keyframes fade-left-small { | |
0% { | |
opacity: 0; | |
-webkit-transform: translateX(-10px); | |
transform: translateX(-10px) | |
} | |
100% { | |
opacity: 1; | |
-webkit-transform: translateX(0); | |
transform: translateX(0) | |
} | |
} | |
@-webkit-keyframes fade-right-small { | |
0% { | |
opacity: 0; | |
-webkit-transform: translateX(10px) | |
} | |
100% { | |
opacity: 1; | |
-webkit-transform: translateX(0) | |
} | |
} | |
@keyframes fade-right-small { | |
0% { | |
opacity: 0; | |
-webkit-transform: translateX(10px); | |
transform: translateX(10px) | |
} | |
100% { | |
opacity: 1; | |
-webkit-transform: translateX(0); | |
transform: translateX(0) | |
} | |
} | |
@-webkit-keyframes fade-top-medium { | |
0% { | |
opacity: 0; | |
-webkit-transform: translateY(-50px) | |
} | |
100% { | |
opacity: 1; | |
-webkit-transform: translateY(0) | |
} | |
} | |
@keyframes fade-top-medium { | |
0% { | |
opacity: 0; | |
-webkit-transform: translateY(-50px); | |
transform: translateY(-50px) | |
} | |
100% { | |
opacity: 1; | |
-webkit-transform: translateY(0); | |
transform: translateY(0) | |
} | |
} | |
@-webkit-keyframes fade-bottom-medium { | |
0% { | |
opacity: 0; | |
-webkit-transform: translateY(50px) | |
} | |
100% { | |
opacity: 1; | |
-webkit-transform: translateY(0) | |
} | |
} | |
@keyframes fade-bottom-medium { | |
0% { | |
opacity: 0; | |
-webkit-transform: translateY(50px); | |
transform: translateY(50px) | |
} | |
100% { | |
opacity: 1; | |
-webkit-transform: translateY(0); | |
transform: translateY(0) | |
} | |
} | |
@-webkit-keyframes fade-left-medium { | |
0% { | |
opacity: 0; | |
-webkit-transform: translateX(-50px) | |
} | |
100% { | |
opacity: 1; | |
-webkit-transform: translateX(0) | |
} | |
} | |
@keyframes fade-left-medium { | |
0% { | |
opacity: 0; | |
-webkit-transform: translateX(-50px); | |
transform: translateX(-50px) | |
} | |
100% { | |
opacity: 1; | |
-webkit-transform: translateX(0); | |
transform: translateX(0) | |
} | |
} | |
@-webkit-keyframes fade-right-medium { | |
0% { | |
opacity: 0; | |
-webkit-transform: translateX(50px) | |
} | |
100% { | |
opacity: 1; | |
-webkit-transform: translateX(0) | |
} | |
} | |
@keyframes fade-right-medium { | |
0% { | |
opacity: 0; | |
-webkit-transform: translateX(50px); | |
transform: translateX(50px) | |
} | |
100% { | |
opacity: 1; | |
-webkit-transform: translateX(0); | |
transform: translateX(0) | |
} | |
} | |
@-webkit-keyframes fade-scale-02 { | |
0% { | |
opacity: 0; | |
-webkit-transform: scale(.2) | |
} | |
100% { | |
opacity: 1; | |
-webkit-transform: scale(1) | |
} | |
} | |
@keyframes fade-scale-02 { | |
0% { | |
opacity: 0; | |
-webkit-transform: scale(.2); | |
transform: scale(.2) | |
} | |
100% { | |
opacity: 1; | |
-webkit-transform: scale(1); | |
transform: scale(1) | |
} | |
} | |
@-webkit-keyframes fade-scale-18 { | |
0% { | |
opacity: 0; | |
-webkit-transform: scale(1.8) | |
} | |
100% { | |
opacity: 1; | |
-webkit-transform: scale(1) | |
} | |
} | |
@keyframes fade-scale-18 { | |
0% { | |
opacity: 0; | |
-webkit-transform: scale(1.8); | |
transform: scale(1.8) | |
} | |
100% { | |
opacity: 1; | |
-webkit-transform: scale(1); | |
transform: scale(1) | |
} | |
} | |
@-webkit-keyframes scale-kenburns { | |
0% { | |
-webkit-transform: scale(1) | |
} | |
100% { | |
-webkit-transform: scale(1.2) | |
} | |
} | |
@keyframes scale-kenburns { | |
0% { | |
-webkit-transform: scale(1); | |
transform: scale(1) | |
} | |
100% { | |
-webkit-transform: scale(1.2); | |
transform: scale(1.2) | |
} | |
} | |
@-webkit-keyframes shake { | |
0%, | |
100% { | |
-webkit-transform: translateX(0) | |
} | |
10% { | |
-webkit-transform: translateX(-9px) | |
} | |
20% { | |
-webkit-transform: translateX(8px) | |
} | |
30% { | |
-webkit-transform: translateX(-7px) | |
} | |
40% { | |
-webkit-transform: translateX(6px) | |
} | |
50% { | |
-webkit-transform: translateX(-5px) | |
} | |
60% { | |
-webkit-transform: translateX(4px) | |
} | |
70% { | |
-webkit-transform: translateX(-3px) | |
} | |
80% { | |
-webkit-transform: translateX(2px) | |
} | |
90% { | |
-webkit-transform: translateX(-1px) | |
} | |
} | |
@keyframes shake { | |
0%, | |
100% { | |
-webkit-transform: translateX(0); | |
transform: translateX(0) | |
} | |
10% { | |
-webkit-transform: translateX(-9px); | |
transform: translateX(-9px) | |
} | |
20% { | |
-webkit-transform: translateX(8px); | |
transform: translateX(8px) | |
} | |
30% { | |
-webkit-transform: translateX(-7px); | |
transform: translateX(-7px) | |
} | |
40% { | |
-webkit-transform: translateX(6px); | |
transform: translateX(6px) | |
} | |
50% { | |
-webkit-transform: translateX(-5px); | |
transform: translateX(-5px) | |
} | |
60% { | |
-webkit-transform: translateX(4px); | |
transform: translateX(4px) | |
} | |
70% { | |
-webkit-transform: translateX(-3px); | |
transform: translateX(-3px) | |
} | |
80% { | |
-webkit-transform: translateX(2px); | |
transform: translateX(2px) | |
} | |
90% { | |
-webkit-transform: translateX(-1px); | |
transform: translateX(-1px) | |
} | |
} | |
[class*=child-width]>* { | |
width: 100% | |
} | |
.child-width-1-2>* { | |
width: 50% | |
} | |
.child-width-1-3>* { | |
width: calc(100% * 1 / 3.001) | |
} | |
.child-width-1-4>* { | |
width: 25% | |
} | |
.child-width-1-5>* { | |
width: 20% | |
} | |
.child-width-1-6>* { | |
width: calc(100% * 1 / 6.001) | |
} | |
.child-width-auto>* { | |
width: auto | |
} | |
.child-width-expand>* { | |
width: 1px | |
} | |
.child-width-expand>:not([class*=width]) { | |
-webkit-box-flex: 1; | |
flex: 1; | |
min-width: 0; | |
flex-basis: 1px | |
} | |
@media (min-width:640px) { | |
.countdown-separator { | |
font-size: 2rem | |
} | |
.child-width-1-1\@s>* { | |
width: 100% | |
} | |
.child-width-1-2\@s>* { | |
width: 50% | |
} | |
.child-width-1-3\@s>* { | |
width: calc(100% * 1 / 3.001) | |
} | |
.child-width-1-4\@s>* { | |
width: 25% | |
} | |
.child-width-1-5\@s>* { | |
width: 20% | |
} | |
.child-width-1-6\@s>* { | |
width: calc(100% * 1 / 6.001) | |
} | |
.child-width-auto\@s>* { | |
width: auto | |
} | |
.child-width-expand\@s>* { | |
width: 1px | |
} | |
.child-width-expand\@s>: not([class*=width]) { | |
-webkit-box-flex: 1; | |
flex: 1; | |
min-width: 0; | |
flex-basis: 1px | |
} | |
} | |
@media (min-width:960px) { | |
.countdown-separator { | |
font-size: 3rem | |
} | |
.child-width-1-1\@m>* { | |
width: 100% | |
} | |
.child-width-1-2\@m>* { | |
width: 50% | |
} | |
.child-width-1-3\@m>* { | |
width: calc(100% * 1 / 3.001) | |
} | |
.child-width-1-4\@m>* { | |
width: 25% | |
} | |
.child-width-1-5\@m>* { | |
width: 20% | |
} | |
.child-width-1-6\@m>* { | |
width: calc(100% * 1 / 6.001) | |
} | |
.child-width-auto\@m>* { | |
width: auto | |
} | |
.child-width-expand\@m>* { | |
width: 1px | |
} | |
.child-width-expand\@m>: not([class*=width]) { | |
-webkit-box-flex: 1; | |
flex: 1; | |
min-width: 0; | |
flex-basis: 1px | |
} | |
} | |
@media (min-width:1200px) { | |
.child-width-1-1\@l>* { | |
width: 100% | |
} | |
.child-width-1-2\@l>* { | |
width: 50% | |
} | |
.child-width-1-3\@l>* { | |
width: calc(100% * 1 / 3.001) | |
} | |
.child-width-1-4\@l>* { | |
width: 25% | |
} | |
.child-width-1-5\@l>* { | |
width: 20% | |
} | |
.child-width-1-6\@l>* { | |
width: calc(100% * 1 / 6.001) | |
} | |
.child-width-auto\@l>* { | |
width: auto | |
} | |
.child-width-expand\@l>* { | |
width: 1px | |
} | |
.child-width-expand\@l>: not([class*=width]) { | |
-webkit-box-flex: 1; | |
flex: 1; | |
min-width: 0; | |
flex-basis: 1px | |
} | |
} | |
@media (min-width:1600px) { | |
.child-width-1-1\@xl>* { | |
width: 100% | |
} | |
.child-width-1-2\@xl>* { | |
width: 50% | |
} | |
.child-width-1-3\@xl>* { | |
width: calc(100% * 1 / 3.001) | |
} | |
.child-width-1-4\@xl>* { | |
width: 25% | |
} | |
.child-width-1-5\@xl>* { | |
width: 20% | |
} | |
.child-width-1-6\@xl>* { | |
width: calc(100% * 1 / 6.001) | |
} | |
.child-width-auto\@xl>* { | |
width: auto | |
} | |
.child-width-expand\@xl>* { | |
width: 1px | |
} | |
.child-width-expand\@xl>: not([class*=width]) { | |
-webkit-box-flex: 1; | |
flex: 1; | |
min-width: 0; | |
flex-basis: 1px | |
} | |
} | |
[class*=width] { | |
width: 100%; | |
max-width: 100% | |
} | |
.width-1-2 { | |
width: 50% | |
} | |
.width-1-3 { | |
width: calc(100% * 1 / 3.001) | |
} | |
.width-2-3 { | |
width: calc(100% * 2 / 3.001) | |
} | |
.width-1-4 { | |
width: 25% | |
} | |
.width-3-4 { | |
width: 75% | |
} | |
.width-1-5 { | |
width: 20% | |
} | |
.width-2-5 { | |
width: 40% | |
} | |
.width-3-5 { | |
width: 60% | |
} | |
.width-4-5 { | |
width: 80% | |
} | |
.width-1-6 { | |
width: calc(100% * 1 / 6.001) | |
} | |
.width-5-6 { | |
width: calc(100% * 5 / 6.001) | |
} | |
.width-small { | |
width: 150px | |
} | |
.width-medium { | |
width: 300px | |
} | |
.width-large { | |
width: 450px | |
} | |
.width-xlarge { | |
width: 600px | |
} | |
.width-xxlarge { | |
width: 750px | |
} | |
.width-auto { | |
width: auto | |
} | |
.width-expand { | |
width: 1px; | |
-webkit-box-flex: 1; | |
flex: 1; | |
min-width: 0; | |
flex-basis: 1px | |
} | |
.text-lead { | |
font-size: 24px; | |
color: #314483 | |
} | |
.text-meta, | |
.text-meta a { | |
color: #8d9ab1 | |
} | |
.text-meta { | |
font-size: 14px | |
} | |
.text-meta a:hover { | |
color: #4f5a80; | |
text-decoration: none | |
} | |
.text-small { | |
font-size: 11px; | |
line-height: 1.5 | |
} | |
.text-large { | |
font-size: 20px; | |
line-height: 1.5 | |
} | |
.text-bold { | |
font-weight: bolder | |
} | |
.text-uppercase { | |
text-transform: uppercase!important | |
} | |
.text-capitalize { | |
text-transform: capitalize!important | |
} | |
.text-lowercase { | |
text-transform: lowercase!important | |
} | |
.text-muted { | |
color: #8d9ab1!important | |
} | |
.text-primary { | |
color: #5872b5!important | |
} | |
.text-success { | |
color: #4bc78f!important | |
} | |
.text-warning { | |
color: #f7c77d!important | |
} | |
.text-danger { | |
color: #d95e60!important | |
} | |
.text-background { | |
-webkit-background-clip: text; | |
-webkit-text-fill-color: transparent; | |
display: inline-block; | |
color: #5872b5!important | |
} | |
@supports (-webkit-background-clip:text) { | |
.text-background { | |
background-color: #5872b5; | |
background-image: linear-gradient(135deg, #5872b5, #36597b) | |
} | |
} | |
.text-left { | |
text-align: left!important | |
} | |
.text-right { | |
text-align: right!important | |
} | |
.text-center { | |
text-align: center!important | |
} | |
.text-justify { | |
text-align: justify!important | |
} | |
@media (min-width:640px) { | |
.width-1-1\@s { | |
width: 100% | |
} | |
.width-1-2\@s { | |
width: 50% | |
} | |
.width-1-3\@s { | |
width: calc(100% * 1 / 3.001) | |
} | |
.width-2-3\@s { | |
width: calc(100% * 2 / 3.001) | |
} | |
.width-1-4\@s { | |
width: 25% | |
} | |
.width-3-4\@s { | |
width: 75% | |
} | |
.width-1-5\@s { | |
width: 20% | |
} | |
.width-2-5\@s { | |
width: 40% | |
} | |
.width-3-5\@s { | |
width: 60% | |
} | |
.width-4-5\@s { | |
width: 80% | |
} | |
.width-1-6\@s { | |
width: calc(100% * 1 / 6.001) | |
} | |
.width-5-6\@s { | |
width: calc(100% * 5 / 6.001) | |
} | |
.width-small\@s { | |
width: 150px | |
} | |
.width-medium\@s { | |
width: 300px | |
} | |
.width-large\@s { | |
width: 450px | |
} | |
.width-xlarge\@s { | |
width: 600px | |
} | |
.width-xxlarge\@s { | |
width: 750px | |
} | |
.width-auto\@s { | |
width: auto | |
} | |
.width-expand\@s { | |
width: 1px; | |
-webkit-box-flex: 1; | |
flex: 1; | |
min-width: 0; | |
flex-basis: 1px | |
} | |
.text-left\@s { | |
text-align: left!important | |
} | |
.text-right\@s { | |
text-align: right!important | |
} | |
.text-center\@s { | |
text-align: center!important | |
} | |
} | |
@media (min-width:960px) { | |
.width-1-1\@m { | |
width: 100% | |
} | |
.width-1-2\@m { | |
width: 50% | |
} | |
.width-1-3\@m { | |
width: calc(100% * 1 / 3.001) | |
} | |
.width-2-3\@m { | |
width: calc(100% * 2 / 3.001) | |
} | |
.width-1-4\@m { | |
width: 25% | |
} | |
.width-3-4\@m { | |
width: 75% | |
} | |
.width-1-5\@m { | |
width: 20% | |
} | |
.width-2-5\@m { | |
width: 40% | |
} | |
.width-3-5\@m { | |
width: 60% | |
} | |
.width-4-5\@m { | |
width: 80% | |
} | |
.width-1-6\@m { | |
width: calc(100% * 1 / 6.001) | |
} | |
.width-5-6\@m { | |
width: calc(100% * 5 / 6.001) | |
} | |
.width-small\@m { | |
width: 150px | |
} | |
.width-medium\@m { | |
width: 300px | |
} | |
.width-large\@m { | |
width: 450px | |
} | |
.width-xlarge\@m { | |
width: 600px | |
} | |
.width-xxlarge\@m { | |
width: 750px | |
} | |
.width-auto\@m { | |
width: auto | |
} | |
.width-expand\@m { | |
width: 1px; | |
-webkit-box-flex: 1; | |
flex: 1; | |
min-width: 0; | |
flex-basis: 1px | |
} | |
.text-left\@m { | |
text-align: left!important | |
} | |
.text-right\@m { | |
text-align: right!important | |
} | |
.text-center\@m { | |
text-align: center!important | |
} | |
} | |
.text-top { | |
vertical-align: top!important | |
} | |
.text-middle { | |
vertical-align: middle!important | |
} | |
.text-bottom { | |
vertical-align: bottom!important | |
} | |
.text-baseline { | |
vertical-align: baseline!important | |
} | |
.text-truncate { | |
max-width: 100%; | |
overflow: hidden; | |
text-overflow: ellipsis | |
} | |
td.text-truncate, | |
th.text-truncate { | |
max-width: 0 | |
} | |
.text-break { | |
overflow-wrap: break-word; | |
word-wrap: break-word; | |
-webkit-hyphens: auto; | |
-ms-hyphens: auto; | |
hyphens: auto | |
} | |
td.text-break, | |
th.text-break { | |
word-break: break-all | |
} | |
[class*=column-] { | |
-webkit-column-gap: 20px; | |
column-gap: 20px | |
} | |
@media (min-width:1200px) { | |
.width-1-1\@l { | |
width: 100% | |
} | |
.width-1-2\@l { | |
width: 50% | |
} | |
.width-1-3\@l { | |
width: calc(100% * 1 / 3.001) | |
} | |
.width-2-3\@l { | |
width: calc(100% * 2 / 3.001) | |
} | |
.width-1-4\@l { | |
width: 25% | |
} | |
.width-3-4\@l { | |
width: 75% | |
} | |
.width-1-5\@l { | |
width: 20% | |
} | |
.width-2-5\@l { | |
width: 40% | |
} | |
.width-3-5\@l { | |
width: 60% | |
} | |
.width-4-5\@l { | |
width: 80% | |
} | |
.width-1-6\@l { | |
width: calc(100% * 1 / 6.001) | |
} | |
.width-5-6\@l { | |
width: calc(100% * 5 / 6.001) | |
} | |
.width-small\@l { | |
width: 150px | |
} | |
.width-medium\@l { | |
width: 300px | |
} | |
.width-large\@l { | |
width: 450px | |
} | |
.width-xlarge\@l { | |
width: 600px | |
} | |
.width-xxlarge\@l { | |
width: 750px | |
} | |
.width-auto\@l { | |
width: auto | |
} | |
.width-expand\@l { | |
width: 1px; | |
-webkit-box-flex: 1; | |
flex: 1; | |
min-width: 0; | |
flex-basis: 1px | |
} | |
.text-left\@l { | |
text-align: left!important | |
} | |
.text-right\@l { | |
text-align: right!important | |
} | |
.text-center\@l { | |
text-align: center!important | |
} | |
[class*=column-] { | |
-webkit-column-gap: 40px; | |
column-gap: 40px | |
} | |
} | |
[class*=column-] img { | |
-webkit-transform: translate3d(0, 0, 0); | |
transform: translate3d(0, 0, 0) | |
} | |
.cover, | |
.transform-center { | |
-webkit-transform: translate(-50%, -50%) | |
} | |
.column-divider { | |
-webkit-column-rule: 1px solid #dee6ed; | |
column-rule: 1px solid #dee6ed; | |
-webkit-column-gap: 40px; | |
column-gap: 40px | |
} | |
.column-1-2 { | |
-webkit-column-count: 2; | |
column-count: 2 | |
} | |
.column-1-3 { | |
-webkit-column-count: 3; | |
column-count: 3 | |
} | |
.column-1-4 { | |
-webkit-column-count: 4; | |
column-count: 4 | |
} | |
.column-1-5 { | |
-webkit-column-count: 5; | |
column-count: 5 | |
} | |
.column-1-6 { | |
-webkit-column-count: 6; | |
column-count: 6 | |
} | |
.column-span { | |
-webkit-column-span: all; | |
column-span: all | |
} | |
.cover { | |
max-width: none; | |
position: absolute; | |
left: 50%; | |
top: 50%; | |
transform: translate(-50%, -50%) | |
} | |
.cover-container { | |
overflow: hidden; | |
position: relative | |
} | |
.background-default { | |
background-color: #eef6fa | |
} | |
.background-muted { | |
background-color: #e5edf4 | |
} | |
.background-primary { | |
background-color: #5872b5 | |
} | |
.background-secondary { | |
background-color: #37466c | |
} | |
.background-contain, | |
.background-cover { | |
background-position: 50% 50%; | |
background-repeat: no-repeat | |
} | |
.background-cover { | |
background-size: cover | |
} | |
.background-contain { | |
background-size: contain | |
} | |
.background-top-left { | |
background-position: 0 0 | |
} | |
.background-top-center { | |
background-position: 50% 0 | |
} | |
.background-top-right { | |
background-position: 100% 0 | |
} | |
.background-center-left { | |
background-position: 0 50% | |
} | |
.background-center-center { | |
background-position: 50% 50% | |
} | |
.background-center-right { | |
background-position: 100% 50% | |
} | |
.background-bottom-left { | |
background-position: 0 100% | |
} | |
.background-bottom-center { | |
background-position: 50% 100% | |
} | |
.background-bottom-right { | |
background-position: 100% 100% | |
} | |
.background-norepeat { | |
background-repeat: no-repeat | |
} | |
.background-fixed { | |
background-attachment: fixed | |
} | |
@media (pointer:coarse) { | |
.background-fixed { | |
background-attachment: scroll | |
} | |
} | |
@media (max-width:639px) { | |
.background-image\@s { | |
background-image: none!important | |
} | |
} | |
@media (max-width:959px) { | |
.background-image\@m { | |
background-image: none!important | |
} | |
} | |
@media (max-width:1199px) { | |
.background-image\@l { | |
background-image: none!important | |
} | |
} | |
@media (max-width:1599px) { | |
.background-image\@xl { | |
background-image: none!important | |
} | |
} | |
.background-blend-multiply { | |
background-blend-mode: multiply | |
} | |
.background-blend-screen { | |
background-blend-mode: screen | |
} | |
.background-blend-overlay { | |
background-blend-mode: overlay | |
} | |
.background-blend-darken { | |
background-blend-mode: darken | |
} | |
.background-blend-lighten { | |
background-blend-mode: lighten | |
} | |
.background-blend-color-dodge { | |
background-blend-mode: color-dodge | |
} | |
.background-blend-color-burn { | |
background-blend-mode: color-burn | |
} | |
.background-blend-hard-light { | |
background-blend-mode: hard-light | |
} | |
.background-blend-soft-light { | |
background-blend-mode: soft-light | |
} | |
.background-blend-difference { | |
background-blend-mode: difference | |
} | |
.background-blend-exclusion { | |
background-blend-mode: exclusion | |
} | |
.background-blend-hue { | |
background-blend-mode: hue | |
} | |
.background-blend-saturation { | |
background-blend-mode: saturation | |
} | |
.background-blend-color { | |
background-blend-mode: color | |
} | |
.background-blend-luminosity { | |
background-blend-mode: luminosity | |
} | |
[class*=align] { | |
display: block; | |
margin-bottom: 20px | |
} | |
.overflow-auto>:last-child, | |
.panel>:last-child { | |
margin-bottom: 0 | |
} | |
.align-center { | |
margin-left: auto; | |
margin-right: auto | |
} | |
.align-left { | |
margin-top: 0; | |
margin-right: 20px; | |
float: left | |
} | |
.align-right { | |
margin-top: 0; | |
margin-left: 20px; | |
float: right | |
} | |
@media (min-width:640px) { | |
.column-1-2\@s { | |
-webkit-column-count: 2; | |
column-count: 2 | |
} | |
.column-1-3\@s { | |
-webkit-column-count: 3; | |
column-count: 3 | |
} | |
.column-1-4\@s { | |
-webkit-column-count: 4; | |
column-count: 4 | |
} | |
.column-1-5\@s { | |
-webkit-column-count: 5; | |
column-count: 5 | |
} | |
.column-1-6\@s { | |
-webkit-column-count: 6; | |
column-count: 6 | |
} | |
.align-left\@s { | |
margin-top: 0; | |
margin-right: 20px; | |
float: left | |
} | |
.align-right\@s { | |
margin-top: 0; | |
margin-left: 20px; | |
float: right | |
} | |
} | |
@media (min-width:960px) { | |
.column-1-2\@m { | |
-webkit-column-count: 2; | |
column-count: 2 | |
} | |
.column-1-3\@m { | |
-webkit-column-count: 3; | |
column-count: 3 | |
} | |
.column-1-4\@m { | |
-webkit-column-count: 4; | |
column-count: 4 | |
} | |
.column-1-5\@m { | |
-webkit-column-count: 5; | |
column-count: 5 | |
} | |
.column-1-6\@m { | |
-webkit-column-count: 6; | |
column-count: 6 | |
} | |
.align-left\@m { | |
margin-top: 0; | |
margin-right: 20px; | |
float: left | |
} | |
.align-right\@m { | |
margin-top: 0; | |
margin-left: 20px; | |
float: right | |
} | |
} | |
@media (min-width:1200px) { | |
.column-divider { | |
-webkit-column-gap: 80px; | |
column-gap: 80px | |
} | |
.column-1-2\@l { | |
-webkit-column-count: 2; | |
column-count: 2 | |
} | |
.column-1-3\@l { | |
-webkit-column-count: 3; | |
column-count: 3 | |
} | |
.column-1-4\@l { | |
-webkit-column-count: 4; | |
column-count: 4 | |
} | |
.column-1-5\@l { | |
-webkit-column-count: 5; | |
column-count: 5 | |
} | |
.column-1-6\@l { | |
-webkit-column-count: 6; | |
column-count: 6 | |
} | |
.align-left\@l { | |
margin-top: 0; | |
float: left | |
} | |
.align-right\@l { | |
margin-top: 0; | |
float: right | |
} | |
.align-left, | |
.align-left\@l, | |
.align-left\@m, | |
.align-left\@s { | |
margin-right: 40px | |
} | |
.align-right, | |
.align-right\@l, | |
.align-right\@m, | |
.align-right\@s { | |
margin-left: 40px | |
} | |
} | |
@media (min-width:1600px) { | |
.width-1-1\@xl { | |
width: 100% | |
} | |
.width-1-2\@xl { | |
width: 50% | |
} | |
.width-1-3\@xl { | |
width: calc(100% * 1 / 3.001) | |
} | |
.width-2-3\@xl { | |
width: calc(100% * 2 / 3.001) | |
} | |
.width-1-4\@xl { | |
width: 25% | |
} | |
.width-3-4\@xl { | |
width: 75% | |
} | |
.width-1-5\@xl { | |
width: 20% | |
} | |
.width-2-5\@xl { | |
width: 40% | |
} | |
.width-3-5\@xl { | |
width: 60% | |
} | |
.width-4-5\@xl { | |
width: 80% | |
} | |
.width-1-6\@xl { | |
width: calc(100% * 1 / 6.001) | |
} | |
.width-5-6\@xl { | |
width: calc(100% * 5 / 6.001) | |
} | |
.width-small\@xl { | |
width: 150px | |
} | |
.width-medium\@xl { | |
width: 300px | |
} | |
.width-large\@xl { | |
width: 450px | |
} | |
.width-xlarge\@xl { | |
width: 600px | |
} | |
.width-xxlarge\@xl { | |
width: 750px | |
} | |
.width-auto\@xl { | |
width: auto | |
} | |
.width-expand\@xl { | |
width: 1px; | |
-webkit-box-flex: 1; | |
flex: 1; | |
min-width: 0; | |
flex-basis: 1px | |
} | |
.text-left\@xl { | |
text-align: left!important | |
} | |
.text-right\@xl { | |
text-align: right!important | |
} | |
.text-center\@xl { | |
text-align: center!important | |
} | |
.column-1-2\@xl { | |
-webkit-column-count: 2; | |
column-count: 2 | |
} | |
.column-1-3\@xl { | |
-webkit-column-count: 3; | |
column-count: 3 | |
} | |
.column-1-4\@xl { | |
-webkit-column-count: 4; | |
column-count: 4 | |
} | |
.column-1-5\@xl { | |
-webkit-column-count: 5; | |
column-count: 5 | |
} | |
.column-1-6\@xl { | |
-webkit-column-count: 6; | |
column-count: 6 | |
} | |
.align-left\@xl { | |
margin-top: 0; | |
margin-right: 40px; | |
float: left | |
} | |
.align-right\@xl { | |
margin-top: 0; | |
margin-left: 40px; | |
float: right | |
} | |
} | |
.panel { | |
position: relative | |
} | |
.panel::after, | |
.panel::before { | |
display: table | |
} | |
.panel-scrollable { | |
height: 170px; | |
padding: 10px; | |
border: 1px solid #dee6ed; | |
overflow: auto; | |
-webkit-overflow-scrolling: touch; | |
resize: both | |
} | |
.clearfix::before { | |
display: table-cell | |
} | |
.clearfix::after { | |
display: table | |
} | |
.float-left { | |
float: left | |
} | |
.float-right { | |
float: right | |
} | |
[class*=float-] { | |
max-width: 100% | |
} | |
.overflow-hidden { | |
overflow: hidden | |
} | |
.overflow-auto { | |
overflow: auto; | |
-webkit-overflow-scrolling: touch | |
} | |
.inline-clip, | |
.leader { | |
overflow: hidden | |
} | |
.resize { | |
resize: both | |
} | |
.resize-vertical { | |
resize: vertical | |
} | |
.display-block { | |
display: block!important | |
} | |
.display-inline { | |
display: inline!important | |
} | |
.display-inline-block { | |
display: inline-block!important | |
} | |
[class*=inline] { | |
display: inline-block; | |
position: relative; | |
max-width: 100%; | |
vertical-align: middle; | |
-webkit-backface-visibility: hidden | |
} | |
.height-1-1 { | |
height: 100% | |
} | |
.height-viewport { | |
min-height: 100vh | |
} | |
.height-small { | |
height: 150px | |
} | |
.height-medium { | |
height: 300px | |
} | |
.height-large { | |
height: 450px | |
} | |
.height-max-small { | |
max-height: 150px | |
} | |
.height-max-medium { | |
max-height: 300px | |
} | |
.height-max-large { | |
max-height: 450px | |
} | |
.preserve-width, | |
.preserve-width audio, | |
.preserve-width canvas, | |
.preserve-width img, | |
.preserve-width svg, | |
.preserve-width video { | |
max-width: none | |
} | |
.responsive-width { | |
max-width: 100%!important; | |
height: auto | |
} | |
.responsive-height { | |
max-height: 100%; | |
width: auto; | |
max-width: none | |
} | |
.border-circle { | |
border-radius: 50% | |
} | |
.border-rounded { | |
border-radius: 5px | |
} | |
.inline-clip[class*=border-] { | |
-webkit-transform: translateZ(0) | |
} | |
.box-shadow-small { | |
box-shadow: 0 6px 15px 0 rgba(85, 95, 109, .1) | |
} | |
.box-shadow-medium { | |
box-shadow: 0 15px 50px 0 rgba(85, 95, 109, .1) | |
} | |
.box-shadow-large { | |
box-shadow: 0 21px 50px 0 rgba(85, 95, 109, .15) | |
} | |
.box-shadow-xlarge { | |
box-shadow: 0 26px 60px 0 rgba(85, 95, 109, .15) | |
} | |
[class*=box-shadow-hover] { | |
transition: box-shadow .1s ease-in-out | |
} | |
.box-shadow-hover-small:hover { | |
box-shadow: 0 6px 15px 0 rgba(85, 95, 109, .1) | |
} | |
.box-shadow-hover-medium:hover { | |
box-shadow: 0 15px 50px 0 rgba(85, 95, 109, .1) | |
} | |
.box-shadow-hover-large:hover { | |
box-shadow: 0 21px 50px 0 rgba(85, 95, 109, .15) | |
} | |
.box-shadow-hover-xlarge:hover { | |
box-shadow: 0 26px 60px 0 rgba(85, 95, 109, .15) | |
} | |
@supports ((-webkit-filter:blur(0)) or (filter:blur(0))) or (-webkit-filter:blur(0)) { | |
.box-shadow-bottom { | |
display: inline-block; | |
position: relative; | |
max-width: 100%; | |
vertical-align: middle | |
} | |
.box-shadow-bottom::before { | |
content: ''; | |
position: absolute; | |
bottom: -30px; | |
left: 0; | |
right: 0; | |
height: 30px; | |
border-radius: 100%; | |
background: #444; | |
-webkit-filter: blur(20px); | |
filter: blur(20px) | |
} | |
.box-shadow-bottom>* { | |
position: relative | |
} | |
} | |
.dropcap::first-letter, | |
.dropcap>p:first-of-type::first-letter { | |
display: block; | |
margin-right: 10px; | |
float: left; | |
font-size: 5.19em; | |
line-height: 1; | |
margin-bottom: -2px | |
} | |
.leader-fill::after { | |
display: inline-block; | |
margin-left: 10px; | |
width: 0; | |
content: attr(data-fill); | |
white-space: nowrap | |
} | |
.leader-fill.leader-hide::after, | |
.logo-inverse { | |
display: none | |
} | |
.var-leader-fill:before { | |
content: '.' | |
} | |
.logo { | |
font-size: 24px; | |
font-family: Montserrat; | |
color: #4f5a80; | |
text-decoration: none | |
} | |
.logo:focus, | |
.logo:hover { | |
color: #4f5a80; | |
outline: 0; | |
text-decoration: none | |
} | |
.svg:not(.preserve) [STROKE*='#']:not(.preserve), | |
.svg:not(.preserve) [stroke*='#']:not(.preserve) { | |
stroke: currentcolor | |
} | |
.svg { | |
-webkit-transform: translate(0, 0); | |
transform: translate(0, 0) | |
} | |
.dragover { | |
box-shadow: 0 0 20px rgba(100, 100, 100, .3) | |
} | |
.blend-multiply { | |
mix-blend-mode: multiply | |
} | |
.blend-screen { | |
mix-blend-mode: screen | |
} | |
.blend-overlay { | |
mix-blend-mode: overlay | |
} | |
.blend-darken { | |
mix-blend-mode: darken | |
} | |
.blend-lighten { | |
mix-blend-mode: lighten | |
} | |
.blend-color-dodge { | |
mix-blend-mode: color-dodge | |
} | |
.blend-color-burn { | |
mix-blend-mode: color-burn | |
} | |
.blend-hard-light { | |
mix-blend-mode: hard-light | |
} | |
.blend-soft-light { | |
mix-blend-mode: soft-light | |
} | |
.blend-difference { | |
mix-blend-mode: difference | |
} | |
.blend-exclusion { | |
mix-blend-mode: exclusion | |
} | |
.blend-hue { | |
mix-blend-mode: hue | |
} | |
.blend-saturation { | |
mix-blend-mode: saturation | |
} | |
.blend-color { | |
mix-blend-mode: color | |
} | |
.blend-luminosity { | |
mix-blend-mode: luminosity | |
} | |
.transform-center { | |
transform: translate(-50%, -50%) | |
} | |
.transform-origin-top-left { | |
-webkit-transform-origin: 0 0; | |
transform-origin: 0 0 | |
} | |
.transform-origin-top-center { | |
-webkit-transform-origin: 50% 0; | |
transform-origin: 50% 0 | |
} | |
.transform-origin-top-right { | |
-webkit-transform-origin: 100% 0; | |
transform-origin: 100% 0 | |
} | |
.transform-origin-center-left { | |
-webkit-transform-origin: 0 50%; | |
transform-origin: 0 50% | |
} | |
.transform-origin-center-right { | |
-webkit-transform-origin: 100% 50%; | |
transform-origin: 100% 50% | |
} | |
.transform-origin-bottom-left { | |
-webkit-transform-origin: 0 100%; | |
transform-origin: 0 100% | |
} | |
.transform-origin-bottom-center { | |
-webkit-transform-origin: 50% 100%; | |
transform-origin: 50% 100% | |
} | |
.transform-origin-bottom-right { | |
-webkit-transform-origin: 100% 100%; | |
transform-origin: 100% 100% | |
} | |
.flex { | |
display: -webkit-box; | |
display: flex | |
} | |
.flex-inline { | |
display: -webkit-inline-box; | |
display: inline-flex | |
} | |
.flex-inline::after, | |
.flex-inline::before, | |
.flex::after, | |
.flex::before { | |
display: none | |
} | |
.flex-left { | |
-webkit-box-pack: start; | |
justify-content: flex-start | |
} | |
.flex-center { | |
-webkit-box-pack: center; | |
justify-content: center | |
} | |
.flex-right { | |
-webkit-box-pack: end; | |
justify-content: flex-end | |
} | |
.flex-between { | |
-webkit-box-pack: justify; | |
justify-content: space-between | |
} | |
.flex-around { | |
justify-content: space-around | |
} | |
@media (min-width:640px) { | |
.flex-left\@s { | |
-webkit-box-pack: start; | |
justify-content: flex-start | |
} | |
.flex-center\@s { | |
-webkit-box-pack: center; | |
justify-content: center | |
} | |
.flex-right\@s { | |
-webkit-box-pack: end; | |
justify-content: flex-end | |
} | |
.flex-between\@s { | |
-webkit-box-pack: justify; | |
justify-content: space-between | |
} | |
.flex-around\@s { | |
justify-content: space-around | |
} | |
} | |
@media (min-width:960px) { | |
.flex-left\@m { | |
-webkit-box-pack: start; | |
justify-content: flex-start | |
} | |
.flex-center\@m { | |
-webkit-box-pack: center; | |
justify-content: center | |
} | |
.flex-right\@m { | |
-webkit-box-pack: end; | |
justify-content: flex-end | |
} | |
.flex-between\@m { | |
-webkit-box-pack: justify; | |
justify-content: space-between | |
} | |
.flex-around\@m { | |
justify-content: space-around | |
} | |
} | |
@media (min-width:1200px) { | |
.flex-left\@l { | |
-webkit-box-pack: start; | |
justify-content: flex-start | |
} | |
.flex-center\@l { | |
-webkit-box-pack: center; | |
justify-content: center | |
} | |
.flex-right\@l { | |
-webkit-box-pack: end; | |
justify-content: flex-end | |
} | |
.flex-between\@l { | |
-webkit-box-pack: justify; | |
justify-content: space-between | |
} | |
.flex-around\@l { | |
justify-content: space-around | |
} | |
} | |
@media (min-width:1600px) { | |
.flex-left\@xl { | |
-webkit-box-pack: start; | |
justify-content: flex-start | |
} | |
.flex-center\@xl { | |
-webkit-box-pack: center; | |
justify-content: center | |
} | |
.flex-right\@xl { | |
-webkit-box-pack: end; | |
justify-content: flex-end | |
} | |
.flex-between\@xl { | |
-webkit-box-pack: justify; | |
justify-content: space-between | |
} | |
.flex-around\@xl { | |
justify-content: space-around | |
} | |
} | |
.flex-stretch { | |
-webkit-box-align: stretch; | |
align-items: stretch | |
} | |
.flex-top { | |
-webkit-box-align: start; | |
align-items: flex-start | |
} | |
.flex-middle { | |
-webkit-box-align: center; | |
align-items: center | |
} | |
.flex-bottom { | |
-webkit-box-align: end; | |
align-items: flex-end | |
} | |
.flex-row { | |
-webkit-box-orient: horizontal; | |
flex-direction: row | |
} | |
.flex-row-reverse { | |
-webkit-box-orient: horizontal; | |
-webkit-box-direction: reverse; | |
flex-direction: row-reverse | |
} | |
.flex-column { | |
-webkit-box-orient: vertical; | |
-webkit-box-direction: normal; | |
flex-direction: column | |
} | |
.flex-column-reverse { | |
-webkit-box-orient: vertical; | |
-webkit-box-direction: reverse; | |
flex-direction: column-reverse | |
} | |
.flex-nowrap { | |
flex-wrap: nowrap | |
} | |
.flex-wrap { | |
flex-wrap: wrap | |
} | |
.flex-wrap-reverse { | |
flex-wrap: wrap-reverse | |
} | |
.flex-wrap-stretch { | |
align-content: stretch | |
} | |
.flex-wrap-top { | |
align-content: flex-start | |
} | |
.flex-wrap-middle { | |
align-content: center | |
} | |
.flex-wrap-bottom { | |
align-content: flex-end | |
} | |
.flex-wrap-between { | |
align-content: space-between | |
} | |
.flex-wrap-around { | |
align-content: space-around | |
} | |
.flex-first { | |
-webkit-box-ordinal-group: 0; | |
order: -1 | |
} | |
.flex-last { | |
-webkit-box-ordinal-group: 100; | |
order: 99 | |
} | |
@media (min-width:640px) { | |
.flex-first\@s { | |
-webkit-box-ordinal-group: 0; | |
order: -1 | |
} | |
.flex-last\@s { | |
-webkit-box-ordinal-group: 100; | |
order: 99 | |
} | |
} | |
@media (min-width:960px) { | |
.flex-first\@m { | |
-webkit-box-ordinal-group: 0; | |
order: -1 | |
} | |
.flex-last\@m { | |
-webkit-box-ordinal-group: 100; | |
order: 99 | |
} | |
} | |
.flex-none { | |
-webkit-box-flex: 0; | |
flex: none | |
} | |
.flex-auto { | |
-webkit-box-flex: 1; | |
flex: auto | |
} | |
.flex-1 { | |
-webkit-box-flex: 1; | |
flex: 1 | |
} | |
.margin { | |
margin-bottom: 20px | |
} | |
*+.margin, | |
.margin-top { | |
margin-top: 20px!important | |
} | |
.margin-bottom { | |
margin-bottom: 20px!important | |
} | |
.margin-left { | |
margin-left: 20px!important | |
} | |
.margin-right { | |
margin-right: 20px!important | |
} | |
.margin-small { | |
margin-bottom: 10px | |
} | |
*+.margin-small, | |
.margin-small-top { | |
margin-top: 10px!important | |
} | |
*+.margin-large, | |
*+.margin-medium, | |
.margin-large-top, | |
.margin-medium-top { | |
margin-top: 40px!important | |
} | |
.margin-small-bottom { | |
margin-bottom: 10px!important | |
} | |
.margin-small-left { | |
margin-left: 10px!important | |
} | |
.margin-large-left, | |
.margin-medium-left { | |
margin-left: 40px!important | |
} | |
.margin-small-right { | |
margin-right: 10px!important | |
} | |
.margin-large-right, | |
.margin-medium-right { | |
margin-right: 40px!important | |
} | |
.margin-medium { | |
margin-bottom: 40px | |
} | |
.margin-medium-bottom { | |
margin-bottom: 40px!important | |
} | |
.margin-large { | |
margin-bottom: 40px | |
} | |
.margin-large-bottom { | |
margin-bottom: 40px!important | |
} | |
@media (min-width:1200px) { | |
.flex-first\@l { | |
-webkit-box-ordinal-group: 0; | |
order: -1 | |
} | |
.flex-last\@l { | |
-webkit-box-ordinal-group: 100; | |
order: 99 | |
} | |
.margin-large { | |
margin-bottom: 70px | |
} | |
*+.margin-large, | |
.margin-large-top { | |
margin-top: 70px!important | |
} | |
.margin-large-bottom { | |
margin-bottom: 70px!important | |
} | |
.margin-large-left { | |
margin-left: 70px!important | |
} | |
.margin-large-right { | |
margin-right: 70px!important | |
} | |
} | |
.margin-xlarge { | |
margin-bottom: 70px | |
} | |
*+.margin-xlarge, | |
.margin-xlarge-top { | |
margin-top: 70px!important | |
} | |
.margin-xlarge-bottom { | |
margin-bottom: 70px!important | |
} | |
.margin-xlarge-left { | |
margin-left: 70px!important | |
} | |
.margin-xlarge-right { | |
margin-right: 70px!important | |
} | |
@media (min-width:1200px) { | |
.margin-xlarge { | |
margin-bottom: 140px | |
} | |
*+.margin-xlarge, | |
.margin-xlarge-top { | |
margin-top: 140px!important | |
} | |
.margin-xlarge-bottom { | |
margin-bottom: 140px!important | |
} | |
.margin-xlarge-left { | |
margin-left: 140px!important | |
} | |
.margin-xlarge-right { | |
margin-right: 140px!important | |
} | |
} | |
.margin-remove-adjacent+*, | |
.margin-remove-top { | |
margin-top: 0!important | |
} | |
.margin-remove { | |
margin: 0!important | |
} | |
.margin-remove-bottom { | |
margin-bottom: 0!important | |
} | |
.margin-remove-left { | |
margin-left: 0!important | |
} | |
.margin-auto, | |
.margin-auto-left { | |
margin-left: auto!important | |
} | |
.margin-remove-right { | |
margin-right: 0!important | |
} | |
.margin-auto, | |
.margin-auto-right { | |
margin-right: auto!important | |
} | |
.margin-remove-vertical { | |
margin-top: 0!important; | |
margin-bottom: 0!important | |
} | |
.margin-auto-bottom, | |
.margin-auto-vertical { | |
margin-bottom: auto!important | |
} | |
.margin-auto-top, | |
.margin-auto-vertical { | |
margin-top: auto!important | |
} | |
.padding { | |
padding: 20px | |
} | |
@media (min-width:1200px) { | |
.padding { | |
padding: 40px | |
} | |
} | |
.padding-small { | |
padding: 10px | |
} | |
.padding-large { | |
padding: 20px | |
} | |
@media (min-width:1200px) { | |
.padding-large { | |
padding: 70px | |
} | |
} | |
.padding-remove { | |
padding: 0!important | |
} | |
.padding-remove-top { | |
padding-top: 0!important | |
} | |
.padding-remove-bottom { | |
padding-bottom: 0!important | |
} | |
.padding-remove-left { | |
padding-left: 0!important | |
} | |
.padding-remove-right { | |
padding-right: 0!important | |
} | |
.padding-remove-vertical { | |
padding-top: 0!important; | |
padding-bottom: 0!important | |
} | |
.padding-remove-horizontal { | |
padding-left: 0!important; | |
padding-right: 0!important | |
} | |
[class*=position-top], | |
[class*=position-bottom], | |
[class*=position-left], | |
[class*=position-right], | |
[class*=position-center] { | |
position: absolute!important | |
} | |
.position-top { | |
top: 0; | |
left: 0; | |
right: 0 | |
} | |
.position-bottom { | |
bottom: 0; | |
left: 0; | |
right: 0 | |
} | |
.position-left { | |
top: 0; | |
bottom: 0; | |
left: 0 | |
} | |
.position-right { | |
top: 0; | |
bottom: 0; | |
right: 0 | |
} | |
.position-top-left { | |
top: 0; | |
left: 0 | |
} | |
.position-top-right { | |
top: 0; | |
right: 0 | |
} | |
.position-bottom-left { | |
bottom: 0; | |
left: 0 | |
} | |
.position-bottom-right { | |
bottom: 0; | |
right: 0 | |
} | |
.position-center { | |
top: 50%; | |
left: 50%; | |
-webkit-transform: translate(-50%, -50%); | |
transform: translate(-50%, -50%); | |
display: table; | |
width: -moz-max-content; | |
max-width: 100% | |
} | |
.position-center-left, | |
.position-center-right { | |
top: 50%; | |
-webkit-transform: translateY(-50%); | |
transform: translateY(-50%) | |
} | |
.position-center-left { | |
left: 0 | |
} | |
.position-center-right { | |
right: 0 | |
} | |
.position-bottom-center, | |
.position-top-center { | |
left: 50%; | |
-webkit-transform: translateX(-50%); | |
transform: translateX(-50%); | |
display: table | |
} | |
.hidden, | |
.hidden-notouch, | |
.visible-toggle:not(:hover):not(.hover) .hidden-hover, | |
[hidden] { | |
display: none!important | |
} | |
.position-top-center { | |
top: 0 | |
} | |
.position-bottom-center { | |
bottom: 0 | |
} | |
.position-cover { | |
position: absolute; | |
top: 0; | |
bottom: 0; | |
left: 0; | |
right: 0 | |
} | |
.position-relative { | |
position: relative!important | |
} | |
.position-absolute { | |
position: absolute!important | |
} | |
.position-fixed { | |
position: fixed!important | |
} | |
.position-z-index { | |
z-index: 1 | |
} | |
.position-small { | |
margin: 10px | |
} | |
.position-small.position-center { | |
-webkit-transform: translate(-50%, -50%) translate(-10px, -10px); | |
transform: translate(-50%, -50%) translate(-10px, -10px) | |
} | |
.position-small.position-center-left, | |
.position-small.position-center-right { | |
-webkit-transform: translateY(-50%) translateY(-10px); | |
transform: translateY(-50%) translateY(-10px) | |
} | |
.position-small.position-bottom-center, | |
.position-small.position-top-center { | |
-webkit-transform: translateX(-50%) translateX(-10px); | |
transform: translateX(-50%) translateX(-10px) | |
} | |
.position-medium { | |
margin: 20px | |
} | |
.position-medium.position-center { | |
-webkit-transform: translate(-50%, -50%) translate(-20px, -20px); | |
transform: translate(-50%, -50%) translate(-20px, -20px) | |
} | |
.position-medium.position-center-left, | |
.position-medium.position-center-right { | |
-webkit-transform: translateY(-50%) translateY(-20px); | |
transform: translateY(-50%) translateY(-20px) | |
} | |
.position-medium.position-bottom-center, | |
.position-medium.position-top-center { | |
-webkit-transform: translateX(-50%) translateX(-20px); | |
transform: translateX(-50%) translateX(-20px) | |
} | |
.transition-fade, | |
[class*=transition-scale], | |
[class*=transition-slide] { | |
transition: .3s ease-out; | |
transition-property: opacity, -webkit-transform, -webkit-filter; | |
transition-property: opacity, transform, filter; | |
transition-property: opacity, transform, filter, -webkit-transform, -webkit-filter | |
} | |
.transition-fade { | |
opacity: 0 | |
} | |
.transition-toggle.hover [class*=transition-fade], | |
.transition-toggle:hover [class*=transition-fade] { | |
opacity: 1 | |
} | |
[class*=transition-scale] { | |
opacity: 0 | |
} | |
.transition-scale-up { | |
-webkit-transform: scale3d(1, 1, 1); | |
transform: scale3d(1, 1, 1) | |
} | |
.transition-toggle.hover .transition-scale-up, | |
.transition-toggle:hover .transition-scale-up { | |
opacity: 1; | |
-webkit-transform: scale3d(1.1, 1.1, 1); | |
transform: scale3d(1.1, 1.1, 1) | |
} | |
.transition-scale-down { | |
-webkit-transform: scale3d(1.1, 1.1, 1); | |
transform: scale3d(1.1, 1.1, 1) | |
} | |
.transition-toggle.hover .transition-scale-down, | |
.transition-toggle:hover .transition-scale-down { | |
opacity: 1; | |
-webkit-transform: scale3d(1, 1, 1); | |
transform: scale3d(1, 1, 1) | |
} | |
[class*=transition-slide] { | |
opacity: 0 | |
} | |
.transition-slide-top { | |
-webkit-transform: translateY(-100%); | |
transform: translateY(-100%) | |
} | |
.transition-slide-bottom { | |
-webkit-transform: translateY(100%); | |
transform: translateY(100%) | |
} | |
.transition-slide-left { | |
-webkit-transform: translateX(-100%); | |
transform: translateX(-100%) | |
} | |
.transition-slide-right { | |
-webkit-transform: translateX(100%); | |
transform: translateX(100%) | |
} | |
.transition-slide-top-small { | |
-webkit-transform: translateY(-10px); | |
transform: translateY(-10px) | |
} | |
.transition-slide-bottom-small { | |
-webkit-transform: translateY(10px); | |
transform: translateY(10px) | |
} | |
.transition-slide-left-small { | |
-webkit-transform: translateX(-10px); | |
transform: translateX(-10px) | |
} | |
.transition-slide-right-small { | |
-webkit-transform: translateX(10px); | |
transform: translateX(10px) | |
} | |
.transition-slide-top-medium { | |
-webkit-transform: translateY(-50px); | |
transform: translateY(-50px) | |
} | |
.transition-slide-bottom-medium { | |
-webkit-transform: translateY(50px); | |
transform: translateY(50px) | |
} | |
.transition-slide-left-medium { | |
-webkit-transform: translateX(-50px); | |
transform: translateX(-50px) | |
} | |
.transition-slide-right-medium { | |
-webkit-transform: translateX(50px); | |
transform: translateX(50px) | |
} | |
.transition-toggle.hover [class*=transition-slide], | |
.transition-toggle:hover [class*=transition-slide] { | |
opacity: 1; | |
-webkit-transform: translateX(0) translateY(0); | |
transform: translateX(0) translateY(0) | |
} | |
.transition-opaque { | |
opacity: 1 | |
} | |
.transition-slow { | |
transition-duration: .7s | |
} | |
@media (min-width:640px) { | |
.hidden\@s { | |
display: none!important | |
} | |
} | |
@media (min-width:960px) { | |
.hidden\@m { | |
display: none!important | |
} | |
} | |
@media (min-width:1200px) { | |
.hidden\@l { | |
display: none!important | |
} | |
} | |
@media (min-width:1600px) { | |
.flex-first\@xl { | |
-webkit-box-ordinal-group: 0; | |
order: -1 | |
} | |
.flex-last\@xl { | |
-webkit-box-ordinal-group: 100; | |
order: 99 | |
} | |
.hidden\@xl { | |
display: none!important | |
} | |
} | |
@media (max-width:639px) { | |
.visible\@s { | |
display: none!important | |
} | |
} | |
@media (max-width:959px) { | |
.visible\@m { | |
display: none!important | |
} | |
} | |
@media (max-width:1199px) { | |
.visible\@l { | |
display: none!important | |
} | |
} | |
@media (max-width:1599px) { | |
.visible\@xl { | |
display: none!important | |
} | |
} | |
@media (pointer:coarse) { | |
.hidden-touch { | |
display: none!important | |
} | |
.hidden-notouch { | |
display: block!important | |
} | |
} | |
.card-primary.card-body, | |
.card-primary>:not([class*=card-media]), | |
.card-secondary.card-body, | |
.card-secondary>:not([class*=card-media]), | |
.light, | |
.offcanvas-bar, | |
.overlay-primary, | |
.section-primary:not(.preserve-color), | |
.section-secondary:not(.preserve-color), | |
.tile-primary:not(.preserve-color), | |
.tile-secondary:not(.preserve-color) { | |
color: rgba(255, 255, 255, .7) | |
} | |
.card-primary.card-body .link, | |
.card-primary.card-body .link:hover, | |
.card-primary.card-body a, | |
.card-primary.card-body a:hover, | |
.card-primary>:not([class*=card-media]) .link, | |
.card-primary>:not([class*=card-media]) .link:hover, | |
.card-primary>:not([class*=card-media]) a, | |
.card-primary>:not([class*=card-media]) a:hover, | |
.card-secondary.card-body .link, | |
.card-secondary.card-body .link:hover, | |
.card-secondary.card-body a, | |
.card-secondary.card-body a:hover, | |
.card-secondary>:not([class*=card-media]) .link, | |
.card-secondary>:not([class*=card-media]) .link:hover, | |
.card-secondary>:not([class*=card-media]) a, | |
.card-secondary>:not([class*=card-media]) a:hover, | |
.light .link, | |
.light .link:hover, | |
.light a, | |
.light a:hover, | |
.offcanvas-bar .link, | |
.offcanvas-bar .link:hover, | |
.offcanvas-bar a, | |
.offcanvas-bar a:hover, | |
.overlay-primary .link, | |
.overlay-primary .link:hover, | |
.overlay-primary a, | |
.overlay-primary a:hover, | |
.section-primary:not(.preserve-color) .link, | |
.section-primary:not(.preserve-color) .link:hover, | |
.section-primary:not(.preserve-color) a, | |
.section-primary:not(.preserve-color) a:hover, | |
.section-secondary:not(.preserve-color) .link, | |
.section-secondary:not(.preserve-color) .link:hover, | |
.section-secondary:not(.preserve-color) a, | |
.section-secondary:not(.preserve-color) a:hover, | |
.tile-primary:not(.preserve-color) .link, | |
.tile-primary:not(.preserve-color) .link:hover, | |
.tile-primary:not(.preserve-color) a, | |
.tile-primary:not(.preserve-color) a:hover, | |
.tile-secondary:not(.preserve-color) .link, | |
.tile-secondary:not(.preserve-color) .link:hover, | |
.tile-secondary:not(.preserve-color) a, | |
.tile-secondary:not(.preserve-color) a:hover { | |
color: #fff | |
} | |
.card-primary.card-body:not(pre)>code, | |
.card-primary.card-body:not(pre)>kbd, | |
.card-primary.card-body:not(pre)>samp, | |
.card-primary>:not([class*=card-media]):not(pre)>code, | |
.card-primary>:not([class*=card-media]):not(pre)>kbd, | |
.card-primary>:not([class*=card-media]):not(pre)>samp, | |
.card-secondary.card-body:not(pre)>code, | |
.card-secondary.card-body:not(pre)>kbd, | |
.card-secondary.card-body:not(pre)>samp, | |
.card-secondary>:not([class*=card-media]):not(pre)>code, | |
.card-secondary>:not([class*=card-media]):not(pre)>kbd, | |
.card-secondary>:not([class*=card-media]):not(pre)>samp, | |
.light:not(pre)>code, | |
.light:not(pre)>kbd, | |
.light:not(pre)>samp, | |
.offcanvas-bar:not(pre)>code, | |
.offcanvas-bar:not(pre)>kbd, | |
.offcanvas-bar:not(pre)>samp, | |
.overlay-primary:not(pre)>code, | |
.overlay-primary:not(pre)>kbd, | |
.overlay-primary:not(pre)>samp, | |
.section-primary:not(.preserve-color):not(pre)>code, | |
.section-primary:not(.preserve-color):not(pre)>kbd, | |
.section-primary:not(.preserve-color):not(pre)>samp, | |
.section-secondary:not(.preserve-color):not(pre)>code, | |
.section-secondary:not(.preserve-color):not(pre)>kbd, | |
.section-secondary:not(.preserve-color):not(pre)>samp, | |
.tile-primary:not(.preserve-color):not(pre)>code, | |
.tile-primary:not(.preserve-color):not(pre)>kbd, | |
.tile-primary:not(.preserve-color):not(pre)>samp, | |
.tile-secondary:not(.preserve-color):not(pre)>code, | |
.tile-secondary:not(.preserve-color):not(pre)>kbd, | |
.tile-secondary:not(.preserve-color):not(pre)>samp { | |
color: rgba(255, 255, 255, .7); | |
background: rgba(255, 255, 255, .1) | |
} | |
.card-primary.card-body .h1, | |
.card-primary.card-body .h2, | |
.card-primary.card-body .h3, | |
.card-primary.card-body .h4, | |
.card-primary.card-body .h5, | |
.card-primary.card-body .h6, | |
.card-primary.card-body blockquote, | |
.card-primary.card-body em, | |
.card-primary.card-body h1, | |
.card-primary.card-body h2, | |
.card-primary.card-body h3, | |
.card-primary.card-body h4, | |
.card-primary.card-body h5, | |
.card-primary.card-body h6, | |
.card-primary>:not([class*=card-media]) .h1, | |
.card-primary>:not([class*=card-media]) .h2, | |
.card-primary>:not([class*=card-media]) .h3, | |
.card-primary>:not([class*=card-media]) .h4, | |
.card-primary>:not([class*=card-media]) .h5, | |
.card-primary>:not([class*=card-media]) .h6, | |
.card-primary>:not([class*=card-media]) blockquote, | |
.card-primary>:not([class*=card-media]) em, | |
.card-primary>:not([class*=card-media]) h1, | |
.card-primary>:not([class*=card-media]) h2, | |
.card-primary>:not([class*=card-media]) h3, | |
.card-primary>:not([class*=card-media]) h4, | |
.card-primary>:not([class*=card-media]) h5, | |
.card-primary>:not([class*=card-media]) h6, | |
.card-secondary.card-body .h1, | |
.card-secondary.card-body .h2, | |
.card-secondary.card-body .h3, | |
.card-secondary.card-body .h4, | |
.card-secondary.card-body .h5, | |
.card-secondary.card-body .h6, | |
.card-secondary.card-body blockquote, | |
.card-secondary.card-body em, | |
.card-secondary.card-body h1, | |
.card-secondary.card-body h2, | |
.card-secondary.card-body h3, | |
.card-secondary.card-body h4, | |
.card-secondary.card-body h5, | |
.card-secondary.card-body h6, | |
.card-secondary>:not([class*=card-media]) .h1, | |
.card-secondary>:not([class*=card-media]) .h2, | |
.card-secondary>:not([class*=card-media]) .h3, | |
.card-secondary>:not([class*=card-media]) .h4, | |
.card-secondary>:not([class*=card-media]) .h5, | |
.card-secondary>:not([class*=card-media]) .h6, | |
.card-secondary>:not([class*=card-media]) blockquote, | |
.card-secondary>:not([class*=card-media]) em, | |
.card-secondary>:not([class*=card-media]) h1, | |
.card-secondary>:not([class*=card-media]) h2, | |
.card-secondary>:not([class*=card-media]) h3, | |
.card-secondary>:not([class*=card-media]) h4, | |
.card-secondary>:not([class*=card-media]) h5, | |
.card-secondary>:not([class*=card-media]) h6, | |
.light .h1, | |
.light .h2, | |
.light .h3, | |
.light .h4, | |
.light .h5, | |
.light .h6, | |
.light blockquote, | |
.light em, | |
.light h1, | |
.light h2, | |
.light h3, | |
.light h4, | |
.light h5, | |
.light h6, | |
.offcanvas-bar .h1, | |
.offcanvas-bar .h2, | |
.offcanvas-bar .h3, | |
.offcanvas-bar .h4, | |
.offcanvas-bar .h5, | |
.offcanvas-bar .h6, | |
.offcanvas-bar blockquote, | |
.offcanvas-bar em, | |
.offcanvas-bar h1, | |
.offcanvas-bar h2, | |
.offcanvas-bar h3, | |
.offcanvas-bar h4, | |
.offcanvas-bar h5, | |
.offcanvas-bar h6, | |
.overlay-primary .h1, | |
.overlay-primary .h2, | |
.overlay-primary .h3, | |
.overlay-primary .h4, | |
.overlay-primary .h5, | |
.overlay-primary .h6, | |
.overlay-primary blockquote, | |
.overlay-primary em, | |
.overlay-primary h1, | |
.overlay-primary h2, | |
.overlay-primary h3, | |
.overlay-primary h4, | |
.overlay-primary h5, | |
.overlay-primary h6, | |
.section-primary:not(.preserve-color) .h1, | |
.section-primary:not(.preserve-color) .h2, | |
.section-primary:not(.preserve-color) .h3, | |
.section-primary:not(.preserve-color) .h4, | |
.section-primary:not(.preserve-color) .h5, | |
.section-primary:not(.preserve-color) .h6, | |
.section-primary:not(.preserve-color) blockquote, | |
.section-primary:not(.preserve-color) em, | |
.section-primary:not(.preserve-color) h1, | |
.section-primary:not(.preserve-color) h2, | |
.section-primary:not(.preserve-color) h3, | |
.section-primary:not(.preserve-color) h4, | |
.section-primary:not(.preserve-color) h5, | |
.section-primary:not(.preserve-color) h6, | |
.section-secondary:not(.preserve-color) .h1, | |
.section-secondary:not(.preserve-color) .h2, | |
.section-secondary:not(.preserve-color) .h3, | |
.section-secondary:not(.preserve-color) .h4, | |
.section-secondary:not(.preserve-color) .h5, | |
.section-secondary:not(.preserve-color) .h6, | |
.section-secondary:not(.preserve-color) blockquote, | |
.section-secondary:not(.preserve-color) em, | |
.section-secondary:not(.preserve-color) h1, | |
.section-secondary:not(.preserve-color) h2, | |
.section-secondary:not(.preserve-color) h3, | |
.section-secondary:not(.preserve-color) h4, | |
.section-secondary:not(.preserve-color) h5, | |
.section-secondary:not(.preserve-color) h6, | |
.tile-primary:not(.preserve-color) .h1, | |
.tile-primary:not(.preserve-color) .h2, | |
.tile-primary:not(.preserve-color) .h3, | |
.tile-primary:not(.preserve-color) .h4, | |
.tile-primary:not(.preserve-color) .h5, | |
.tile-primary:not(.preserve-color) .h6, | |
.tile-primary:not(.preserve-color) blockquote, | |
.tile-primary:not(.preserve-color) em, | |
.tile-primary:not(.preserve-color) h1, | |
.tile-primary:not(.preserve-color) h2, | |
.tile-primary:not(.preserve-color) h3, | |
.tile-primary:not(.preserve-color) h4, | |
.tile-primary:not(.preserve-color) h5, | |
.tile-primary:not(.preserve-color) h6, | |
.tile-secondary:not(.preserve-color) .h1, | |
.tile-secondary:not(.preserve-color) .h2, | |
.tile-secondary:not(.preserve-color) .h3, | |
.tile-secondary:not(.preserve-color) .h4, | |
.tile-secondary:not(.preserve-color) .h5, | |
.tile-secondary:not(.preserve-color) .h6, | |
.tile-secondary:not(.preserve-color) blockquote, | |
.tile-secondary:not(.preserve-color) em, | |
.tile-secondary:not(.preserve-color) h1, | |
.tile-secondary:not(.preserve-color) h2, | |
.tile-secondary:not(.preserve-color) h3, | |
.tile-secondary:not(.preserve-color) h4, | |
.tile-secondary:not(.preserve-color) h5, | |
.tile-secondary:not(.preserve-color) h6 { | |
color: #fff | |
} | |
.card-primary.card-body blockquote footer, | |
.card-primary>:not([class*=card-media]) blockquote footer, | |
.card-secondary.card-body blockquote footer, | |
.card-secondary>:not([class*=card-media]) blockquote footer, | |
.light blockquote footer, | |
.offcanvas-bar blockquote footer, | |
.overlay-primary blockquote footer, | |
.section-primary:not(.preserve-color) blockquote footer, | |
.section-secondary:not(.preserve-color) blockquote footer, | |
.tile-primary:not(.preserve-color) blockquote footer, | |
.tile-secondary:not(.preserve-color) blockquote footer { | |
color: rgba(255, 255, 255, .7) | |
} | |
.card-primary.card-body hr, | |
.card-primary>:not([class*=card-media]) hr, | |
.card-secondary.card-body hr, | |
.card-secondary>:not([class*=card-media]) hr, | |
.light hr, | |
.offcanvas-bar hr, | |
.overlay-primary hr, | |
.section-primary:not(.preserve-color) hr, | |
.section-secondary:not(.preserve-color) hr, | |
.tile-primary:not(.preserve-color) hr, | |
.tile-secondary:not(.preserve-color) hr { | |
border-top-color: rgba(255, 255, 255, .2) | |
} | |
.card-primary.card-body .link-muted a, | |
.card-primary.card-body a.link-muted, | |
.card-primary>:not([class*=card-media]) .link-muted a, | |
.card-primary>:not([class*=card-media]) a.link-muted, | |
.card-secondary.card-body .link-muted a, | |
.card-secondary.card-body a.link-muted, | |
.card-secondary>:not([class*=card-media]) .link-muted a, | |
.card-secondary>:not([class*=card-media]) a.link-muted, | |
.light .link-muted a, | |
.light a.link-muted, | |
.offcanvas-bar .link-muted a, | |
.offcanvas-bar a.link-muted, | |
.overlay-primary .link-muted a, | |
.overlay-primary a.link-muted, | |
.section-primary:not(.preserve-color) .link-muted a, | |
.section-primary:not(.preserve-color) a.link-muted, | |
.section-secondary:not(.preserve-color) .link-muted a, | |
.section-secondary:not(.preserve-color) a.link-muted, | |
.tile-primary:not(.preserve-color) .link-muted a, | |
.tile-primary:not(.preserve-color) a.link-muted, | |
.tile-secondary:not(.preserve-color) .link-muted a, | |
.tile-secondary:not(.preserve-color) a.link-muted { | |
color: rgba(255, 255, 255, .5) | |
} | |
.card-primary.card-body .link-muted a:hover, | |
.card-primary.card-body a.link-muted:hover, | |
.card-primary>:not([class*=card-media]) .link-muted a:hover, | |
.card-primary>:not([class*=card-media]) a.link-muted:hover, | |
.card-secondary.card-body .link-muted a:hover, | |
.card-secondary.card-body a.link-muted:hover, | |
.card-secondary>:not([class*=card-media]) .link-muted a:hover, | |
.card-secondary>:not([class*=card-media]) a.link-muted:hover, | |
.light .link-muted a:hover, | |
.light a.link-muted:hover, | |
.offcanvas-bar .link-muted a:hover, | |
.offcanvas-bar a.link-muted:hover, | |
.overlay-primary .link-muted a:hover, | |
.overlay-primary a.link-muted:hover, | |
.section-primary:not(.preserve-color) .link-muted a:hover, | |
.section-primary:not(.preserve-color) a.link-muted:hover, | |
.section-secondary:not(.preserve-color) .link-muted a:hover, | |
.section-secondary:not(.preserve-color) a.link-muted:hover, | |
.tile-primary:not(.preserve-color) .link-muted a:hover, | |
.tile-primary:not(.preserve-color) a.link-muted:hover, | |
.tile-secondary:not(.preserve-color) .link-muted a:hover, | |
.tile-secondary:not(.preserve-color) a.link-muted:hover { | |
color: rgba(255, 255, 255, .7) | |
} | |
.card-primary.card-body .link-text a:hover, | |
.card-primary.card-body a.link-text:hover, | |
.card-primary>:not([class*=card-media]) .link-text a:hover, | |
.card-primary>:not([class*=card-media]) a.link-text:hover, | |
.card-secondary.card-body .link-text a:hover, | |
.card-secondary.card-body a.link-text:hover, | |
.card-secondary>:not([class*=card-media]) .link-text a:hover, | |
.card-secondary>:not([class*=card-media]) a.link-text:hover, | |
.light .link-text a:hover, | |
.light a.link-text:hover, | |
.offcanvas-bar .link-text a:hover, | |
.offcanvas-bar a.link-text:hover, | |
.overlay-primary .link-text a:hover, | |
.overlay-primary a.link-text:hover, | |
.section-primary:not(.preserve-color) .link-text a:hover, | |
.section-primary:not(.preserve-color) a.link-text:hover, | |
.section-secondary:not(.preserve-color) .link-text a:hover, | |
.section-secondary:not(.preserve-color) a.link-text:hover, | |
.tile-primary:not(.preserve-color) .link-text a:hover, | |
.tile-primary:not(.preserve-color) a.link-text:hover, | |
.tile-secondary:not(.preserve-color) .link-text a:hover, | |
.tile-secondary:not(.preserve-color) a.link-text:hover { | |
color: rgba(255, 255, 255, .5) | |
} | |
.card-primary.card-body .heading-divider, | |
.card-primary>:not([class*=card-media]) .heading-divider, | |
.card-secondary.card-body .heading-divider, | |
.card-secondary>:not([class*=card-media]) .heading-divider, | |
.light .heading-divider, | |
.offcanvas-bar .heading-divider, | |
.overlay-primary .heading-divider, | |
.section-primary:not(.preserve-color) .heading-divider, | |
.section-secondary:not(.preserve-color) .heading-divider, | |
.tile-primary:not(.preserve-color) .heading-divider, | |
.tile-secondary:not(.preserve-color) .heading-divider { | |
border-bottom-color: rgba(255, 255, 255, .2) | |
} | |
.card-primary.card-body .heading-bullet::before, | |
.card-primary>:not([class*=card-media]) .heading-bullet::before, | |
.card-secondary.card-body .heading-bullet::before, | |
.card-secondary>:not([class*=card-media]) .heading-bullet::before, | |
.light .heading-bullet::before, | |
.offcanvas-bar .heading-bullet::before, | |
.overlay-primary .heading-bullet::before, | |
.section-primary:not(.preserve-color) .heading-bullet::before, | |
.section-secondary:not(.preserve-color) .heading-bullet::before, | |
.tile-primary:not(.preserve-color) .heading-bullet::before, | |
.tile-secondary:not(.preserve-color) .heading-bullet::before { | |
border-left-color: rgba(255, 255, 255, .2) | |
} | |
.card-primary.card-body .heading-line>:after, | |
.card-primary.card-body .heading-line>:before, | |
.card-primary>:not([class*=card-media]) .heading-line>:after, | |
.card-primary>:not([class*=card-media]) .heading-line>:before, | |
.card-secondary.card-body .heading-line>:after, | |
.card-secondary.card-body .heading-line>:before, | |
.card-secondary>:not([class*=card-media]) .heading-line>:after, | |
.card-secondary>:not([class*=card-media]) .heading-line>:before, | |
.light .heading-line>:after, | |
.light .heading-line>:before, | |
.offcanvas-bar .heading-line>:after, | |
.offcanvas-bar .heading-line>:before, | |
.overlay-primary .heading-line>:after, | |
.overlay-primary .heading-line>:before, | |
.section-primary:not(.preserve-color) .heading-line>:after, | |
.section-primary:not(.preserve-color) .heading-line>:before, | |
.section-secondary:not(.preserve-color) .heading-line>:after, | |
.section-secondary:not(.preserve-color) .heading-line>:before, | |
.tile-primary:not(.preserve-color) .heading-line>:after, | |
.tile-primary:not(.preserve-color) .heading-line>:before, | |
.tile-secondary:not(.preserve-color) .heading-line>:after, | |
.tile-secondary:not(.preserve-color) .heading-line>:before { | |
border-bottom-color: rgba(255, 255, 255, .2) | |
} | |
.card-primary.card-body .divider-icon, | |
.card-primary>:not([class*=card-media]) .divider-icon, | |
.card-secondary.card-body .divider-icon, | |
.card-secondary>:not([class*=card-media]) .divider-icon, | |
.light .divider-icon, | |
.offcanvas-bar .divider-icon, | |
.overlay-primary .divider-icon, | |
.section-primary:not(.preserve-color) .divider-icon, | |
.section-secondary:not(.preserve-color) .divider-icon, | |
.tile-primary:not(.preserve-color) .divider-icon, | |
.tile-secondary:not(.preserve-color) .divider-icon { | |
background-image: url(../img/divider-icon.svg) | |
} | |
.card-primary.card-body .divider-icon::after, | |
.card-primary.card-body .divider-icon::before, | |
.card-primary>:not([class*=card-media]) .divider-icon::after, | |
.card-primary>:not([class*=card-media]) .divider-icon::before, | |
.card-secondary.card-body .divider-icon::after, | |
.card-secondary.card-body .divider-icon::before, | |
.card-secondary>:not([class*=card-media]) .divider-icon::after, | |
.card-secondary>:not([class*=card-media]) .divider-icon::before, | |
.light .divider-icon::after, | |
.light .divider-icon::before, | |
.offcanvas-bar .divider-icon::after, | |
.offcanvas-bar .divider-icon::before, | |
.overlay-primary .divider-icon::after, | |
.overlay-primary .divider-icon::before, | |
.section-primary:not(.preserve-color) .divider-icon::after, | |
.section-primary:not(.preserve-color) .divider-icon::before, | |
.section-secondary:not(.preserve-color) .divider-icon::after, | |
.section-secondary:not(.preserve-color) .divider-icon::before, | |
.tile-primary:not(.preserve-color) .divider-icon::after, | |
.tile-primary:not(.preserve-color) .divider-icon::before, | |
.tile-secondary:not(.preserve-color) .divider-icon::after, | |
.tile-secondary:not(.preserve-color) .divider-icon::before { | |
border-bottom-color: rgba(255, 255, 255, .2) | |
} | |
.card-primary.card-body .divider-small::after, | |
.card-primary>:not([class*=card-media]) .divider-small::after, | |
.card-secondary.card-body .divider-small::after, | |
.card-secondary>:not([class*=card-media]) .divider-small::after, | |
.light .divider-small::after, | |
.offcanvas-bar .divider-small::after, | |
.overlay-primary .divider-small::after, | |
.section-primary:not(.preserve-color) .divider-small::after, | |
.section-secondary:not(.preserve-color) .divider-small::after, | |
.tile-primary:not(.preserve-color) .divider-small::after, | |
.tile-secondary:not(.preserve-color) .divider-small::after { | |
border-top-color: rgba(255, 255, 255, .2); | |
-o-border-image: none; | |
border-image: none | |
} | |
.card-primary.card-body .list-divider>li:nth-child(n+2), | |
.card-primary>:not([class*=card-media]) .list-divider>li:nth-child(n+2), | |
.card-secondary.card-body .list-divider>li:nth-child(n+2), | |
.card-secondary>:not([class*=card-media]) .list-divider>li:nth-child(n+2), | |
.light .list-divider>li:nth-child(n+2), | |
.offcanvas-bar .list-divider>li:nth-child(n+2), | |
.overlay-primary .list-divider>li:nth-child(n+2), | |
.section-primary:not(.preserve-color) .list-divider>li:nth-child(n+2), | |
.section-secondary:not(.preserve-color) .list-divider>li:nth-child(n+2), | |
.tile-primary:not(.preserve-color) .list-divider>li:nth-child(n+2), | |
.tile-secondary:not(.preserve-color) .list-divider>li:nth-child(n+2) { | |
border-top-color: rgba(255, 255, 255, .2) | |
} | |
.card-primary.card-body .list-striped>li:nth-of-type(odd), | |
.card-primary>:not([class*=card-media]) .list-striped>li:nth-of-type(odd), | |
.card-secondary.card-body .list-striped>li:nth-of-type(odd), | |
.card-secondary>:not([class*=card-media]) .list-striped>li:nth-of-type(odd), | |
.light .list-striped>li:nth-of-type(odd), | |
.offcanvas-bar .list-striped>li:nth-of-type(odd), | |
.overlay-primary .list-striped>li:nth-of-type(odd), | |
.section-primary:not(.preserve-color) .list-striped>li:nth-of-type(odd), | |
.section-secondary:not(.preserve-color) .list-striped>li:nth-of-type(odd), | |
.tile-primary:not(.preserve-color) .list-striped>li:nth-of-type(odd), | |
.tile-secondary:not(.preserve-color) .list-striped>li:nth-of-type(odd) { | |
border-top-color: rgba(255, 255, 255, .2); | |
border-bottom-color: rgba(255, 255, 255, .2); | |
background-color: rgba(255, 255, 255, .1) | |
} | |
.card-primary.card-body .list-bullet>li::before, | |
.card-primary>:not([class*=card-media]) .list-bullet>li::before, | |
.card-secondary.card-body .list-bullet>li::before, | |
.card-secondary>:not([class*=card-media]) .list-bullet>li::before, | |
.light .list-bullet>li::before, | |
.offcanvas-bar .list-bullet>li::before, | |
.overlay-primary .list-bullet>li::before, | |
.section-primary:not(.preserve-color) .list-bullet>li::before, | |
.section-secondary:not(.preserve-color) .list-bullet>li::before, | |
.tile-primary:not(.preserve-color) .list-bullet>li::before, | |
.tile-secondary:not(.preserve-color) .list-bullet>li::before { | |
background-image: url(../../images/backgrounds/list-bullet.svg) | |
} | |
.card-primary.card-body .table th, | |
.card-primary>:not([class*=card-media]) .table th, | |
.card-secondary.card-body .table th, | |
.card-secondary>:not([class*=card-media]) .table th, | |
.light .table th, | |
.offcanvas-bar .table th, | |
.overlay-primary .table th, | |
.section-primary:not(.preserve-color) .table th, | |
.section-secondary:not(.preserve-color) .table th, | |
.tile-primary:not(.preserve-color) .table th, | |
.tile-secondary:not(.preserve-color) .table th { | |
color: rgba(255, 255, 255, .7) | |
} | |
.card-primary.card-body .icon-link, | |
.card-primary.card-body .table caption, | |
.card-primary>:not([class*=card-media]) .icon-link, | |
.card-primary>:not([class*=card-media]) .table caption, | |
.card-secondary.card-body .icon-link, | |
.card-secondary.card-body .table caption, | |
.card-secondary>:not([class*=card-media]) .icon-link, | |
.card-secondary>:not([class*=card-media]) .table caption, | |
.light .icon-link, | |
.light .table caption, | |
.offcanvas-bar .icon-link, | |
.offcanvas-bar .table caption, | |
.overlay-primary .icon-link, | |
.overlay-primary .table caption, | |
.section-primary:not(.preserve-color) .icon-link, | |
.section-primary:not(.preserve-color) .table caption, | |
.section-secondary:not(.preserve-color) .icon-link, | |
.section-secondary:not(.preserve-color) .table caption, | |
.tile-primary:not(.preserve-color) .icon-link, | |
.tile-primary:not(.preserve-color) .table caption, | |
.tile-secondary:not(.preserve-color) .icon-link, | |
.tile-secondary:not(.preserve-color) .table caption { | |
color: rgba(255, 255, 255, .5) | |
} | |
.card-primary.card-body .table tbody tr.active, | |
.card-primary.card-body .table>tr.active, | |
.card-primary>:not([class*=card-media]) .table tbody tr.active, | |
.card-primary>:not([class*=card-media]) .table>tr.active, | |
.card-secondary.card-body .table tbody tr.active, | |
.card-secondary.card-body .table>tr.active, | |
.card-secondary>:not([class*=card-media]) .table tbody tr.active, | |
.card-secondary>:not([class*=card-media]) .table>tr.active, | |
.light .table tbody tr.active, | |
.light .table>tr.active, | |
.offcanvas-bar .table tbody tr.active, | |
.offcanvas-bar .table>tr.active, | |
.overlay-primary .table tbody tr.active, | |
.overlay-primary .table>tr.active, | |
.section-primary:not(.preserve-color) .table tbody tr.active, | |
.section-primary:not(.preserve-color) .table>tr.active, | |
.section-secondary:not(.preserve-color) .table tbody tr.active, | |
.section-secondary:not(.preserve-color) .table>tr.active, | |
.tile-primary:not(.preserve-color) .table tbody tr.active, | |
.tile-primary:not(.preserve-color) .table>tr.active, | |
.tile-secondary:not(.preserve-color) .table tbody tr.active, | |
.tile-secondary:not(.preserve-color) .table>tr.active { | |
background: rgba(255, 255, 255, .08) | |
} | |
.card-primary.card-body .table-divider>:first-child>tr:not(:first-child), | |
.card-primary.card-body .table-divider>:not(:first-child)>tr, | |
.card-primary.card-body .table-divider>tr:not(:first-child), | |
.card-primary>:not([class*=card-media]) .table-divider>:first-child>tr:not(:first-child), | |
.card-primary>:not([class*=card-media]) .table-divider>:not(:first-child)>tr, | |
.card-primary>:not([class*=card-media]) .table-divider>tr:not(:first-child), | |
.card-secondary.card-body .table-divider>:first-child>tr:not(:first-child), | |
.card-secondary.card-body .table-divider>:not(:first-child)>tr, | |
.card-secondary.card-body .table-divider>tr:not(:first-child), | |
.card-secondary>:not([class*=card-media]) .table-divider>:first-child>tr:not(:first-child), | |
.card-secondary>:not([class*=card-media]) .table-divider>:not(:first-child)>tr, | |
.card-secondary>:not([class*=card-media]) .table-divider>tr:not(:first-child), | |
.light .table-divider>:first-child>tr:not(:first-child), | |
.light .table-divider>:not(:first-child)>tr, | |
.light .table-divider>tr:not(:first-child), | |
.offcanvas-bar .table-divider>:first-child>tr:not(:first-child), | |
.offcanvas-bar .table-divider>:not(:first-child)>tr, | |
.offcanvas-bar .table-divider>tr:not(:first-child), | |
.overlay-primary .table-divider>:first-child>tr:not(:first-child), | |
.overlay-primary .table-divider>:not(:first-child)>tr, | |
.overlay-primary .table-divider>tr:not(:first-child), | |
.section-primary:not(.preserve-color) .table-divider>:first-child>tr:not(:first-child), | |
.section-primary:not(.preserve-color) .table-divider>:not(:first-child)>tr, | |
.section-primary:not(.preserve-color) .table-divider>tr:not(:first-child), | |
.section-secondary:not(.preserve-color) .table-divider>:first-child>tr:not(:first-child), | |
.section-secondary:not(.preserve-color) .table-divider>:not(:first-child)>tr, | |
.section-secondary:not(.preserve-color) .table-divider>tr:not(:first-child), | |
.tile-primary:not(.preserve-color) .table-divider>:first-child>tr:not(:first-child), | |
.tile-primary:not(.preserve-color) .table-divider>:not(:first-child)>tr, | |
.tile-primary:not(.preserve-color) .table-divider>tr:not(:first-child), | |
.tile-secondary:not(.preserve-color) .table-divider>:first-child>tr:not(:first-child), | |
.tile-secondary:not(.preserve-color) .table-divider>:not(:first-child)>tr, | |
.tile-secondary:not(.preserve-color) .table-divider>tr:not(:first-child) { | |
border-top-color: rgba(255, 255, 255, .2) | |
} | |
.card-primary.card-body .table-striped tbody tr:nth-of-type(odd), | |
.card-primary.card-body .table-striped>tr:nth-of-type(odd), | |
.card-primary>:not([class*=card-media]) .table-striped tbody tr:nth-of-type(odd), | |
.card-primary>:not([class*=card-media]) .table-striped>tr:nth-of-type(odd), | |
.card-secondary.card-body .table-striped tbody tr:nth-of-type(odd), | |
.card-secondary.card-body .table-striped>tr:nth-of-type(odd), | |
.card-secondary>:not([class*=card-media]) .table-striped tbody tr:nth-of-type(odd), | |
.card-secondary>:not([class*=card-media]) .table-striped>tr:nth-of-type(odd), | |
.light .table-striped tbody tr:nth-of-type(odd), | |
.light .table-striped>tr:nth-of-type(odd), | |
.offcanvas-bar .table-striped tbody tr:nth-of-type(odd), | |
.offcanvas-bar .table-striped>tr:nth-of-type(odd), | |
.overlay-primary .table-striped tbody tr:nth-of-type(odd), | |
.overlay-primary .table-striped>tr:nth-of-type(odd), | |
.section-primary:not(.preserve-color) .table-striped tbody tr:nth-of-type(odd), | |
.section-primary:not(.preserve-color) .table-striped>tr:nth-of-type(odd), | |
.section-secondary:not(.preserve-color) .table-striped tbody tr:nth-of-type(odd), | |
.section-secondary:not(.preserve-color) .table-striped>tr:nth-of-type(odd), | |
.tile-primary:not(.preserve-color) .table-striped tbody tr:nth-of-type(odd), | |
.tile-primary:not(.preserve-color) .table-striped>tr:nth-of-type(odd), | |
.tile-secondary:not(.preserve-color) .table-striped tbody tr:nth-of-type(odd), | |
.tile-secondary:not(.preserve-color) .table-striped>tr:nth-of-type(odd) { | |
background: rgba(255, 255, 255, .1); | |
border-top-color: rgba(255, 255, 255, .2); | |
border-bottom-color: rgba(255, 255, 255, .2) | |
} | |
.card-primary.card-body .table-hover tbody tr:hover, | |
.card-primary.card-body .table-hover>tr:hover, | |
.card-primary>:not([class*=card-media]) .table-hover tbody tr:hover, | |
.card-primary>:not([class*=card-media]) .table-hover>tr:hover, | |
.card-secondary.card-body .table-hover tbody tr:hover, | |
.card-secondary.card-body .table-hover>tr:hover, | |
.card-secondary>:not([class*=card-media]) .table-hover tbody tr:hover, | |
.card-secondary>:not([class*=card-media]) .table-hover>tr:hover, | |
.light .table-hover tbody tr:hover, | |
.light .table-hover>tr:hover, | |
.offcanvas-bar .table-hover tbody tr:hover, | |
.offcanvas-bar .table-hover>tr:hover, | |
.overlay-primary .table-hover tbody tr:hover, | |
.overlay-primary .table-hover>tr:hover, | |
.section-primary:not(.preserve-color) .table-hover tbody tr:hover, | |
.section-primary:not(.preserve-color) .table-hover>tr:hover, | |
.section-secondary:not(.preserve-color) .table-hover tbody tr:hover, | |
.section-secondary:not(.preserve-color) .table-hover>tr:hover, | |
.tile-primary:not(.preserve-color) .table-hover tbody tr:hover, | |
.tile-primary:not(.preserve-color) .table-hover>tr:hover, | |
.tile-secondary:not(.preserve-color) .table-hover tbody tr:hover, | |
.tile-secondary:not(.preserve-color) .table-hover>tr:hover { | |
background: rgba(255, 255, 255, .08) | |
} | |
.card-primary.card-body .active>.icon-link, | |
.card-primary.card-body .icon-link:active, | |
.card-primary.card-body .icon-link:focus, | |
.card-primary.card-body .icon-link:hover, | |
.card-primary>:not([class*=card-media]) .active>.icon-link, | |
.card-primary>:not([class*=card-media]) .icon-link:active, | |
.card-primary>:not([class*=card-media]) .icon-link:focus, | |
.card-primary>:not([class*=card-media]) .icon-link:hover, | |
.card-secondary.card-body .active>.icon-link, | |
.card-secondary.card-body .icon-link:active, | |
.card-secondary.card-body .icon-link:focus, | |
.card-secondary.card-body .icon-link:hover, | |
.card-secondary>:not([class*=card-media]) .active>.icon-link, | |
.card-secondary>:not([class*=card-media]) .icon-link:active, | |
.card-secondary>:not([class*=card-media]) .icon-link:focus, | |
.card-secondary>:not([class*=card-media]) .icon-link:hover, | |
.light .active>.icon-link, | |
.light .icon-link:active, | |
.light .icon-link:focus, | |
.light .icon-link:hover, | |
.offcanvas-bar .active>.icon-link, | |
.offcanvas-bar .icon-link:active, | |
.offcanvas-bar .icon-link:focus, | |
.offcanvas-bar .icon-link:hover, | |
.overlay-primary .active>.icon-link, | |
.overlay-primary .icon-link:active, | |
.overlay-primary .icon-link:focus, | |
.overlay-primary .icon-link:hover, | |
.section-primary:not(.preserve-color) .active>.icon-link, | |
.section-primary:not(.preserve-color) .icon-link:active, | |
.section-primary:not(.preserve-color) .icon-link:focus, | |
.section-primary:not(.preserve-color) .icon-link:hover, | |
.section-secondary:not(.preserve-color) .active>.icon-link, | |
.section-secondary:not(.preserve-color) .icon-link:active, | |
.section-secondary:not(.preserve-color) .icon-link:focus, | |
.section-secondary:not(.preserve-color) .icon-link:hover, | |
.tile-primary:not(.preserve-color) .active>.icon-link, | |
.tile-primary:not(.preserve-color) .icon-link:active, | |
.tile-primary:not(.preserve-color) .icon-link:focus, | |
.tile-primary:not(.preserve-color) .icon-link:hover, | |
.tile-secondary:not(.preserve-color) .active>.icon-link, | |
.tile-secondary:not(.preserve-color) .icon-link:active, | |
.tile-secondary:not(.preserve-color) .icon-link:focus, | |
.tile-secondary:not(.preserve-color) .icon-link:hover { | |
color: rgba(255, 255, 255, .7) | |
} | |
.card-primary.card-body .icon-btn, | |
.card-primary>:not([class*=card-media]) .icon-btn, | |
.card-secondary.card-body .icon-btn, | |
.card-secondary>:not([class*=card-media]) .icon-btn, | |
.light .icon-btn, | |
.offcanvas-bar .icon-btn, | |
.overlay-primary .icon-btn, | |
.section-primary:not(.preserve-color) .icon-btn, | |
.section-secondary:not(.preserve-color) .icon-btn, | |
.tile-primary:not(.preserve-color) .icon-btn, | |
.tile-secondary:not(.preserve-color) .icon-btn { | |
background-color: rgba(255, 255, 255, .1); | |
color: rgba(255, 255, 255, .5) | |
} | |
.card-primary.card-body .icon-btn:focus, | |
.card-primary.card-body .icon-btn:hover, | |
.card-primary>:not([class*=card-media]) .icon-btn:focus, | |
.card-primary>:not([class*=card-media]) .icon-btn:hover, | |
.card-secondary.card-body .icon-btn:focus, | |
.card-secondary.card-body .icon-btn:hover, | |
.card-secondary>:not([class*=card-media]) .icon-btn:focus, | |
.card-secondary>:not([class*=card-media]) .icon-btn:hover, | |
.light .icon-btn:focus, | |
.light .icon-btn:hover, | |
.offcanvas-bar .icon-btn:focus, | |
.offcanvas-bar .icon-btn:hover, | |
.overlay-primary .icon-btn:focus, | |
.overlay-primary .icon-btn:hover, | |
.section-primary:not(.preserve-color) .icon-btn:focus, | |
.section-primary:not(.preserve-color) .icon-btn:hover, | |
.section-secondary:not(.preserve-color) .icon-btn:focus, | |
.section-secondary:not(.preserve-color) .icon-btn:hover, | |
.tile-primary:not(.preserve-color) .icon-btn:focus, | |
.tile-primary:not(.preserve-color) .icon-btn:hover, | |
.tile-secondary:not(.preserve-color) .icon-btn:focus, | |
.tile-secondary:not(.preserve-color) .icon-btn:hover { | |
background-color: rgba(242, 242, 242, .1); | |
color: rgba(255, 255, 255, .7) | |
} | |
.card-primary.card-body .icon-btn:active, | |
.card-primary>:not([class*=card-media]) .icon-btn:active, | |
.card-secondary.card-body .icon-btn:active, | |
.card-secondary>:not([class*=card-media]) .icon-btn:active, | |
.light .icon-btn:active, | |
.offcanvas-bar .icon-btn:active, | |
.overlay-primary .icon-btn:active, | |
.section-primary:not(.preserve-color) .icon-btn:active, | |
.section-secondary:not(.preserve-color) .icon-btn:active, | |
.tile-primary:not(.preserve-color) .icon-btn:active, | |
.tile-secondary:not(.preserve-color) .icon-btn:active { | |
background-color: rgba(230, 230, 230, .1); | |
color: rgba(255, 255, 255, .7) | |
} | |
.card-primary.card-body .input, | |
.card-primary.card-body .select, | |
.card-primary.card-body .textarea, | |
.card-primary>:not([class*=card-media]) .input, | |
.card-primary>:not([class*=card-media]) .select, | |
.card-primary>:not([class*=card-media]) .textarea, | |
.card-secondary.card-body .input, | |
.card-secondary.card-body .select, | |
.card-secondary.card-body .textarea, | |
.card-secondary>:not([class*=card-media]) .input, | |
.card-secondary>:not([class*=card-media]) .select, | |
.card-secondary>:not([class*=card-media]) .textarea, | |
.light .input, | |
.light .select, | |
.light .textarea, | |
.offcanvas-bar .input, | |
.offcanvas-bar .select, | |
.offcanvas-bar .textarea, | |
.overlay-primary .input, | |
.overlay-primary .select, | |
.overlay-primary .textarea, | |
.section-primary:not(.preserve-color) .input, | |
.section-primary:not(.preserve-color) .select, | |
.section-primary:not(.preserve-color) .textarea, | |
.section-secondary:not(.preserve-color) .input, | |
.section-secondary:not(.preserve-color) .select, | |
.section-secondary:not(.preserve-color) .textarea, | |
.tile-primary:not(.preserve-color) .input, | |
.tile-primary:not(.preserve-color) .select, | |
.tile-primary:not(.preserve-color) .textarea, | |
.tile-secondary:not(.preserve-color) .input, | |
.tile-secondary:not(.preserve-color) .select, | |
.tile-secondary:not(.preserve-color) .textarea { | |
background-color: rgba(255, 255, 255, .1); | |
color: rgba(255, 255, 255, .7); | |
background-clip: padding-box; | |
border-color: rgba(255, 255, 255, .2) | |
} | |
.card-primary.card-body .input:focus, | |
.card-primary.card-body .select:focus, | |
.card-primary.card-body .textarea:focus, | |
.card-primary>:not([class*=card-media]) .input:focus, | |
.card-primary>:not([class*=card-media]) .select:focus, | |
.card-primary>:not([class*=card-media]) .textarea:focus, | |
.card-secondary.card-body .input:focus, | |
.card-secondary.card-body .select:focus, | |
.card-secondary.card-body .textarea:focus, | |
.card-secondary>:not([class*=card-media]) .input:focus, | |
.card-secondary>:not([class*=card-media]) .select:focus, | |
.card-secondary>:not([class*=card-media]) .textarea:focus, | |
.light .input:focus, | |
.light .select:focus, | |
.light .textarea:focus, | |
.offcanvas-bar .input:focus, | |
.offcanvas-bar .select:focus, | |
.offcanvas-bar .textarea:focus, | |
.overlay-primary .input:focus, | |
.overlay-primary .select:focus, | |
.overlay-primary .textarea:focus, | |
.section-primary:not(.preserve-color) .input:focus, | |
.section-primary:not(.preserve-color) .select:focus, | |
.section-primary:not(.preserve-color) .textarea:focus, | |
.section-secondary:not(.preserve-color) .input:focus, | |
.section-secondary:not(.preserve-color) .select:focus, | |
.section-secondary:not(.preserve-color) .textarea:focus, | |
.tile-primary:not(.preserve-color) .input:focus, | |
.tile-primary:not(.preserve-color) .select:focus, | |
.tile-primary:not(.preserve-color) .textarea:focus, | |
.tile-secondary:not(.preserve-color) .input:focus, | |
.tile-secondary:not(.preserve-color) .select:focus, | |
.tile-secondary:not(.preserve-color) .textarea:focus { | |
background-color: rgba(255, 255, 255, .1); | |
color: rgba(255, 255, 255, .7); | |
border-color: rgba(255, 255, 255, .7) | |
} | |
.card-primary.card-body .input:-ms-input-placeholder, | |
.card-primary>:not([class*=card-media]) .input:-ms-input-placeholder, | |
.card-secondary.card-body .input:-ms-input-placeholder, | |
.card-secondary>:not([class*=card-media]) .input:-ms-input-placeholder, | |
.light .input:-ms-input-placeholder, | |
.offcanvas-bar .input:-ms-input-placeholder, | |
.overlay-primary .input:-ms-input-placeholder, | |
.section-primary:not(.preserve-color) .input:-ms-input-placeholder, | |
.section-secondary:not(.preserve-color) .input:-ms-input-placeholder, | |
.tile-primary:not(.preserve-color) .input:-ms-input-placeholder, | |
.tile-secondary:not(.preserve-color) .input:-ms-input-placeholder { | |
color: rgba(255, 255, 255, .5)!important | |
} | |
.card-primary.card-body .input::-moz-placeholder, | |
.card-primary>:not([class*=card-media]) .input::-moz-placeholder, | |
.card-secondary.card-body .input::-moz-placeholder, | |
.card-secondary>:not([class*=card-media]) .input::-moz-placeholder, | |
.light .input::-moz-placeholder, | |
.offcanvas-bar .input::-moz-placeholder, | |
.overlay-primary .input::-moz-placeholder, | |
.section-primary:not(.preserve-color) .input::-moz-placeholder, | |
.section-secondary:not(.preserve-color) .input::-moz-placeholder, | |
.tile-primary:not(.preserve-color) .input::-moz-placeholder, | |
.tile-secondary:not(.preserve-color) .input::-moz-placeholder { | |
color: rgba(255, 255, 255, .5) | |
} | |
.card-primary.card-body .input::-webkit-input-placeholder, | |
.card-primary>:not([class*=card-media]) .input::-webkit-input-placeholder, | |
.card-secondary.card-body .input::-webkit-input-placeholder, | |
.card-secondary>:not([class*=card-media]) .input::-webkit-input-placeholder, | |
.light .input::-webkit-input-placeholder, | |
.offcanvas-bar .input::-webkit-input-placeholder, | |
.overlay-primary .input::-webkit-input-placeholder, | |
.section-primary:not(.preserve-color) .input::-webkit-input-placeholder, | |
.section-secondary:not(.preserve-color) .input::-webkit-input-placeholder, | |
.tile-primary:not(.preserve-color) .input::-webkit-input-placeholder, | |
.tile-secondary:not(.preserve-color) .input::-webkit-input-placeholder { | |
color: rgba(255, 255, 255, .5) | |
} | |
.card-primary.card-body .textarea:-ms-input-placeholder, | |
.card-primary>:not([class*=card-media]) .textarea:-ms-input-placeholder, | |
.card-secondary.card-body .textarea:-ms-input-placeholder, | |
.card-secondary>:not([class*=card-media]) .textarea:-ms-input-placeholder, | |
.light .textarea:-ms-input-placeholder, | |
.offcanvas-bar .textarea:-ms-input-placeholder, | |
.overlay-primary .textarea:-ms-input-placeholder, | |
.section-primary:not(.preserve-color) .textarea:-ms-input-placeholder, | |
.section-secondary:not(.preserve-color) .textarea:-ms-input-placeholder, | |
.tile-primary:not(.preserve-color) .textarea:-ms-input-placeholder, | |
.tile-secondary:not(.preserve-color) .textarea:-ms-input-placeholder { | |
color: rgba(255, 255, 255, .5)!important | |
} | |
.card-primary.card-body .textarea::-moz-placeholder, | |
.card-primary>:not([class*=card-media]) .textarea::-moz-placeholder, | |
.card-secondary.card-body .textarea::-moz-placeholder, | |
.card-secondary>:not([class*=card-media]) .textarea::-moz-placeholder, | |
.light .textarea::-moz-placeholder, | |
.offcanvas-bar .textarea::-moz-placeholder, | |
.overlay-primary .textarea::-moz-placeholder, | |
.section-primary:not(.preserve-color) .textarea::-moz-placeholder, | |
.section-secondary:not(.preserve-color) .textarea::-moz-placeholder, | |
.tile-primary:not(.preserve-color) .textarea::-moz-placeholder, | |
.tile-secondary:not(.preserve-color) .textarea::-moz-placeholder { | |
color: rgba(255, 255, 255, .5) | |
} | |
.card-primary.card-body .textarea::-webkit-input-placeholder, | |
.card-primary>:not([class*=card-media]) .textarea::-webkit-input-placeholder, | |
.card-secondary.card-body .textarea::-webkit-input-placeholder, | |
.card-secondary>:not([class*=card-media]) .textarea::-webkit-input-placeholder, | |
.light .textarea::-webkit-input-placeholder, | |
.offcanvas-bar .textarea::-webkit-input-placeholder, | |
.overlay-primary .textarea::-webkit-input-placeholder, | |
.section-primary:not(.preserve-color) .textarea::-webkit-input-placeholder, | |
.section-secondary:not(.preserve-color) .textarea::-webkit-input-placeholder, | |
.tile-primary:not(.preserve-color) .textarea::-webkit-input-placeholder, | |
.tile-secondary:not(.preserve-color) .textarea::-webkit-input-placeholder { | |
color: rgba(255, 255, 255, .5) | |
} | |
.card-primary.card-body .select:not([multiple]):not([size]), | |
.card-primary>:not([class*=card-media]) .select:not([multiple]):not([size]), | |
.card-secondary.card-body .select:not([multiple]):not([size]), | |
.card-secondary>:not([class*=card-media]) .select:not([multiple]):not([size]), | |
.light .select:not([multiple]):not([size]), | |
.offcanvas-bar .select:not([multiple]):not([size]), | |
.overlay-primary .select:not([multiple]):not([size]), | |
.section-primary:not(.preserve-color) .select:not([multiple]):not([size]), | |
.section-secondary:not(.preserve-color) .select:not([multiple]):not([size]), | |
.tile-primary:not(.preserve-color) .select:not([multiple]):not([size]), | |
.tile-secondary:not(.preserve-color) .select:not([multiple]):not([size]) { | |
background-image: url(../img/form-select.svg) | |
} | |
.card-primary.card-body .checkbox, | |
.card-primary.card-body .radio, | |
.card-primary>:not([class*=card-media]) .checkbox, | |
.card-primary>:not([class*=card-media]) .radio, | |
.card-secondary.card-body .checkbox, | |
.card-secondary.card-body .radio, | |
.card-secondary>:not([class*=card-media]) .checkbox, | |
.card-secondary>:not([class*=card-media]) .radio, | |
.light .checkbox, | |
.light .radio, | |
.offcanvas-bar .checkbox, | |
.offcanvas-bar .radio, | |
.overlay-primary .checkbox, | |
.overlay-primary .radio, | |
.section-primary:not(.preserve-color) .checkbox, | |
.section-primary:not(.preserve-color) .radio, | |
.section-secondary:not(.preserve-color) .checkbox, | |
.section-secondary:not(.preserve-color) .radio, | |
.tile-primary:not(.preserve-color) .checkbox, | |
.tile-primary:not(.preserve-color) .radio, | |
.tile-secondary:not(.preserve-color) .checkbox, | |
.tile-secondary:not(.preserve-color) .radio { | |
background-color: rgba(242, 242, 242, .1); | |
border-color: rgba(255, 255, 255, .2) | |
} | |
.card-primary.card-body .checkbox:focus, | |
.card-primary.card-body .radio:focus, | |
.card-primary>:not([class*=card-media]) .checkbox:focus, | |
.card-primary>:not([class*=card-media]) .radio:focus, | |
.card-secondary.card-body .checkbox:focus, | |
.card-secondary.card-body .radio:focus, | |
.card-secondary>:not([class*=card-media]) .checkbox:focus, | |
.card-secondary>:not([class*=card-media]) .radio:focus, | |
.light .checkbox:focus, | |
.light .radio:focus, | |
.offcanvas-bar .checkbox:focus, | |
.offcanvas-bar .radio:focus, | |
.overlay-primary .checkbox:focus, | |
.overlay-primary .radio:focus, | |
.section-primary:not(.preserve-color) .checkbox:focus, | |
.section-primary:not(.preserve-color) .radio:focus, | |
.section-secondary:not(.preserve-color) .checkbox:focus, | |
.section-secondary:not(.preserve-color) .radio:focus, | |
.tile-primary:not(.preserve-color) .checkbox:focus, | |
.tile-primary:not(.preserve-color) .radio:focus, | |
.tile-secondary:not(.preserve-color) .checkbox:focus, | |
.tile-secondary:not(.preserve-color) .radio:focus { | |
border-color: rgba(255, 255, 255, .7) | |
} | |
.card-primary.card-body .checkbox:checked, | |
.card-primary.card-body .checkbox:indeterminate, | |
.card-primary.card-body .radio:checked, | |
.card-primary>:not([class*=card-media]) .checkbox:checked, | |
.card-primary>:not([class*=card-media]) .checkbox:indeterminate, | |
.card-primary>:not([class*=card-media]) .radio:checked, | |
.card-secondary.card-body .checkbox:checked, | |
.card-secondary.card-body .checkbox:indeterminate, | |
.card-secondary.card-body .radio:checked, | |
.card-secondary>:not([class*=card-media]) .checkbox:checked, | |
.card-secondary>:not([class*=card-media]) .checkbox:indeterminate, | |
.card-secondary>:not([class*=card-media]) .radio:checked, | |
.light .checkbox:checked, | |
.light .checkbox:indeterminate, | |
.light .radio:checked, | |
.offcanvas-bar .checkbox:checked, | |
.offcanvas-bar .checkbox:indeterminate, | |
.offcanvas-bar .radio:checked, | |
.overlay-primary .checkbox:checked, | |
.overlay-primary .checkbox:indeterminate, | |
.overlay-primary .radio:checked, | |
.section-primary:not(.preserve-color) .checkbox:checked, | |
.section-primary:not(.preserve-color) .checkbox:indeterminate, | |
.section-primary:not(.preserve-color) .radio:checked, | |
.section-secondary:not(.preserve-color) .checkbox:checked, | |
.section-secondary:not(.preserve-color) .checkbox:indeterminate, | |
.section-secondary:not(.preserve-color) .radio:checked, | |
.tile-primary:not(.preserve-color) .checkbox:checked, | |
.tile-primary:not(.preserve-color) .checkbox:indeterminate, | |
.tile-primary:not(.preserve-color) .radio:checked, | |
.tile-secondary:not(.preserve-color) .checkbox:checked, | |
.tile-secondary:not(.preserve-color) .checkbox:indeterminate, | |
.tile-secondary:not(.preserve-color) .radio:checked { | |
background-color: #fff; | |
border-color: rgba(255, 255, 255, .7) | |
} | |
.card-primary.card-body .checkbox:checked:focus, | |
.card-primary.card-body .checkbox:indeterminate:focus, | |
.card-primary.card-body .radio:checked:focus, | |
.card-primary>:not([class*=card-media]) .checkbox:checked:focus, | |
.card-primary>:not([class*=card-media]) .checkbox:indeterminate:focus, | |
.card-primary>:not([class*=card-media]) .radio:checked:focus, | |
.card-secondary.card-body .checkbox:checked:focus, | |
.card-secondary.card-body .checkbox:indeterminate:focus, | |
.card-secondary.card-body .radio:checked:focus, | |
.card-secondary>:not([class*=card-media]) .checkbox:checked:focus, | |
.card-secondary>:not([class*=card-media]) .checkbox:indeterminate:focus, | |
.card-secondary>:not([class*=card-media]) .radio:checked:focus, | |
.light .checkbox:checked:focus, | |
.light .checkbox:indeterminate:focus, | |
.light .radio:checked:focus, | |
.offcanvas-bar .checkbox:checked:focus, | |
.offcanvas-bar .checkbox:indeterminate:focus, | |
.offcanvas-bar .radio:checked:focus, | |
.overlay-primary .checkbox:checked:focus, | |
.overlay-primary .checkbox:indeterminate:focus, | |
.overlay-primary .radio:checked:focus, | |
.section-primary:not(.preserve-color) .checkbox:checked:focus, | |
.section-primary:not(.preserve-color) .checkbox:indeterminate:focus, | |
.section-primary:not(.preserve-color) .radio:checked:focus, | |
.section-secondary:not(.preserve-color) .checkbox:checked:focus, | |
.section-secondary:not(.preserve-color) .checkbox:indeterminate:focus, | |
.section-secondary:not(.preserve-color) .radio:checked:focus, | |
.tile-primary:not(.preserve-color) .checkbox:checked:focus, | |
.tile-primary:not(.preserve-color) .checkbox:indeterminate:focus, | |
.tile-primary:not(.preserve-color) .radio:checked:focus, | |
.tile-secondary:not(.preserve-color) .checkbox:checked:focus, | |
.tile-secondary:not(.preserve-color) .checkbox:indeterminate:focus, | |
.tile-secondary:not(.preserve-color) .radio:checked:focus { | |
background-color: #e6e6e6 | |
} | |
.card-primary.card-body .radio:checked, | |
.card-primary>:not([class*=card-media]) .radio:checked, | |
.card-secondary.card-body .radio:checked, | |
.card-secondary>:not([class*=card-media]) .radio:checked, | |
.light .radio:checked, | |
.offcanvas-bar .radio:checked, | |
.overlay-primary .radio:checked, | |
.section-primary:not(.preserve-color) .radio:checked, | |
.section-secondary:not(.preserve-color) .radio:checked, | |
.tile-primary:not(.preserve-color) .radio:checked, | |
.tile-secondary:not(.preserve-color) .radio:checked { | |
background-image: url(../../images/backgrounds/form-radio.svg) | |
} | |
.card-primary.card-body .checkbox:checked, | |
.card-primary>:not([class*=card-media]) .checkbox:checked, | |
.card-secondary.card-body .checkbox:checked, | |
.card-secondary>:not([class*=card-media]) .checkbox:checked, | |
.light .checkbox:checked, | |
.offcanvas-bar .checkbox:checked, | |
.overlay-primary .checkbox:checked, | |
.section-primary:not(.preserve-color) .checkbox:checked, | |
.section-secondary:not(.preserve-color) .checkbox:checked, | |
.tile-primary:not(.preserve-color) .checkbox:checked, | |
.tile-secondary:not(.preserve-color) .checkbox:checked { | |
background-image: url(../../images/backgrounds/form-checkbox.svg) | |
} | |
.card-primary.card-body .checkbox:indeterminate, | |
.card-primary>:not([class*=card-media]) .checkbox:indeterminate, | |
.card-secondary.card-body .checkbox:indeterminate, | |
.card-secondary>:not([class*=card-media]) .checkbox:indeterminate, | |
.light .checkbox:indeterminate, | |
.offcanvas-bar .checkbox:indeterminate, | |
.overlay-primary .checkbox:indeterminate, | |
.section-primary:not(.preserve-color) .checkbox:indeterminate, | |
.section-secondary:not(.preserve-color) .checkbox:indeterminate, | |
.tile-primary:not(.preserve-color) .checkbox:indeterminate, | |
.tile-secondary:not(.preserve-color) .checkbox:indeterminate { | |
background-image: url(../../images/backgrounds/form-checkbox-indeterminate.svg) | |
} | |
.card-primary.card-body .form-label, | |
.card-primary>:not([class*=card-media]) .form-label, | |
.card-secondary.card-body .form-label, | |
.card-secondary>:not([class*=card-media]) .form-label, | |
.light .form-label, | |
.offcanvas-bar .form-label, | |
.overlay-primary .form-label, | |
.section-primary:not(.preserve-color) .form-label, | |
.section-secondary:not(.preserve-color) .form-label, | |
.tile-primary:not(.preserve-color) .form-label, | |
.tile-secondary:not(.preserve-color) .form-label { | |
color: #fff | |
} | |
.card-primary.card-body .btn-default, | |
.card-primary>:not([class*=card-media]) .btn-default, | |
.card-secondary.card-body .btn-default, | |
.card-secondary>:not([class*=card-media]) .btn-default, | |
.light .btn-default, | |
.offcanvas-bar .btn-default, | |
.overlay-primary .btn-default, | |
.section-primary:not(.preserve-color) .btn-default, | |
.section-secondary:not(.preserve-color) .btn-default, | |
.tile-primary:not(.preserve-color) .btn-default, | |
.tile-secondary:not(.preserve-color) .btn-default { | |
background-color: transparent; | |
color: #fff; | |
border-color: rgba(255, 255, 255, .7) | |
} | |
.card-primary.card-body .btn-default.active, | |
.card-primary.card-body .btn-default:active, | |
.card-primary.card-body .btn-default:focus, | |
.card-primary.card-body .btn-default:hover, | |
.card-primary>:not([class*=card-media]) .btn-default.active, | |
.card-primary>:not([class*=card-media]) .btn-default:active, | |
.card-primary>:not([class*=card-media]) .btn-default:focus, | |
.card-primary>:not([class*=card-media]) .btn-default:hover, | |
.card-secondary.card-body .btn-default.active, | |
.card-secondary.card-body .btn-default:active, | |
.card-secondary.card-body .btn-default:focus, | |
.card-secondary.card-body .btn-default:hover, | |
.card-secondary>:not([class*=card-media]) .btn-default.active, | |
.card-secondary>:not([class*=card-media]) .btn-default:active, | |
.card-secondary>:not([class*=card-media]) .btn-default:focus, | |
.card-secondary>:not([class*=card-media]) .btn-default:hover, | |
.light .btn-default.active, | |
.light .btn-default:active, | |
.light .btn-default:focus, | |
.light .btn-default:hover, | |
.offcanvas-bar .btn-default.active, | |
.offcanvas-bar .btn-default:active, | |
.offcanvas-bar .btn-default:focus, | |
.offcanvas-bar .btn-default:hover, | |
.overlay-primary .btn-default.active, | |
.overlay-primary .btn-default:active, | |
.overlay-primary .btn-default:focus, | |
.overlay-primary .btn-default:hover, | |
.section-primary:not(.preserve-color) .btn-default.active, | |
.section-primary:not(.preserve-color) .btn-default:active, | |
.section-primary:not(.preserve-color) .btn-default:focus, | |
.section-primary:not(.preserve-color) .btn-default:hover, | |
.section-secondary:not(.preserve-color) .btn-default.active, | |
.section-secondary:not(.preserve-color) .btn-default:active, | |
.section-secondary:not(.preserve-color) .btn-default:focus, | |
.section-secondary:not(.preserve-color) .btn-default:hover, | |
.tile-primary:not(.preserve-color) .btn-default.active, | |
.tile-primary:not(.preserve-color) .btn-default:active, | |
.tile-primary:not(.preserve-color) .btn-default:focus, | |
.tile-primary:not(.preserve-color) .btn-default:hover, | |
.tile-secondary:not(.preserve-color) .btn-default.active, | |
.tile-secondary:not(.preserve-color) .btn-default:active, | |
.tile-secondary:not(.preserve-color) .btn-default:focus, | |
.tile-secondary:not(.preserve-color) .btn-default:hover { | |
background-color: transparent; | |
color: #fff; | |
border-color: #fff | |
} | |
.card-primary.card-body .grid-divider.grid-stack>.grid-margin::before, | |
.card-primary.card-body .nav-default .nav-divider, | |
.card-primary.card-body .nav-primary .nav-divider, | |
.card-primary>:not([class*=card-media]) .grid-divider.grid-stack>.grid-margin::before, | |
.card-primary>:not([class*=card-media]) .nav-default .nav-divider, | |
.card-primary>:not([class*=card-media]) .nav-primary .nav-divider, | |
.card-secondary.card-body .grid-divider.grid-stack>.grid-margin::before, | |
.card-secondary.card-body .nav-default .nav-divider, | |
.card-secondary.card-body .nav-primary .nav-divider, | |
.card-secondary>:not([class*=card-media]) .grid-divider.grid-stack>.grid-margin::before, | |
.card-secondary>:not([class*=card-media]) .nav-default .nav-divider, | |
.card-secondary>:not([class*=card-media]) .nav-primary .nav-divider, | |
.light .grid-divider.grid-stack>.grid-margin::before, | |
.light .nav-default .nav-divider, | |
.light .nav-primary .nav-divider, | |
.offcanvas-bar .grid-divider.grid-stack>.grid-margin::before, | |
.offcanvas-bar .nav-default .nav-divider, | |
.offcanvas-bar .nav-primary .nav-divider, | |
.overlay-primary .grid-divider.grid-stack>.grid-margin::before, | |
.overlay-primary .nav-default .nav-divider, | |
.overlay-primary .nav-primary .nav-divider, | |
.section-primary:not(.preserve-color) .grid-divider.grid-stack>.grid-margin::before, | |
.section-primary:not(.preserve-color) .nav-default .nav-divider, | |
.section-primary:not(.preserve-color) .nav-primary .nav-divider, | |
.section-secondary:not(.preserve-color) .grid-divider.grid-stack>.grid-margin::before, | |
.section-secondary:not(.preserve-color) .nav-default .nav-divider, | |
.section-secondary:not(.preserve-color) .nav-primary .nav-divider, | |
.tile-primary:not(.preserve-color) .grid-divider.grid-stack>.grid-margin::before, | |
.tile-primary:not(.preserve-color) .nav-default .nav-divider, | |
.tile-primary:not(.preserve-color) .nav-primary .nav-divider, | |
.tile-secondary:not(.preserve-color) .grid-divider.grid-stack>.grid-margin::before, | |
.tile-secondary:not(.preserve-color) .nav-default .nav-divider, | |
.tile-secondary:not(.preserve-color) .nav-primary .nav-divider { | |
border-top-color: rgba(255, 255, 255, .2) | |
} | |
.card-primary.card-body .grid-divider>:not(.first-column)::before, | |
.card-primary.card-body .subnav-divider>:nth-child(n+2):not(.first-column)::before, | |
.card-primary>:not([class*=card-media]) .grid-divider>:not(.first-column)::before, | |
.card-primary>:not([class*=card-media]) .subnav-divider>:nth-child(n+2):not(.first-column)::before, | |
.card-secondary.card-body .grid-divider>:not(.first-column)::before, | |
.card-secondary.card-body .subnav-divider>:nth-child(n+2):not(.first-column)::before, | |
.card-secondary>:not([class*=card-media]) .grid-divider>:not(.first-column)::before, | |
.card-secondary>:not([class*=card-media]) .subnav-divider>:nth-child(n+2):not(.first-column)::before, | |
.light .grid-divider>:not(.first-column)::before, | |
.light .subnav-divider>:nth-child(n+2):not(.first-column)::before, | |
.offcanvas-bar .grid-divider>:not(.first-column)::before, | |
.offcanvas-bar .subnav-divider>:nth-child(n+2):not(.first-column)::before, | |
.overlay-primary .grid-divider>:not(.first-column)::before, | |
.overlay-primary .subnav-divider>:nth-child(n+2):not(.first-column)::before, | |
.section-primary:not(.preserve-color) .grid-divider>:not(.first-column)::before, | |
.section-primary:not(.preserve-color) .subnav-divider>:nth-child(n+2):not(.first-column)::before, | |
.section-secondary:not(.preserve-color) .grid-divider>:not(.first-column)::before, | |
.section-secondary:not(.preserve-color) .subnav-divider>:nth-child(n+2):not(.first-column)::before, | |
.tile-primary:not(.preserve-color) .grid-divider>:not(.first-column)::before, | |
.tile-primary:not(.preserve-color) .subnav-divider>:nth-child(n+2):not(.first-column)::before, | |
.tile-secondary:not(.preserve-color) .grid-divider>:not(.first-column)::before, | |
.tile-secondary:not(.preserve-color) .subnav-divider>:nth-child(n+2):not(.first-column)::before { | |
border-left-color: rgba(255, 255, 255, .2) | |
} | |
.card-primary.card-body .btn-primary, | |
.card-primary>:not([class*=card-media]) .btn-primary, | |
.card-secondary.card-body .btn-primary, | |
.card-secondary>:not([class*=card-media]) .btn-primary, | |
.light .btn-primary, | |
.offcanvas-bar .btn-primary, | |
.overlay-primary .btn-primary, | |
.section-primary:not(.preserve-color) .btn-primary, | |
.section-secondary:not(.preserve-color) .btn-primary, | |
.tile-primary:not(.preserve-color) .btn-primary, | |
.tile-secondary:not(.preserve-color) .btn-primary { | |
background-color: #fff; | |
color: #4f5a80 | |
} | |
.card-primary.card-body .btn-primary:focus, | |
.card-primary.card-body .btn-primary:hover, | |
.card-primary>:not([class*=card-media]) .btn-primary:focus, | |
.card-primary>:not([class*=card-media]) .btn-primary:hover, | |
.card-secondary.card-body .btn-primary:focus, | |
.card-secondary.card-body .btn-primary:hover, | |
.card-secondary>:not([class*=card-media]) .btn-primary:focus, | |
.card-secondary>:not([class*=card-media]) .btn-primary:hover, | |
.light .btn-primary:focus, | |
.light .btn-primary:hover, | |
.offcanvas-bar .btn-primary:focus, | |
.offcanvas-bar .btn-primary:hover, | |
.overlay-primary .btn-primary:focus, | |
.overlay-primary .btn-primary:hover, | |
.section-primary:not(.preserve-color) .btn-primary:focus, | |
.section-primary:not(.preserve-color) .btn-primary:hover, | |
.section-secondary:not(.preserve-color) .btn-primary:focus, | |
.section-secondary:not(.preserve-color) .btn-primary:hover, | |
.tile-primary:not(.preserve-color) .btn-primary:focus, | |
.tile-primary:not(.preserve-color) .btn-primary:hover, | |
.tile-secondary:not(.preserve-color) .btn-primary:focus, | |
.tile-secondary:not(.preserve-color) .btn-primary:hover { | |
background-color: #f2f2f2; | |
color: #4f5a80 | |
} | |
.card-primary.card-body .btn-primary.active, | |
.card-primary.card-body .btn-primary:active, | |
.card-primary>:not([class*=card-media]) .btn-primary.active, | |
.card-primary>:not([class*=card-media]) .btn-primary:active, | |
.card-secondary.card-body .btn-primary.active, | |
.card-secondary.card-body .btn-primary:active, | |
.card-secondary>:not([class*=card-media]) .btn-primary.active, | |
.card-secondary>:not([class*=card-media]) .btn-primary:active, | |
.light .btn-primary.active, | |
.light .btn-primary:active, | |
.offcanvas-bar .btn-primary.active, | |
.offcanvas-bar .btn-primary:active, | |
.overlay-primary .btn-primary.active, | |
.overlay-primary .btn-primary:active, | |
.section-primary:not(.preserve-color) .btn-primary.active, | |
.section-primary:not(.preserve-color) .btn-primary:active, | |
.section-secondary:not(.preserve-color) .btn-primary.active, | |
.section-secondary:not(.preserve-color) .btn-primary:active, | |
.tile-primary:not(.preserve-color) .btn-primary.active, | |
.tile-primary:not(.preserve-color) .btn-primary:active, | |
.tile-secondary:not(.preserve-color) .btn-primary.active, | |
.tile-secondary:not(.preserve-color) .btn-primary:active { | |
background-color: #e6e6e6; | |
color: #4f5a80 | |
} | |
.card-primary.card-body .btn-secondary, | |
.card-primary>:not([class*=card-media]) .btn-secondary, | |
.card-secondary.card-body .btn-secondary, | |
.card-secondary>:not([class*=card-media]) .btn-secondary, | |
.light .btn-secondary, | |
.offcanvas-bar .btn-secondary, | |
.overlay-primary .btn-secondary, | |
.section-primary:not(.preserve-color) .btn-secondary, | |
.section-secondary:not(.preserve-color) .btn-secondary, | |
.tile-primary:not(.preserve-color) .btn-secondary, | |
.tile-secondary:not(.preserve-color) .btn-secondary { | |
background-color: #fff; | |
color: #4f5a80 | |
} | |
.card-primary.card-body .btn-secondary:focus, | |
.card-primary.card-body .btn-secondary:hover, | |
.card-primary>:not([class*=card-media]) .btn-secondary:focus, | |
.card-primary>:not([class*=card-media]) .btn-secondary:hover, | |
.card-secondary.card-body .btn-secondary:focus, | |
.card-secondary.card-body .btn-secondary:hover, | |
.card-secondary>:not([class*=card-media]) .btn-secondary:focus, | |
.card-secondary>:not([class*=card-media]) .btn-secondary:hover, | |
.light .btn-secondary:focus, | |
.light .btn-secondary:hover, | |
.offcanvas-bar .btn-secondary:focus, | |
.offcanvas-bar .btn-secondary:hover, | |
.overlay-primary .btn-secondary:focus, | |
.overlay-primary .btn-secondary:hover, | |
.section-primary:not(.preserve-color) .btn-secondary:focus, | |
.section-primary:not(.preserve-color) .btn-secondary:hover, | |
.section-secondary:not(.preserve-color) .btn-secondary:focus, | |
.section-secondary:not(.preserve-color) .btn-secondary:hover, | |
.tile-primary:not(.preserve-color) .btn-secondary:focus, | |
.tile-primary:not(.preserve-color) .btn-secondary:hover, | |
.tile-secondary:not(.preserve-color) .btn-secondary:focus, | |
.tile-secondary:not(.preserve-color) .btn-secondary:hover { | |
background-color: #f2f2f2; | |
color: #4f5a80 | |
} | |
.card-primary.card-body .btn-secondary.active, | |
.card-primary.card-body .btn-secondary:active, | |
.card-primary>:not([class*=card-media]) .btn-secondary.active, | |
.card-primary>:not([class*=card-media]) .btn-secondary:active, | |
.card-secondary.card-body .btn-secondary.active, | |
.card-secondary.card-body .btn-secondary:active, | |
.card-secondary>:not([class*=card-media]) .btn-secondary.active, | |
.card-secondary>:not([class*=card-media]) .btn-secondary:active, | |
.light .btn-secondary.active, | |
.light .btn-secondary:active, | |
.offcanvas-bar .btn-secondary.active, | |
.offcanvas-bar .btn-secondary:active, | |
.overlay-primary .btn-secondary.active, | |
.overlay-primary .btn-secondary:active, | |
.section-primary:not(.preserve-color) .btn-secondary.active, | |
.section-primary:not(.preserve-color) .btn-secondary:active, | |
.section-secondary:not(.preserve-color) .btn-secondary.active, | |
.section-secondary:not(.preserve-color) .btn-secondary:active, | |
.tile-primary:not(.preserve-color) .btn-secondary.active, | |
.tile-primary:not(.preserve-color) .btn-secondary:active, | |
.tile-secondary:not(.preserve-color) .btn-secondary.active, | |
.tile-secondary:not(.preserve-color) .btn-secondary:active { | |
background-color: #e6e6e6; | |
color: #4f5a80 | |
} | |
.card-primary.card-body .btn-text, | |
.card-primary.card-body .btn-text:focus, | |
.card-primary.card-body .btn-text:hover, | |
.card-primary>:not([class*=card-media]) .btn-text, | |
.card-primary>:not([class*=card-media]) .btn-text:focus, | |
.card-primary>:not([class*=card-media]) .btn-text:hover, | |
.card-secondary.card-body .btn-text, | |
.card-secondary.card-body .btn-text:focus, | |
.card-secondary.card-body .btn-text:hover, | |
.card-secondary>:not([class*=card-media]) .btn-text, | |
.card-secondary>:not([class*=card-media]) .btn-text:focus, | |
.card-secondary>:not([class*=card-media]) .btn-text:hover, | |
.light .btn-text, | |
.light .btn-text:focus, | |
.light .btn-text:hover, | |
.offcanvas-bar .btn-text, | |
.offcanvas-bar .btn-text:focus, | |
.offcanvas-bar .btn-text:hover, | |
.overlay-primary .btn-text, | |
.overlay-primary .btn-text:focus, | |
.overlay-primary .btn-text:hover, | |
.section-primary:not(.preserve-color) .btn-text, | |
.section-primary:not(.preserve-color) .btn-text:focus, | |
.section-primary:not(.preserve-color) .btn-text:hover, | |
.section-secondary:not(.preserve-color) .btn-text, | |
.section-secondary:not(.preserve-color) .btn-text:focus, | |
.section-secondary:not(.preserve-color) .btn-text:hover, | |
.tile-primary:not(.preserve-color) .btn-text, | |
.tile-primary:not(.preserve-color) .btn-text:focus, | |
.tile-primary:not(.preserve-color) .btn-text:hover, | |
.tile-secondary:not(.preserve-color) .btn-text, | |
.tile-secondary:not(.preserve-color) .btn-text:focus, | |
.tile-secondary:not(.preserve-color) .btn-text:hover { | |
color: #fff | |
} | |
.card-primary.card-body .btn-text::before, | |
.card-primary>:not([class*=card-media]) .btn-text::before, | |
.card-secondary.card-body .btn-text::before, | |
.card-secondary>:not([class*=card-media]) .btn-text::before, | |
.light .btn-text::before, | |
.offcanvas-bar .btn-text::before, | |
.overlay-primary .btn-text::before, | |
.section-primary:not(.preserve-color) .btn-text::before, | |
.section-secondary:not(.preserve-color) .btn-text::before, | |
.tile-primary:not(.preserve-color) .btn-text::before, | |
.tile-secondary:not(.preserve-color) .btn-text::before { | |
border-bottom-color: #fff | |
} | |
.card-primary.card-body .btn-link, | |
.card-primary.card-body .btn-text:disabled, | |
.card-primary>:not([class*=card-media]) .btn-link, | |
.card-primary>:not([class*=card-media]) .btn-text:disabled, | |
.card-secondary.card-body .btn-link, | |
.card-secondary.card-body .btn-text:disabled, | |
.card-secondary>:not([class*=card-media]) .btn-link, | |
.card-secondary>:not([class*=card-media]) .btn-text:disabled, | |
.light .btn-link, | |
.light .btn-text:disabled, | |
.offcanvas-bar .btn-link, | |
.offcanvas-bar .btn-text:disabled, | |
.overlay-primary .btn-link, | |
.overlay-primary .btn-text:disabled, | |
.section-primary:not(.preserve-color) .btn-link, | |
.section-primary:not(.preserve-color) .btn-text:disabled, | |
.section-secondary:not(.preserve-color) .btn-link, | |
.section-secondary:not(.preserve-color) .btn-text:disabled, | |
.tile-primary:not(.preserve-color) .btn-link, | |
.tile-primary:not(.preserve-color) .btn-text:disabled, | |
.tile-secondary:not(.preserve-color) .btn-link, | |
.tile-secondary:not(.preserve-color) .btn-text:disabled { | |
color: rgba(255, 255, 255, .5) | |
} | |
.card-primary.card-body .btn-link:focus, | |
.card-primary.card-body .btn-link:hover, | |
.card-primary>:not([class*=card-media]) .btn-link:focus, | |
.card-primary>:not([class*=card-media]) .btn-link:hover, | |
.card-secondary.card-body .btn-link:focus, | |
.card-secondary.card-body .btn-link:hover, | |
.card-secondary>:not([class*=card-media]) .btn-link:focus, | |
.card-secondary>:not([class*=card-media]) .btn-link:hover, | |
.light .btn-link:focus, | |
.light .btn-link:hover, | |
.offcanvas-bar .btn-link:focus, | |
.offcanvas-bar .btn-link:hover, | |
.overlay-primary .btn-link:focus, | |
.overlay-primary .btn-link:hover, | |
.section-primary:not(.preserve-color) .btn-link:focus, | |
.section-primary:not(.preserve-color) .btn-link:hover, | |
.section-secondary:not(.preserve-color) .btn-link:focus, | |
.section-secondary:not(.preserve-color) .btn-link:hover, | |
.tile-primary:not(.preserve-color) .btn-link:focus, | |
.tile-primary:not(.preserve-color) .btn-link:hover, | |
.tile-secondary:not(.preserve-color) .btn-link:focus, | |
.tile-secondary:not(.preserve-color) .btn-link:hover { | |
color: rgba(255, 255, 255, .7) | |
} | |
.card-primary.card-body .close, | |
.card-primary>:not([class*=card-media]) .close, | |
.card-secondary.card-body .close, | |
.card-secondary>:not([class*=card-media]) .close, | |
.light .close, | |
.offcanvas-bar .close, | |
.overlay-primary .close, | |
.section-primary:not(.preserve-color) .close, | |
.section-secondary:not(.preserve-color) .close, | |
.tile-primary:not(.preserve-color) .close, | |
.tile-secondary:not(.preserve-color) .close { | |
color: rgba(255, 255, 255, .5) | |
} | |
.card-primary.card-body .close:focus, | |
.card-primary.card-body .close:hover, | |
.card-primary>:not([class*=card-media]) .close:focus, | |
.card-primary>:not([class*=card-media]) .close:hover, | |
.card-secondary.card-body .close:focus, | |
.card-secondary.card-body .close:hover, | |
.card-secondary>:not([class*=card-media]) .close:focus, | |
.card-secondary>:not([class*=card-media]) .close:hover, | |
.light .close:focus, | |
.light .close:hover, | |
.offcanvas-bar .close:focus, | |
.offcanvas-bar .close:hover, | |
.overlay-primary .close:focus, | |
.overlay-primary .close:hover, | |
.section-primary:not(.preserve-color) .close:focus, | |
.section-primary:not(.preserve-color) .close:hover, | |
.section-secondary:not(.preserve-color) .close:focus, | |
.section-secondary:not(.preserve-color) .close:hover, | |
.tile-primary:not(.preserve-color) .close:focus, | |
.tile-primary:not(.preserve-color) .close:hover, | |
.tile-secondary:not(.preserve-color) .close:focus, | |
.tile-secondary:not(.preserve-color) .close:hover { | |
color: rgba(255, 255, 255, .7) | |
} | |
.card-primary.card-body .totop, | |
.card-primary>:not([class*=card-media]) .totop, | |
.card-secondary.card-body .totop, | |
.card-secondary>:not([class*=card-media]) .totop, | |
.light .totop, | |
.offcanvas-bar .totop, | |
.overlay-primary .totop, | |
.section-primary:not(.preserve-color) .totop, | |
.section-secondary:not(.preserve-color) .totop, | |
.tile-primary:not(.preserve-color) .totop, | |
.tile-secondary:not(.preserve-color) .totop { | |
color: rgba(255, 255, 255, .5) | |
} | |
.card-primary.card-body .totop:focus, | |
.card-primary.card-body .totop:hover, | |
.card-primary>:not([class*=card-media]) .totop:focus, | |
.card-primary>:not([class*=card-media]) .totop:hover, | |
.card-secondary.card-body .totop:focus, | |
.card-secondary.card-body .totop:hover, | |
.card-secondary>:not([class*=card-media]) .totop:focus, | |
.card-secondary>:not([class*=card-media]) .totop:hover, | |
.light .totop:focus, | |
.light .totop:hover, | |
.offcanvas-bar .totop:focus, | |
.offcanvas-bar .totop:hover, | |
.overlay-primary .totop:focus, | |
.overlay-primary .totop:hover, | |
.section-primary:not(.preserve-color) .totop:focus, | |
.section-primary:not(.preserve-color) .totop:hover, | |
.section-secondary:not(.preserve-color) .totop:focus, | |
.section-secondary:not(.preserve-color) .totop:hover, | |
.tile-primary:not(.preserve-color) .totop:focus, | |
.tile-primary:not(.preserve-color) .totop:hover, | |
.tile-secondary:not(.preserve-color) .totop:focus, | |
.tile-secondary:not(.preserve-color) .totop:hover { | |
color: rgba(255, 255, 255, .7) | |
} | |
.card-primary.card-body .totop:active, | |
.card-primary>:not([class*=card-media]) .totop:active, | |
.card-secondary.card-body .totop:active, | |
.card-secondary>:not([class*=card-media]) .totop:active, | |
.light .totop:active, | |
.offcanvas-bar .totop:active, | |
.overlay-primary .totop:active, | |
.section-primary:not(.preserve-color) .totop:active, | |
.section-secondary:not(.preserve-color) .totop:active, | |
.tile-primary:not(.preserve-color) .totop:active, | |
.tile-secondary:not(.preserve-color) .totop:active { | |
color: #fff | |
} | |
.card-primary.card-body .marker, | |
.card-primary>:not([class*=card-media]) .marker, | |
.card-secondary.card-body .marker, | |
.card-secondary>:not([class*=card-media]) .marker, | |
.light .marker, | |
.offcanvas-bar .marker, | |
.overlay-primary .marker, | |
.section-primary:not(.preserve-color) .marker, | |
.section-secondary:not(.preserve-color) .marker, | |
.tile-primary:not(.preserve-color) .marker, | |
.tile-secondary:not(.preserve-color) .marker { | |
background: #e5edf4; | |
color: #4f5a80 | |
} | |
.card-primary.card-body .badge, | |
.card-primary.card-body .label, | |
.card-primary>:not([class*=card-media]) .badge, | |
.card-primary>:not([class*=card-media]) .label, | |
.card-secondary.card-body .badge, | |
.card-secondary.card-body .label, | |
.card-secondary>:not([class*=card-media]) .badge, | |
.card-secondary>:not([class*=card-media]) .label, | |
.light .badge, | |
.light .label, | |
.offcanvas-bar .badge, | |
.offcanvas-bar .label, | |
.overlay-primary .badge, | |
.overlay-primary .label, | |
.section-primary:not(.preserve-color) .badge, | |
.section-primary:not(.preserve-color) .label, | |
.section-secondary:not(.preserve-color) .badge, | |
.section-secondary:not(.preserve-color) .label, | |
.tile-primary:not(.preserve-color) .badge, | |
.tile-primary:not(.preserve-color) .label, | |
.tile-secondary:not(.preserve-color) .badge, | |
.tile-secondary:not(.preserve-color) .label { | |
background-color: #fff; | |
color: #4f5a80 | |
} | |
.card-primary.card-body .marker:focus, | |
.card-primary.card-body .marker:hover, | |
.card-primary>:not([class*=card-media]) .marker:focus, | |
.card-primary>:not([class*=card-media]) .marker:hover, | |
.card-secondary.card-body .marker:focus, | |
.card-secondary.card-body .marker:hover, | |
.card-secondary>:not([class*=card-media]) .marker:focus, | |
.card-secondary>:not([class*=card-media]) .marker:hover, | |
.light .marker:focus, | |
.light .marker:hover, | |
.offcanvas-bar .marker:focus, | |
.offcanvas-bar .marker:hover, | |
.overlay-primary .marker:focus, | |
.overlay-primary .marker:hover, | |
.section-primary:not(.preserve-color) .marker:focus, | |
.section-primary:not(.preserve-color) .marker:hover, | |
.section-secondary:not(.preserve-color) .marker:focus, | |
.section-secondary:not(.preserve-color) .marker:hover, | |
.tile-primary:not(.preserve-color) .marker:focus, | |
.tile-primary:not(.preserve-color) .marker:hover, | |
.tile-secondary:not(.preserve-color) .marker:focus, | |
.tile-secondary:not(.preserve-color) .marker:hover { | |
color: #4f5a80 | |
} | |
.card-primary.card-body .badge:focus, | |
.card-primary.card-body .badge:hover, | |
.card-primary>:not([class*=card-media]) .badge:focus, | |
.card-primary>:not([class*=card-media]) .badge:hover, | |
.card-secondary.card-body .badge:focus, | |
.card-secondary.card-body .badge:hover, | |
.card-secondary>:not([class*=card-media]) .badge:focus, | |
.card-secondary>:not([class*=card-media]) .badge:hover, | |
.light .badge:focus, | |
.light .badge:hover, | |
.offcanvas-bar .badge:focus, | |
.offcanvas-bar .badge:hover, | |
.overlay-primary .badge:focus, | |
.overlay-primary .badge:hover, | |
.section-primary:not(.preserve-color) .badge:focus, | |
.section-primary:not(.preserve-color) .badge:hover, | |
.section-secondary:not(.preserve-color) .badge:focus, | |
.section-secondary:not(.preserve-color) .badge:hover, | |
.tile-primary:not(.preserve-color) .badge:focus, | |
.tile-primary:not(.preserve-color) .badge:hover, | |
.tile-secondary:not(.preserve-color) .badge:focus, | |
.tile-secondary:not(.preserve-color) .badge:hover { | |
color: #4f5a80 | |
} | |
.card-primary.card-body .article-meta, | |
.card-primary>:not([class*=card-media]) .article-meta, | |
.card-secondary.card-body .article-meta, | |
.card-secondary>:not([class*=card-media]) .article-meta, | |
.light .article-meta, | |
.offcanvas-bar .article-meta, | |
.overlay-primary .article-meta, | |
.section-primary:not(.preserve-color) .article-meta, | |
.section-secondary:not(.preserve-color) .article-meta, | |
.tile-primary:not(.preserve-color) .article-meta, | |
.tile-secondary:not(.preserve-color) .article-meta { | |
color: rgba(255, 255, 255, .5) | |
} | |
.card-primary.card-body .search-input, | |
.card-primary>:not([class*=card-media]) .search-input, | |
.card-secondary.card-body .search-input, | |
.card-secondary>:not([class*=card-media]) .search-input, | |
.light .search-input, | |
.offcanvas-bar .search-input, | |
.overlay-primary .search-input, | |
.section-primary:not(.preserve-color) .search-input, | |
.section-secondary:not(.preserve-color) .search-input, | |
.tile-primary:not(.preserve-color) .search-input, | |
.tile-secondary:not(.preserve-color) .search-input { | |
color: rgba(255, 255, 255, .7) | |
} | |
.card-primary.card-body .search-input:-ms-input-placeholder, | |
.card-primary>:not([class*=card-media]) .search-input:-ms-input-placeholder, | |
.card-secondary.card-body .search-input:-ms-input-placeholder, | |
.card-secondary>:not([class*=card-media]) .search-input:-ms-input-placeholder, | |
.light .search-input:-ms-input-placeholder, | |
.offcanvas-bar .search-input:-ms-input-placeholder, | |
.overlay-primary .search-input:-ms-input-placeholder, | |
.section-primary:not(.preserve-color) .search-input:-ms-input-placeholder, | |
.section-secondary:not(.preserve-color) .search-input:-ms-input-placeholder, | |
.tile-primary:not(.preserve-color) .search-input:-ms-input-placeholder, | |
.tile-secondary:not(.preserve-color) .search-input:-ms-input-placeholder { | |
color: rgba(255, 255, 255, .5)!important | |
} | |
.card-primary.card-body .search .search-icon, | |
.card-primary.card-body .search .search-icon:hover, | |
.card-primary.card-body .search-toggle, | |
.card-primary>:not([class*=card-media]) .search .search-icon, | |
.card-primary>:not([class*=card-media]) .search .search-icon:hover, | |
.card-primary>:not([class*=card-media]) .search-toggle, | |
.card-secondary.card-body .search .search-icon, | |
.card-secondary.card-body .search .search-icon:hover, | |
.card-secondary.card-body .search-toggle, | |
.card-secondary>:not([class*=card-media]) .search .search-icon, | |
.card-secondary>:not([class*=card-media]) .search .search-icon:hover, | |
.card-secondary>:not([class*=card-media]) .search-toggle, | |
.light .search .search-icon, | |
.light .search .search-icon:hover, | |
.light .search-toggle, | |
.offcanvas-bar .search .search-icon, | |
.offcanvas-bar .search .search-icon:hover, | |
.offcanvas-bar .search-toggle, | |
.overlay-primary .search .search-icon, | |
.overlay-primary .search .search-icon:hover, | |
.overlay-primary .search-toggle, | |
.section-primary:not(.preserve-color) .search .search-icon, | |
.section-primary:not(.preserve-color) .search .search-icon:hover, | |
.section-primary:not(.preserve-color) .search-toggle, | |
.section-secondary:not(.preserve-color) .search .search-icon, | |
.section-secondary:not(.preserve-color) .search .search-icon:hover, | |
.section-secondary:not(.preserve-color) .search-toggle, | |
.tile-primary:not(.preserve-color) .search .search-icon, | |
.tile-primary:not(.preserve-color) .search .search-icon:hover, | |
.tile-primary:not(.preserve-color) .search-toggle, | |
.tile-secondary:not(.preserve-color) .search .search-icon, | |
.tile-secondary:not(.preserve-color) .search .search-icon:hover, | |
.tile-secondary:not(.preserve-color) .search-toggle { | |
color: rgba(255, 255, 255, .5) | |
} | |
.card-primary.card-body .search-input::-moz-placeholder, | |
.card-primary>:not([class*=card-media]) .search-input::-moz-placeholder, | |
.card-secondary.card-body .search-input::-moz-placeholder, | |
.card-secondary>:not([class*=card-media]) .search-input::-moz-placeholder, | |
.light .search-input::-moz-placeholder, | |
.offcanvas-bar .search-input::-moz-placeholder, | |
.overlay-primary .search-input::-moz-placeholder, | |
.section-primary:not(.preserve-color) .search-input::-moz-placeholder, | |
.section-secondary:not(.preserve-color) .search-input::-moz-placeholder, | |
.tile-primary:not(.preserve-color) .search-input::-moz-placeholder, | |
.tile-secondary:not(.preserve-color) .search-input::-moz-placeholder { | |
color: rgba(255, 255, 255, .5) | |
} | |
.card-primary.card-body .search-input::-webkit-input-placeholder, | |
.card-primary>:not([class*=card-media]) .search-input::-webkit-input-placeholder, | |
.card-secondary.card-body .search-input::-webkit-input-placeholder, | |
.card-secondary>:not([class*=card-media]) .search-input::-webkit-input-placeholder, | |
.light .search-input::-webkit-input-placeholder, | |
.offcanvas-bar .search-input::-webkit-input-placeholder, | |
.overlay-primary .search-input::-webkit-input-placeholder, | |
.section-primary:not(.preserve-color) .search-input::-webkit-input-placeholder, | |
.section-secondary:not(.preserve-color) .search-input::-webkit-input-placeholder, | |
.tile-primary:not(.preserve-color) .search-input::-webkit-input-placeholder, | |
.tile-secondary:not(.preserve-color) .search-input::-webkit-input-placeholder { | |
color: rgba(255, 255, 255, .5) | |
} | |
.card-primary.card-body .search-default .search-input, | |
.card-primary>:not([class*=card-media]) .search-default .search-input, | |
.card-secondary.card-body .search-default .search-input, | |
.card-secondary>:not([class*=card-media]) .search-default .search-input, | |
.light .search-default .search-input, | |
.offcanvas-bar .search-default .search-input, | |
.overlay-primary .search-default .search-input, | |
.section-primary:not(.preserve-color) .search-default .search-input, | |
.section-secondary:not(.preserve-color) .search-default .search-input, | |
.tile-primary:not(.preserve-color) .search-default .search-input, | |
.tile-secondary:not(.preserve-color) .search-default .search-input { | |
background-color: transparent; | |
border-color: rgba(255, 255, 255, .2) | |
} | |
.card-primary.card-body .search-default .search-input:focus, | |
.card-primary.card-body .search-large .search-input, | |
.card-primary.card-body .search-navbar .search-input, | |
.card-primary>:not([class*=card-media]) .search-default .search-input:focus, | |
.card-primary>:not([class*=card-media]) .search-large .search-input, | |
.card-primary>:not([class*=card-media]) .search-navbar .search-input, | |
.card-secondary.card-body .search-default .search-input:focus, | |
.card-secondary.card-body .search-large .search-input, | |
.card-secondary.card-body .search-navbar .search-input, | |
.card-secondary>:not([class*=card-media]) .search-default .search-input:focus, | |
.card-secondary>:not([class*=card-media]) .search-large .search-input, | |
.card-secondary>:not([class*=card-media]) .search-navbar .search-input, | |
.light .search-default .search-input:focus, | |
.light .search-large .search-input, | |
.light .search-navbar .search-input, | |
.offcanvas-bar .search-default .search-input:focus, | |
.offcanvas-bar .search-large .search-input, | |
.offcanvas-bar .search-navbar .search-input, | |
.overlay-primary .search-default .search-input:focus, | |
.overlay-primary .search-large .search-input, | |
.overlay-primary .search-navbar .search-input, | |
.section-primary:not(.preserve-color) .search-default .search-input:focus, | |
.section-primary:not(.preserve-color) .search-large .search-input, | |
.section-primary:not(.preserve-color) .search-navbar .search-input, | |
.section-secondary:not(.preserve-color) .search-default .search-input:focus, | |
.section-secondary:not(.preserve-color) .search-large .search-input, | |
.section-secondary:not(.preserve-color) .search-navbar .search-input, | |
.tile-primary:not(.preserve-color) .search-default .search-input:focus, | |
.tile-primary:not(.preserve-color) .search-large .search-input, | |
.tile-primary:not(.preserve-color) .search-navbar .search-input, | |
.tile-secondary:not(.preserve-color) .search-default .search-input:focus, | |
.tile-secondary:not(.preserve-color) .search-large .search-input, | |
.tile-secondary:not(.preserve-color) .search-navbar .search-input { | |
background-color: transparent | |
} | |
.card-primary.card-body .search-toggle:focus, | |
.card-primary.card-body .search-toggle:hover, | |
.card-primary>:not([class*=card-media]) .search-toggle:focus, | |
.card-primary>:not([class*=card-media]) .search-toggle:hover, | |
.card-secondary.card-body .search-toggle:focus, | |
.card-secondary.card-body .search-toggle:hover, | |
.card-secondary>:not([class*=card-media]) .search-toggle:focus, | |
.card-secondary>:not([class*=card-media]) .search-toggle:hover, | |
.light .search-toggle:focus, | |
.light .search-toggle:hover, | |
.offcanvas-bar .search-toggle:focus, | |
.offcanvas-bar .search-toggle:hover, | |
.overlay-primary .search-toggle:focus, | |
.overlay-primary .search-toggle:hover, | |
.section-primary:not(.preserve-color) .search-toggle:focus, | |
.section-primary:not(.preserve-color) .search-toggle:hover, | |
.section-secondary:not(.preserve-color) .search-toggle:focus, | |
.section-secondary:not(.preserve-color) .search-toggle:hover, | |
.tile-primary:not(.preserve-color) .search-toggle:focus, | |
.tile-primary:not(.preserve-color) .search-toggle:hover, | |
.tile-secondary:not(.preserve-color) .search-toggle:focus, | |
.tile-secondary:not(.preserve-color) .search-toggle:hover { | |
color: rgba(255, 255, 255, .7) | |
} | |
.card-primary.card-body .nav-parent-icon>.parent>a::after, | |
.card-primary>:not([class*=card-media]) .nav-parent-icon>.parent>a::after, | |
.card-secondary.card-body .nav-parent-icon>.parent>a::after, | |
.card-secondary>:not([class*=card-media]) .nav-parent-icon>.parent>a::after, | |
.light .nav-parent-icon>.parent>a::after, | |
.offcanvas-bar .nav-parent-icon>.parent>a::after, | |
.overlay-primary .nav-parent-icon>.parent>a::after, | |
.section-primary:not(.preserve-color) .nav-parent-icon>.parent>a::after, | |
.section-secondary:not(.preserve-color) .nav-parent-icon>.parent>a::after, | |
.tile-primary:not(.preserve-color) .nav-parent-icon>.parent>a::after, | |
.tile-secondary:not(.preserve-color) .nav-parent-icon>.parent>a::after { | |
background-image: url(../../images/backgrounds/nav-parent-close.svg) | |
} | |
.card-primary.card-body .nav-parent-icon>.parent.open>a::after, | |
.card-primary>:not([class*=card-media]) .nav-parent-icon>.parent.open>a::after, | |
.card-secondary.card-body .nav-parent-icon>.parent.open>a::after, | |
.card-secondary>:not([class*=card-media]) .nav-parent-icon>.parent.open>a::after, | |
.light .nav-parent-icon>.parent.open>a::after, | |
.offcanvas-bar .nav-parent-icon>.parent.open>a::after, | |
.overlay-primary .nav-parent-icon>.parent.open>a::after, | |
.section-primary:not(.preserve-color) .nav-parent-icon>.parent.open>a::after, | |
.section-secondary:not(.preserve-color) .nav-parent-icon>.parent.open>a::after, | |
.tile-primary:not(.preserve-color) .nav-parent-icon>.parent.open>a::after, | |
.tile-secondary:not(.preserve-color) .nav-parent-icon>.parent.open>a::after { | |
background-image: url(../../images/backgrounds/nav-parent-open.svg) | |
} | |
.card-primary.card-body .nav-default>li>a, | |
.card-primary>:not([class*=card-media]) .nav-default>li>a, | |
.card-secondary.card-body .nav-default>li>a, | |
.card-secondary>:not([class*=card-media]) .nav-default>li>a, | |
.light .nav-default>li>a, | |
.offcanvas-bar .nav-default>li>a, | |
.overlay-primary .nav-default>li>a, | |
.section-primary:not(.preserve-color) .nav-default>li>a, | |
.section-secondary:not(.preserve-color) .nav-default>li>a, | |
.tile-primary:not(.preserve-color) .nav-default>li>a, | |
.tile-secondary:not(.preserve-color) .nav-default>li>a { | |
color: rgba(255, 255, 255, .5) | |
} | |
.card-primary.card-body .nav-default>li>a:focus, | |
.card-primary.card-body .nav-default>li>a:hover, | |
.card-primary>:not([class*=card-media]) .nav-default>li>a:focus, | |
.card-primary>:not([class*=card-media]) .nav-default>li>a:hover, | |
.card-secondary.card-body .nav-default>li>a:focus, | |
.card-secondary.card-body .nav-default>li>a:hover, | |
.card-secondary>:not([class*=card-media]) .nav-default>li>a:focus, | |
.card-secondary>:not([class*=card-media]) .nav-default>li>a:hover, | |
.light .nav-default>li>a:focus, | |
.light .nav-default>li>a:hover, | |
.offcanvas-bar .nav-default>li>a:focus, | |
.offcanvas-bar .nav-default>li>a:hover, | |
.overlay-primary .nav-default>li>a:focus, | |
.overlay-primary .nav-default>li>a:hover, | |
.section-primary:not(.preserve-color) .nav-default>li>a:focus, | |
.section-primary:not(.preserve-color) .nav-default>li>a:hover, | |
.section-secondary:not(.preserve-color) .nav-default>li>a:focus, | |
.section-secondary:not(.preserve-color) .nav-default>li>a:hover, | |
.tile-primary:not(.preserve-color) .nav-default>li>a:focus, | |
.tile-primary:not(.preserve-color) .nav-default>li>a:hover, | |
.tile-secondary:not(.preserve-color) .nav-default>li>a:focus, | |
.tile-secondary:not(.preserve-color) .nav-default>li>a:hover { | |
color: rgba(255, 255, 255, .7) | |
} | |
.card-primary.card-body .nav-default .nav-header, | |
.card-primary.card-body .nav-default>li.active>a, | |
.card-primary>:not([class*=card-media]) .nav-default .nav-header, | |
.card-primary>:not([class*=card-media]) .nav-default>li.active>a, | |
.card-secondary.card-body .nav-default .nav-header, | |
.card-secondary.card-body .nav-default>li.active>a, | |
.card-secondary>:not([class*=card-media]) .nav-default .nav-header, | |
.card-secondary>:not([class*=card-media]) .nav-default>li.active>a, | |
.light .nav-default .nav-header, | |
.light .nav-default>li.active>a, | |
.offcanvas-bar .nav-default .nav-header, | |
.offcanvas-bar .nav-default>li.active>a, | |
.overlay-primary .nav-default .nav-header, | |
.overlay-primary .nav-default>li.active>a, | |
.section-primary:not(.preserve-color) .nav-default .nav-header, | |
.section-primary:not(.preserve-color) .nav-default>li.active>a, | |
.section-secondary:not(.preserve-color) .nav-default .nav-header, | |
.section-secondary:not(.preserve-color) .nav-default>li.active>a, | |
.tile-primary:not(.preserve-color) .nav-default .nav-header, | |
.tile-primary:not(.preserve-color) .nav-default>li.active>a, | |
.tile-secondary:not(.preserve-color) .nav-default .nav-header, | |
.tile-secondary:not(.preserve-color) .nav-default>li.active>a { | |
color: #fff | |
} | |
.card-primary.card-body .nav-default .nav-sub a, | |
.card-primary>:not([class*=card-media]) .nav-default .nav-sub a, | |
.card-secondary.card-body .nav-default .nav-sub a, | |
.card-secondary>:not([class*=card-media]) .nav-default .nav-sub a, | |
.light .nav-default .nav-sub a, | |
.offcanvas-bar .nav-default .nav-sub a, | |
.overlay-primary .nav-default .nav-sub a, | |
.section-primary:not(.preserve-color) .nav-default .nav-sub a, | |
.section-secondary:not(.preserve-color) .nav-default .nav-sub a, | |
.tile-primary:not(.preserve-color) .nav-default .nav-sub a, | |
.tile-secondary:not(.preserve-color) .nav-default .nav-sub a { | |
color: rgba(255, 255, 255, .5) | |
} | |
.card-primary.card-body .nav-default .nav-sub a:focus, | |
.card-primary.card-body .nav-default .nav-sub a:hover, | |
.card-primary>:not([class*=card-media]) .nav-default .nav-sub a:focus, | |
.card-primary>:not([class*=card-media]) .nav-default .nav-sub a:hover, | |
.card-secondary.card-body .nav-default .nav-sub a:focus, | |
.card-secondary.card-body .nav-default .nav-sub a:hover, | |
.card-secondary>:not([class*=card-media]) .nav-default .nav-sub a:focus, | |
.card-secondary>:not([class*=card-media]) .nav-default .nav-sub a:hover, | |
.light .nav-default .nav-sub a:focus, | |
.light .nav-default .nav-sub a:hover, | |
.offcanvas-bar .nav-default .nav-sub a:focus, | |
.offcanvas-bar .nav-default .nav-sub a:hover, | |
.overlay-primary .nav-default .nav-sub a:focus, | |
.overlay-primary .nav-default .nav-sub a:hover, | |
.section-primary:not(.preserve-color) .nav-default .nav-sub a:focus, | |
.section-primary:not(.preserve-color) .nav-default .nav-sub a:hover, | |
.section-secondary:not(.preserve-color) .nav-default .nav-sub a:focus, | |
.section-secondary:not(.preserve-color) .nav-default .nav-sub a:hover, | |
.tile-primary:not(.preserve-color) .nav-default .nav-sub a:focus, | |
.tile-primary:not(.preserve-color) .nav-default .nav-sub a:hover, | |
.tile-secondary:not(.preserve-color) .nav-default .nav-sub a:focus, | |
.tile-secondary:not(.preserve-color) .nav-default .nav-sub a:hover { | |
color: rgba(255, 255, 255, .7) | |
} | |
.card-primary.card-body .nav-primary>li>a, | |
.card-primary>:not([class*=card-media]) .nav-primary>li>a, | |
.card-secondary.card-body .nav-primary>li>a, | |
.card-secondary>:not([class*=card-media]) .nav-primary>li>a, | |
.light .nav-primary>li>a, | |
.offcanvas-bar .nav-primary>li>a, | |
.overlay-primary .nav-primary>li>a, | |
.section-primary:not(.preserve-color) .nav-primary>li>a, | |
.section-secondary:not(.preserve-color) .nav-primary>li>a, | |
.tile-primary:not(.preserve-color) .nav-primary>li>a, | |
.tile-secondary:not(.preserve-color) .nav-primary>li>a { | |
color: rgba(255, 255, 255, .5) | |
} | |
.card-primary.card-body .nav-primary>li>a:focus, | |
.card-primary.card-body .nav-primary>li>a:hover, | |
.card-primary>:not([class*=card-media]) .nav-primary>li>a:focus, | |
.card-primary>:not([class*=card-media]) .nav-primary>li>a:hover, | |
.card-secondary.card-body .nav-primary>li>a:focus, | |
.card-secondary.card-body .nav-primary>li>a:hover, | |
.card-secondary>:not([class*=card-media]) .nav-primary>li>a:focus, | |
.card-secondary>:not([class*=card-media]) .nav-primary>li>a:hover, | |
.light .nav-primary>li>a:focus, | |
.light .nav-primary>li>a:hover, | |
.offcanvas-bar .nav-primary>li>a:focus, | |
.offcanvas-bar .nav-primary>li>a:hover, | |
.overlay-primary .nav-primary>li>a:focus, | |
.overlay-primary .nav-primary>li>a:hover, | |
.section-primary:not(.preserve-color) .nav-primary>li>a:focus, | |
.section-primary:not(.preserve-color) .nav-primary>li>a:hover, | |
.section-secondary:not(.preserve-color) .nav-primary>li>a:focus, | |
.section-secondary:not(.preserve-color) .nav-primary>li>a:hover, | |
.tile-primary:not(.preserve-color) .nav-primary>li>a:focus, | |
.tile-primary:not(.preserve-color) .nav-primary>li>a:hover, | |
.tile-secondary:not(.preserve-color) .nav-primary>li>a:focus, | |
.tile-secondary:not(.preserve-color) .nav-primary>li>a:hover { | |
color: rgba(255, 255, 255, .7) | |
} | |
.card-primary.card-body .nav-primary .nav-header, | |
.card-primary.card-body .nav-primary>li.active>a, | |
.card-primary>:not([class*=card-media]) .nav-primary .nav-header, | |
.card-primary>:not([class*=card-media]) .nav-primary>li.active>a, | |
.card-secondary.card-body .nav-primary .nav-header, | |
.card-secondary.card-body .nav-primary>li.active>a, | |
.card-secondary>:not([class*=card-media]) .nav-primary .nav-header, | |
.card-secondary>:not([class*=card-media]) .nav-primary>li.active>a, | |
.light .nav-primary .nav-header, | |
.light .nav-primary>li.active>a, | |
.offcanvas-bar .nav-primary .nav-header, | |
.offcanvas-bar .nav-primary>li.active>a, | |
.overlay-primary .nav-primary .nav-header, | |
.overlay-primary .nav-primary>li.active>a, | |
.section-primary:not(.preserve-color) .nav-primary .nav-header, | |
.section-primary:not(.preserve-color) .nav-primary>li.active>a, | |
.section-secondary:not(.preserve-color) .nav-primary .nav-header, | |
.section-secondary:not(.preserve-color) .nav-primary>li.active>a, | |
.tile-primary:not(.preserve-color) .nav-primary .nav-header, | |
.tile-primary:not(.preserve-color) .nav-primary>li.active>a, | |
.tile-secondary:not(.preserve-color) .nav-primary .nav-header, | |
.tile-secondary:not(.preserve-color) .nav-primary>li.active>a { | |
color: #fff | |
} | |
.card-primary.card-body .nav-primary .nav-sub a, | |
.card-primary>:not([class*=card-media]) .nav-primary .nav-sub a, | |
.card-secondary.card-body .nav-primary .nav-sub a, | |
.card-secondary>:not([class*=card-media]) .nav-primary .nav-sub a, | |
.light .nav-primary .nav-sub a, | |
.offcanvas-bar .nav-primary .nav-sub a, | |
.overlay-primary .nav-primary .nav-sub a, | |
.section-primary:not(.preserve-color) .nav-primary .nav-sub a, | |
.section-secondary:not(.preserve-color) .nav-primary .nav-sub a, | |
.tile-primary:not(.preserve-color) .nav-primary .nav-sub a, | |
.tile-secondary:not(.preserve-color) .nav-primary .nav-sub a { | |
color: rgba(255, 255, 255, .5) | |
} | |
.card-primary.card-body .nav-primary .nav-sub a:focus, | |
.card-primary.card-body .nav-primary .nav-sub a:hover, | |
.card-primary>:not([class*=card-media]) .nav-primary .nav-sub a:focus, | |
.card-primary>:not([class*=card-media]) .nav-primary .nav-sub a:hover, | |
.card-secondary.card-body .nav-primary .nav-sub a:focus, | |
.card-secondary.card-body .nav-primary .nav-sub a:hover, | |
.card-secondary>:not([class*=card-media]) .nav-primary .nav-sub a:focus, | |
.card-secondary>:not([class*=card-media]) .nav-primary .nav-sub a:hover, | |
.light .nav-primary .nav-sub a:focus, | |
.light .nav-primary .nav-sub a:hover, | |
.offcanvas-bar .nav-primary .nav-sub a:focus, | |
.offcanvas-bar .nav-primary .nav-sub a:hover, | |
.overlay-primary .nav-primary .nav-sub a:focus, | |
.overlay-primary .nav-primary .nav-sub a:hover, | |
.section-primary:not(.preserve-color) .nav-primary .nav-sub a:focus, | |
.section-primary:not(.preserve-color) .nav-primary .nav-sub a:hover, | |
.section-secondary:not(.preserve-color) .nav-primary .nav-sub a:focus, | |
.section-secondary:not(.preserve-color) .nav-primary .nav-sub a:hover, | |
.tile-primary:not(.preserve-color) .nav-primary .nav-sub a:focus, | |
.tile-primary:not(.preserve-color) .nav-primary .nav-sub a:hover, | |
.tile-secondary:not(.preserve-color) .nav-primary .nav-sub a:focus, | |
.tile-secondary:not(.preserve-color) .nav-primary .nav-sub a:hover { | |
color: rgba(255, 255, 255, .7) | |
} | |
.card-primary.card-body .navbar-nav>li>a, | |
.card-primary>:not([class*=card-media]) .navbar-nav>li>a, | |
.card-secondary.card-body .navbar-nav>li>a, | |
.card-secondary>:not([class*=card-media]) .navbar-nav>li>a, | |
.light .navbar-nav>li>a, | |
.offcanvas-bar .navbar-nav>li>a, | |
.overlay-primary .navbar-nav>li>a, | |
.section-primary:not(.preserve-color) .navbar-nav>li>a, | |
.section-secondary:not(.preserve-color) .navbar-nav>li>a, | |
.tile-primary:not(.preserve-color) .navbar-nav>li>a, | |
.tile-secondary:not(.preserve-color) .navbar-nav>li>a { | |
color: rgba(255, 255, 255, .5) | |
} | |
.card-primary.card-body .navbar-nav>li:hover>a, | |
.card-primary.card-body .navbar-nav>li>a.open, | |
.card-primary.card-body .navbar-nav>li>a:focus, | |
.card-primary>:not([class*=card-media]) .navbar-nav>li:hover>a, | |
.card-primary>:not([class*=card-media]) .navbar-nav>li>a.open, | |
.card-primary>:not([class*=card-media]) .navbar-nav>li>a:focus, | |
.card-secondary.card-body .navbar-nav>li:hover>a, | |
.card-secondary.card-body .navbar-nav>li>a.open, | |
.card-secondary.card-body .navbar-nav>li>a:focus, | |
.card-secondary>:not([class*=card-media]) .navbar-nav>li:hover>a, | |
.card-secondary>:not([class*=card-media]) .navbar-nav>li>a.open, | |
.card-secondary>:not([class*=card-media]) .navbar-nav>li>a:focus, | |
.light .navbar-nav>li:hover>a, | |
.light .navbar-nav>li>a.open, | |
.light .navbar-nav>li>a:focus, | |
.offcanvas-bar .navbar-nav>li:hover>a, | |
.offcanvas-bar .navbar-nav>li>a.open, | |
.offcanvas-bar .navbar-nav>li>a:focus, | |
.overlay-primary .navbar-nav>li:hover>a, | |
.overlay-primary .navbar-nav>li>a.open, | |
.overlay-primary .navbar-nav>li>a:focus, | |
.section-primary:not(.preserve-color) .navbar-nav>li:hover>a, | |
.section-primary:not(.preserve-color) .navbar-nav>li>a.open, | |
.section-primary:not(.preserve-color) .navbar-nav>li>a:focus, | |
.section-secondary:not(.preserve-color) .navbar-nav>li:hover>a, | |
.section-secondary:not(.preserve-color) .navbar-nav>li>a.open, | |
.section-secondary:not(.preserve-color) .navbar-nav>li>a:focus, | |
.tile-primary:not(.preserve-color) .navbar-nav>li:hover>a, | |
.tile-primary:not(.preserve-color) .navbar-nav>li>a.open, | |
.tile-primary:not(.preserve-color) .navbar-nav>li>a:focus, | |
.tile-secondary:not(.preserve-color) .navbar-nav>li:hover>a, | |
.tile-secondary:not(.preserve-color) .navbar-nav>li>a.open, | |
.tile-secondary:not(.preserve-color) .navbar-nav>li>a:focus { | |
color: rgba(255, 255, 255, .7) | |
} | |
.card-primary.card-body .navbar-nav>li.active>a, | |
.card-primary.card-body .navbar-nav>li>a:active, | |
.card-primary>:not([class*=card-media]) .navbar-nav>li.active>a, | |
.card-primary>:not([class*=card-media]) .navbar-nav>li>a:active, | |
.card-secondary.card-body .navbar-nav>li.active>a, | |
.card-secondary.card-body .navbar-nav>li>a:active, | |
.card-secondary>:not([class*=card-media]) .navbar-nav>li.active>a, | |
.card-secondary>:not([class*=card-media]) .navbar-nav>li>a:active, | |
.light .navbar-nav>li.active>a, | |
.light .navbar-nav>li>a:active, | |
.offcanvas-bar .navbar-nav>li.active>a, | |
.offcanvas-bar .navbar-nav>li>a:active, | |
.overlay-primary .navbar-nav>li.active>a, | |
.overlay-primary .navbar-nav>li>a:active, | |
.section-primary:not(.preserve-color) .navbar-nav>li.active>a, | |
.section-primary:not(.preserve-color) .navbar-nav>li>a:active, | |
.section-secondary:not(.preserve-color) .navbar-nav>li.active>a, | |
.section-secondary:not(.preserve-color) .navbar-nav>li>a:active, | |
.tile-primary:not(.preserve-color) .navbar-nav>li.active>a, | |
.tile-primary:not(.preserve-color) .navbar-nav>li>a:active, | |
.tile-secondary:not(.preserve-color) .navbar-nav>li.active>a, | |
.tile-secondary:not(.preserve-color) .navbar-nav>li>a:active { | |
color: #fff | |
} | |
.card-primary.card-body .navbar-item, | |
.card-primary>:not([class*=card-media]) .navbar-item, | |
.card-secondary.card-body .navbar-item, | |
.card-secondary>:not([class*=card-media]) .navbar-item, | |
.light .navbar-item, | |
.offcanvas-bar .navbar-item, | |
.overlay-primary .navbar-item, | |
.section-primary:not(.preserve-color) .navbar-item, | |
.section-secondary:not(.preserve-color) .navbar-item, | |
.tile-primary:not(.preserve-color) .navbar-item, | |
.tile-secondary:not(.preserve-color) .navbar-item { | |
color: rgba(255, 255, 255, .7) | |
} | |
.card-primary.card-body .navbar-toggle, | |
.card-primary>:not([class*=card-media]) .navbar-toggle, | |
.card-secondary.card-body .navbar-toggle, | |
.card-secondary>:not([class*=card-media]) .navbar-toggle, | |
.light .navbar-toggle, | |
.offcanvas-bar .navbar-toggle, | |
.overlay-primary .navbar-toggle, | |
.section-primary:not(.preserve-color) .navbar-toggle, | |
.section-secondary:not(.preserve-color) .navbar-toggle, | |
.tile-primary:not(.preserve-color) .navbar-toggle, | |
.tile-secondary:not(.preserve-color) .navbar-toggle { | |
color: rgba(255, 255, 255, .5) | |
} | |
.card-primary.card-body .navbar-toggle.open, | |
.card-primary.card-body .navbar-toggle:focus, | |
.card-primary.card-body .navbar-toggle:hover, | |
.card-primary>:not([class*=card-media]) .navbar-toggle.open, | |
.card-primary>:not([class*=card-media]) .navbar-toggle:focus, | |
.card-primary>:not([class*=card-media]) .navbar-toggle:hover, | |
.card-secondary.card-body .navbar-toggle.open, | |
.card-secondary.card-body .navbar-toggle:focus, | |
.card-secondary.card-body .navbar-toggle:hover, | |
.card-secondary>:not([class*=card-media]) .navbar-toggle.open, | |
.card-secondary>:not([class*=card-media]) .navbar-toggle:focus, | |
.card-secondary>:not([class*=card-media]) .navbar-toggle:hover, | |
.light .navbar-toggle.open, | |
.light .navbar-toggle:focus, | |
.light .navbar-toggle:hover, | |
.offcanvas-bar .navbar-toggle.open, | |
.offcanvas-bar .navbar-toggle:focus, | |
.offcanvas-bar .navbar-toggle:hover, | |
.overlay-primary .navbar-toggle.open, | |
.overlay-primary .navbar-toggle:focus, | |
.overlay-primary .navbar-toggle:hover, | |
.section-primary:not(.preserve-color) .navbar-toggle.open, | |
.section-primary:not(.preserve-color) .navbar-toggle:focus, | |
.section-primary:not(.preserve-color) .navbar-toggle:hover, | |
.section-secondary:not(.preserve-color) .navbar-toggle.open, | |
.section-secondary:not(.preserve-color) .navbar-toggle:focus, | |
.section-secondary:not(.preserve-color) .navbar-toggle:hover, | |
.tile-primary:not(.preserve-color) .navbar-toggle.open, | |
.tile-primary:not(.preserve-color) .navbar-toggle:focus, | |
.tile-primary:not(.preserve-color) .navbar-toggle:hover, | |
.tile-secondary:not(.preserve-color) .navbar-toggle.open, | |
.tile-secondary:not(.preserve-color) .navbar-toggle:focus, | |
.tile-secondary:not(.preserve-color) .navbar-toggle:hover { | |
color: rgba(255, 255, 255, .7) | |
} | |
.card-primary.card-body .subnav>*>:first-child, | |
.card-primary>:not([class*=card-media]) .subnav>*>:first-child, | |
.card-secondary.card-body .subnav>*>:first-child, | |
.card-secondary>:not([class*=card-media]) .subnav>*>:first-child, | |
.light .subnav>*>:first-child, | |
.offcanvas-bar .subnav>*>:first-child, | |
.overlay-primary .subnav>*>:first-child, | |
.section-primary:not(.preserve-color) .subnav>*>:first-child, | |
.section-secondary:not(.preserve-color) .subnav>*>:first-child, | |
.tile-primary:not(.preserve-color) .subnav>*>:first-child, | |
.tile-secondary:not(.preserve-color) .subnav>*>:first-child { | |
color: rgba(255, 255, 255, .5) | |
} | |
.card-primary.card-body .subnav>*>a:focus, | |
.card-primary.card-body .subnav>*>a:hover, | |
.card-primary>:not([class*=card-media]) .subnav>*>a:focus, | |
.card-primary>:not([class*=card-media]) .subnav>*>a:hover, | |
.card-secondary.card-body .subnav>*>a:focus, | |
.card-secondary.card-body .subnav>*>a:hover, | |
.card-secondary>:not([class*=card-media]) .subnav>*>a:focus, | |
.card-secondary>:not([class*=card-media]) .subnav>*>a:hover, | |
.light .subnav>*>a:focus, | |
.light .subnav>*>a:hover, | |
.offcanvas-bar .subnav>*>a:focus, | |
.offcanvas-bar .subnav>*>a:hover, | |
.overlay-primary .subnav>*>a:focus, | |
.overlay-primary .subnav>*>a:hover, | |
.section-primary:not(.preserve-color) .subnav>*>a:focus, | |
.section-primary:not(.preserve-color) .subnav>*>a:hover, | |
.section-secondary:not(.preserve-color) .subnav>*>a:focus, | |
.section-secondary:not(.preserve-color) .subnav>*>a:hover, | |
.tile-primary:not(.preserve-color) .subnav>*>a:focus, | |
.tile-primary:not(.preserve-color) .subnav>*>a:hover, | |
.tile-secondary:not(.preserve-color) .subnav>*>a:focus, | |
.tile-secondary:not(.preserve-color) .subnav>*>a:hover { | |
color: rgba(255, 255, 255, .7) | |
} | |
.card-primary.card-body .subnav>.active>a, | |
.card-primary>:not([class*=card-media]) .subnav>.active>a, | |
.card-secondary.card-body .subnav>.active>a, | |
.card-secondary>:not([class*=card-media]) .subnav>.active>a, | |
.light .subnav>.active>a, | |
.offcanvas-bar .subnav>.active>a, | |
.overlay-primary .subnav>.active>a, | |
.section-primary:not(.preserve-color) .subnav>.active>a, | |
.section-secondary:not(.preserve-color) .subnav>.active>a, | |
.tile-primary:not(.preserve-color) .subnav>.active>a, | |
.tile-secondary:not(.preserve-color) .subnav>.active>a { | |
color: #fff | |
} | |
.card-primary.card-body .subnav-pill>*>:first-child, | |
.card-primary>:not([class*=card-media]) .subnav-pill>*>:first-child, | |
.card-secondary.card-body .subnav-pill>*>:first-child, | |
.card-secondary>:not([class*=card-media]) .subnav-pill>*>:first-child, | |
.light .subnav-pill>*>:first-child, | |
.offcanvas-bar .subnav-pill>*>:first-child, | |
.overlay-primary .subnav-pill>*>:first-child, | |
.section-primary:not(.preserve-color) .subnav-pill>*>:first-child, | |
.section-secondary:not(.preserve-color) .subnav-pill>*>:first-child, | |
.tile-primary:not(.preserve-color) .subnav-pill>*>:first-child, | |
.tile-secondary:not(.preserve-color) .subnav-pill>*>:first-child { | |
background-color: transparent; | |
color: rgba(255, 255, 255, .5) | |
} | |
.card-primary.card-body .subnav-pill>*>a:active, | |
.card-primary.card-body .subnav-pill>*>a:focus, | |
.card-primary.card-body .subnav-pill>*>a:hover, | |
.card-primary>:not([class*=card-media]) .subnav-pill>*>a:active, | |
.card-primary>:not([class*=card-media]) .subnav-pill>*>a:focus, | |
.card-primary>:not([class*=card-media]) .subnav-pill>*>a:hover, | |
.card-secondary.card-body .subnav-pill>*>a:active, | |
.card-secondary.card-body .subnav-pill>*>a:focus, | |
.card-secondary.card-body .subnav-pill>*>a:hover, | |
.card-secondary>:not([class*=card-media]) .subnav-pill>*>a:active, | |
.card-secondary>:not([class*=card-media]) .subnav-pill>*>a:focus, | |
.card-secondary>:not([class*=card-media]) .subnav-pill>*>a:hover, | |
.light .subnav-pill>*>a:active, | |
.light .subnav-pill>*>a:focus, | |
.light .subnav-pill>*>a:hover, | |
.offcanvas-bar .subnav-pill>*>a:active, | |
.offcanvas-bar .subnav-pill>*>a:focus, | |
.offcanvas-bar .subnav-pill>*>a:hover, | |
.overlay-primary .subnav-pill>*>a:active, | |
.overlay-primary .subnav-pill>*>a:focus, | |
.overlay-primary .subnav-pill>*>a:hover, | |
.section-primary:not(.preserve-color) .subnav-pill>*>a:active, | |
.section-primary:not(.preserve-color) .subnav-pill>*>a:focus, | |
.section-primary:not(.preserve-color) .subnav-pill>*>a:hover, | |
.section-secondary:not(.preserve-color) .subnav-pill>*>a:active, | |
.section-secondary:not(.preserve-color) .subnav-pill>*>a:focus, | |
.section-secondary:not(.preserve-color) .subnav-pill>*>a:hover, | |
.tile-primary:not(.preserve-color) .subnav-pill>*>a:active, | |
.tile-primary:not(.preserve-color) .subnav-pill>*>a:focus, | |
.tile-primary:not(.preserve-color) .subnav-pill>*>a:hover, | |
.tile-secondary:not(.preserve-color) .subnav-pill>*>a:active, | |
.tile-secondary:not(.preserve-color) .subnav-pill>*>a:focus, | |
.tile-secondary:not(.preserve-color) .subnav-pill>*>a:hover { | |
background-color: rgba(255, 255, 255, .1); | |
color: rgba(255, 255, 255, .7) | |
} | |
.card-primary.card-body .subnav-pill>.active>a, | |
.card-primary>:not([class*=card-media]) .subnav-pill>.active>a, | |
.card-secondary.card-body .subnav-pill>.active>a, | |
.card-secondary>:not([class*=card-media]) .subnav-pill>.active>a, | |
.light .subnav-pill>.active>a, | |
.offcanvas-bar .subnav-pill>.active>a, | |
.overlay-primary .subnav-pill>.active>a, | |
.section-primary:not(.preserve-color) .subnav-pill>.active>a, | |
.section-secondary:not(.preserve-color) .subnav-pill>.active>a, | |
.tile-primary:not(.preserve-color) .subnav-pill>.active>a, | |
.tile-secondary:not(.preserve-color) .subnav-pill>.active>a { | |
background-color: #fff; | |
color: #4f5a80 | |
} | |
.card-primary.card-body .breadcrumb>*>*, | |
.card-primary.card-body .subnav>.disabled>a, | |
.card-primary>:not([class*=card-media]) .breadcrumb>*>*, | |
.card-primary>:not([class*=card-media]) .subnav>.disabled>a, | |
.card-secondary.card-body .breadcrumb>*>*, | |
.card-secondary.card-body .subnav>.disabled>a, | |
.card-secondary>:not([class*=card-media]) .breadcrumb>*>*, | |
.card-secondary>:not([class*=card-media]) .subnav>.disabled>a, | |
.light .breadcrumb>*>*, | |
.light .subnav>.disabled>a, | |
.offcanvas-bar .breadcrumb>*>*, | |
.offcanvas-bar .subnav>.disabled>a, | |
.overlay-primary .breadcrumb>*>*, | |
.overlay-primary .subnav>.disabled>a, | |
.section-primary:not(.preserve-color) .breadcrumb>*>*, | |
.section-primary:not(.preserve-color) .subnav>.disabled>a, | |
.section-secondary:not(.preserve-color) .breadcrumb>*>*, | |
.section-secondary:not(.preserve-color) .subnav>.disabled>a, | |
.tile-primary:not(.preserve-color) .breadcrumb>*>*, | |
.tile-primary:not(.preserve-color) .subnav>.disabled>a, | |
.tile-secondary:not(.preserve-color) .breadcrumb>*>*, | |
.tile-secondary:not(.preserve-color) .subnav>.disabled>a { | |
color: rgba(255, 255, 255, .5) | |
} | |
.card-primary.card-body .breadcrumb>*>:focus, | |
.card-primary.card-body .breadcrumb>*>:hover, | |
.card-primary.card-body .breadcrumb>:last-child>*, | |
.card-primary>:not([class*=card-media]) .breadcrumb>*>:focus, | |
.card-primary>:not([class*=card-media]) .breadcrumb>*>:hover, | |
.card-primary>:not([class*=card-media]) .breadcrumb>:last-child>*, | |
.card-secondary.card-body .breadcrumb>*>:focus, | |
.card-secondary.card-body .breadcrumb>*>:hover, | |
.card-secondary.card-body .breadcrumb>:last-child>*, | |
.card-secondary>:not([class*=card-media]) .breadcrumb>*>:focus, | |
.card-secondary>:not([class*=card-media]) .breadcrumb>*>:hover, | |
.card-secondary>:not([class*=card-media]) .breadcrumb>:last-child>*, | |
.light .breadcrumb>*>:focus, | |
.light .breadcrumb>*>:hover, | |
.light .breadcrumb>:last-child>*, | |
.offcanvas-bar .breadcrumb>*>:focus, | |
.offcanvas-bar .breadcrumb>*>:hover, | |
.offcanvas-bar .breadcrumb>:last-child>*, | |
.overlay-primary .breadcrumb>*>:focus, | |
.overlay-primary .breadcrumb>*>:hover, | |
.overlay-primary .breadcrumb>:last-child>*, | |
.section-primary:not(.preserve-color) .breadcrumb>*>:focus, | |
.section-primary:not(.preserve-color) .breadcrumb>*>:hover, | |
.section-primary:not(.preserve-color) .breadcrumb>:last-child>*, | |
.section-secondary:not(.preserve-color) .breadcrumb>*>:focus, | |
.section-secondary:not(.preserve-color) .breadcrumb>*>:hover, | |
.section-secondary:not(.preserve-color) .breadcrumb>:last-child>*, | |
.tile-primary:not(.preserve-color) .breadcrumb>*>:focus, | |
.tile-primary:not(.preserve-color) .breadcrumb>*>:hover, | |
.tile-primary:not(.preserve-color) .breadcrumb>:last-child>*, | |
.tile-secondary:not(.preserve-color) .breadcrumb>*>:focus, | |
.tile-secondary:not(.preserve-color) .breadcrumb>*>:hover, | |
.tile-secondary:not(.preserve-color) .breadcrumb>:last-child>* { | |
color: rgba(255, 255, 255, .7) | |
} | |
.card-primary.card-body .breadcrumb>:nth-child(n+2):not(.first-column)::before, | |
.card-primary.card-body .pagination>*>*, | |
.card-primary>:not([class*=card-media]) .breadcrumb>:nth-child(n+2):not(.first-column)::before, | |
.card-primary>:not([class*=card-media]) .pagination>*>*, | |
.card-secondary.card-body .breadcrumb>:nth-child(n+2):not(.first-column)::before, | |
.card-secondary.card-body .pagination>*>*, | |
.card-secondary>:not([class*=card-media]) .breadcrumb>:nth-child(n+2):not(.first-column)::before, | |
.card-secondary>:not([class*=card-media]) .pagination>*>*, | |
.light .breadcrumb>:nth-child(n+2):not(.first-column)::before, | |
.light .pagination>*>*, | |
.offcanvas-bar .breadcrumb>:nth-child(n+2):not(.first-column)::before, | |
.offcanvas-bar .pagination>*>*, | |
.overlay-primary .breadcrumb>:nth-child(n+2):not(.first-column)::before, | |
.overlay-primary .pagination>*>*, | |
.section-primary:not(.preserve-color) .breadcrumb>:nth-child(n+2):not(.first-column)::before, | |
.section-primary:not(.preserve-color) .pagination>*>*, | |
.section-secondary:not(.preserve-color) .breadcrumb>:nth-child(n+2):not(.first-column)::before, | |
.section-secondary:not(.preserve-color) .pagination>*>*, | |
.tile-primary:not(.preserve-color) .breadcrumb>:nth-child(n+2):not(.first-column)::before, | |
.tile-primary:not(.preserve-color) .pagination>*>*, | |
.tile-secondary:not(.preserve-color) .breadcrumb>:nth-child(n+2):not(.first-column)::before, | |
.tile-secondary:not(.preserve-color) .pagination>*>* { | |
color: rgba(255, 255, 255, .5) | |
} | |
.card-primary.card-body .pagination>*>:focus, | |
.card-primary.card-body .pagination>*>:hover, | |
.card-primary.card-body .pagination>.active>*, | |
.card-primary>:not([class*=card-media]) .pagination>*>:focus, | |
.card-primary>:not([class*=card-media]) .pagination>*>:hover, | |
.card-primary>:not([class*=card-media]) .pagination>.active>*, | |
.card-secondary.card-body .pagination>*>:focus, | |
.card-secondary.card-body .pagination>*>:hover, | |
.card-secondary.card-body .pagination>.active>*, | |
.card-secondary>:not([class*=card-media]) .pagination>*>:focus, | |
.card-secondary>:not([class*=card-media]) .pagination>*>:hover, | |
.card-secondary>:not([class*=card-media]) .pagination>.active>*, | |
.light .pagination>*>:focus, | |
.light .pagination>*>:hover, | |
.light .pagination>.active>*, | |
.offcanvas-bar .pagination>*>:focus, | |
.offcanvas-bar .pagination>*>:hover, | |
.offcanvas-bar .pagination>.active>*, | |
.overlay-primary .pagination>*>:focus, | |
.overlay-primary .pagination>*>:hover, | |
.overlay-primary .pagination>.active>*, | |
.section-primary:not(.preserve-color) .pagination>*>:focus, | |
.section-primary:not(.preserve-color) .pagination>*>:hover, | |
.section-primary:not(.preserve-color) .pagination>.active>*, | |
.section-secondary:not(.preserve-color) .pagination>*>:focus, | |
.section-secondary:not(.preserve-color) .pagination>*>:hover, | |
.section-secondary:not(.preserve-color) .pagination>.active>*, | |
.tile-primary:not(.preserve-color) .pagination>*>:focus, | |
.tile-primary:not(.preserve-color) .pagination>*>:hover, | |
.tile-primary:not(.preserve-color) .pagination>.active>*, | |
.tile-secondary:not(.preserve-color) .pagination>*>:focus, | |
.tile-secondary:not(.preserve-color) .pagination>*>:hover, | |
.tile-secondary:not(.preserve-color) .pagination>.active>* { | |
color: rgba(255, 255, 255, .7) | |
} | |
.card-primary.card-body .pagination>.disabled>*, | |
.card-primary.card-body .tab>*>a, | |
.card-primary>:not([class*=card-media]) .pagination>.disabled>*, | |
.card-primary>:not([class*=card-media]) .tab>*>a, | |
.card-secondary.card-body .pagination>.disabled>*, | |
.card-secondary.card-body .tab>*>a, | |
.card-secondary>:not([class*=card-media]) .pagination>.disabled>*, | |
.card-secondary>:not([class*=card-media]) .tab>*>a, | |
.light .pagination>.disabled>*, | |
.light .tab>*>a, | |
.offcanvas-bar .pagination>.disabled>*, | |
.offcanvas-bar .tab>*>a, | |
.overlay-primary .pagination>.disabled>*, | |
.overlay-primary .tab>*>a, | |
.section-primary:not(.preserve-color) .pagination>.disabled>*, | |
.section-primary:not(.preserve-color) .tab>*>a, | |
.section-secondary:not(.preserve-color) .pagination>.disabled>*, | |
.section-secondary:not(.preserve-color) .tab>*>a, | |
.tile-primary:not(.preserve-color) .pagination>.disabled>*, | |
.tile-primary:not(.preserve-color) .tab>*>a, | |
.tile-secondary:not(.preserve-color) .pagination>.disabled>*, | |
.tile-secondary:not(.preserve-color) .tab>*>a { | |
color: rgba(255, 255, 255, .5) | |
} | |
.card-primary.card-body .tab::before, | |
.card-primary>:not([class*=card-media]) .tab::before, | |
.card-secondary.card-body .tab::before, | |
.card-secondary>:not([class*=card-media]) .tab::before, | |
.light .tab::before, | |
.offcanvas-bar .tab::before, | |
.overlay-primary .tab::before, | |
.section-primary:not(.preserve-color) .tab::before, | |
.section-secondary:not(.preserve-color) .tab::before, | |
.tile-primary:not(.preserve-color) .tab::before, | |
.tile-secondary:not(.preserve-color) .tab::before { | |
border-color: rgba(255, 255, 255, .2) | |
} | |
.card-primary.card-body .tab>*>a:focus, | |
.card-primary.card-body .tab>*>a:hover, | |
.card-primary>:not([class*=card-media]) .tab>*>a:focus, | |
.card-primary>:not([class*=card-media]) .tab>*>a:hover, | |
.card-secondary.card-body .tab>*>a:focus, | |
.card-secondary.card-body .tab>*>a:hover, | |
.card-secondary>:not([class*=card-media]) .tab>*>a:focus, | |
.card-secondary>:not([class*=card-media]) .tab>*>a:hover, | |
.light .tab>*>a:focus, | |
.light .tab>*>a:hover, | |
.offcanvas-bar .tab>*>a:focus, | |
.offcanvas-bar .tab>*>a:hover, | |
.overlay-primary .tab>*>a:focus, | |
.overlay-primary .tab>*>a:hover, | |
.section-primary:not(.preserve-color) .tab>*>a:focus, | |
.section-primary:not(.preserve-color) .tab>*>a:hover, | |
.section-secondary:not(.preserve-color) .tab>*>a:focus, | |
.section-secondary:not(.preserve-color) .tab>*>a:hover, | |
.tile-primary:not(.preserve-color) .tab>*>a:focus, | |
.tile-primary:not(.preserve-color) .tab>*>a:hover, | |
.tile-secondary:not(.preserve-color) .tab>*>a:focus, | |
.tile-secondary:not(.preserve-color) .tab>*>a:hover { | |
color: rgba(255, 255, 255, .7) | |
} | |
.card-primary.card-body .tab>.active>a, | |
.card-primary>:not([class*=card-media]) .tab>.active>a, | |
.card-secondary.card-body .tab>.active>a, | |
.card-secondary>:not([class*=card-media]) .tab>.active>a, | |
.light .tab>.active>a, | |
.offcanvas-bar .tab>.active>a, | |
.overlay-primary .tab>.active>a, | |
.section-primary:not(.preserve-color) .tab>.active>a, | |
.section-secondary:not(.preserve-color) .tab>.active>a, | |
.tile-primary:not(.preserve-color) .tab>.active>a, | |
.tile-secondary:not(.preserve-color) .tab>.active>a { | |
color: #fff; | |
border-color: #fff | |
} | |
.card-primary.card-body .tab>.disabled>a, | |
.card-primary>:not([class*=card-media]) .tab>.disabled>a, | |
.card-secondary.card-body .tab>.disabled>a, | |
.card-secondary>:not([class*=card-media]) .tab>.disabled>a, | |
.light .tab>.disabled>a, | |
.offcanvas-bar .tab>.disabled>a, | |
.overlay-primary .tab>.disabled>a, | |
.section-primary:not(.preserve-color) .tab>.disabled>a, | |
.section-secondary:not(.preserve-color) .tab>.disabled>a, | |
.tile-primary:not(.preserve-color) .tab>.disabled>a, | |
.tile-secondary:not(.preserve-color) .tab>.disabled>a { | |
color: rgba(255, 255, 255, .5) | |
} | |
.card-primary.card-body .slidenav, | |
.card-primary>:not([class*=card-media]) .slidenav, | |
.card-secondary.card-body .slidenav, | |
.card-secondary>:not([class*=card-media]) .slidenav, | |
.light .slidenav, | |
.offcanvas-bar .slidenav, | |
.overlay-primary .slidenav, | |
.section-primary:not(.preserve-color) .slidenav, | |
.section-secondary:not(.preserve-color) .slidenav, | |
.tile-primary:not(.preserve-color) .slidenav, | |
.tile-secondary:not(.preserve-color) .slidenav { | |
color: rgba(255, 255, 255, .3) | |
} | |
.card-primary.card-body .slidenav:focus, | |
.card-primary.card-body .slidenav:hover, | |
.card-primary>:not([class*=card-media]) .slidenav:focus, | |
.card-primary>:not([class*=card-media]) .slidenav:hover, | |
.card-secondary.card-body .slidenav:focus, | |
.card-secondary.card-body .slidenav:hover, | |
.card-secondary>:not([class*=card-media]) .slidenav:focus, | |
.card-secondary>:not([class*=card-media]) .slidenav:hover, | |
.light .slidenav:focus, | |
.light .slidenav:hover, | |
.offcanvas-bar .slidenav:focus, | |
.offcanvas-bar .slidenav:hover, | |
.overlay-primary .slidenav:focus, | |
.overlay-primary .slidenav:hover, | |
.section-primary:not(.preserve-color) .slidenav:focus, | |
.section-primary:not(.preserve-color) .slidenav:hover, | |
.section-secondary:not(.preserve-color) .slidenav:focus, | |
.section-secondary:not(.preserve-color) .slidenav:hover, | |
.tile-primary:not(.preserve-color) .slidenav:focus, | |
.tile-primary:not(.preserve-color) .slidenav:hover, | |
.tile-secondary:not(.preserve-color) .slidenav:focus, | |
.tile-secondary:not(.preserve-color) .slidenav:hover { | |
color: rgba(255, 255, 255, .5) | |
} | |
.card-primary.card-body .slidenav:active, | |
.card-primary>:not([class*=card-media]) .slidenav:active, | |
.card-secondary.card-body .slidenav:active, | |
.card-secondary>:not([class*=card-media]) .slidenav:active, | |
.light .slidenav:active, | |
.offcanvas-bar .slidenav:active, | |
.overlay-primary .slidenav:active, | |
.section-primary:not(.preserve-color) .slidenav:active, | |
.section-secondary:not(.preserve-color) .slidenav:active, | |
.tile-primary:not(.preserve-color) .slidenav:active, | |
.tile-secondary:not(.preserve-color) .slidenav:active { | |
color: rgba(255, 255, 255, .6) | |
} | |
.card-primary.card-body .dotnav>*>*, | |
.card-primary>:not([class*=card-media]) .dotnav>*>*, | |
.card-secondary.card-body .dotnav>*>*, | |
.card-secondary>:not([class*=card-media]) .dotnav>*>*, | |
.light .dotnav>*>*, | |
.offcanvas-bar .dotnav>*>*, | |
.overlay-primary .dotnav>*>*, | |
.section-primary:not(.preserve-color) .dotnav>*>*, | |
.section-secondary:not(.preserve-color) .dotnav>*>*, | |
.tile-primary:not(.preserve-color) .dotnav>*>*, | |
.tile-secondary:not(.preserve-color) .dotnav>*>* { | |
background-color: rgba(255, 255, 255, .1) | |
} | |
.card-primary.card-body .dotnav>*>:focus, | |
.card-primary.card-body .dotnav>*>:hover, | |
.card-primary>:not([class*=card-media]) .dotnav>*>:focus, | |
.card-primary>:not([class*=card-media]) .dotnav>*>:hover, | |
.card-secondary.card-body .dotnav>*>:focus, | |
.card-secondary.card-body .dotnav>*>:hover, | |
.card-secondary>:not([class*=card-media]) .dotnav>*>:focus, | |
.card-secondary>:not([class*=card-media]) .dotnav>*>:hover, | |
.light .dotnav>*>:focus, | |
.light .dotnav>*>:hover, | |
.offcanvas-bar .dotnav>*>:focus, | |
.offcanvas-bar .dotnav>*>:hover, | |
.overlay-primary .dotnav>*>:focus, | |
.overlay-primary .dotnav>*>:hover, | |
.section-primary:not(.preserve-color) .dotnav>*>:focus, | |
.section-primary:not(.preserve-color) .dotnav>*>:hover, | |
.section-secondary:not(.preserve-color) .dotnav>*>:focus, | |
.section-secondary:not(.preserve-color) .dotnav>*>:hover, | |
.tile-primary:not(.preserve-color) .dotnav>*>:focus, | |
.tile-primary:not(.preserve-color) .dotnav>*>:hover, | |
.tile-secondary:not(.preserve-color) .dotnav>*>:focus, | |
.tile-secondary:not(.preserve-color) .dotnav>*>:hover { | |
background-color: rgba(255, 255, 255, .4) | |
} | |
.card-primary.card-body .dotnav>*>:active, | |
.card-primary.card-body .dotnav>.active>*, | |
.card-primary>:not([class*=card-media]) .dotnav>*>:active, | |
.card-primary>:not([class*=card-media]) .dotnav>.active>*, | |
.card-secondary.card-body .dotnav>*>:active, | |
.card-secondary.card-body .dotnav>.active>*, | |
.card-secondary>:not([class*=card-media]) .dotnav>*>:active, | |
.card-secondary>:not([class*=card-media]) .dotnav>.active>*, | |
.light .dotnav>*>:active, | |
.light .dotnav>.active>*, | |
.offcanvas-bar .dotnav>*>:active, | |
.offcanvas-bar .dotnav>.active>*, | |
.overlay-primary .dotnav>*>:active, | |
.overlay-primary .dotnav>.active>*, | |
.section-primary:not(.preserve-color) .dotnav>*>:active, | |
.section-primary:not(.preserve-color) .dotnav>.active>*, | |
.section-secondary:not(.preserve-color) .dotnav>*>:active, | |
.section-secondary:not(.preserve-color) .dotnav>.active>*, | |
.tile-primary:not(.preserve-color) .dotnav>*>:active, | |
.tile-primary:not(.preserve-color) .dotnav>.active>*, | |
.tile-secondary:not(.preserve-color) .dotnav>*>:active, | |
.tile-secondary:not(.preserve-color) .dotnav>.active>* { | |
background-color: rgba(255, 255, 255, .6) | |
} | |
.card-primary.card-body .iconnav>*>*, | |
.card-primary>:not([class*=card-media]) .iconnav>*>*, | |
.card-secondary.card-body .iconnav>*>*, | |
.card-secondary>:not([class*=card-media]) .iconnav>*>*, | |
.light .iconnav>*>*, | |
.offcanvas-bar .iconnav>*>*, | |
.overlay-primary .iconnav>*>*, | |
.section-primary:not(.preserve-color) .iconnav>*>*, | |
.section-secondary:not(.preserve-color) .iconnav>*>*, | |
.tile-primary:not(.preserve-color) .iconnav>*>*, | |
.tile-secondary:not(.preserve-color) .iconnav>*>* { | |
color: rgba(255, 255, 255, .5) | |
} | |
.card-primary.card-body .iconnav>*>:focus, | |
.card-primary.card-body .iconnav>*>:hover, | |
.card-primary.card-body .iconnav>.active>*, | |
.card-primary.card-body .text-lead, | |
.card-primary>:not([class*=card-media]) .iconnav>*>:focus, | |
.card-primary>:not([class*=card-media]) .iconnav>*>:hover, | |
.card-primary>:not([class*=card-media]) .iconnav>.active>*, | |
.card-primary>:not([class*=card-media]) .text-lead, | |
.card-secondary.card-body .iconnav>*>:focus, | |
.card-secondary.card-body .iconnav>*>:hover, | |
.card-secondary.card-body .iconnav>.active>*, | |
.card-secondary.card-body .text-lead, | |
.card-secondary>:not([class*=card-media]) .iconnav>*>:focus, | |
.card-secondary>:not([class*=card-media]) .iconnav>*>:hover, | |
.card-secondary>:not([class*=card-media]) .iconnav>.active>*, | |
.card-secondary>:not([class*=card-media]) .text-lead, | |
.light .iconnav>*>:focus, | |
.light .iconnav>*>:hover, | |
.light .iconnav>.active>*, | |
.light .text-lead, | |
.offcanvas-bar .iconnav>*>:focus, | |
.offcanvas-bar .iconnav>*>:hover, | |
.offcanvas-bar .iconnav>.active>*, | |
.offcanvas-bar .text-lead, | |
.overlay-primary .iconnav>*>:focus, | |
.overlay-primary .iconnav>*>:hover, | |
.overlay-primary .iconnav>.active>*, | |
.overlay-primary .text-lead, | |
.section-primary:not(.preserve-color) .iconnav>*>:focus, | |
.section-primary:not(.preserve-color) .iconnav>*>:hover, | |
.section-primary:not(.preserve-color) .iconnav>.active>*, | |
.section-primary:not(.preserve-color) .text-lead, | |
.section-secondary:not(.preserve-color) .iconnav>*>:focus, | |
.section-secondary:not(.preserve-color) .iconnav>*>:hover, | |
.section-secondary:not(.preserve-color) .iconnav>.active>*, | |
.section-secondary:not(.preserve-color) .text-lead, | |
.tile-primary:not(.preserve-color) .iconnav>*>:focus, | |
.tile-primary:not(.preserve-color) .iconnav>*>:hover, | |
.tile-primary:not(.preserve-color) .iconnav>.active>*, | |
.tile-primary:not(.preserve-color) .text-lead, | |
.tile-secondary:not(.preserve-color) .iconnav>*>:focus, | |
.tile-secondary:not(.preserve-color) .iconnav>*>:hover, | |
.tile-secondary:not(.preserve-color) .iconnav>.active>*, | |
.tile-secondary:not(.preserve-color) .text-lead { | |
color: rgba(255, 255, 255, .7) | |
} | |
.card-primary.card-body .text-meta, | |
.card-primary>:not([class*=card-media]) .text-meta, | |
.card-secondary.card-body .text-meta, | |
.card-secondary>:not([class*=card-media]) .text-meta, | |
.light .text-meta, | |
.offcanvas-bar .text-meta, | |
.overlay-primary .text-meta, | |
.section-primary:not(.preserve-color) .text-meta, | |
.section-secondary:not(.preserve-color) .text-meta, | |
.tile-primary:not(.preserve-color) .text-meta, | |
.tile-secondary:not(.preserve-color) .text-meta { | |
color: rgba(255, 255, 255, .5) | |
} | |
.card-primary.card-body .text-muted, | |
.card-primary>:not([class*=card-media]) .text-muted, | |
.card-secondary.card-body .text-muted, | |
.card-secondary>:not([class*=card-media]) .text-muted, | |
.light .text-muted, | |
.offcanvas-bar .text-muted, | |
.overlay-primary .text-muted, | |
.section-primary:not(.preserve-color) .text-muted, | |
.section-secondary:not(.preserve-color) .text-muted, | |
.tile-primary:not(.preserve-color) .text-muted, | |
.tile-secondary:not(.preserve-color) .text-muted { | |
color: rgba(255, 255, 255, .5)!important | |
} | |
.card-primary.card-body .text-primary, | |
.card-primary>:not([class*=card-media]) .text-primary, | |
.card-secondary.card-body .text-primary, | |
.card-secondary>:not([class*=card-media]) .text-primary, | |
.light .text-primary, | |
.offcanvas-bar .text-primary, | |
.overlay-primary .text-primary, | |
.section-primary:not(.preserve-color) .text-primary, | |
.section-secondary:not(.preserve-color) .text-primary, | |
.tile-primary:not(.preserve-color) .text-primary, | |
.tile-secondary:not(.preserve-color) .text-primary { | |
color: rgba(255, 255, 255, .7)!important | |
} | |
.card-primary.card-body .column-divider, | |
.card-primary>:not([class*=card-media]) .column-divider, | |
.card-secondary.card-body .column-divider, | |
.card-secondary>:not([class*=card-media]) .column-divider, | |
.light .column-divider, | |
.offcanvas-bar .column-divider, | |
.overlay-primary .column-divider, | |
.section-primary:not(.preserve-color) .column-divider, | |
.section-secondary:not(.preserve-color) .column-divider, | |
.tile-primary:not(.preserve-color) .column-divider, | |
.tile-secondary:not(.preserve-color) .column-divider { | |
-webkit-column-rule-color: rgba(255, 255, 255, .2); | |
column-rule-color: rgba(255, 255, 255, .2) | |
} | |
.card-primary.card-body .logo, | |
.card-primary.card-body .logo:focus, | |
.card-primary.card-body .logo:hover, | |
.card-primary>:not([class*=card-media]) .logo, | |
.card-primary>:not([class*=card-media]) .logo:focus, | |
.card-primary>:not([class*=card-media]) .logo:hover, | |
.card-secondary.card-body .logo, | |
.card-secondary.card-body .logo:focus, | |
.card-secondary.card-body .logo:hover, | |
.card-secondary>:not([class*=card-media]) .logo, | |
.card-secondary>:not([class*=card-media]) .logo:focus, | |
.card-secondary>:not([class*=card-media]) .logo:hover, | |
.light .logo, | |
.light .logo:focus, | |
.light .logo:hover, | |
.offcanvas-bar .logo, | |
.offcanvas-bar .logo:focus, | |
.offcanvas-bar .logo:hover, | |
.overlay-primary .logo, | |
.overlay-primary .logo:focus, | |
.overlay-primary .logo:hover, | |
.section-primary:not(.preserve-color) .logo, | |
.section-primary:not(.preserve-color) .logo:focus, | |
.section-primary:not(.preserve-color) .logo:hover, | |
.section-secondary:not(.preserve-color) .logo, | |
.section-secondary:not(.preserve-color) .logo:focus, | |
.section-secondary:not(.preserve-color) .logo:hover, | |
.tile-primary:not(.preserve-color) .logo, | |
.tile-primary:not(.preserve-color) .logo:focus, | |
.tile-primary:not(.preserve-color) .logo:hover, | |
.tile-secondary:not(.preserve-color) .logo, | |
.tile-secondary:not(.preserve-color) .logo:focus, | |
.tile-secondary:not(.preserve-color) .logo:hover { | |
color: rgba(255, 255, 255, .7) | |
} | |
.card-primary.card-body .logo>:not(.logo-inverse):not(:only-of-type), | |
.card-primary>:not([class*=card-media]) .logo>:not(.logo-inverse):not(:only-of-type), | |
.card-secondary.card-body .logo>:not(.logo-inverse):not(:only-of-type), | |
.card-secondary>:not([class*=card-media]) .logo>:not(.logo-inverse):not(:only-of-type), | |
.light .logo>:not(.logo-inverse):not(:only-of-type), | |
.offcanvas-bar .logo>:not(.logo-inverse):not(:only-of-type), | |
.overlay-primary .logo>:not(.logo-inverse):not(:only-of-type), | |
.section-primary:not(.preserve-color) .logo>:not(.logo-inverse):not(:only-of-type), | |
.section-secondary:not(.preserve-color) .logo>:not(.logo-inverse):not(:only-of-type), | |
.tile-primary:not(.preserve-color) .logo>:not(.logo-inverse):not(:only-of-type), | |
.tile-secondary:not(.preserve-color) .logo>:not(.logo-inverse):not(:only-of-type) { | |
display: none | |
} | |
.card-primary.card-body .logo-inverse, | |
.card-primary>:not([class*=card-media]) .logo-inverse, | |
.card-secondary.card-body .logo-inverse, | |
.card-secondary>:not([class*=card-media]) .logo-inverse, | |
.light .logo-inverse, | |
.offcanvas-bar .logo-inverse, | |
.overlay-primary .logo-inverse, | |
.section-primary:not(.preserve-color) .logo-inverse, | |
.section-secondary:not(.preserve-color) .logo-inverse, | |
.tile-primary:not(.preserve-color) .logo-inverse, | |
.tile-secondary:not(.preserve-color) .logo-inverse { | |
display: inline | |
} | |
.card-primary.card-body .accordion-title::after, | |
.card-primary>:not([class*=card-media]) .accordion-title::after, | |
.card-secondary.card-body .accordion-title::after, | |
.card-secondary>:not([class*=card-media]) .accordion-title::after, | |
.light .accordion-title::after, | |
.offcanvas-bar .accordion-title::after, | |
.overlay-primary .accordion-title::after, | |
.section-primary:not(.preserve-color) .accordion-title::after, | |
.section-secondary:not(.preserve-color) .accordion-title::after, | |
.tile-primary:not(.preserve-color) .accordion-title::after, | |
.tile-secondary:not(.preserve-color) .accordion-title::after { | |
background-image: url(../../images/backgrounds/accordion-close.svg) | |
} | |
.card-primary.card-body .open>.accordion-title::after, | |
.card-primary>:not([class*=card-media]) .open>.accordion-title::after, | |
.card-secondary.card-body .open>.accordion-title::after, | |
.card-secondary>:not([class*=card-media]) .open>.accordion-title::after, | |
.light .open>.accordion-title::after, | |
.offcanvas-bar .open>.accordion-title::after, | |
.overlay-primary .open>.accordion-title::after, | |
.section-primary:not(.preserve-color) .open>.accordion-title::after, | |
.section-secondary:not(.preserve-color) .open>.accordion-title::after, | |
.tile-primary:not(.preserve-color) .open>.accordion-title::after, | |
.tile-secondary:not(.preserve-color) .open>.accordion-title::after { | |
background-image: url(../../images/backgrounds/accordion-open.svg) | |
} | |
@media print { | |
blockquote, | |
img, | |
pre, | |
tr { | |
page-break-inside: avoid | |
} | |
*, | |
::after, | |
::before { | |
background: 0 0!important; | |
color: #000!important; | |
box-shadow: none!important; | |
text-shadow: none!important | |
} | |
a, | |
a:visited { | |
text-decoration: underline | |
} | |
blockquote, | |
pre { | |
border: 1px solid #999 | |
} | |
thead { | |
display: table-header-group | |
} | |
img { | |
max-width: 100%!important | |
} | |
@page { | |
margin: .5cm | |
} | |
h2, | |
h3, | |
p { | |
orphans: 3; | |
widows: 3 | |
} | |
h2, | |
h3 { | |
page-break-after: avoid | |
} | |
} | |
.vertical-align-middle { | |
vertical-align: middle | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment