@charset "UTF-8";
/*! ThemeKit 1.0 | http://www.atomiccherry.com | (c) 2019 Atomic Cherry Design */
/** ==============================================================
Drop main.less and theme.less into your theme folder
================================================================== */
/*! ThemeKit 1.0 | http://www.atomiccherry.com | (c) 2017 Atomic Cherry Design */
/** ===================================================
Contains: Reset / Normalize / Base styles
Based on Eric Meyer's Reset,
HTML5 Boilerplate 2.0,
and Normalize.css
======================================================= */
/** ===================================================
Reset
======================================================= */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
main {
margin: 0;
padding: 0;
border: 0;
font-family: inherit;
font-size: inherit;
vertical-align: baseline;
}
/** ====================================================
Normalize
======================================================= */
html {
font-size: 100%;
height: 100%;
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-tap-highlight-color: transparent;
}
body {
font-size: 100%;
min-height: 100%;
}
html,
body {
width: 100%;
overflow-x: hidden;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
display: block;
width: 100%;
}
iframe {
display: block;
}
audio[controls],
canvas,
video {
display: inline-block;
display: inline;
zoom: 1;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
a[href^="tel"] {
color: inherit;
text-decoration: none;
}
[hidden] {
display: none;
}
::-moz-selection {
background: #ffff9e;
text-shadow: none;
}
::selection {
background: #ffff9e;
text-shadow: none;
}
img::selection {
background: transparent;
}
img::-moz-selection {
background: transparent;
}
img {
image-rendering: -webkit-optimize-contrast;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
a {
background-color: transparent;
}
blockquote {
margin: 1em 40px;
}
dfn {
font-style: italic;
}
hr {
display: block;
box-sizing: content-box;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
ins {
background: #ff9;
color: #000;
text-decoration: none;
}
mark {
background: #ff0;
color: #000;
font-style: italic;
font-weight: bold;
}
pre,
code,
kbd,
samp {
font-family: monospace, monospace;
_font-family: 'courier new', monospace;
font-size: 1em;
}
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
q {
quotes: none;
}
q:before,
q:after {
content: "";
content: none;
}
small {
font-size: 85%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
dd {
margin: 0 0 0 40px;
}
nav ul,
nav ol {
list-style: none;
list-style-image: none;
margin: 0;
padding: 0;
}
a img,
img {
border: 0;
-ms-interpolation-mode: bicubic;
vertical-align: middle;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
form {
margin: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
label {
cursor: pointer;
}
legend {
border: 0;
margin-left: -8px;
padding: 0;
}
button,
input,
select,
textarea {
font-size: 100%;
margin: 0;
vertical-align: baseline;
vertical-align: middle;
}
button,
input {
line-height: normal;
overflow: visible;
}
table button,
table input {
overflow: auto;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font-family: inherit;
font-size: inherit;
margin: 0;
}
button,
input[type=button],
input[type=reset],
input[type=submit] {
cursor: pointer;
-webkit-appearance: button;
}
input[type=checkbox],
input[type=radio] {
box-sizing: border-box;
}
input[type=search] {
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
resize: vertical;
}
input:invalid,
textarea:invalid {
background-color: #f0dddd;
}
input[type=text],
input[type=password],
input[type=text]:focus {
outline: none;
}
*:focus,
a,
a:hover,
a:active {
outline: none !important;
}
/*! ThemeKit 1.0 | http://www.atomiccherry.com | (c) 2017 Atomic Cherry Design */
/** =========================================
Grid
============================================= */
/* Wrappers and Containers
================================================== */
[id*='section-'].container {
max-width: 100%;
}
[id*='section-'].container .container {
max-width: 100%;
}
.wrap {
width: 100%;
margin: 0;
padding: 0;
position: relative;
}
.container {
width: 100%;
margin: 0 auto;
display: block;
overflow: hidden;
clear: both;
position: relative;
}
.content {
margin: 0 auto;
padding: 16px 16px;
max-width: 960px;
position: relative;
}
.inner-content {
padding: 0;
margin: 0 auto;
width: 100%;
max-width: 100%;
position: relative;
}
.outer-content {
padding: 0;
margin: 0 auto;
width: 100%;
max-width: 100%;
position: relative;
}
.grid {
margin: 0 auto;
padding: 0 16px;
max-width: 960px;
position: relative;
}
.inner-grid {
margin: 0 auto;
padding: 0;
width: 100%;
max-width: 100%;
position: relative;
}
.outer-grid {
margin: 0 auto;
padding: 0;
width: 100%;
max-width: 100%;
position: relative;
}
/* Blocks
================================================== */
.block {
float: left;
width: 100%;
padding: 16px;
position: relative;
}
.block.center {
float: none;
margin: 0 auto;
text-align: left;
}
.narrow {
float: none;
padding-top: 16px;
margin: 0 auto;
width: 50%;
min-width: 568px;
}
.condensed {
float: none;
margin: 0 auto;
padding: 16px;
width: 65%;
max-width: 640px;
}
.full {
float: none;
margin: 0 auto;
padding: 16px;
width: 80%;
max-width: 768px;
}
.wide {
padding: 0 16px;
margin: 0;
width: 100%;
max-width: 100%;
}
.edge {
padding: 0;
margin: 0;
width: 100%;
max-width: 100%;
}
.block .row:last-of-type > .block {
padding-bottom: 0;
}
.nested {
margin-left: -16px;
margin-right: -16px;
}
.block .row {
margin-left: -16px;
margin-right: -16px;
}
.row .row {
margin-left: -16px;
margin-right: -16px;
}
@media only screen and (max-width: 768px) {
.nested {
margin-left: 0;
margin-right: 0;
}
.block .row {
margin-left: 0;
margin-right: 0;
}
.row .row {
margin-left: 0;
margin-right: 0;
}
}
.sidebar .block {
padding-left: 0;
padding-right: 0;
}
.sidebar .block:last-of-type {
padding-bottom: 16px;
}
.sidebar .row:first-of-type .block {
padding-top: 0;
}
.row .whole,
.row .w-1-1,
.row .span-12 {
width: 100%;
}
.row .half,
.row .w-1-2,
.row .span-6 {
width: 50%;
}
.row .one-third,
.row .w-1-3,
.row .span-4 {
width: 33.3332%;
}
.row .two-thirds,
.row .w-2-3 {
width: 66.6665%;
}
.row .one-quarter,
.row .w-1-4,
.row .span-3 {
width: 25%;
}
.row .three-quarters,
.row .w-3-4 {
width: 75%;
}
.row .one-fifth,
.row .w-1-5,
.row .span-2 {
width: 20%;
}
.row .two-fifths,
.row .w-2-5 {
width: 40%;
}
.row .three-fifths,
.row .w-3-5 {
width: 60%;
}
.row .four-fifths,
.row .w-4-5 {
width: 80%;
}
.row .one-sixth,
.row .w-1-6 {
width: 16.6667%;
}
.row .five-sixths,
.row .w-5-6 {
width: 83.3333%;
}
.row .one-twelfth,
.row .w-1-12 {
width: 8.3333%;
}
.row .w-2-12 {
width: 16.6667%;
}
.row .w-3-12 {
width: 25%;
}
.row .w-4-12 {
width: 33.3332%;
}
.row .five-twelfths,
.row .w-5-12 {
width: 41.6667%;
}
.row .w-6-12 {
width: 50%;
}
.row .seven-twelfths,
.row .w-7-12 {
width: 58.3333%;
}
.row .w-8-12 {
width: 66.6665%;
}
.row .w-9-12 {
width: 75%;
}
.row .w-10-12 {
width: 83.3333%;
}
.row .eleven-twelfths,
.row .w-11-12 {
width: 91.6667%;
}
.row .w-12-12 {
width: 100%;
}
.row .golden-small,
.row .w-g-s {
width: 38.2716%;
}
.row .golden-large,
.row .w-g-l {
width: 61.7283%;
}
.row .push-half,
.row .push-1-2 {
margin-left: 50%;
}
.row .push-one-third,
.row .push-1-3 {
margin-left: 33.3332%;
}
.row .push-one-quarter,
.row .push-1-4 {
margin-left: 25%;
}
.row .push-one-fifth,
.row .push-1-5 {
margin-left: 20%;
}
.row .push-one-sixth,
.row .push-1-6 {
margin-left: 16.6667%;
}
.row .push-one-eighth,
.row .push-1-8 {
margin-left: 12.5%;
}
.row .push-one-twelfth,
.row .push-1-12 {
margin-left: 8.3333%;
}
/* Clearfix after every .row
========================================= */
.row {
display: block;
}
.row {
*zoom: 1;
}
.row::before,
.row::after {
display: table;
line-height: 0;
content: '';
}
.row::after {
clear: both;
}
/* Responsive
========================================== */
@media screen and (max-width: 1180px) {
.row .one-sixth {
width: 33.3332%;
}
.row .five-sixths {
width: 66.6665%;
}
}
@media screen and (max-width: 960px) {
.full,
.content.full,
[data-min-width*=''],
.row .golden-small,
.row .golden-large {
width: 100%;
}
.content {
padding-left: 0;
padding-right: 0;
}
.row .block {
width: 100%;
padding-left: 16px;
padding-right: 16px;
}
.block .row .block {
padding-left: 0;
padding-right: 0;
}
.row [class*='push-'],
.row .push-1-2,
.row .push-1-3,
.row .push-1-4,
.row .push-1-5,
.row .push-1-6,
.row .push-1-8,
.row .push-1-12 {
margin-left: 0;
}
.row .block.one-third {
width: 100%;
}
.row .block.one-quarter {
width: 100%;
}
.row .block.one-fifth {
width: 100%;
}
.row .block.one-sixth {
width: 100%;
}
.row .w-1-2 {
width: 100%;
}
.row .w-1-3 {
width: 100%;
}
.row .w-1-4 {
width: 100%;
}
.row .w-3-4 {
width: 100%;
}
.row [class*='w-'] {
width: 100%;
}
.content.narrow,
.narrow {
min-width: 100%;
max-width: 100%;
padding-left: 16px;
padding-right: 16px;
}
}
@media screen and (min-width: 1180px) {
body[id*='-content'] {
max-width: 100%;
}
.content {
max-width: 1180px;
}
.full {
max-width: 900px;
}
.content.full {
max-width: 900px;
}
.wider .row {
max-width: 1180px;
margin: 0 auto;
}
}
@media screen and (min-width: 1432px) {
.full {
max-width: 1180px;
}
.content.full {
max-width: 1180px;
}
}
@media screen and (min-width: 1600px) {
body[id*='-content'] {
max-width: 100%;
}
.content {
max-width: 1432px;
}
.full {
max-width: 1432px;
}
.content.full {
max-width: 1180px;
}
.wider .row {
max-width: 1432px;
margin: 0 auto;
}
}
@media screen and (min-width: 1920px) {
body[id*='-content'] {
max-width: 100%;
}
.content {
max-width: 1680px;
}
.full {
max-width: 1680px;
}
.content.full {
max-width: 1680px;
}
.wider .row {
max-width: 1680px;
margin: 0 auto;
}
}
/*! ThemeKit 1.0 | http://www.atomiccherry.com | (c) 2017 Atomic Cherry Design */
/** ====================================================
Base Styles
======================================================= */
/** ===============================================
Setup
================================================== */
:root {
font-family: 'Raleway', 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
html,
body {
height: 100%;
}
[id^='section-'] {
background: transparent;
}
*,
*::after,
*::before,
*:after,
*:before,
.row,
.block,
.content {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
body {
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
background-color: #fff;
}
img {
display: block;
max-width: 100%;
}
/** =========================================
Figures
============================================= */
.figgroup {
margin-bottom: 32px;
}
.figtitle {
font-weight: 300;
letter-spacing: 1px;
font-family: 'Raleway', 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
text-transform: none;
font-weight: 400;
text-align: center;
line-height: 1.2;
padding-top: 16px;
margin-bottom: 4px;
}
.figcap {
font-size: 14px;
line-height: 1.4;
margin-bottom: 16px;
text-align: center;
line-height: 1.2;
padding-top: 16px;
margin-bottom: 4px;
}
.figcap a {
font-size: 14px;
line-height: 1.2;
text-decoration: none;
}
.figdesc {
font-size: 13px;
margin-bottom: 16px;
text-align: center;
line-height: 1.2;
padding-top: 16px;
margin-bottom: 4px;
}
.figdesc a {
font-size: 13px;
line-height: 1.2;
text-decoration: none;
}
.figcap + .figdesc,
.figtitle + .figcap,
.figtitle + .figdesc {
padding-top: 4px;
}
/** =========================================
Vertical Centering
============================================= */
.table {
display: table;
height: auto;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.table .table-cell {
display: table-cell;
vertical-align: top;
width: 100%;
max-width: 100%;
height: auto !important;
padding: 16px 0;
}
.table .table-cell.vertical-middle {
vertical-align: middle;
}
.table .table-cell:first-of-type {
padding-left: 0;
}
.table .table-cell:last-of-type {
padding-right: 0;
}
@media only screen and (max-width: 768px) {
.row.table .table-cell {
display: block;
padding: 16px 0;
}
.row.table .table-cell.vertical-middle {
vertical-align: top;
display: block;
}
}
/** =========================================
Blocks
============================================= */
.block > a {
overflow: hidden;
display: block;
}
.block img {
display: block;
text-align: center;
margin: 0 auto;
float: none;
}
.block--full {
width: 100%;
float: left;
}
/** ========================================
Page Titles
============================================ */
[class*='-title'] {
line-height: 1.2;
}
h1.site-title {
margin-top: 0;
margin-bottom: 8px;
}
h2.site-description {
margin: 8px 0px !important;
}
h1.site-title + h2.site-description {
margin-top: 0;
}
@media only screen and (max-width: 768px) {
h1.site-title,
h2.site-description {
max-width: 100%;
overflow: hidden;
background-size: contain;
}
}
#page-title > .content {
margin-top: 32px;
}
.title,
.title a {
display: block;
font-size: 36px;
margin-top: 12px;
padding-bottom: 0;
text-decoration: none;
}
.row-title .block {
padding-bottom: 0;
margin-bottom: 0;
}
.row-title + .row .block {
padding-top: 0;
margin-top: 0;
}
h2 span.title {
font-size: 28px;
margin-top: 6px;
}
h3 span.title {
font-size: 24px;
margin-top: 6px;
}
h4 span.title {
font-size: 20px;
margin-top: 6px;
}
.title.hidden {
display: none;
}
.title.entry-title.hidden + div.entry > h2:first-child {
margin-top: 21px;
}
.title.entry-title.hidden + div.entry > h3:first-child {
margin-top: 21px;
}
.title.entry-title.hidden + div.entry > p:first-child {
margin-top: 32px;
}
.title.entry-title + p {
padding-top: 0;
margin-top: -4px;
}
.title.entry-title + article {
margin-top: 64px;
}
.title-desc {
margin-bottom: 32px;
}
/** =========================================
Miscellaneous
============================================ */
.desc,
.entry {
margin-top: 0;
margin-bottom: 32px;
}
.desc:last-child {
padding-bottom: 0;
margin-bottom: 0;
}
.arrow-right:after {
content: "»";
}
.block.thumb {
max-width: 150px;
margin-left: 0;
margin-right: 0;
padding: 0 3px;
}
.block-list {
float: left;
margin: 32px 0;
}
.group-list {
padding: 4px 0;
}
.group-list span {
line-height: 1.2;
}
.group-list:first-of-type {
padding-top: 0;
}
.group-list:last-of-type {
padding-bottom: 0;
}
.group {
position: relative;
}
.group span {
display: inline-block;
}
.section {
padding-top: 32px;
padding-bottom: 16px;
}
.caption {
display: block;
text-align: center;
}
/** ==================================================
Thumbnails and Galleries
===================================================== */
ul.list-thumbnails {
overflow: hidden;
}
ul.list-thumbnails li {
list-style: none;
width: 100%;
position: relative;
float: left;
clear: both;
}
ul.list-thumbnails a.list-image {
display: inline-block;
width: 50px;
height: 50px;
overflow: hidden;
}
ul.list-thumbnails a.list-image:hover {
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
-webkit-opacity: 0.7;
-moz-opacity: 0.7;
-ms-opacity: 0.7;
-o-opacity: 0.7;
opacity: 0.7;
}
ul.list-thumbnails a.list-image img {
width: auto;
height: 100%;
}
ul.list-thumbnails a.list-title {
display: inline-block;
}
ul.list-thumbnails div {
position: absolute;
top: 50%;
margin: 0;
left: 70px;
width: 60%;
height: 100%;
}
ul.list-thumbnails p {
padding: 0;
margin: 0;
position: relative;
top: -20px;
}
/** ======================================================
Small Desktop and Below
========================================================== */
@media only screen and (max-width: 768px) {
blockquote p,
blockquote p.quotations {
width: 100%;
margin: 0;
padding: 0;
}
blockquote p::before,
blockquote p.quotations::before {
display: none;
}
blockquote p::after,
blockquote p.quotations::after {
display: none;
}
.block img {
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.related .block img {
max-width: 90%;
}
.cycle-prev[data-icon]::before,
.cycle-next[data-icon]::before {
display: none;
}
[data-max-width-mobile] {
float: none !important;
margin-left: auto !important;
margin-right: auto !important;
}
}
/** ======================================================
Mobile Landscape and Below
========================================================== */
@media screen and (max-width: 480px) {
audio {
width: 100%;
}
.block img {
max-width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
}
.button {
width: 100% !important;
}
.wp-post-image {
float: none;
overflow: auto;
margin-left: auto;
margin-right: auto;
}
}
/** ======================================================
Standard Desktop and Tablets to Mobile
========================================================== */
@media only screen and (max-width: 960px) {
a.top,
a.gototop {
display: none !important;
}
}
/*! ThemeKit 1.0 | http://www.atomiccherry.com | (c) 2017 Atomic Cherry Design */
/* ====================================================
Typography
======================================================= */
/** Font Families
======================================================= */
.script {
font-family: 'Alex Brush', cursive;
text-transform: none;
letter-spacing: normal;
line-height: 1.4;
}
.serif {
font-family: 'Roboto Slab', 'Times New Roman', Times, Georgia, serif;
}
/** Font Styles
======================================================= */
.uppercase {
text-transform: uppercase !important;
}
.lowercase {
text-transform: lowercase;
}
.caps {
text-transform: capitalize;
}
/** Font Sizes
======================================================= */
[class*='font-size'] {
line-height: 1.2;
}
.font-size_giant {
font-size: 56px;
}
.font-size_huge {
font-size: 48px;
}
.font-size_big {
font-size: 38px;
}
.font-size_large {
font-size: 32px;
}
/** Typekit
======================================================= */
.wf-loading h1,
.wf-loading h2,
.wf-loading h3,
.wf-loading h4,
.wf-loading h5,
.wf-loading h6,
.wf-loading p,
.wf-loading a,
.wf-loading li,
.wf-loading span {
visibility: hidden;
}
.wf-active h1,
.wf-active h2,
.wf-active h3,
.wf-active h4,
.wf-active h5,
.wf-active h6,
.wf-active p,
.wf-active a,
.wf-active li,
.wf-active span {
visibility: visible;
}
/** Common Settings
======================================================= */
p a {
padding: 0;
margin: 0;
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
span a {
font-size: inherit;
text-decoration: none;
-moz-word-break: inherit;
-ms-word-break: inherit;
word-break: inherit;
-webkit-hyphens: manual;
-moz-hyphens: manual;
hyphens: manual;
}
h1 {
font-size: 36px;
}
h2 {
font-size: 28px;
}
h3 {
font-size: 24px;
}
h4 {
font-size: 20px;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 16px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
line-height: 1.4;
margin-bottom: 16px;
}
h1 h2,
h1 h3,
h1 h4,
h1 h5,
h1 h6 {
padding-bottom: 64px;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
text-decoration: none;
}
h1 + span,
h2 + span,
h3 + span,
h4 + span,
h5 + span,
h6 + span {
display: block;
line-height: 1.4;
}
@media only screen and (max-width: 480px) {
h1,
h2,
h3,
h4,
h5,
h6 {
line-height: 1.2;
}
h1 {
font-size: 26px;
}
h2 {
font-size: 22px;
}
h3 {
font-size: 18px;
}
h4 {
font-size: 16px;
}
h5 {
font-size: 14px;
}
h6 {
font-size: 12px;
}
}
p,
div {
line-height: 2;
}
li {
line-height: 1.8;
}
p,
li,
td,
dt,
dd,
div {
color: #444;
font-size: 15px;
font-family: 'Raleway', 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
p {
width: 100%;
max-width: 100%;
margin-top: 0;
margin-bottom: 0;
padding-top: 12px;
padding-bottom: 12px;
}
p:first-of-type {
padding-top: 0;
}
p.inline-block {
width: auto;
display: inline-block;
padding-top: 0;
}
p a {
text-decoration: underline;
}
h1 + p {
padding-top: 0;
margin-top: 32px;
}
h2 + p,
h3 + p,
h4 + p,
h5 + p,
h6 + p {
padding-top: 0;
margin-top: 16px;
}
p + h2,
p + h3,
p + h4,
p + h5,
p + h6 {
margin-top: 16px;
}
h1.text-shadow,
h2.text-shadow,
h3.text-shadow,
h4.text-shadow,
h5.text-shadow,
h6.text-shadow {
-webkit-text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.6);
-moz-text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.6);
text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.6);
}
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span,
p span,
td span,
li span,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
p a,
td a,
li a,
h1 i,
h2 i,
h3 i,
h4 i,
h5 i,
h6 i,
p i,
td i,
li i,
h1 em,
h2 em,
h3 em,
h4 em,
h5 em,
h6 em,
p em,
td em,
li em,
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong,
p strong,
td strong,
li strong,
h1 b,
h2 b,
h3 b,
h4 b,
h5 b,
h6 b,
p b,
td b,
li b {
font-size: inherit;
line-height: inherit;
letter-spacing: inherit;
text-transform: inherit;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
color: inherit;
}
strong span {
font-weight: inherit !important;
}
strong,
b {
font-weight: bold;
font-weight: 700;
}
em,
i {
font-style: italic;
}
small,
aside {
font-size: 14px;
}
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong,
p strong,
li strong,
span strong,
a strong,
h1 b,
h2 b,
h3 b,
h4 b,
h5 b,
h6 b,
p b,
li b,
span b,
a b {
font-weight: bold;
font-weight: 700;
}
h1 em,
h2 em,
h3 em,
h4 em,
h5 em,
h6 em,
p em,
li em,
span em,
a em,
h1 i,
h2 i,
h3 i,
h4 i,
h5 i,
h6 i,
p i,
li i,
span i,
a i {
font-style: italic;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
p small,
li small,
span small,
a small,
h1 aside,
h2 aside,
h3 aside,
h4 aside,
h5 aside,
h6 aside,
p aside,
li aside,
span aside,
a aside {
font-size: 14px;
}
/** Tags
======================================== */
iframe {
display: block;
border: 0;
padding: 0;
max-width: 100% !important;
margin: 0 0 32px 0;
}
pre,
code {
white-space: pre;
word-spacing: normal;
word-break: normal;
word-wrap: normal;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
pre {
width: 100%;
max-width: 100%;
margin: 32px auto;
background: #dde2e4;
border: 1px solid #d7e5ea;
}
pre code {
padding: 8px;
font-family: 'Droid Sans Mono', 'Andale Mono', 'Ubuntu Mono', Consolas, Monaco, monospace;
}
figure figcaption {
font-size: 14px;
font-weight: 400;
text-align: center;
line-height: 1.2;
padding-top: 8px;
}
figure figcaption a {
color: #3977b0;
}
p a img:hover {
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
-webkit-opacity: 0.7;
-moz-opacity: 0.7;
-ms-opacity: 0.7;
-o-opacity: 0.7;
opacity: 0.7;
cursor: pointer;
}
dl {
margin-bottom: 32px;
}
dl dt {
font-weight: bold;
}
dl dd {
margin-left: 0;
padding-bottom: 16px;
}
dl.dl-inline dt,
dl.dl-inline dd {
display: inline;
}
dl.dl-inline dt::after {
content: ': ';
}
dl.dl-inline dd::after {
content: '';
clear: both;
display: table;
}
.break {
-ms-word-break: break-all;
word-break: break-all;
/** Non standard for webkit */
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
.dropcap:first-letter {
float: left;
padding-right: 12px;
font-size: 60px;
line-height: 60px;
}
/** Font Sizes (Deprecated)
============================================ */
* span.font-size-xsmall {
font-size: 13px;
line-height: 1.2;
display: block;
}
* span.font-size-small {
font-size: 14px;
line-height: 1.2;
display: block;
}
.font-size-xsmall {
font-size: 13px;
line-height: 1.2;
margin-bottom: 16px;
}
.font-size-xsmall a {
font-size: 13px;
line-height: 1.2;
text-decoration: none;
}
.font-size-small {
font-size: 14px;
line-height: 1.4;
margin-bottom: 16px;
}
.font-size-small a {
font-size: 14px;
line-height: 1.2;
text-decoration: none;
}
.font-size-medium {
font-size: 18px;
line-height: 1.2;
margin-bottom: 28px;
}
.font-size-medium a {
font-size: 18px;
line-height: 1.4;
text-decoration: none;
}
.font-size-regular {
font-size: 18px;
line-height: 1.2;
margin-bottom: 28px;
}
.font-size-regular a {
font-size: 18px;
line-height: 1.4;
text-decoration: none;
}
.font-size-large {
font-size: 20px;
line-height: 1.2;
margin-bottom: 28px;
}
.font-size-large a {
font-size: 20px;
line-height: 1.4;
text-decoration: none;
}
p.font-size-xsmall,
a.font-size-xsmall,
span.font-size-xsmall,
p a.font-size-xsmall,
p span.font-size-xsmall,
ul li.font-size-xsmall,
ul li span.font-size-xsmall,
ul li a.font-size-xsmall,
h1 span.font-size-xsmall,
h2 span.font-size-xsmall,
h3 span.font-size-xsmall,
h4 span.font-size-xsmall,
h5 span.font-size-xsmall,
h6 span.font-size-xsmall {
font-size: 13px;
line-height: 1.2;
margin-bottom: 16px;
}
p.font-size-xsmall a,
a.font-size-xsmall a,
span.font-size-xsmall a,
p a.font-size-xsmall a,
p span.font-size-xsmall a,
ul li.font-size-xsmall a,
ul li span.font-size-xsmall a,
ul li a.font-size-xsmall a,
h1 span.font-size-xsmall a,
h2 span.font-size-xsmall a,
h3 span.font-size-xsmall a,
h4 span.font-size-xsmall a,
h5 span.font-size-xsmall a,
h6 span.font-size-xsmall a {
font-size: 13px;
line-height: 1.2;
text-decoration: none;
}
p.font-size-small,
a.font-size-small,
span.font-size-small,
p a.font-size-small,
p span.font-size-small,
ul li.font-size-small,
ul li span.font-size-small,
ul li a.font-size-small,
h1 span.font-size-small,
h2 span.font-size-small,
h3 span.font-size-small,
h4 span.font-size-small,
h5 span.font-size-small,
h6 span.font-size-small {
font-size: 14px;
line-height: 1.4;
margin-bottom: 16px;
}
p.font-size-small a,
a.font-size-small a,
span.font-size-small a,
p a.font-size-small a,
p span.font-size-small a,
ul li.font-size-small a,
ul li span.font-size-small a,
ul li a.font-size-small a,
h1 span.font-size-small a,
h2 span.font-size-small a,
h3 span.font-size-small a,
h4 span.font-size-small a,
h5 span.font-size-small a,
h6 span.font-size-small a {
font-size: 14px;
line-height: 1.2;
text-decoration: none;
}
p.font-size-medium,
a.font-size-medium,
span.font-size-medium,
p a.font-size-medium,
p span.font-size-medium,
ul li.font-size-medium,
ul li span.font-size-medium,
ul li a.font-size-medium,
h1 span.font-size-medium,
h2 span.font-size-medium,
h3 span.font-size-medium,
h4 span.font-size-medium,
h5 span.font-size-medium,
h6 span.font-size-medium {
font-size: 18px;
line-height: 1.2;
margin-bottom: 28px;
}
p.font-size-medium a,
a.font-size-medium a,
span.font-size-medium a,
p a.font-size-medium a,
p span.font-size-medium a,
ul li.font-size-medium a,
ul li span.font-size-medium a,
ul li a.font-size-medium a,
h1 span.font-size-medium a,
h2 span.font-size-medium a,
h3 span.font-size-medium a,
h4 span.font-size-medium a,
h5 span.font-size-medium a,
h6 span.font-size-medium a {
font-size: 18px;
line-height: 1.4;
text-decoration: none;
}
p.font-size-double,
a.font-size-double,
span.font-size-double,
p a.font-size-double,
p span.font-size-double,
ul li.font-size-double,
ul li span.font-size-double,
ul li a.font-size-double,
h1 span.font-size-double,
h2 span.font-size-double,
h3 span.font-size-double,
h4 span.font-size-double,
h5 span.font-size-double,
h6 span.font-size-double {
font-size: 20px;
line-height: 1.4;
margin-bottom: 32px;
}
p.font-size-double a,
a.font-size-double a,
span.font-size-double a,
p a.font-size-double a,
p span.font-size-double a,
ul li.font-size-double a,
ul li span.font-size-double a,
ul li a.font-size-double a,
h1 span.font-size-double a,
h2 span.font-size-double a,
h3 span.font-size-double a,
h4 span.font-size-double a,
h5 span.font-size-double a,
h6 span.font-size-double a {
font-size: 20px;
line-height: 1.4;
text-decoration: none;
}
p.font-size-large,
a.font-size-large,
span.font-size-large,
p a.font-size-large,
p span.font-size-large,
ul li.font-size-large,
ul li span.font-size-large,
ul li a.font-size-large,
h1 span.font-size-large,
h2 span.font-size-large,
h3 span.font-size-large,
h4 span.font-size-large,
h5 span.font-size-large,
h6 span.font-size-large {
font-size: 28px;
line-height: 1.4;
}
p.font-size-large a,
a.font-size-large a,
span.font-size-large a,
p a.font-size-large a,
p span.font-size-large a,
ul li.font-size-large a,
ul li span.font-size-large a,
ul li a.font-size-large a,
h1 span.font-size-large a,
h2 span.font-size-large a,
h3 span.font-size-large a,
h4 span.font-size-large a,
h5 span.font-size-large a,
h6 span.font-size-large a {
font-size: 28px;
line-height: 1.4;
text-decoration: none;
}
p.font-size-xlarge,
a.font-size-xlarge,
span.font-size-xlarge,
p a.font-size-xlarge,
p span.font-size-xlarge,
ul li.font-size-xlarge,
ul li span.font-size-xlarge,
ul li a.font-size-xlarge,
h1 span.font-size-xlarge,
h2 span.font-size-xlarge,
h3 span.font-size-xlarge,
h4 span.font-size-xlarge,
h5 span.font-size-xlarge,
h6 span.font-size-xlarge {
font-size: 32px;
line-height: 1.4;
}
p.font-size-xlarge a,
a.font-size-xlarge a,
span.font-size-xlarge a,
p a.font-size-xlarge a,
p span.font-size-xlarge a,
ul li.font-size-xlarge a,
ul li span.font-size-xlarge a,
ul li a.font-size-xlarge a,
h1 span.font-size-xlarge a,
h2 span.font-size-xlarge a,
h3 span.font-size-xlarge a,
h4 span.font-size-xlarge a,
h5 span.font-size-xlarge a,
h6 span.font-size-xlarge a {
font-size: 32px;
line-height: 1.4;
text-decoration: none;
}
p.font-size-xxlarge,
a.font-size-xxlarge,
span.font-size-xxlarge,
p a.font-size-xxlarge,
p span.font-size-xxlarge,
ul li.font-size-xxlarge,
ul li span.font-size-xxlarge,
ul li a.font-size-xxlarge,
h1 span.font-size-xxlarge,
h2 span.font-size-xxlarge,
h3 span.font-size-xxlarge,
h4 span.font-size-xxlarge,
h5 span.font-size-xxlarge,
h6 span.font-size-xxlarge {
font-size: 36px;
line-height: 1.4;
}
p.font-size-xxlarge a,
a.font-size-xxlarge a,
span.font-size-xxlarge a,
p a.font-size-xxlarge a,
p span.font-size-xxlarge a,
ul li.font-size-xxlarge a,
ul li span.font-size-xxlarge a,
ul li a.font-size-xxlarge a,
h1 span.font-size-xxlarge a,
h2 span.font-size-xxlarge a,
h3 span.font-size-xxlarge a,
h4 span.font-size-xxlarge a,
h5 span.font-size-xxlarge a,
h6 span.font-size-xxlarge a {
font-size: 36px;
line-height: 1.4;
text-decoration: none;
}
p.font-size-xxxlarge,
a.font-size-xxxlarge,
span.font-size-xxxlarge,
p a.font-size-xxxlarge,
p span.font-size-xxxlarge,
ul li.font-size-xxxlarge,
ul li span.font-size-xxxlarge,
ul li a.font-size-xxxlarge,
h1 span.font-size-xxxlarge,
h2 span.font-size-xxxlarge,
h3 span.font-size-xxxlarge,
h4 span.font-size-xxxlarge,
h5 span.font-size-xxxlarge,
h6 span.font-size-xxxlarge {
font-size: 48px;
line-height: 1.4;
}
p.font-size-xxxlarge a,
a.font-size-xxxlarge a,
span.font-size-xxxlarge a,
p a.font-size-xxxlarge a,
p span.font-size-xxxlarge a,
ul li.font-size-xxxlarge a,
ul li span.font-size-xxxlarge a,
ul li a.font-size-xxxlarge a,
h1 span.font-size-xxxlarge a,
h2 span.font-size-xxxlarge a,
h3 span.font-size-xxxlarge a,
h4 span.font-size-xxxlarge a,
h5 span.font-size-xxxlarge a,
h6 span.font-size-xxxlarge a {
font-size: 48px;
line-height: 1.4;
text-decoration: none;
}
p.font-size-huge,
a.font-size-huge,
span.font-size-huge,
p a.font-size-huge,
p span.font-size-huge,
ul li.font-size-huge,
ul li span.font-size-huge,
ul li a.font-size-huge,
h1 span.font-size-huge,
h2 span.font-size-huge,
h3 span.font-size-huge,
h4 span.font-size-huge,
h5 span.font-size-huge,
h6 span.font-size-huge {
font-size: 56px;
line-height: 1.4;
}
p.font-size-huge a,
a.font-size-huge a,
span.font-size-huge a,
p a.font-size-huge a,
p span.font-size-huge a,
ul li.font-size-huge a,
ul li span.font-size-huge a,
ul li a.font-size-huge a,
h1 span.font-size-huge a,
h2 span.font-size-huge a,
h3 span.font-size-huge a,
h4 span.font-size-huge a,
h5 span.font-size-huge a,
h6 span.font-size-huge a {
font-size: 56px;
line-height: 1.4;
text-decoration: none;
}
p.font-size-gigantic,
a.font-size-gigantic,
span.font-size-gigantic,
p a.font-size-gigantic,
p span.font-size-gigantic,
ul li.font-size-gigantic,
ul li span.font-size-gigantic,
ul li a.font-size-gigantic,
h1 span.font-size-gigantic,
h2 span.font-size-gigantic,
h3 span.font-size-gigantic,
h4 span.font-size-gigantic,
h5 span.font-size-gigantic,
h6 span.font-size-gigantic {
font-size: 72px;
line-height: 1.4;
}
p.font-size-gigantic a,
a.font-size-gigantic a,
span.font-size-gigantic a,
p a.font-size-gigantic a,
p span.font-size-gigantic a,
ul li.font-size-gigantic a,
ul li span.font-size-gigantic a,
ul li a.font-size-gigantic a,
h1 span.font-size-gigantic a,
h2 span.font-size-gigantic a,
h3 span.font-size-gigantic a,
h4 span.font-size-gigantic a,
h5 span.font-size-gigantic a,
h6 span.font-size-gigantic a {
font-size: 72px;
line-height: 1.4;
text-decoration: none;
}
@media only screen and (max-width: 768px) {
p.font-size-xsmall,
a.font-size-xsmall,
span.font-size-xsmall,
p a.font-size-xsmall,
p span.font-size-xsmall,
div.font-size-xsmall,
ul li.font-size-xsmall,
ul li span.font-size-xsmall,
ul li a.font-size-xsmall,
h1 span.font-size-xsmall,
h2 span.font-size-xsmall,
h3 span.font-size-xsmall,
h4 span.font-size-xsmall,
h5 span.font-size-xsmall,
h6 span.font-size-xsmall {
font-size: 13px;
line-height: 1.4;
}
p.font-size-xsmall a,
a.font-size-xsmall a,
span.font-size-xsmall a,
p a.font-size-xsmall a,
p span.font-size-xsmall a,
div.font-size-xsmall a,
ul li.font-size-xsmall a,
ul li span.font-size-xsmall a,
ul li a.font-size-xsmall a,
h1 span.font-size-xsmall a,
h2 span.font-size-xsmall a,
h3 span.font-size-xsmall a,
h4 span.font-size-xsmall a,
h5 span.font-size-xsmall a,
h6 span.font-size-xsmall a {
font-size: 13px;
line-height: 1.4;
text-decoration: none;
}
p.font-size-xsmall,
a.font-size-xsmall,
span.font-size-xsmall,
p a.font-size-xsmall,
p span.font-size-xsmall,
div.font-size-xsmall,
ul li.font-size-xsmall,
ul li span.font-size-xsmall,
ul li a.font-size-xsmall,
h1 span.font-size-xsmall,
h2 span.font-size-xsmall,
h3 span.font-size-xsmall,
h4 span.font-size-xsmall,
h5 span.font-size-xsmall,
h6 span.font-size-xsmall {
font-size: 14px;
line-height: 1.4;
}
p.font-size-xsmall a,
a.font-size-xsmall a,
span.font-size-xsmall a,
p a.font-size-xsmall a,
p span.font-size-xsmall a,
div.font-size-xsmall a,
ul li.font-size-xsmall a,
ul li span.font-size-xsmall a,
ul li a.font-size-xsmall a,
h1 span.font-size-xsmall a,
h2 span.font-size-xsmall a,
h3 span.font-size-xsmall a,
h4 span.font-size-xsmall a,
h5 span.font-size-xsmall a,
h6 span.font-size-xsmall a {
font-size: 14px;
line-height: 1.4;
text-decoration: none;
}
p.font-size-large,
a.font-size-large,
span.font-size-large,
p a.font-size-large,
p span.font-size-large,
div.font-size-large,
ul li.font-size-large,
ul li span.font-size-large,
ul li a.font-size-large,
h1 span.font-size-large,
h2 span.font-size-large,
h3 span.font-size-large,
h4 span.font-size-large,
h5 span.font-size-large,
h6 span.font-size-large {
font-size: 24px;
line-height: 1.4;
}
p.font-size-large a,
a.font-size-large a,
span.font-size-large a,
p a.font-size-large a,
p span.font-size-large a,
div.font-size-large a,
ul li.font-size-large a,
ul li span.font-size-large a,
ul li a.font-size-large a,
h1 span.font-size-large a,
h2 span.font-size-large a,
h3 span.font-size-large a,
h4 span.font-size-large a,
h5 span.font-size-large a,
h6 span.font-size-large a {
font-size: 24px;
line-height: 1.4;
text-decoration: none;
}
p.font-size-xlarge,
a.font-size-xlarge,
span.font-size-xlarge,
p a.font-size-xlarge,
p span.font-size-xlarge,
div.font-size-xlarge,
ul li.font-size-xlarge,
ul li span.font-size-xlarge,
ul li a.font-size-xlarge,
h1 span.font-size-xlarge,
h2 span.font-size-xlarge,
h3 span.font-size-xlarge,
h4 span.font-size-xlarge,
h5 span.font-size-xlarge,
h6 span.font-size-xlarge {
font-size: 28px;
line-height: 1.4;
}
p.font-size-xlarge a,
a.font-size-xlarge a,
span.font-size-xlarge a,
p a.font-size-xlarge a,
p span.font-size-xlarge a,
div.font-size-xlarge a,
ul li.font-size-xlarge a,
ul li span.font-size-xlarge a,
ul li a.font-size-xlarge a,
h1 span.font-size-xlarge a,
h2 span.font-size-xlarge a,
h3 span.font-size-xlarge a,
h4 span.font-size-xlarge a,
h5 span.font-size-xlarge a,
h6 span.font-size-xlarge a {
font-size: 28px;
line-height: 1.4;
text-decoration: none;
}
p.font-size-xxlarge,
a.font-size-xxlarge,
span.font-size-xxlarge,
p a.font-size-xxlarge,
p span.font-size-xxlarge,
div.font-size-xxlarge,
ul li.font-size-xxlarge,
ul li span.font-size-xxlarge,
ul li a.font-size-xxlarge,
h1 span.font-size-xxlarge,
h2 span.font-size-xxlarge,
h3 span.font-size-xxlarge,
h4 span.font-size-xxlarge,
h5 span.font-size-xxlarge,
h6 span.font-size-xxlarge {
font-size: 32px;
line-height: 1.4;
}
p.font-size-xxlarge a,
a.font-size-xxlarge a,
span.font-size-xxlarge a,
p a.font-size-xxlarge a,
p span.font-size-xxlarge a,
div.font-size-xxlarge a,
ul li.font-size-xxlarge a,
ul li span.font-size-xxlarge a,
ul li a.font-size-xxlarge a,
h1 span.font-size-xxlarge a,
h2 span.font-size-xxlarge a,
h3 span.font-size-xxlarge a,
h4 span.font-size-xxlarge a,
h5 span.font-size-xxlarge a,
h6 span.font-size-xxlarge a {
font-size: 32px;
line-height: 1.4;
text-decoration: none;
}
p.font-size-xxxlarge,
a.font-size-xxxlarge,
span.font-size-xxxlarge,
p a.font-size-xxxlarge,
p span.font-size-xxxlarge,
div.font-size-xxxlarge,
ul li.font-size-xxxlarge,
ul li span.font-size-xxxlarge,
ul li a.font-size-xxxlarge,
h1 span.font-size-xxxlarge,
h2 span.font-size-xxxlarge,
h3 span.font-size-xxxlarge,
h4 span.font-size-xxxlarge,
h5 span.font-size-xxxlarge,
h6 span.font-size-xxxlarge {
font-size: 36px;
line-height: 1.4;
}
p.font-size-xxxlarge a,
a.font-size-xxxlarge a,
span.font-size-xxxlarge a,
p a.font-size-xxxlarge a,
p span.font-size-xxxlarge a,
div.font-size-xxxlarge a,
ul li.font-size-xxxlarge a,
ul li span.font-size-xxxlarge a,
ul li a.font-size-xxxlarge a,
h1 span.font-size-xxxlarge a,
h2 span.font-size-xxxlarge a,
h3 span.font-size-xxxlarge a,
h4 span.font-size-xxxlarge a,
h5 span.font-size-xxxlarge a,
h6 span.font-size-xxxlarge a {
font-size: 36px;
line-height: 1.4;
text-decoration: none;
}
}
@media only screen and (max-width: 568px) {
p.font-size-large,
a.font-size-large,
span.font-size-large,
p a.font-size-large,
p span.font-size-large,
ul li.font-size-large,
ul li span.font-size-large,
ul li a.font-size-large,
h1 span.font-size-large,
h2 span.font-size-large,
h3 span.font-size-large,
h4 span.font-size-large,
h5 span.font-size-large,
h6 span.font-size-large {
font-size: 20px;
line-height: 1.4;
}
p.font-size-large a,
a.font-size-large a,
span.font-size-large a,
p a.font-size-large a,
p span.font-size-large a,
ul li.font-size-large a,
ul li span.font-size-large a,
ul li a.font-size-large a,
h1 span.font-size-large a,
h2 span.font-size-large a,
h3 span.font-size-large a,
h4 span.font-size-large a,
h5 span.font-size-large a,
h6 span.font-size-large a {
font-size: 20px;
line-height: 1.4;
text-decoration: none;
}
p.font-size-xlarge,
a.font-size-xlarge,
span.font-size-xlarge,
p a.font-size-xlarge,
p span.font-size-xlarge,
ul li.font-size-xlarge,
ul li span.font-size-xlarge,
ul li a.font-size-xlarge,
h1 span.font-size-xlarge,
h2 span.font-size-xlarge,
h3 span.font-size-xlarge,
h4 span.font-size-xlarge,
h5 span.font-size-xlarge,
h6 span.font-size-xlarge {
font-size: 24px;
line-height: 1.4;
}
p.font-size-xlarge a,
a.font-size-xlarge a,
span.font-size-xlarge a,
p a.font-size-xlarge a,
p span.font-size-xlarge a,
ul li.font-size-xlarge a,
ul li span.font-size-xlarge a,
ul li a.font-size-xlarge a,
h1 span.font-size-xlarge a,
h2 span.font-size-xlarge a,
h3 span.font-size-xlarge a,
h4 span.font-size-xlarge a,
h5 span.font-size-xlarge a,
h6 span.font-size-xlarge a {
font-size: 24px;
line-height: 1.4;
text-decoration: none;
}
p.font-size-xxlarge,
a.font-size-xxlarge,
span.font-size-xxlarge,
p a.font-size-xxlarge,
p span.font-size-xxlarge,
ul li.font-size-xxlarge,
ul li span.font-size-xxlarge,
ul li a.font-size-xxlarge,
h1 span.font-size-xxlarge,
h2 span.font-size-xxlarge,
h3 span.font-size-xxlarge,
h4 span.font-size-xxlarge,
h5 span.font-size-xxlarge,
h6 span.font-size-xxlarge {
font-size: 28px;
line-height: 1.4;
}
p.font-size-xxlarge a,
a.font-size-xxlarge a,
span.font-size-xxlarge a,
p a.font-size-xxlarge a,
p span.font-size-xxlarge a,
ul li.font-size-xxlarge a,
ul li span.font-size-xxlarge a,
ul li a.font-size-xxlarge a,
h1 span.font-size-xxlarge a,
h2 span.font-size-xxlarge a,
h3 span.font-size-xxlarge a,
h4 span.font-size-xxlarge a,
h5 span.font-size-xxlarge a,
h6 span.font-size-xxlarge a {
font-size: 28px;
line-height: 1.4;
text-decoration: none;
}
p.font-size-xxxlarge,
a.font-size-xxxlarge,
span.font-size-xxxlarge,
p a.font-size-xxxlarge,
p span.font-size-xxxlarge,
ul li.font-size-xxxlarge,
ul li span.font-size-xxxlarge,
ul li a.font-size-xxxlarge,
h1 span.font-size-xxxlarge,
h2 span.font-size-xxxlarge,
h3 span.font-size-xxxlarge,
h4 span.font-size-xxxlarge,
h5 span.font-size-xxxlarge,
h6 span.font-size-xxxlarge {
font-size: 32px;
line-height: 1.4;
}
p.font-size-xxxlarge a,
a.font-size-xxxlarge a,
span.font-size-xxxlarge a,
p a.font-size-xxxlarge a,
p span.font-size-xxxlarge a,
ul li.font-size-xxxlarge a,
ul li span.font-size-xxxlarge a,
ul li a.font-size-xxxlarge a,
h1 span.font-size-xxxlarge a,
h2 span.font-size-xxxlarge a,
h3 span.font-size-xxxlarge a,
h4 span.font-size-xxxlarge a,
h5 span.font-size-xxxlarge a,
h6 span.font-size-xxxlarge a {
font-size: 32px;
line-height: 1.4;
text-decoration: none;
}
}
/*! ThemeKit 1.5 | http://www.atomiccherry.com | (c) 2018 Atomic Cherry Design */
/** ====================================================
Utility Classes
======================================================= */
/** Flexbox
================================================== */
.flex,
.flexbox {
display: -webkit-box;
/* Old - iOS 6-, Safari 3.1-6 */
display: -moz-box;
/* Old - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;
/* Tweener - IE 10 */
display: -webkit-flex;
/* Old - Chrome 20-*/
display: flex;
/* New – Chrome 21+ Opera 12.1, Firefox 20+ */
align-items: stretch;
flex-wrap: wrap;
}
.flex > .flex-item {
display: flex;
}
.flex--row {
flex-direction: row;
}
.flex--column {
flex-direction: column;
}
.flex--vcenter {
align-items: center;
}
.flex--hcenter {
justify-content: center;
}
.flex--vhcenter {
align-items: center;
justify-content: center;
}
.flex-item--top {
align-self: flex-start;
}
.flex-item--bottom {
align-self: flex-end;
}
/** Handheld
================================================== */
@media only screen and (max-width: 768px) {
.hide-on-tablet {
display: none !important;
}
.center-on-tablet {
text-align: center !important;
}
.center-tablet {
text-align: inherit !important;
float: none !important;
margin-left: auto !important;
margin-right: auto !important;
}
img {
clear: both;
}
}
@media only screen and (max-width: 568px) {
.hide-on-mobile {
display: none !important;
}
.center-on-mobile {
text-align: center !important;
}
.center-mobile {
text-align: inherit !important;
float: none !important;
margin-left: auto !important;
margin-right: auto !important;
}
}
@media only screen and (min-width: 768px) {
.hide-on-desktop {
display: none !important;
}
.center-on-desktop {
text-align: center !important;
}
.center-desktop {
text-align: inherit !important;
float: none !important;
margin-left: auto !important;
margin-right: auto !important;
}
}
/** Common Alignment Properties
========================================= */
.nofloat {
float: none;
}
.floatleft {
float: left;
}
.floatright {
float: right;
}
.pull-left {
float: left;
}
.pull-right {
float: right;
}
.alignleft {
text-align: left;
}
.alignright {
text-align: right;
}
.aligncenter {
text-align: center;
}
.center {
text-align: center;
}
.inline {
display: inline;
}
.inline-block {
display: inline-block;
vertical-align: top;
}
.block-center {
margin-left: auto;
margin-right: auto;
}
.absolute {
position: absolute;
}
.fixed {
background-attachment: fixed;
}
/** Colors
========================================= */
.color-lightest {
color: #fff;
}
.color-lightest a,
.color-lightest span {
color: #fff;
}
.color-lighter {
color: #bbb;
}
.color-lighter a,
.color-lighter span {
color: #bbb;
}
.color-light {
color: #999;
}
.color-light a,
.color-light span {
color: #999;
}
.color-medium {
color: #3977b0;
}
.color-medium a,
.color-medium span {
color: #3977b0;
}
.color-dark {
color: #6b0b0c;
}
.color-dark a,
.color-dark span {
color: #6b0b0c;
}
.color-darker {
color: #38191a;
}
.color-darker a,
.color-darker span {
color: #38191a;
}
.color-darkest {
color: #222;
}
.color-darkest a,
.color-darkest span {
color: #222;
}
.bg-color-lightest {
background-color: #fff;
color: #222;
}
.bg-color-lightest a,
.bg-color-lightest span {
color: #222;
background-color: #fff;
}
.bg-color-lighter {
background-color: #bbb;
color: #222;
}
.bg-color-lighter a,
.bg-color-lighter span {
color: #222;
background-color: #bbb;
}
.bg-color-light {
background-color: #999;
color: #222;
}
.bg-color-light a,
.bg-color-light span {
color: #222;
background-color: #999;
}
.bg-color-medium {
background-color: #3977b0;
color: #fff;
}
.bg-color-medium a,
.bg-color-medium span {
color: #fff;
background-color: #3977b0;
}
.bg-color-dark {
background-color: #6b0b0c;
color: #fff;
}
.bg-color-dark a,
.bg-color-dark span {
color: #fff;
background-color: #6b0b0c;
}
.bg-color-darker {
background-color: #38191a;
color: #fff;
}
.bg-color-darker a,
.bg-color-darker span {
color: #fff;
background-color: #38191a;
}
.bg-color-darkest {
background-color: #222;
color: #fff;
}
.bg-color-darkest a,
.bg-color-darkest span {
color: #fff;
background-color: #222;
}
/** Common Colors
========================================= */
.error {
color: #E30202;
}
.highlight {
color: #D99306;
}
.selected {
color: #790000;
}
.current {
color: #790000;
}
.active {
color: #790000;
}
/** Visibility
========================================= */
.hide {
opacity: 0;
}
.hidden {
display: none;
}
.invisible {
visibility: hidden;
}
.transparent {
background: transparent !important;
}
.none {
display: none;
}
.no-fouc {
display: none !important;
}
.fadein div,
.fadein li {
position: relative;
-webkit-animation: fadein 1s;
-moz-animation: fadein 1s;
-o-animation: fadein 1s;
animation: fadein 1s;
opacity: 1;
-webkit-transition: opacity 1s ease-in;
-moz-transition: opacity 1s ease-in;
-ms-transition: opacity 1s ease-in;
-o-transition: opacity 1s ease-in;
transition: opacity 1s ease-in;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
@media screen and (max-width: 768px) {
.hidden-mobile {
display: none;
}
}
/** Microformats
========================================= */
.h-card span {
display: block;
line-height: 1.4;
}
.h-card.inline span {
display: inline-block;
}
/** Spacing
========================================= */
.flush {
margin-top: 16px;
}
.inner {
padding: 16px;
}
.padding-inner {
padding: 16px;
}
.indent {
padding-left: 16px;
}
.dbl-indent {
padding-left: 32px;
}
.tpl-indent {
padding-left: 48px;
}
.qdl-indent {
padding-left: 64px;
}
/** Borders
========================================= */
.noborder {
border: 0;
}
.no-border {
border: 0;
}
.border-none {
border: 0;
border: 0 !important;
}
.border {
border: 1px solid #aaa;
}
.border-top {
border-top: 1px solid #ddd;
padding-top: 16px;
}
.border-btm {
border-bottom: 1px solid #ddd;
padding-bottom: 16px;
}
.block.border.inner {
padding: 16px;
}
.border-top-none {
border-top: none;
}
.border-right-none {
border-right: none;
}
.border-bottom-none {
border-bottom: none;
}
.border-left-none {
border-left: none;
}
/** Line Heights
========================================= */
.lineheight-xs {
line-height: 1;
}
.lineheight-sm {
line-height: 1.2;
}
.lineheight-med {
line-height: 1.6;
}
.lineheight-lrg {
line-height: 1.8;
}
.lineheight-xl {
line-height: 2;
}
/** Specialized Alignment
========================================= */
a.left,
a.alignleft {
float: left;
margin: 8px 16px 8px 0 !important;
}
a.right,
a.alignright {
float: left;
margin: 8px 16px 8px 0 !important;
}
@media only screen and (max-width: 568px) {
.left,
.right,
.alignright,
.alignleft {
float: none !important;
display: block !important;
margin: 0 auto 32px auto !important;
}
}
/** Common Widths
========================================= */
.fullwidth {
width: 100%;
max-width: 100%;
}
[class*='width-'] {
margin: 16px auto;
}
.width-narrow {
width: 50%;
min-width: 568px;
}
.width-condensed {
width: 65%;
max-width: 640px;
}
.width-medium {
width: 80%;
max-width: 768px;
}
.width-wide {
width: 100%;
max-width: 100%;
}
.width-fill {
width: 100%;
max-width: 100%;
}
div.full-width {
width: 100vw !important;
max-width: 100vw;
position: relative;
overflow: hidden;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
margin-bottom: 32px;
}
div.full-width a {
display: block;
}
div.full-width img {
position: absolute;
margin: auto;
width: 100%;
top: 0;
bottom: 0;
}
.object-fit_cover {
object-fit: cover;
}
.object-fit_fill {
object-fit: fill;
}
/** Margins and Padding
========================================= */
.top-margin {
margin-top: 32px;
}
.top-margin-half {
margin-top: 16px;
}
.top-margin-dbl {
margin-top: 64px;
}
.top-margin-none {
margin-top: 0;
}
.btm-margin {
margin-bottom: 32px;
}
.btm-margin-half {
margin-bottom: 16px;
}
.btm-margin-dbl {
margin-bottom: 64px;
}
.btm-margin-none {
margin-bottom: 0;
}
.top-padding {
padding-top: 32px;
}
.top-padding-half {
padding-top: 16px;
}
.top-padding-dbl {
padding-top: 64px;
}
.top-padding-none {
padding-top: 0;
}
.btm-padding {
padding-bottom: 32px;
}
.btm-padding-half {
padding-bottom: 16px;
}
.btm-padding-dbl {
padding-bottom: 64px;
}
.btm-padding-none {
padding-bottom: 0;
}
.padding-all {
padding: 16px 16px;
}
.padding-xl {
padding: 96px;
}
.padding-lrg {
padding: 64px;
}
.padding-med {
padding: 32px;
}
.padding-sm {
padding: 8px;
}
.btmpad20 {
padding-top: 20%;
}
.btmpad30 {
padding-top: 30%;
}
.btmpad40 {
padding-top: 40%;
}
.btmpad50 {
padding-top: 50%;
}
.btmpad60 {
padding-top: 60%;
}
.gutters-none {
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
.row.gutters-none {
margin-left: -16px;
margin-right: -16px;
}
.row.gutters {
margin-left: 0;
margin-right: 0;
}
.margin-none,
.margin-none .block {
margin: 0 !important;
}
.padding-none,
.padding-none .block {
padding: 0 !important;
}
.row.pad-zero {
padding: 0 15px;
padding-bottom: 32px;
}
.row.pad-zero .block {
padding: 0 !important;
}
.row.pad-one {
padding: 0 14px;
padding-bottom: 32px;
}
.row.pad-one .block {
padding: 1px !important;
}
.row.pad-two {
padding: 0 13px;
padding-bottom: 32px;
}
.row.pad-two .block {
padding: 2px !important;
}
.row.pad-three {
padding: 0 12px;
padding-bottom: 32px;
}
.row.pad-three .block {
padding: 3px !important;
}
.row.pad-six {
padding: 0 12px;
padding-bottom: 32px;
}
.row.pad-six .block {
padding: 6px !important;
}
.row.pad-twelve {
padding: 0 12px;
padding-bottom: 32px;
}
.row.pad-twelve .block {
padding: 12px !important;
}
/** CSS Columns
========================================= */
.col-2 {
margin-bottom: 32px;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-gap: 32px;
-moz-column-gap: 32px;
column-gap: 32px;
}
.col-3 {
margin-bottom: 32px;
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 16px;
-moz-column-gap: 16px;
column-gap: 16px;
}
.col-4 {
margin-bottom: 32px;
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
-webkit-column-gap: 16px;
-moz-column-gap: 16px;
column-gap: 16px;
}
/** Clear Fix
========================================= */
.clear {
clear: both;
padding-top: 32px;
padding-bottom: 32px;
}
.clearfix:before,
.clearfix:after {
content: '';
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
zoom: 1;
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.linebreak:before {
content: '';
display: table;
}
.linebreak {
margin-top: 32px;
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
/** Miscellaneous
========================================= */
.fill {
background: #ddd;
}
.stack {
overflow: hidden;
}
.cover {
background-size: cover !important;
}
.cat {
margin-bottom: 32px;
}
.category {
margin-bottom: 32px;
}
.nowrap {
overflow: hidden;
}
.moreinfo {
margin: 32px 0;
}
.relative {
position: relative;
}
.subtle {
color: #dddddd;
font-size: 13px;
}
.subtle a {
color: inherit;
font-size: inherit;
}
.external a::after,
a.external::after {
font-family: 'icons';
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding-left: 6px;
font-size: 11px;
content: '\ea52';
}
.bg-image {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-size: cover;
}
.ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}
.ellipsis:hover {
text-overflow: inherit;
overflow: visible;
}
*.hyphenate {
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
.sm-links p,
.sm-links li,
.sm-links a,
.sm-links span,
.sm-links p a,
.sm-links li a,
.sm-links span a {
font-size: 13px;
}
.sm-links h3 {
font-size: 20px;
}
.sm-links ul {
margin-left: 0;
padding-left: 0;
}
.sm-links ul li {
list-style-type: none;
padding-bottom: 16px;
}
.browserupgrade {
margin: 100px auto;
width: 80%;
max-width: 80px;
text-align: center;
font-family: 'Raleway', 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
/** Images
============================================= */
.cover {
padding: 0;
margin: 0;
width: 100%;
height: 100%;
min-width: 100%;
min-height: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.contain {
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
}
@media only screen and (max-width: 568px) {
.row .block img {
display: block !important;
margin-left: auto;
margin-right: auto;
}
}
.row .block img {
max-width: 100%;
height: auto;
}
img + p:first-of-type {
padding-top: 16px;
}
/** Vertical/Horizontal Centering
=============================================== */
.center span,
span.center,
img.center,
a.center {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.preserve-3d {
position: relative;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.h-center {
position: absolute;
left: 50%;
-webkit-transform: perspective(1px) translateX(-50%);
-moz-transform: perspective(1px) translateX(-50%);
-ms-transform: perspective(1px) translateX(-50%);
-o-transform: perspective(1px) translateX(-50%);
transform: perspective(1px) translateX(-50%);
}
.v-center {
position: absolute;
top: 50%;
-webkit-transform: perspective(1px) translateY(-50%);
-moz-transform: perspective(1px) translateY(-50%);
-ms-transform: perspective(1px) translateY(-50%);
-o-transform: perspective(1px) translateY(-50%);
transform: perspective(1px) translateY(-50%);
}
.vh-center {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: perspective(1px) translateX(-50%) translateY(-50%);
-moz-transform: perspective(1px) translateX(-50%) translateY(-50%);
-ms-transform: perspective(1px) translateX(-50%) translateY(-50%);
-o-transform: perspective(1px) translateX(-50%) translateY(-50%);
transform: perspective(1px) translateX(-50%) translateY(-50%);
}
.flex-vertical-center {
display: -webkit-box;
/* Old - iOS 6-, Safari 3.1-6 */
display: -moz-box;
/* Old - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;
/* Tweener - IE 10 */
display: -webkit-flex;
/* Old - Chrome 20-*/
display: flex;
/* New – Chrome 21+ Opera 12.1, Firefox 20+ */
align-items: stretch;
flex-wrap: wrap;
flex-direction: column;
justify-content: center;
}
@media only screen and (max-width: 960px) {
.v-center,
.v-center * {
position: relative;
float: none !important;
top: 0;
left: 0;
text-align: center !important;
margin: 0 auto 32px auto !important;
transform: none;
}
}
/*! ThemeKit 1.0 | http://www.atomiccherry.com | (c) 2015-2016 Atomic Cherry Design */
/** ===========================================
Headings
=============================================== */
.split {
overflow: hidden;
text-align: center;
display: block;
}
.split::before,
.split::after {
background-color: #3977b0;
content: "";
display: inline-block;
width: 50%;
height: 1px;
position: relative;
vertical-align: middle;
}
.split::before {
right: 0.5em;
top: -1px;
margin-left: -50%;
}
.split::after {
left: 0.5em;
top: -1px;
margin-right: -50%;
}
.split-single {
overflow: hidden;
text-align: left;
display: block;
}
.split-single::after {
content: "";
background-color: #3977b0;
display: inline-block;
width: 100%;
height: 1px;
position: relative;
vertical-align: middle;
left: 0.5em;
top: -1px;
margin-right: -50%;
}
.underscore::after {
content: "";
display: block;
background: #999;
width: 100%;
height: 1px;
margin-top: 6px;
}
.underscore.underscore-thin:after {
margin-top: 7px;
height: 1px;
}
.underscore-short {
text-align: center;
display: block;
}
.underscore-short::after {
content: "";
display: block;
background: #999;
width: 80px;
height: 1px;
margin-left: auto;
margin-right: auto;
margin-top: 16px;
}
.underscore-short-left {
display: block;
}
.underscore-short-left::after {
content: "";
display: block;
background: #999;
width: 200px;
height: 1px;
margin-left: 0;
margin-top: 16px;
}
.sandwich {
margin: 32px auto;
}
.sandwich::before,
.sandwich::after {
content: "";
display: block;
background: #999;
height: 1px;
width: 100%;
}
.sandwich::before {
margin-bottom: 15px;
}
.sandwich::after {
margin-top: 15px;
}
.sandwich.sandwich-short:before,
.sandwich.sandwich-short:after {
width: 25%;
max-width: 100px;
margin-left: auto;
margin-right: auto;
}
/*! ThemeKit 1.0 | http://www.atomiccherry.com | (c) 2018 Atomic Cherry Design */
/* ====================================================
Cards
======================================================= */
.cards {
display: -webkit-box;
/* Old - iOS 6-, Safari 3.1-6 */
display: -moz-box;
/* Old - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;
/* Tweener - IE 10 */
display: -webkit-flex;
/* Old - Chrome 20-*/
display: flex;
/* New – Chrome 21+ Opera 12.1, Firefox 20+ */
align-items: flex-start;
flex-wrap: wrap;
}
.card {
position: relative;
background: #fff;
border: 1px solid #aaa;
transition: border-color 0.2s ease-in-out;
overflow: hidden;
}
.card .button {
margin-bottom: 0 !important;
}
.card:hover {
border-color: #ddd;
}
.card.shadow {
top: 0;
position: relative;
box-shadow: 0 0 6px #ddd;
transition: all 0.3s ease-in-out;
}
.card.shadow:hover {
box-shadow: 0 8px 20px 3px #ddd;
top: -6px;
}
.card.no-border {
border: none;
}
.card.w-footer {
padding-bottom: 48px;
}
.card.no-img {
padding: 16px;
}
.card div.desc {
position: relative;
padding: 16px 16px;
}
.card div.card-header {
padding: 16px 16px;
line-height: 1.6;
letter-spacing: 1px;
}
.card div.card-footer {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 44px;
color: #aaa;
line-height: 1.2;
border-top: 1px solid #aaa;
padding: 0 16px;
overflow: hidden;
display: block;
}
.card div.card-footer.noborder {
border-top: 0;
}
.card div.card-footer.tall {
height: 64px;
}
.card div.card-footer .block {
font: 'Raleway', 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: #aaa;
padding: 0;
}
.card div.img {
border-bottom: 1px solid #aaa;
}
.card div.img img {
display: block;
width: auto;
max-width: auto;
vertical-align: middle;
margin: 0 auto;
text-align: center;
}
.card div.inset-sm {
border: 0;
margin: 4px 4px 0 4px;
}
.card div.inset-md {
border: 0;
margin: 8px 8px 0 8px;
}
.card div.inset-lg {
border: 0;
margin: 12px 12px 0 12px;
}
@media screen and (max-width: 960px) {
.cards {
align-items: stretch;
}
.card {
width: 100%;
}
.card.horizontal {
padding-top: 16px;
}
.card-image {
max-width: 50%;
height: auto;
padding-bottom: 60%;
margin: 0 auto;
text-align: center;
}
}
.card div.metabox {
clear: both;
padding: 8px 0 0 0;
border-top: 1px solid #aaa;
}
.card div.metabox li,
.card div.metabox li a {
color: #444;
}
.card div.metabox ul.entry-meta {
border: 0;
padding: 0 16px;
}
.card div.metabox ul.entry-meta:first-child::before {
font-family: 'icons';
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\e64e';
}
[id*='section-'].container .card .button {
margin-top: 16px;
margin-bottom: 32px;
}
/*! ThemeKit 1.0 | http://www.atomiccherry.com | (c) 2017 Atomic Cherry Design */
/** ==========================================
Lists
============================================== */
/** Base List Setup
======================================= */
li a {
text-decoration: none;
}
ol.lower-alpha li {
list-style-type: lower-alpha;
}
ol.upper-alpha li {
list-style-type: upper-alpha;
}
ol.lower-roman li {
list-style-type: lower-roman;
}
ol.upper-roman li {
list-style-type: upper-roman;
}
ul.disc li {
list-style-type: disc;
}
ul.circle li {
list-style-type: circle;
}
ul,
ol {
padding: 0 0 0 16px;
margin: 0 0 32px 0;
}
ul li a:hover,
ol li a:hover {
text-decoration: none;
}
ul {
margin-left: 16px / 2;
margin-bottom: 16px;
}
ul li {
padding: 0 0 8px 0;
list-style-type: square;
}
ol {
margin-left: 16px;
}
ol li {
padding: 0 0 8px 0;
}
li > ul,
li > ol {
padding-bottom: 0;
margin-bottom: 0;
}
p + ul,
p + ol {
padding-top: 16px;
}
ul + p,
ol + p {
padding-top: 8px;
}
ul ul {
padding-top: 8px;
}
ul ul li {
list-style-type: circle;
}
ol ol {
padding-top: 8px;
}
ol ol li {
list-style-type: lower-roman;
}
ul ul li:last-of-type {
padding-bottom: 0;
margin-bottom: 0;
}
ul.clean,
ul.nobullets {
margin-left: 0;
padding-left: 0;
}
ul.clean li,
ul.nobullets li {
display: block;
list-style: none;
}
ol {
list-style-type: decimal;
}
ol ol {
list-style: upper-alpha;
}
ol ol ol {
list-style: lower-roman;
}
ol ol ol ol {
list-style: lower-alpha;
}
/** Centered List
======================================= */
div.stacked-list-center {
text-align: center;
}
div.stacked-list-center ul {
display: inline-block;
}
div.stacked-list-center ul li {
text-align: left;
}
/** Custom Bullets
======================================= */
.arrow {
padding-left: 0;
margin-left: 6px;
}
.bullet {
padding-left: 0;
margin-left: 6px;
}
.checkmark {
padding-left: 8px;
margin-left: 0;
}
.asterisk {
padding-left: 4px;
margin-left: 0;
}
.arrow > li,
.checkmark > li {
list-style-type: none;
padding-left: 18px;
text-indent: -22px;
}
.arrow > li::before,
.checkmark > li::before {
font-family: 'icons';
text-indent: 0;
line-height: 1;
display: inline-block;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.asterisk > li,
.bullet > li {
list-style-type: none;
padding-left: 22px;
text-indent: -22px;
}
.asterisk > li::before,
.bullet > li::before {
position: relative;
text-indent: 0;
line-height: 1;
margin-right: 6px;
font-family: 'Montserrat', 'Lato', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
display: inline-block;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
speak: none;
}
.bullet > li::before {
top: 6px;
font-size: 200%;
line-height: 0.44;
content: '\2022';
}
.asterisk > li::before {
top: 9px;
font-size: 170%;
line-height: 0.6;
content: '\002a';
}
.arrow > li::before {
content: "\ea35";
width: 16px;
height: 13px;
font-size: 12px;
top: 0;
position: relative;
font-weight: bold;
}
.checkmark > li::before {
content: "\ea5e";
width: 22px;
height: 22px;
}
/** Inline Lists
======================================= */
.list,
.list-left {
padding-left: 0;
}
.list li,
.list-left li {
list-style: none;
display: inline-block;
vertical-align: top;
text-align: center;
}
.list-center {
padding-left: 0;
margin-left: auto;
text-align: center;
}
.list-center li {
float: none;
display: inline-block;
vertical-align: top;
}
.list-right {
padding-left: 0;
margin-left: auto;
text-align: right;
}
.list-right li {
float: none;
display: inline-block;
vertical-align: top;
}
.list.inline {
margin: 16px auto;
padding: 0;
width: auto;
overflow: hidden;
display: block;
}
.list.inline li {
list-style-type: none;
display: inline-block;
margin-right: 4px;
padding: 4px 8px;
width: auto;
}
.list.inline li:last-of-type {
margin-right: 0;
}
.list.inline a {
display: block;
width: 100%;
height: 100%;
text-decoration: none;
border: 0;
}
.list.inline.menu li:hover {
background: #ddd;
}
.list.inline.center {
text-align: center;
}
.list.inline.center li {
float: none;
}
.list.inline.ghost li {
background: none;
border: 1px solid #aaa;
}
.list.inline.ghost li:hover a {
color: #6b0b0c;
border: 0;
padding: 0;
margin: 0;
}
.list.inline.ghost.flush li {
margin-right: -4px;
border-right: 0;
}
.list.inline.ghost.flush li:last-of-type {
border-right: 1px solid #aaa;
margin-right: 0;
}
.list.inline.solid li {
color: #6b0b0c;
background: #ddd;
border: 1px solid #ddd;
}
.list.inline.solid li a:hover {
background: #6b0b0c;
color: #fff;
}
.list.inline.solid.flush li {
margin-right: -3px;
}
.list.inline.stretch {
width: 100%;
display: table !important;
}
.list.inline.stretch li {
width: auto;
display: table-cell;
}
.list.inline.stretch.ghost li {
border-right: 0;
}
.list.inline.stretch.ghost li:last-of-type {
border-right: 1px solid #aaa;
}
.list.inline.flex {
display: flex;
align-items: stretch;
justify-content: center;
width: 100%;
margin: 0;
padding: 0;
}
.list.inline.flex li {
display: block;
flex: 0 1 auto;
list-style-type: none;
}
/** Alternating Stripes
======================================= */
ul.striped {
margin-left: 0;
padding-left: 0;
}
ul.striped li {
list-style-type: none;
padding: 8px 16px / 2;
}
ul.striped li:nth-child(odd) {
background-color: #fff;
}
ul.striped li:nth-child(even) {
background-color: #ddd;
}
ul.striped.striped-even li:nth-child(odd) {
background-color: #fff;
}
ul.striped.striped-even li:nth-child(even) {
background-color: #ddd;
}
ul.striped.striped-odd li:nth-child(odd) {
background-color: #ddd;
}
ul.striped.striped-odd li:nth-child(even) {
background-color: #fff;
}
/** Alternating Color Bars
======================================= */
ul.bars {
margin-left: 0;
padding-left: 0;
}
ul.bars li {
list-style-type: none;
padding: 8px 16px / 2;
border-left: 3px solid #aaa;
}
ul.bars li:nth-child(odd) {
border-color: #aaa;
}
ul.bars li:nth-child(even) {
border-color: #ddd;
}
/** Divider: Separator-style list
======================================= */
ul.separator {
margin-left: 0;
padding-left: 0;
}
ul.separator li {
list-style-type: none;
border-bottom: 1px solid #ddd;
padding-bottom: 11px;
margin-bottom: 8px;
}
ul.divide,
.divide ul {
overflow: hidden;
margin-left: 0;
padding-left: 0;
}
ul.divide li,
.divide ul li {
display: block;
width: 100%;
list-style-type: none;
}
ul.divide li a,
.divide ul li a {
display: block;
border-bottom: 1px solid #aaa;
padding-bottom: 11px;
margin-bottom: 0;
}
ul.divide li a:hover,
.divide ul li a:hover {
color: #ddd;
text-decoration: none;
border-bottom: 4px solid #ddd;
padding-bottom: 8px;
}
/** Divider: Sidebar separator-style list
=============================================== */
.sidebar .divide ul {
padding-left: 0;
}
.sidebar .divide ul li {
list-style-type: none;
}
.sidebar .divide ul li a {
display: block;
border-bottom: 1px solid #aaa;
padding-bottom: 8px;
margin-bottom: 8px;
}
.sidebar .divide ul li a:hover {
border-bottom: 4px solid #ddd;
padding-bottom: 5px;
}
/** Responsive Lists
=============================== */
@media screen and (max-width: 568px) {
.list,
.list-left,
.list-right {
text-align: center;
}
.list li,
.list-left li,
.list-right li {
float: none;
}
}
/*! ThemeKit 1.0 | http://www.atomiccherry.com | (c) 2017 Atomic Cherry Design */
/* ====================================================
Captions
======================================================= */
.caption {
font-weight: 300;
letter-spacing: 1px;
font-family: 'Raleway', 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
text-transform: none;
clear: both;
display: block;
text-align: center;
margin: 4px auto 16px auto;
font-size: 14px;
}
.caption a,
.caption span,
.caption span a {
font-weight: 300;
letter-spacing: 1px;
font-family: 'Raleway', 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
text-transform: none;
width: 100%;
margin: 0;
padding: 0;
display: block;
line-height: 20px;
font-size: 14px;
letter-spacing: 1;
text-align: center;
}
/** Captions: Hover Effects
============================================ */
.caption-slide {
position: relative;
overflow: hidden;
z-index: 3;
cursor: pointer;
}
.caption-slide [class*="slide-"] {
position: absolute;
width: 100%;
left: 0;
background: #222;
opacity: 0.8;
color: #fff;
text-align: center;
padding: 4px 8px;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
-webkit-transition-delay: 100ms;
-moz-transition-delay: 100ms;
transition-delay: 100ms;
}
.caption-slide .slide-up {
bottom: -64px;
}
.caption-slide .slide-down {
top: -64px;
}
.caption-slide:hover .slide-up {
bottom: 0;
}
.caption-slide:hover .slide-down {
top: 0;
}
.caption-top {
position: relative;
overflow: hidden;
z-index: 3;
cursor: pointer;
}
.caption-top figure {
overflow: hidden;
position: relative;
height: 100%;
}
.caption-top figcaption {
position: absolute;
background: rgba(0, 0, 0, 0.6);
color: #fff;
display: table;
height: 100%;
padding: 8px;
left: 0;
right: 0;
top: 0;
opacity: 0;
z-index: 4;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
transition: all 300ms;
-webkit-transition-delay: 100ms;
-moz-transition-delay: 100ms;
transition-delay: 100ms;
}
.caption-top:hover figcaption {
opacity: 1;
}
.caption-top figcaption span {
display: block;
color: #fff;
height: 100%;
text-align: center;
display: table-cell;
position: relative;
top: -40px;
vertical-align: middle;
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
transition: all 300ms ease-out;
}
.caption-top:hover figcaption span {
-moz-transform: translateY(40px);
-webkit-transform: translateY(40px);
transform: translateY(40px);
}
.caption-top a:hover {
opacity: 1;
}
.caption-top img {
display: block;
width: 100%;
height: auto;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
transition: all 300ms;
max-width: 100%;
}
.scale {
position: relative;
overflow: hidden;
}
.scale:hover img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
transform: scale(1.2);
}
.effect {
overflow: hidden;
position: relative;
}
.effect .caption {
position: absolute;
display: block;
width: 100%;
margin: 0 0 0 -20px;
text-align: center;
-moz-transition: margin-top 300ms ease-in-out 200ms;
-o-transition: margin-top 300ms ease-in-out 200ms;
transition: margin-top 300ms ease-in-out 200ms;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
.effect .caption span {
opacity: 0;
display: inline-block;
text-align: center;
font-size: 15px;
font-weight: 300;
padding: 0 12px;
color: #fff;
-moz-transition: opacity 300ms ease-out 200ms;
-o-transition: opacity 300ms ease-out 200ms;
transition: opacity 300ms ease-out 200ms;
}
.effect .info {
width: 100%;
height: 100%;
padding: 20px;
position: absolute;
top: 0;
opacity: 0;
z-index: 4;
text-align: center;
-moz-transition: all 500ms ease-out 0s;
-o-transition: all 500ms ease-out 0s;
transition: all 500ms ease-out 0s;
}
.effect .info .overlay {
background: #222;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
position: absolute;
z-index: -1;
-moz-transition: 500ms all;
-o-transition: 500ms all;
transition: 500ms all;
}
.effect:hover span {
opacity: 1;
}
.effect:hover .info {
opacity: 1;
}
.effect:hover .overlay {
opacity: 0.8;
}
.effect:hover .view {
margin-top: -20px;
}
.view {
width: 40px;
height: 40px;
position: absolute;
top: 50%;
margin-top: -25px;
display: block;
-moz-transition: margin-top 300ms ease-out 200ms;
-o-transition: margin-top 300ms ease-out 200ms;
transition: margin-top 300ms ease-out 200ms;
}
.view span {
font-family: 'icons';
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
opacity: 0;
display: block;
cursor: pointer;
font-size: 24px;
line-height: 40px;
color: #fff;
-moz-transition: opacity 300ms ease-out 200ms;
-o-transition: opacity 300ms ease-out 200ms;
transition: opacity 300ms ease-out 200ms;
}
.view.lightbox,
.view.link {
left: 50%;
margin-left: -20px;
}
.view.lightbox.lightbox-showcase,
.view.link.lightbox-showcase {
margin-left: -45px;
}
.view.showcase {
right: 50%;
margin-right: -45px;
}
.view.lightbox:hover,
.view.link:hover,
.view.showcase:hover {
text-decoration: none;
opacity: 0.5;
-webkit-transition: opacity 200ms ease-in 0s;
-moz-transition: opacity 200ms ease-in 0s;
-o-transition: opacity 200ms ease-in 0s;
transition: opacity 200ms ease-in 0s;
}
/*! ThemeKit 1.0 | http://www.atomiccherry.com | (c) 2017 Atomic Cherry Design */
/** =========================================
Blocks
============================================= */
/** ======================================================
Text Group Borders
========================================================== */
.tk-border-left {
border-left: 2px solid #3977b0;
padding-left: 16px;
}
.tk-border-right {
border-right: 2px solid #3977b0;
padding-right: 16px;
text-align: right;
}
.tk-border-thin {
border-width: 1px;
}
.tk-border-thick {
border-width: 4px;
}
.tk-border-light {
border-color: #999;
}
/** ======================================================
Text Group w/ Alternating Color
========================================================== */
.tk-group > p,
.tk-group > div {
background-color: #fff;
padding: 16px 16px;
}
.tk-group > p:nth-child(even),
.tk-group > div:nth-child(even) {
background-color: #ddd;
}
/** ======================================================
Alerts
========================================================== */
.tk-alert {
color: #ffffff;
margin: 16px 0;
padding: 16px 16px;
}
.tk-alert p,
.tk-alert a {
color: #ffffff;
}
.tk-alert p:last-of-type {
padding-bottom: 0;
}
.tk-alert.success {
background: #4EB672;
}
.tk-alert.note {
background: #4E88B6;
}
.tk-alert.caution {
background: #E7AF44;
}
.tk-alert.error,
.tk-alert.warning {
background: #d45252;
}
/** ======================================================
Progress Bars
========================================================== */
.tk-progress-outer {
margin-bottom: 8px;
margin-top: 8px;
overflow: hidden;
background: #ddd;
height: 32px;
width: 100%;
}
.tk-progress-inner {
background: #444;
height: auto;
line-height: 32px;
text-align: center;
width: auto;
}
.tk-progress-inner span {
color: #fff;
}
/** ======================================================
Important
========================================================== */
.tk-important {
border: 1px solid #ddd;
margin: 16px 0;
}
.tk-important p:last-of-type {
padding-bottom: 0;
}
.tk-important .head {
padding: 8px 16px;
}
.tk-important .body {
padding: 16px 16px;
}
.tk-important.success .head {
color: #ffffff;
background: #4EB672;
}
.tk-important.success .head p {
color: #ffffff;
}
.tk-important.note .head {
color: #ffffff;
background: #4E88B6;
}
.tk-important.note .head p {
color: #ffffff;
}
.tk-important.caution .head {
color: #ffffff;
background: #E7AF44;
}
.tk-important.caution .head p {
color: #ffffff;
}
.tk-important.warning .head {
color: #ffffff;
background: #d45252;
}
.tk-important.warning .head p {
color: #ffffff;
}
/** ======================================================
Boxes
========================================================== */
.tk-box {
border: 1px solid #ddd;
margin: 16px 0;
}
.tk-box p:last-of-type {
padding-bottom: 0;
}
.tk-box .head {
padding: 8px 16px;
}
.tk-box .body {
padding: 16px 16px;
}
.tk-box .head {
color: #ffffff;
background: #3977b0;
}
.tk-box .head p {
color: #ffffff;
}
.bg-color {
display: block;
padding: 16px 16px;
line-height: 1.4;
vertical-align: center;
color: #fff;
background: #3977b0;
}
/** ======================================================
Table Display
========================================================== */
.tk-table {
width: 100%;
display: table;
}
.tk-table-cell {
display: table-cell;
height: 100%;
min-height: 100%;
width: 100%;
}
.tk-table-cell.tk-center {
vertical-align: middle;
}
/** ======================================================
Blocked Grid Sections
========================================================== */
.divided .row {
border-bottom: 1px solid #ddd;
}
.divided .row:last-of-type {
border-bottom: 0;
}
.divided .block {
border-right: 1px solid #ddd;
}
.divided .block:last-of-type {
border-right: 0;
}
@media screen and (max-width: 568px) {
.divided .row,
.divided .block {
border: 0;
}
}
/** ======================================================
Specialty Boxes
========================================================== */
.aligncenter .box {
margin-left: auto;
margin-right: auto;
}
.box {
border-radius: 6px;
display: inline-block;
width: auto;
margin: 32px 0;
padding: 16px 16px;
}
.box p:last-of-type {
padding-bottom: 0;
}
.box.box-block {
display: block;
}
.box-borderless {
margin: 16px 0;
padding: 16px 16px;
border: 1px solid #ddd;
}
.box-borderless p:last-of-type {
padding-bottom: 0;
}
.box-borderless.box-shadow {
border: none;
-webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);
}
.box-quotation {
position: relative;
}
.box-quotation p,
.box-quotation a,
.box-quotation li,
.box-quotation h2,
.box-quotation h3,
.box-quotation h4,
.box-quotation h5,
.box-quotation h6,
.box-quotation span {
color: #38191a;
}
.box-quotation cite::before {
content: "\ea58";
padding-right: 8px;
padding-left: 8px;
}
.box-quotation::after {
font-family: 'icons';
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #3977b0;
content: "\ea04";
font-size: 40px;
height: 46px;
line-height: 46px;
padding: 0;
position: absolute;
right: -12px;
text-align: center;
top: -28px;
width: 46px;
}
.box-quotation a {
text-decoration: underline;
}
.box-quotation p:last-of-type {
margin-bottom: 0;
padding-bottom: 0;
}
.box-quotation + .box-quotation {
margin-top: 64px;
}
/** =========================================
Testimonials: Speech Bubbles
============================================= */
.testimonial {
clear: both;
margin: 32px 0 16px 0;
position: relative;
width: 100%;
}
.testimonial .quote {
background: #999;
border-radius: 3px;
display: flex;
flex-direction: row;
padding: 16px;
width: auto;
}
.testimonial .quote .quote__avatar {
border-radius: 50%;
display: flex;
flex-direction: column;
height: 50px;
margin-right: 12px;
overflow: hidden;
width: 50px;
justify-content: center;
}
.testimonial .quote .quote__avatar img {
display: block;
width: 100%;
height: 100%;
}
.testimonial .quote .quote__quote {
color: #fff;
display: flex;
flex-direction: column;
font-size: 14px;
justify-content: center;
letter-spacing: 0.5px;
line-height: 1.6;
}
.testimonial .quote .quote__quote p {
font-size: 14px;
line-height: 1.4;
padding: 0;
}
.testimonial .quote .quote__quote p:last-of-type {
margin-bottom: 0;
}
.citation {
color: #6b0b0c;
font-style: italic;
text-align: left;
}
.citation .citation_name {
text-align: left;
display: block;
font-weight: 600;
line-height: 1.4;
}
.citation .citation_title {
text-align: left;
display: block;
line-height: 1.4;
}
/** =========================================
Blockquotes
============================================= */
blockquote {
margin: 32px 96px 32px 64px;
}
blockquote p {
border-left: 3px solid #bbb;
font-style: italic;
padding: 0 0 0 16px;
}
cite {
font-style: italic;
}
.citation blockquote p {
border: 0;
padding: 0;
}
.citation blockquote cite {
clear: both;
float: right;
font-style: italic;
padding-top: 8px;
}
.citation blockquote cite::before {
content: '– ';
padding-right: 4px;
}
.citation blockquote::after {
clear: both;
content: '';
display: table;
}
.pullquote {
max-width: 70%;
display: inline-block;
margin: 32px auto;
padding-left: 48px;
position: relative;
}
.pullquote p {
border: 0;
margin: 0;
}
.pullquote::before {
font-family: 'icons';
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #aaa;
content: "\ea05";
font-size: 36px;
width: 36px;
height: 36px;
position: absolute;
left: 0;
top: -12px;
}
.pullquote.double {
padding-right: 36px;
}
.pullquote.double::after {
font-family: 'icons';
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
bottom: 0;
color: #aaa;
content: "\ea04";
font-size: 36px;
height: 36px;
position: absolute;
right: 0;
width: 40px;
}
@media only screen and (max-width: 960px) {
.pullquote {
max-width: 85%;
}
}
.citation.citation-featured {
max-width: 80%;
margin-left: auto;
margin-right: auto;
padding-top: 32px !important;
}
.citation.citation-featured blockquote,
.citation.citation-featured blockquote p {
font-size: 20px;
line-height: 1.8;
}
.citation.citation-featured cite {
float: none;
display: block;
padding-top: 16px;
font-size: 20px;
text-align: center;
color: #444;
}
.citation.citation-featured cite::before {
content: '';
display: block;
margin: 0 auto 16px auto;
width: 100px;
height: 4px;
border-bottom: 1px solid #ddd;
}
.citation.citation-featured cite span {
color: inherit;
font-size: 14px;
display: block;
}
.citation.citation-featured::before {
font-family: 'icons';
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding: 0;
line-height: 1;
position: absolute;
top: 0;
left: 50%;
margin-left: -23px;
width: 46px;
height: 46px;
font-size: 42px;
content: "\ea05";
color: #aaa;
}
/** =========================================
Pricing Tables
============================================= */
.price-table {
position: relative;
background: #fff;
border: 1px solid #aaa;
transition: border-color 0.2s ease-in-out;
}
.price-table span {
display: block;
text-align: center;
}
.price-table ul {
margin: 0 auto;
padding: 0;
}
.price-table ul li {
font-size: 16px;
list-style: none;
text-align: center;
padding: 16px 16px;
}
.price-table ul li:nth-child(odd) {
background-color: #ddd;
}
.price-table ul li:nth-child(even) {
background-color: #fff;
}
.price-table.w-footer {
padding-bottom: 48px;
}
.price-table.shadow {
top: 0;
position: relative;
box-shadow: 0 0 6px #aaa;
transition: all 0.3s ease-in-out;
}
.price-table.shadow:hover {
box-shadow: 0 8px 20px 3px #ddd;
top: -6px;
}
.price-table .price-table-header {
padding: 16px 16px;
letter-spacing: 1px;
}
.price-table .info {
text-align: center;
padding: 16px 16px;
}
.price-table .info .group {
display: inline-block;
}
.price-table .info .group span {
display: inline-block;
text-align: center;
}
.price-table .info .group span sup {
left: -12px;
position: absolute;
top: 18px;
font-size: 20px;
line-height: 1.2;
margin-bottom: 28px;
}
.price-table .info .group span sup a {
font-size: 20px;
line-height: 1.4;
text-decoration: none;
}
.price-table .desc {
padding: 0;
margin: 0;
}
.price-table .button {
margin: 32px 0;
max-width: 95%;
}
.price-table .price-table-footer {
border-top: 1px solid #aaa;
bottom: 0;
color: #aaa;
display: block;
height: 44px;
line-height: 1.2;
overflow: hidden;
padding: 0 16px;
position: absolute;
width: 100%;
}
.price-table .price-table-footer .block {
color: #aaa;
font: 'Raleway', 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
padding: 0;
}
.price-table-group .block:nth-child(1) .price-table {
border-right: none;
}
.price-table-group .block:nth-child(3) .price-table {
border-left: none;
}
.price-table-group .price-table-featured {
padding-bottom: 32px;
position: relative;
top: -16px;
}
/*! ThemeKit 1.0 | http://www.atomiccherry.com | (c) 2018 Atomic Cherry Design */
/** =========================================
Social and App Icons
============================================= */
[data-icon]::before {
font-family: 'icons';
}
.social li:hover [data-icon]::before {
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
-webkit-opacity: 0.7;
-moz-opacity: 0.7;
-ms-opacity: 0.7;
-o-opacity: 0.7;
opacity: 0.7;
}
.icon {
font-family: 'icons';
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.apps {
width: 100%;
padding-left: 0;
overflow: hidden;
}
.apps li {
list-style-type: none;
float: left;
width: 44px;
height: 44px;
padding: 0;
margin: 0 4px 0 0;
}
.apps li.tripadvisor-icon {
width: 62px;
}
.apps li.tripadvisor-icon [data-icon]::before {
width: 100%;
}
.apps li [data-icon]::before {
display: block;
width: 100%;
height: 100%;
line-height: 42px;
font-size: 2.6em;
text-align: center;
content: attr(data-icon);
}
.apps li a {
display: block;
width: 100%;
height: 100%;
text-decoration: none;
text-indent: -9999px;
overflow: hidden;
}
.apps li a.apple:hover::before {
color: #cccccc;
}
.apps li a.android:hover::before {
color: #97c024;
}
.apps li a.tripadvisor:hover::before {
color: #3A8513;
}
.apps li a:hover {
opacity: 0.4;
}
.apps.color .apple:before {
color: #cccccc;
}
.apps.color .android:before {
color: #97c024;
}
.apps.color .tripadvisor {
color: #3A8513;
}
#social {
float: right;
width: auto;
text-align: center;
}
.social {
width: 100%;
padding-left: 0;
overflow: hidden;
}
.social.alignright li {
float: right;
}
.social.aligncenter {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.social.aligncenter li {
text-align: center;
}
.social li {
list-style-type: none;
width: 44px;
height: 44px;
padding: 3px;
display: inline-block;
}
.social li [data-icon]::before {
display: block;
width: 36px;
height: 36px;
line-height: 36px;
font-size: 36px / 2;
text-align: center;
content: attr(data-icon);
}
.social li.goodreads-icon {
width: 44px;
height: 44px;
}
.social li.goodreads-icon [data-icon]::before {
font-family: Helvetica, Arial, sans-serif;
width: 36px;
height: 36px;
line-height: 1.6;
display: block;
content: 'g';
font-size: 20px;
padding: 0;
top: 0;
left: 0;
position: relative;
text-align: center;
}
.social li.bookbub-icon {
width: 44px;
height: 44px;
}
.social li.bookbub-icon [data-icon]::before {
font-family: Helvetica, Arial, sans-serif;
width: 36px;
height: 36px;
line-height: 36px;
display: block;
content: 'BB';
font-size: 16px;
padding: 0;
top: 0;
left: 0;
position: relative;
text-align: center;
}
.social a {
overflow: hidden;
display: block;
width: 100%;
height: 100%;
text-decoration: none;
text-indent: -9999px;
}
.social a.facebook:hover::before {
color: #fff;
background: #3b5998;
}
.social a.rss:hover::before {
color: #fff;
background: #f2861d;
}
.social a.youtube:hover::before {
color: #fff;
background: #B60000;
}
.social a.vimeo:hover::before {
color: #fff;
background: #1bb7e8;
}
.social a.twitter:hover::before {
color: #fff;
background: #2daae1;
}
.social a.linkedin:hover::before {
color: #fff;
background: #0073b2;
}
.social a.pinterest:hover::before {
color: #fff;
background: #B70D00;
}
.social a.yelp:hover::before {
color: #fff;
background: #B60000;
}
.social a.googleplus:hover::before {
color: #fff;
background: #f63e28;
}
.social a.instagram:hover::before {
color: #fff;
background: #735E47;
}
.social a.goodreads:hover::before {
color: #fff;
background: #99B687;
}
.social a.bookbub:hover::before {
color: #fff;
background: #e80000;
}
.social a.amazon:hover::before {
color: #fff;
background: #ffbd14;
}
.social a.email:hover::before {
color: #fff;
background: #95CC30;
}
.social a.snapchat:hover::before {
color: #fff;
background: #F6E921;
}
.social a:hover {
opacity: 1;
}
.social.social-small li {
width: 36px;
height: 36px;
}
.social.social-small li [data-icon]::before {
width: 30px;
height: 30px;
line-height: 30px;
font-size: 36px / 2.5;
}
.social.social-small li.goodreads-icon {
width: 36px;
height: 36px;
}
.social.social-small li.goodreads-icon [data-icon]::before {
top: 0;
width: 28px;
height: 28px;
line-height: 26px;
font-size: 20px;
}
.social.social-small li.bookbub-icon {
width: 36px;
height: 36px;
}
.social.social-small li.bookbub-icon [data-icon]::before {
top: 0;
width: 28px;
height: 28px;
line-height: 30px;
font-size: 16px;
}
.social.social-large li {
width: 50px;
height: 50px;
}
.social.social-large li [data-icon]::before {
width: 44px;
height: 44px;
line-height: 44px;
font-size: 36px / 2;
}
.social.social-large li.goodreads-icon,
.social.social-large li.bookbub-icon {
width: 50px;
height: 50px;
}
.social.social-large li.goodreads-icon [data-icon]::before,
.social.social-large li.bookbub-icon [data-icon]::before {
top: 0;
line-height: 38px;
font-size: 28px;
}
.social.social-long li {
width: auto;
height: 50px;
}
.social.social-long li a {
text-indent: 0;
color: #ffffff;
font-family: 'Raleway', 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
line-height: 44px;
overflow: visible;
border-radius: 30px;
background: #ddd;
padding: 0 18px;
}
.social.social-long li a.facebook {
color: #fff;
background: #3b5998;
}
.social.social-long li a.rss {
color: #fff;
background: #f2861d;
}
.social.social-long li a.youtube {
color: #fff;
background: #B60000;
}
.social.social-long li a.vimeo {
color: #fff;
background: #1bb7e8;
}
.social.social-long li a.twitter {
color: #fff;
background: #2daae1;
}
.social.social-long li a.linkedin {
color: #fff;
background: #0073b2;
}
.social.social-long li a.pinterest {
color: #fff;
background: #B70D00;
}
.social.social-long li a.yelp {
color: #fff;
background: #B60000;
}
.social.social-long li a.googleplus {
color: #fff;
background: #f63e28;
}
.social.social-long li a.instagram {
color: #fff;
background: #735E47;
}
.social.social-long li a.goodreads {
color: #fff;
background: #99B687;
}
.social.social-long li a.bookbub {
color: #fff;
background: #e80000;
}
.social.social-long li a.amazon {
color: #fff;
background: #ffbd14;
}
.social.social-long li a.email {
color: #fff;
background: #95CC30;
}
.social.social-long li a.snapchat {
color: #fff;
background: #F6E921;
}
.social.social-long li a::before {
background: none !important;
}
.social.social-long li [data-icon]::before {
width: auto;
height: 44px;
line-height: 44px;
font-size: 36px / 2;
border-radius: 30px;
text-align: left;
padding-right: 8px;
float: left;
}
.social.social-long li.goodreads-icon {
width: 50px;
height: 50px;
}
.social.social-long li.goodreads-icon [data-icon]::before {
top: 0;
line-height: 38px;
font-size: 28px;
}
.social.circle li [data-icon]::before {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
}
.social.plain li [data-icon]::before {
color: #222;
background: none;
}
.social.plain li a {
background: none;
}
.social.social-border li [data-icon]::before {
border: 1px solid #222;
background: none;
color: #222;
}
.social.social-border li a {
background: none;
}
.social.square li [data-icon]::before {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
.social.square li.goodreads-icon [data-icon]::before {
top: 2px;
}
.social.square li a {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
.social.color li a.facebook::before {
color: #fff;
background: #3b5998;
}
.social.color li a.rss::before {
color: #fff;
background: #f2861d;
}
.social.color li a.youtube::before {
color: #fff;
background: #B60000;
}
.social.color li a.vimeo::before {
color: #fff;
background: #1bb7e8;
}
.social.color li a.twitter::before {
color: #fff;
background: #2daae1;
}
.social.color li a.linkedin::before {
color: #fff;
background: #0073b2;
}
.social.color li a.pinterest::before {
color: #fff;
background: #B70D00;
}
.social.color li a.yelp::before {
color: #fff;
background: #B60000;
}
.social.color li a.googleplus::before {
color: #fff;
background: #f63e28;
}
.social.color li a.instagram::before {
color: #fff;
background: #735E47;
}
.social.color li a.goodreads::before {
color: #fff;
background: #99B687;
}
.social.color li a.bookbub::before {
color: #fff;
background: #e80000;
}
.social.color li a.amazon::before {
color: #fff;
background: #ffbd14;
}
.social.color li a.email::before {
color: #fff;
background: #95CC30;
}
.social.color li a.snapchat::before {
color: #fff;
background: #F6E921;
}
.social.color li a:hover {
opacity: 0.5;
}
.social-nav {
position: absolute;
z-index: 999;
right: 60px;
top: 3px;
}
.leader-content #social {
float: right;
width: auto;
height: 46px;
margin: 0;
padding-top: 5px;
}
.social-side {
text-align: center;
width: auto;
display: inline-block;
max-width: 100%;
margin-top: 0;
margin-left: 0;
padding: 0;
}
.social-side.social-long li {
width: 100%;
max-width: 100%;
}
.social-side.center {
margin: 0 auto;
text-align: center;
}
.social-side li {
float: none;
display: inline-block;
}
div.left .social-side.social-long {
float: right;
}
@media only screen and (min-width: 960px) {
.footer-content #social .social {
margin: 0;
}
.footer-content #social li a {
text-indent: -9999px;
}
}
@media only screen and (max-width: 960px) {
.footer-content #social li a {
text-indent: -9999px;
}
.footer-content #social .social {
float: none;
display: inline-block;
margin: 0 auto;
padding: 0;
width: auto;
}
#social {
display: none;
}
.sidebar .social {
text-align: center;
margin: 0 auto;
padding: 0;
}
.sidebar .social li {
list-style-type: none;
display: inline-block;
width: 36px;
height: 36px;
padding: 3px;
text-align: center;
text-indent: -9999px;
}
.sidebar .social li [data-icon]::before {
display: block;
width: 32px;
height: 32px;
line-height: 32px;
font-size: 18px;
text-align: center;
content: attr(data-icon);
}
.sidebar .social li.no-icon {
width: 200px;
height: 36px;
}
.sidebar .social li.no-icon [data-icon]::before {
display: none;
}
.sidebar .social li a {
display: block;
width: 100%;
height: 100%;
text-decoration: none;
text-indent: -9999px;
}
.sidebar .social.circle li [data-icon]::before {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
.sidebar .social.circle li a {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
.sidebar .social.plain li [data-icon]::before {
background: none;
}
.sidebar .social.plain li a {
background: none;
}
.sidebar .social.square li [data-icon]::before {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
.sidebar .social.square li a {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
.sidebar .social.social-long li {
width: auto;
height: 50px;
}
.sidebar .social.social-long li a {
text-indent: 0;
color: #ffffff;
font-family: 'Raleway', 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
line-height: 44px;
overflow: visible;
border-radius: 30px;
background: #ddd;
padding: 0 18px;
}
.sidebar .social.social-long li a.facebook {
color: #fff;
background: #3b5998;
}
.sidebar .social.social-long li a.rss {
color: #fff;
background: #f2861d;
}
.sidebar .social.social-long li a.youtube {
color: #fff;
background: #B60000;
}
.sidebar .social.social-long li a.vimeo {
color: #fff;
background: #1bb7e8;
}
.sidebar .social.social-long li a.twitter {
color: #fff;
background: #2daae1;
}
.sidebar .social.social-long li a.linkedin {
color: #fff;
background: #0073b2;
}
.sidebar .social.social-long li a.pinterest {
color: #fff;
background: #B70D00;
}
.sidebar .social.social-long li a.yelp {
color: #fff;
background: #B60000;
}
.sidebar .social.social-long li a.googleplus {
color: #fff;
background: #f63e28;
}
.sidebar .social.social-long li a.instagram {
color: #fff;
background: #735E47;
}
.sidebar .social.social-long li a.goodreads {
color: #fff;
background: #99B687;
}
.sidebar .social.social-long li a.bookbub {
color: #fff;
background: #e80000;
}
.sidebar .social.social-long li a.amazon {
color: #fff;
background: #ffbd14;
}
.sidebar .social.social-long li a.email {
color: #fff;
background: #95CC30;
}
.sidebar .social.social-long li a.snapchat {
color: #fff;
background: #F6E921;
}
.sidebar .social.social-long li a::before {
background: none !important;
}
.sidebar .social.social-long li [data-icon]::before {
width: auto;
height: 44px;
line-height: 44px;
font-size: 36px / 2;
border-radius: 30px;
text-align: left;
padding-right: 8px;
float: left;
}
.sidebar .social.social-long li.goodreads-icon {
width: 50px;
height: 50px;
}
.sidebar .social.social-long li.goodreads-icon [data-icon]::before {
top: 0;
line-height: 38px;
font-size: 28px;
}
.sidebar .social.square.social-long a {
border-radius: 0;
}
.sidebar .social.social-side.social-long li {
width: 100%;
max-width: 300px;
}
}
@media only screen and (max-width: 768px) {
.footer-content #social {
margin: 16px auto 0 auto !important;
float: none;
}
}
/*! ThemeKit 1.0 | http://www.atomiccherry.com | (c) 2017 Atomic Cherry Design */
/** ======================================================
Mixins
========================================================== */
/** ======================================================
Retina Images
========================================================== */
/** ======================================================
Fade In on Page Load
========================================================== */
@keyframes fadein {
from {
opacity: 0;
top: 0px;
}
/* change top to negative to animate in */
to {
opacity: 1;
top: 0px;
}
}
@-moz-keyframes fadein {
from {
opacity: 0;
top: 0px;
}
to {
opacity: 1;
top: 0px;
}
}
@-webkit-keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-o-keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadein {
position: relative;
-webkit-animation: fadein 1s;
-moz-animation: fadein 1s;
-o-animation: fadein 1s;
animation: fadein 1s;
}
/** ======================================================
Fade In Up
========================================================== */
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
/** ======================================================
Fade In Down
========================================================== */
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
}
to {
opacity: 1;
}
from {
top: 60%;
}
to {
top: 50%;
}
}
@-moz-keyframes fadeInDown {
from {
opacity: 0;
}
to {
opacity: 1;
}
from {
top: 60%;
}
to {
top: 50%;
}
}
@keyframes fadeInDown {
from {
opacity: 0;
}
to {
opacity: 1;
}
from {
top: 60%;
}
to {
top: 50%;
}
}
.fadeindown {
opacity: 0;
bottom: 60%;
-webkit-animation: fadeInDown ease-in 1;
-moz-animation: fadeInDown ease-in 1;
animation: fadeInDown ease-in 1;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
animation-duration: 1s;
}
.fadein {
opacity: 1;
-webkit-transition: opacity 1s ease-in;
-moz-transition: opacity 1s ease-in;
-ms-transition: opacity 1s ease-in;
-o-transition: opacity 1s ease-in;
transition: opacity 1s ease-in;
}
.fadeout {
opacity: 0;
-webkit-transition: opacity 1s ease-out;
-moz-transition: opacity 1s ease-out;
-ms-transition: opacity 1s ease-out;
-o-transition: opacity 1s ease-out;
transition: opacity 1s ease-out;
}
.box-border {
-webkit-box-shadow: 0 0 0 6px rgba(245,245,245,1), 0 0 0 7px rgba(200,200,200,1);
-moz-box-shadow: 0 0 0 6px rgba(245,245,245,1), 0 0 0 7px rgba(200,200,200,1);
-o-box-shadow: 0 0 0 6px rgba(245,245,245,1), 0 0 0 7px rgba(200,200,200,1);
box-shadow: 0 0 0 6px rgba(245,245,245,1), 0 0 0 7px rgba(200,200,200,1);
}
.frame-shadow {
-webkit-box-shadow: 0 9px 9px 3px rgba(0,0,0,.4), 0 18px 9px 3px rgba(0,0,0,.4);
-moz-box-shadow: 0 9px 9px 3px rgba(0,0,0,.4), 0 18px 9px 3px rgba(0,0,0,.4);
-o-box-shadow: 0 9px 9px 3px rgba(0,0,0,.4), 0 18px 9px 3px rgba(0,0,0,.4);
box-shadow: 0 9px 9px 3px rgba(0,0,0,.4), 0 18px 9px 3px rgba(0,0,0,.4);
}
.emboss-in {
-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5), inset 0 -1px 0 rgba(255, 255, 255, 0.5);
-moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5), inset 0 -1px 0 rgba(255, 255, 255, 0.5);
-o-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5), inset 0 -1px 0 rgba(255, 255, 255, 0.5);
box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5), inset 0 -1px 0 rgba(255, 255, 255, 0.5);
}
.emboss-out {
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 0 rgba(0, 0, 0, 0.5);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 0 rgba(0, 0, 0, 0.5);
-o-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 0 rgba(0, 0, 0, 0.5);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 -1px 0 rgba(0, 0, 0, 0.5);
}
/*! ThemeKit 1.0 | http://www.atomiccherry.com | (c) 2017 Atomic Cherry Design */
/** =========================================
Retina Images
============================================= */
/**
* Allows you to use retina images at various pixel densities.
* Examples:
*
* .retina(/images/mypic.jpg, 2);
* .retina(/images/mypic.jpg, 3, 100px 100px, left top no-repeat transparent);
*
* @param {String} $path The path to the file name minus extension.
* @param {Number} $cap: 2 The highest pixel density level images exist for.
* @param {Value} $size: auto auto The intended width of the rendered image.
* @param {Value} $extras: null Any other `background` values to be added.
*/
/*! ThemeKit 1.0 | http://www.atomiccherry.com | (c) 2017 Atomic Cherry Design */
/** =========================================
Audio and Video
============================================= */
.row.video {
margin-bottom: 32px !important;
-o-animation-delay: 0.05s;
-moz-animation-delay: 0.05s;
-webkit-animation-delay: 0.05s;
-o-animation-duration: 2s;
-moz-animation-duration: 2s;
-webkit-animation-duration: 2s;
}
.row.audio {
margin: 32px auto;
overflow: visible !important;
-o-animation-delay: 0.05s;
-moz-animation-delay: 0.05s;
-webkit-animation-delay: 0.05s;
-o-animation-duration: 2s;
-moz-animation-duration: 2s;
-webkit-animation-duration: 2s;
}
.row.audio audio {
display: block;
width: 100%;
max-width: 100%;
}
.video-wrapper,
.slider .video-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
margin-bottom: 32px;
}
.video-wrapper iframe,
.slider .video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
video {
display: block;
width: 100%;
max-width: 100%;
height: auto;
}
.video-wrapper + .video-wrapper,
video + video {
margin-top: 32px;
}
/**
* Background video
*
*/
.background-video__container .mejs-container .mejs-controls {
visibility: hidden !important;
}
.background-video {
position: absolute !important;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent !important;
}
/*! ThemeKit 1.0 | http://www.atomiccherry.com | (c) 2017 Atomic Cherry Design */
/** ====================================================
Hero Image
======================================================= */
.hero-wrapper {
position: relative;
z-index: 0;
}
.hero-wrapper a.down-arrow {
font-family: 'icons';
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\ea34";
font-weight: normal;
font-style: normal;
text-align: center;
font-size: 38px;
width: 40px;
height: 40px;
position: absolute;
left: 50%;
bottom: 24px;
margin-left: -20px;
color: #fff;
opacity: 0.6;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.hero-wrapper a.down-arrow:hover {
bottom: 20px;
opacity: 1;
text-decoration: none;
}
.hero-wrapper .hero {
position: relative;
background-size: cover;
background-position: top center;
}
.hero-wrapper .hero.cover + .container,
.hero-wrapper .hero.cover + [id*='section-'],
.hero-wrapper .hero.cover + [class*='section-'] {
padding-top: 32px;
}
.hero-wrapper .hero-content {
top: 50%;
left: 50%;
width: 100%;
max-width: 100%;
padding: 0 16px;
opacity: 1;
background: none;
position: absolute;
-ms-transform: translate(-50%, -50%);
/** IE 9 */
-webkit-transform: translate(-50%, -50%);
/** Safari */
transform: translate(-50%, -50%);
}
.hero-wrapper .hero-header {
background: none;
}
.hero-wrapper .hero-header h1.title {
padding: 0 32px;
}
.hero-wrapper .hero-header h1.title span {
font-size: 180%;
line-height: 1.2;
}
.hero-wrapper .hero-header h2.subtitle {
line-height: 1.2;
padding: 0 32px;
}
.hero-wrapper .hero-header h2.subtitle span {
font-size: 140%;
line-height: 1.2;
}
@media only screen and (max-width: 768px) {
.hero::after {
display: none;
}
.hero .hero-content .hero-header h1.title {
font-size: 160%;
}
.hero .hero-content .hero-header h2.subtitle {
font-size: 120%;
}
}
/*! ThemeKit 2.0 | http://www.atomiccherry.com | (c) 2019 Atomic Cherry Design */
/* ====================================================
Style Elements
======================================================= */
/** ====================================================
Border Radius
======================================================= */
.radius-3 {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
.radius-6 {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
}
.radius-top-6 {
-moz-border-top-left-radius: 6px;
-webkit-border-top-left-radius: 6px;
-o-border-top-left-radius: 6px;
border-top-left-radius: 6px;
-moz-border-top-right-radius: 6px;
-webkit-border-top-right-radius: 6px;
-o-border-top-right-radius: 6px;
border-top-right-radius: 6px;
}
.radius-9 {
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
-o-border-radius: 9px;
border-radius: 9px;
}
/** ======================================================
Design Elements
========================================================== */
[id*='section-'] hr.short,
[id*='-content'] hr.short {
border-width: 1px;
width: 25%;
margin-top: 16px;
margin-bottom: 0;
padding-bottom: 8px;
margin-left: auto;
margin-right: auto;
}
.arrow-up,
.arrow-down,
.arrow-right,
.arrow-left {
width: 0;
height: 0;
}
.arrow-up {
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #999;
}
.arrow-down {
border-left: 15px solid transparent;
border-right: 0px solid transparent;
border-top: 15px solid #999;
margin-left: 20px;
}
.arrow-right {
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid #999;
}
.arrow-left {
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 10px solid #999;
}
@media only screen and (max-width: 960px) {
.arrow-up,
.arrow-down,
.arrow-right,
.arrow-left {
width: 15px !important;
}
}
/** ======================================================
Height and Width Presets
========================================================== */
.height100 {
height: 100%;
min-height: 100%;
}
.height150 {
height: 150px;
max-height: 150px;
}
.height200 {
height: 200px;
max-height: 200px;
}
.height250 {
height: 250px;
max-height: 250px;
}
.height300 {
height: 300px;
max-height: 300px;
}
.height350 {
height: 350px;
max-height: 350px;
}
.height400 {
height: 400px;
max-height: 400px;
}
.height450 {
height: 450px;
max-height: 450px;
}
.height500 {
height: 500px;
max-height: 500px;
}
.height550 {
height: 550px;
max-height: 550px;
}
.height600 {
height: 600px;
max-height: 600px;
}
.height650 {
height: 650px;
max-height: 650px;
}
.height700 {
height: 700px;
max-height: 700px;
}
.height750 {
height: 750px;
max-height: 750px;
}
.height800 {
height: 800px;
max-height: 800px;
}
.minheight150,
.minheight200,
.minheight300,
.minheight400,
.minheight500,
.minheight600,
.minheight800 {
width: auto;
height: 100%;
}
.minheight150 {
min-height: 150px;
}
.minheight200 {
min-height: 200px;
}
.minheight300 {
min-height: 300px;
}
.minheight400 {
min-height: 400px;
}
.minheight500 {
min-height: 500px;
}
.minheight600 {
min-height: 600px;
}
.minheight800 {
min-height: 800px;
}
.autoheight,
.maxheight150,
.maxheight200,
.maxheight300,
.maxheight400,
.maxheight500,
.maxheight600,
.maxheight800 {
width: auto;
height: 100%;
}
.autoheight {
height: auto;
}
.maxheight150 {
max-height: 150px;
}
.maxheight200 {
max-height: 200px;
}
.maxheight300 {
max-height: 300px;
}
.maxheight400 {
max-height: 400px;
}
.maxheight500 {
max-height: 500px;
}
.maxheight600 {
max-height: 600px;
}
.maxheight800 {
max-height: 800px;
}
.heightratio640 {
height: 5760px / 16;
}
.heightratio720 {
height: 2160px / 4;
}
.heightratio780 {
height: 7020px / 16;
}
.heightratio900 {
height: 8100px / 16;
}
.heightratio1280 {
height: 11520px / 16;
}
.heightratio1440 {
height: 4320px / 4;
}
.heightratio1920 {
height: 17280px / 16;
}
.maxwidth100,
.maxwidth180,
.maxwidth200,
.maxwidth225,
.maxwidth320,
.maxwidth360,
.maxwidth480,
.maxwidth560,
.maxwidth640,
.maxwidth720,
.maxwidth780,
.maxwidth900,
.maxwidth1280,
.maxwidth1440,
.maxwidth1920 {
width: 100%;
height: auto;
min-height: 1px;
}
.maxwidth100 {
max-width: 100%;
}
.maxwidth180 {
max-width: 180px;
}
.maxwidth225 {
max-width: 225px;
}
.maxwidth200 {
max-width: 200px;
}
.maxwidth320 {
max-width: 320px;
}
.maxwidth360 {
max-width: 360px;
}
.maxwidth480 {
max-width: 480px;
}
.maxwidth560 {
max-width: 560px;
}
.maxwidth640 {
max-width: 640px;
}
.maxwidth720 {
max-width: 720px;
}
.maxwidth780 {
max-width: 780px;
}
.maxwidth900 {
max-width: 900px;
}
.maxwidth1280 {
max-width: 1280px;
}
.maxwidth1440 {
max-width: 1440px;
}
.maxwidth1920 {
max-width: 1920px;
}
.maxwidth100.left,
.maxwidth320.left,
.maxwidth360.left,
.maxwidth480.left,
.maxwidth560.left,
.maxwidth640.left,
.maxwidth720.left {
margin-left: 0;
margin-right: auto;
margin-bottom: 32px;
float: none;
overflow: hidden;
}
.maxwidth100.center,
.maxwidth320.center,
.maxwidth360.center,
.maxwidth480.center,
.maxwidth560.center,
.maxwidth640.center,
.maxwidth720.center {
text-align: left;
margin-left: auto;
margin-right: auto;
display: block;
overflow: hidden;
float: none;
}
/*! ThemeKit 1.0 | http://www.atomiccherry.com | (c) 2017 Atomic Cherry Design */
/** =========================================
Tables
============================================= */
.table-scroll-container {
width: 100%;
max-width: 100%;
margin: 16px auto;
overflow-x: scroll;
}
table {
border: 1px solid #aaa;
border-bottom: 0;
border-spacing: 0;
width: 100%;
max-width: 100%;
position: relative;
margin: 32px 0;
}
table.scrollable {
table-layout: fixed;
margin: 0 auto;
}
table.scrollable th,
table.scrollable td {
overflow: hidden;
text-overflow: ellipsis;
padding-right: 2px;
}
table th,
table td {
border-left: 1px solid #aaa;
border-bottom: 1px solid #aaa;
vertical-align: middle;
text-align: left;
padding: 8px;
font-family: 'Raleway', 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
line-height: 20px;
}
table th h1:last-of-type,
table td h1:last-of-type,
table th h2:last-of-type,
table td h2:last-of-type,
table th h3:last-of-type,
table td h3:last-of-type,
table th h4:last-of-type,
table td h4:last-of-type,
table th h5:last-of-type,
table td h5:last-of-type,
table th h6:last-of-type,
table td h6:last-of-type,
table th p:last-of-type,
table td p:last-of-type,
table th li:last-of-type,
table td li:last-of-type {
margin-bottom: 0;
padding-bottom: 0;
}
table th,
table td,
table p,
table a,
table li,
table span {
font-size: 15px;
}
table th {
background: #aaa;
font-weight: bold;
border-bottom: 2px solid #aaa;
border-left-color: #fff;
}
table thead.nofill th {
background: none;
border-color: #aaa;
}
table th:first-of-type,
table td:first-of-type {
border-left: none !important;
}
table th:last-of-type,
table td:last-of-type {
border-right: none;
}
table td a {
line-height: 32px;
text-decoration: underline;
}
table th.lt-color,
table td.lt-color {
background: #bbb;
}
table th.dk-color,
table td.dk-color {
background: #38191a;
color: #fff;
}
table th.lt-gray,
table td.lt-gray {
background: #ddd;
}
table td.emphasis {
background: #bbb;
}
table.noborders {
border: 0;
}
table.noborders th {
padding-top: 12px;
padding-bottom: 12px;
border: 0;
background: none;
}
table.noborders td {
padding-top: 8px;
padding-bottom: 8px;
border: 0;
}
table.noedgeborders {
border-left: 0;
border-right: 0;
}
table.noedgeborders th,
table.noedgeborders td {
border-left: 0;
border-right: 0;
}
table.fill-light,
table .fill-light {
background: #ddd;
}
table.fill-medium,
table .fill-medium {
background: #aaa;
}
table.color-odd tr:nth-child(odd) {
background: #ddd;
}
table.color-even tr:nth-child(even) {
background: #ddd;
}
table.text-center th,
table.text-center td {
text-align: center !important;
}
table.font-size-small th,
table.font-size-small td {
padding: 8px 3px;
}
table.font-size-small th,
table.font-size-small td,
table.font-size-small a {
font-size: 14px;
line-height: 1.4;
margin-bottom: 16px;
}
table.font-size-small th a,
table.font-size-small td a,
table.font-size-small a a {
font-size: 14px;
line-height: 1.2;
text-decoration: none;
}
table.align-top th,
table.align-top td {
vertical-align: top;
}
table.pad-sm th,
table.pad-sm td {
padding: 4px;
}
table.pad-md th,
table.pad-md td {
padding: 8px;
}
table.pad-lg th,
table.pad-lg td {
padding: 12px;
}
table[class*='radius-'] {
border-bottom: 1px solid #aaa;
}
table[class*='radius-'] th:first-of-type {
overflow: hidden;
border-top-left-radius: 3px;
}
table[class*='radius-'] th:last-of-type {
overflow: hidden;
border-top-right-radius: 3px;
}
table[class*='radius-'] th:first-of-type {
border-left: 0;
}
table[class*='radius-'] th:last-of-type {
border-right: 0;
}
table[class*='radius-'] tr:last-of-type td {
border-bottom: 0;
}
@media only screen and (max-width: 568px) {
table.font-size-small th,
table.font-size-small td,
table.font-size-small a {
font-size: 9px;
}
table.stacked_mobile td {
clear: both;
display: block;
width: 100%;
}
}
/*! ThemeKit 1.0 | http://www.atomiccherry.com | (c) 2017 Atomic Cherry Design */
/** =================================================
Forms
===================================================== */
form {
width: 100%;
text-align: left;
padding-top: 16px;
}
form legend,
form fieldset {
font-size: 18px;
line-height: 1.2;
margin-bottom: 28px;
font-weight: 300;
letter-spacing: 1px;
font-family: 'Raleway', 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
text-transform: none;
width: 100%;
}
form legend a,
form fieldset a {
font-size: 18px;
line-height: 1.4;
text-decoration: none;
}
form fieldset {
margin: 0 auto;
}
form fieldset + fieldset {
margin-top: 32px;
}
form legend {
float: left;
clear: both;
margin: 0 0 32px 0;
}
form div {
position: relative;
width: 100%;
margin-bottom: 16px;
}
form label {
width: 100%;
display: block;
padding-bottom: 4px;
}
form ul {
padding-left: 0;
margin-left: 0;
}
form ul li {
padding-left: 0;
margin-left: 0;
margin-bottom: 16px;
clear: both;
list-style-type: none;
}
form label,
form input,
form select,
form textarea {
font-size: 15px;
font-family: 'Raleway', 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
form input,
form textarea,
form select {
width: 100%;
padding: 8px 6px;
display: block;
font-size: 15px;
line-height: 1.4;
}
form textarea {
height: 150px;
}
form select {
cursor: pointer;
position: relative;
-webkit-appearance: none;
-moz-appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
form input[type="image"],
form input[type="file"] {
width: auto;
height: auto;
background: none;
border: none;
box-shadow: none;
max-width: 100%;
}
form input[type="image"]:hover,
form input[type="file"]:hover {
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
-webkit-opacity: 0.7;
-moz-opacity: 0.7;
-ms-opacity: 0.7;
-o-opacity: 0.7;
opacity: 0.7;
background: none;
}
form input[type=checkbox],
form input[type=radio] {
display: inline-block;
width: 16px;
height: 16px;
margin: 0;
box-shadow: none;
}
form button,
form input[type=submit] {
padding: 9px 29px;
line-height: 1.4;
border: none;
}
.checkbox input,
.radio input {
float: left;
}
.fields-thin input,
.fields-thin select {
line-height: 1.2;
}
.fields-thick input,
.fields-thick select {
line-height: 1.6;
padding: 8px 6px;
}
.border-radius-3 input,
.border-radius-3 select,
.border-radius-3 textarea {
border-radius: 3px;
}
input[type=color] {
box-shadow: none;
border: none;
}
input[type=color]::-webkit-color-swatch-wrapper {
padding: 0;
}
input[type=color]::-webkit-color-swatch {
border: none;
border-radius: var(--input-border-radius);
}
input[type=range] {
-webkit-appearance: none;
width: 100%;
margin: 1rem 0;
border: none;
padding: 12px 0;
box-shadow: none;
}
input[type=range]:focus {
outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
width: 100%;
height: 0.5rem;
cursor: pointer;
background: var(--input-range-track-color);
border-radius: var(--input-border-radius);
border: none;
box-shadow: var(--input-range-track-box-shadow);
}
input[type=range]::-webkit-slider-thumb {
border: none;
width: 1.5rem;
height: 1.5rem;
border-radius: 50%;
background: var(--input-range-thumb-color);
cursor: pointer;
-webkit-appearance: none;
margin-top: -0.5rem;
}
input[type=range]:focus::-webkit-slider-runnable-track {
background: var(--input-range-track-color);
}
input[type=range]::-moz-range-track {
width: 100%;
height: 0.5rem;
cursor: pointer;
background: var(--input-range-track-color);
border-radius: var(--input-border-radius);
border: none;
box-shadow: var(--input-range-track-box-shadow);
}
input[type=range]::-moz-range-thumb {
border: none;
height: 1.5rem;
width: 1.5rem;
border-radius: 50%;
background: var(--input-range-thumb-color);
cursor: pointer;
}
input[type=range]::-ms-track {
width: 100%;
height: 0.5rem;
cursor: pointer;
background: transparent;
border-color: transparent;
color: transparent;
}
input[type=range]::-ms-fill-lower {
background: #2f6ea5;
border: none;
border-radius: var(--input-border-radius);
}
input[type=range]::-ms-fill-upper {
background: var(--input-range-track-color);
border: none;
border-radius: var(--input-border-radius);
}
input[type=range]::-ms-thumb {
border: none;
height: 0.5rem;
width: 0.5rem;
border-radius: 50%;
background: var(--input-range-thumb-color);
cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
background: var(--input-range-track-color);
}
input[type=range]:focus::-ms-fill-upper {
background: var(--input-range-track-color);
}
@media screen and (min-width: 768px) {
form .multi-column,
form.multi-column,
.multi-column > form {
max-width: 100%;
}
form .multi-column .row,
form.multi-column .row,
.multi-column > form .row {
margin-left: 0;
padding-left: 16px / 2;
}
form .multi-column .block,
form.multi-column .block,
.multi-column > form .block {
margin-left: 0 !important;
margin-top: 0;
margin-bottom: 0;
padding-left: 0 !important;
padding-top: 0;
padding-bottom: 0;
}
form .multi-column .block:last-of-type,
form.multi-column .block:last-of-type,
.multi-column > form .block:last-of-type {
padding-right: 0 !important;
}
}
@media screen and (max-width: 768px) {
form .multi-column .block,
form.multi-column .block,
.multi-column > form .block,
form.inline .block,
.inline > form .block {
margin: 0 0 8px 0;
padding: 0;
}
form .multi-column .row,
form.multi-column .row,
.multi-column > form .row,
form.inline .row,
.inline > form .row {
margin: 0;
padding: 0;
}
}
@media only screen and (min-width: 768px) {
form.aligned p,
.aligned > form p,
form.aligned div,
.aligned > form div {
overflow: hidden;
clear: both;
}
form.aligned label,
.aligned > form label {
display: inline-block;
width: 10%;
max-width: 25%;
min-width: 100px;
text-align: right;
margin-right: 16px;
}
form.aligned input,
.aligned > form input,
form.aligned textarea,
.aligned > form textarea,
form.aligned select,
.aligned > form select {
display: inline-block;
max-width: 56%;
margin-bottom: 6px;
}
}
@media only screen and (max-width: 768px) {
form[class*="aligned"] p,
form[class*="aligned"] div {
overflow: hidden;
clear: both;
}
form[class*="aligned"] label {
display: block;
width: 100%;
max-width: 100%;
text-align: left;
margin-right: 0;
}
form[class*="aligned"] input,
form[class*="aligned"] textarea,
form[class*="aligned"] select {
display: block;
max-width: 100%;
margin-bottom: 0;
}
}
div.form.inline {
position: relative;
display: inline-block;
width: auto;
top: 12px;
left: 16px / 2 - 4;
}
div.form.inline form[action*="https://www.paypal.com"] {
display: inline-block;
width: auto;
}
div.form.inline input[type=submit],
div.form.inline button,
div.form.inline .button {
display: inline-block;
width: auto;
border: none;
}
form[class*="inline"] {
display: block;
max-width: 100%;
min-width: 100%;
width: 100%;
}
form[class*="inline"] input[type=submit],
form[class*="inline"] button,
form[class*="inline"] .button {
width: 100%;
max-width: 100%;
border: 1px solid #6b0b0c;
}
@media only screen and (max-width: 768px) {
form[class*="inline"] input[type=submit],
form[class*="inline"] button {
width: 100%;
max-width: 100%;
}
}
.hide-labels label {
position: absolute;
left: -9999px;
}
.hide-labels label.select::after {
top: 50%;
margin-top: -16px;
left: 9999px;
padding-left: 98%;
right: 6px;
}
.hide-labels input::-webkit-input-placeholder,
.hide-labels input:not([type=submit]):not([type=file])::-webkit-input-placeholder,
.hide-labels input[required]::-webkit-input-placeholder,
.hide-labels textarea::-webkit-input-placeholder,
.hide-labels select::-webkit-input-placeholder {
text-overflow: ellipsis;
}
.hide-labels input:-moz-placeholder,
.hide-labels input:not([type=submit]):not([type=file]):-moz-placeholder,
.hide-labels input[required]:-moz-placeholder,
.hide-labels textarea:-moz-placeholder,
.hide-labels select:-moz-placeholder {
text-overflow: ellipsis;
}
.hide-labels input::-moz-placeholder,
.hide-labels input:not([type=submit]):not([type=file])::-moz-placeholder,
.hide-labels input[required]::-moz-placeholder,
.hide-labels textarea::-moz-placeholder,
.hide-labels select::-moz-placeholder {
text-overflow: ellipsis;
}
.hide-labels input:-ms-input-placeholder,
.hide-labels input:not([type=submit]):not([type=file]):-ms-input-placeholder,
.hide-labels input[required]:-ms-input-placeholder,
.hide-labels textarea:-ms-input-placeholder,
.hide-labels select:-ms-input-placeholder {
text-overflow: ellipsis;
}
label.select::after {
font-family: 'icons';
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 1em;
position: absolute;
top: 56% !important;
right: 6px;
margin-top: 0;
content: '\ea34';
pointer-events: none;
z-index: 99999;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
select {
padding-right: 12px;
}
}
.floatlabel label {
position: absolute;
left: -9999px;
}
.floatlabel label.select::after {
top: 38%;
margin-top: -14px;
left: 9999px;
padding-left: 95%;
}
.floatlabel .label-floatlabel {
background: transparent;
display: inline-block;
width: auto;
padding: 0;
letter-spacing: 1px;
text-transform: none;
}
.floatlabel input,
.floatlabel textarea,
.floatlabel select {
background: #fff;
box-shadow: none;
}
.floatlabel input.hover,
.floatlabel textarea.hover,
.floatlabel select.hover,
.floatlabel input.focus,
.floatlabel textarea.focus,
.floatlabel select.focus {
background: #ddd;
}
.uppercase ::-webkit-input-placeholder {
letter-spacing: 1px;
text-transform: uppercase;
}
.uppercase :-moz-placeholder {
letter-spacing: 1px;
text-transform: uppercase;
}
.uppercase ::-moz-placeholder {
letter-spacing: 1px;
text-transform: uppercase;
}
.uppercase :-ms-input-placeholder {
letter-spacing: 1px;
text-transform: uppercase;
}
.dash input,
.dash input[type=text],
.dash input[type=email],
.dash input[type=url],
.dash input[type=tel],
.dash input[type=time],
.dash input[type=date],
.dash input[required],
.dash textarea,
.dash select {
background: none;
box-shadow: none;
border: none;
border-bottom: 1px dashed #aaa;
}
.underline input,
.underline input[type=text],
.underline input[type=email],
.underline input[type=url],
.underline input[type=tel],
.underline input[type=time],
.underline input[type=date],
.underline input[required],
.underline textarea,
.underline select {
background: none;
box-shadow: none;
border: none;
border-bottom: 1px solid #aaa;
}
.show-labels label {
padding-top: 32px;
}
.show-labels ::-webkit-input-placeholder {
opacity: 0;
}
.show-labels :-moz-placeholder {
opacity: 0;
}
.show-labels ::-moz-placeholder {
opacity: 0;
}
.show-labels :-ms-input-placeholder {
color: transparent;
}
input[type=checkbox] + label,
input[type=radio] + label,
label + input[type=checkbox],
label + input[type=radio] {
position: relative;
left: 0;
display: inline-block;
}
select:invalid {
color: #aaa;
}
.number input {
width: 10%;
min-width: 50px;
}
.short input {
width: 50%;
min-width: 100px;
}
.long input {
width: 75%;
min-width: 200px;
}
.xshort input {
width: 25%;
min-width: 75px;
}
.custom.checkbox,
.custom.radio {
overflow: hidden;
float: left;
height: auto;
line-height: 1;
vertical-align: top;
top: 0;
margin-bottom: 32px;
}
.custom.checkbox *,
.custom.radio * {
vertical-align: top;
line-height: 1;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}
.custom.checkbox input[type=checkbox],
.custom.radio input[type=checkbox],
.custom.checkbox input[type=radio],
.custom.radio input[type=radio] {
width: 14px;
height: 18px;
margin: 0;
padding: 0;
font-size: 14px;
opacity: 0;
}
.custom.checkbox > div,
.custom.radio > div {
clear: both;
}
.custom.checkbox input[type=checkbox] + label,
.custom.radio input[type=checkbox] + label,
.custom.checkbox input[type=radio] + label,
.custom.radio input[type=radio] + label {
position: relative;
margin-left: 0;
left: 0;
display: inline-block;
line-height: 1.2;
}
.custom.checkbox input[type=checkbox] + label > span,
.custom.radio input[type=checkbox] + label > span,
.custom.checkbox input[type=radio] + label > span,
.custom.radio input[type=radio] + label > span {
display: inline-block;
width: 14px;
height: 14px;
margin: 0 8px 0 0;
border-radius: 3px;
background: #ddd;
border: 1px solid #aaa;
vertical-align: bottom;
cursor: pointer;
}
.custom.checkbox input[type=radio] + label > span,
.custom.radio input[type=radio] + label > span {
border-radius: 14px;
}
.custom.checkbox input[type=checkbox]:checked + label > span,
.custom.radio input[type=checkbox]:checked + label > span,
.custom.checkbox input[type=radio]:checked + label > span,
.custom.radio input[type=radio]:checked + label > span {
background: #ddd;
border: 1px solid #aaa;
padding: 0;
}
.custom.checkbox input[type=checkbox]:checked + label > span:before,
.custom.radio input[type=checkbox]:checked + label > span:before {
font-family: 'icons';
content: "\ea5e";
display: block;
width: 14px;
color: #6b0b0c;
font-size: 14px;
line-height: 0.6;
text-align: center;
margin-left: 1px;
position: relative;
-webkit-animation: fadein 1s;
-moz-animation: fadein 1s;
-o-animation: fadein 1s;
animation: fadein 1s;
opacity: 1;
-webkit-transition: opacity 1s ease-in;
-moz-transition: opacity 1s ease-in;
-ms-transition: opacity 1s ease-in;
-o-transition: opacity 1s ease-in;
transition: opacity 1s ease-in;
}
.custom.checkbox input[type=checkbox]:checked + label > span:before div,
.custom.radio input[type=checkbox]:checked + label > span:before div,
.custom.checkbox input[type=checkbox]:checked + label > span:before li,
.custom.radio input[type=checkbox]:checked + label > span:before li {
position: relative;
-webkit-animation: fadein 1s;
-moz-animation: fadein 1s;
-o-animation: fadein 1s;
animation: fadein 1s;
opacity: 1;
-webkit-transition: opacity 1s ease-in;
-moz-transition: opacity 1s ease-in;
-ms-transition: opacity 1s ease-in;
-o-transition: opacity 1s ease-in;
transition: opacity 1s ease-in;
}
.custom.checkbox input[type=radio]:checked + label > span > span,
.custom.radio input[type=radio]:checked + label > span > span {
display: block;
width: 8px;
height: 8px;
margin: 2px;
border-radius: 14px;
background: #6b0b0c;
}
p + form {
padding-top: 32px;
}
form p {
margin-bottom: 0;
padding-bottom: 32px;
}
.surname {
background-color: #BE0000;
height: 1px;
width: 1px;
top: -9999px;
left: 0;
overflow: hidden;
position: absolute;
text-decoration: underline;
}
.hide-labels.show-required label.required-marker::after {
width: 100%;
font-size: 1.5em;
color: #d45252;
position: absolute;
top: 0;
left: 9999px;
margin-top: 4px;
padding-left: 96.5%;
content: '*';
pointer-events: none;
z-index: 99999;
}
.hide-labels.show-required input[required] {
padding-right: 30px !important;
}
.multi-column.inline.hide-labels.show-required label.required-marker::after {
padding-left: 87%;
}
@media screen and (max-width: 768px) {
.hide-labels label.required-marker::after {
padding-left: 96.5% !important;
}
}
input.error,
textarea.error {
background: #fff;
color: #aaa;
}
div.error label {
color: #d45252;
}
div.error input {
color: #fff;
background: #e8a4a4;
}
div.error .note {
width: 100%;
color: #d45252;
padding: 4px 8px;
margin: 4px 0;
float: left;
clear: both;
border: none;
text-transform: none;
text-align: left;
}
label.error {
display: block;
float: left;
left: 0;
padding: 4px 8px;
margin: 16px 0;
letter-spacing: 0;
text-transform: none;
box-shadow: none;
border: none;
background-color: #de7b7b;
color: #fff;
font-size: 14px;
position: relative;
-webkit-animation: fadein 1s;
-moz-animation: fadein 1s;
-o-animation: fadein 1s;
animation: fadein 1s;
opacity: 1;
-webkit-transition: opacity 1s ease-in;
-moz-transition: opacity 1s ease-in;
-ms-transition: opacity 1s ease-in;
-o-transition: opacity 1s ease-in;
transition: opacity 1s ease-in;
}
label.error div,
label.error li {
position: relative;
-webkit-animation: fadein 1s;
-moz-animation: fadein 1s;
-o-animation: fadein 1s;
animation: fadein 1s;
opacity: 1;
-webkit-transition: opacity 1s ease-in;
-moz-transition: opacity 1s ease-in;
-ms-transition: opacity 1s ease-in;
-o-transition: opacity 1s ease-in;
transition: opacity 1s ease-in;
}
label.error::before {
position: absolute;
content: '';
width: 0;
height: 0;
left: 10px;
top: -5px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #de7b7b;
}
.fileupload {
position: relative;
overflow: hidden;
}
.fileupload span {
color: #fff;
min-width: 150px;
cursor: pointer;
}
.fileupload img#image_upload_preview {
width: 150px;
max-width: 150px;
height: auto;
}
.fileupload input[type="file"].upload {
position: absolute;
top: 0;
right: 0;
margin: 0;
padding: 0;
opacity: 0;
cursor: pointer;
filter: alpha(opacity=0);
}
.switch {
position: relative;
display: inline-block;
width: 60px;
height: 34px;
}
.switch input {
display: none;
}
.toggle {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ddd;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.toggle:before {
position: absolute;
content: '';
height: 26px;
width: 26px;
left: 4px;
bottom: 4px;
background-color: #fff;
-webkit-transition: 0.4s;
transition: 0.4s;
}
input:checked + .toggle {
background-color: #2196F3;
}
input:focus + .toggle {
box-shadow: 0 0 1px #2196F3;
}
input:checked + .toggle:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}
.toggle.round {
border-radius: 34px;
}
.toggle.round:before {
border-radius: 50%;
}
/*! ThemeKit 1.0 | http://www.atomiccherry.com | (c) 2017 Atomic Cherry Design */
/** =====================================================
Buttons & Links
========================================================= */
/** Base
============================================= */
.button_wrapper {
display: block;
}
.button,
input[type=submit] {
color: #fff;
background: #38191a;
display: inline-block;
text-align: center;
text-decoration: none;
text-transform: none;
letter-spacing: 1px;
padding: 8px 12px;
margin: 0 auto 16px 0;
width: auto;
border: none;
font-size: 15px;
line-height: 1.2;
-webkit-transition: background-color 0.3s ease-in-out;
-moz-transition: background-color 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out;
}
.button:hover,
input[type=submit]:hover,
.button:focus,
input[type=submit]:focus {
color: #38191a;
background: #999;
text-decoration: none;
}
.button:visited,
input[type=submit]:visited,
.button:active,
input[type=submit]:active {
color: #fff;
background: #38191a;
}
/** Styles
============================================= */
.button.button-small,
input[type=submit].button-small {
font-size: 14px;
padding: 8px 12px;
}
.button.button-heavy,
input[type=submit].button-heavy {
padding: 16px 32px;
margin-top: 0;
margin-bottom: 16px;
line-height: 1.2;
font-size: 20px;
}
.button.button-wide,
input[type=submit].button-wide {
padding: 24px 12px;
width: 100%;
font-size: 16px;
}
.button.button-big,
input[type=submit].button-big {
padding: 24px 48px;
font-size: 20px;
}
.button.button-giant,
input[type=submit].button-giant {
padding: 36px 56px;
font-size: 22px;
}
.button.button-inline,
input[type=submit].button-inline {
margin-right: 4px;
display: inline-block;
}
.button.button-underline,
input[type=submit].button-underline {
color: #6b0b0c;
background: none;
border: 0;
padding: 0 0 2px 0;
text-transform: none;
border-bottom: 4px solid #3977b0;
}
.button.button-underline:hover,
input[type=submit].button-underline:hover,
.button.button-underline:focus,
input[type=submit].button-underline:focus {
color: #3977b0;
background: none;
border-color: #999;
}
.button.button-underline:visited,
input[type=submit].button-underline:visited,
.button.button-underline:active,
input[type=submit].button-underline:active {
color: #6b0b0c;
}
.button.button-simple,
input[type=submit].button-simple {
color: #6b0b0c;
padding: 0;
background: none;
text-transform: none;
margin: 0;
}
.button.button-simple:hover,
input[type=submit].button-simple:hover,
.button.button-simple:focus,
input[type=submit].button-simple:focus {
color: #3977b0;
background: none;
}
.button.button-simple:visited,
input[type=submit].button-simple:visited {
color: #6b0b0c;
}
.button.button-outline,
input[type=submit].button-outline {
border: 1px solid #3977b0;
background: none;
}
.button.button-outline:hover,
input[type=submit].button-outline:hover,
.button.button-outline:focus,
input[type=submit].button-outline:focus {
border-color: #bbb;
}
.button.button-outline:visited,
input[type=submit].button-outline:visited {
color: #6b0b0c;
}
.button.button-heavy.button-outline,
input[type=submit].button-heavy.button-outline {
font-size: 20px;
background: none;
padding: 14px 30px;
border: 1px solid #3977b0;
}
.button.button-pill,
input[type=submit].button-pill {
padding: 8px 16px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-o-border-radius: 30px;
border-radius: 30px;
}
.button.button-pill.button-outline:hover,
input[type=submit].button-pill.button-outline:hover {
border: 3px solid #bbb;
padding: 6px 14px;
}
.button.button-pill.button-giant,
input[type=submit].button-pill.button-giant {
padding: 16px 68px;
font-size: 20px;
}
.button.button-pill.button-big,
input[type=submit].button-pill.button-big {
padding: 12px 48px;
}
.button.button-pill.button-wide,
input[type=submit].button-pill.button-wide {
width: 100%;
}
/** Button Group: Inline
============================================= */
.button-group .button.button-inline {
margin-left: 0;
}
.button-group .button.button-inline:last-of-type {
margin: 0;
border: 0;
}
/** Button Group: Inline Full Width
============================================= */
.button-stretch {
margin-left: 0;
margin-right: 0;
}
.button-stretch .button-group {
width: 100%;
display: table !important;
border-collapse: separate;
border-spacing: 16px / 2 0;
}
.button-stretch .button-group .button.button-inline {
display: table-cell !important;
}
@media screen and (max-width: 768px) {
.button-stretch {
margin-left: 0;
margin-right: 0;
}
.button-stretch .button-group {
display: block !important;
}
.button-stretch .button-group .button.inline {
display: block !important;
margin-right: 0;
}
}
/** Specialty
============================================= */
.goback {
cursor: pointer;
}
.button-more,
.button-more:hover {
text-decoration: none;
}
.button-more::after {
font-family: 'icons';
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 15px;
content: "\ea56";
padding-left: 4px;
position: relative;
top: 2px;
}
.button-back,
.button-back:hover {
text-decoration: none;
}
.button-back::before {
font-family: 'icons';
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 15px;
content: "\ea50";
padding-right: 4px;
position: relative;
top: 2px;
}
.button-more.uppercase::after,
.button-more.uppercase::before {
top: 0;
}
.button-more-alt {
width: 100%;
max-width: 100%;
display: block;
text-align: left;
position: relative;
}
.button-more-alt::after {
position: absolute;
top: 50%;
margin-top: -8px;
right: 6px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.button-more-alt:hover::after {
right: 2px;
color: #38191a;
}
/** Margins and Padding
============================================= */
@media only screen and (max-width: 768px) {
a.button + a.button {
margin-left: 0;
}
}
a.button + p {
padding-top: 0;
}
a.button + a.button {
margin-left: 4px;
}
p + a.button {
margin-top: 16px;
}
a.button.button-wide + a.button.button-wide {
margin-left: 0;
}
/** Animation
============================================= */
.button-expand-border,
.button-expand-border-left,
.button-expand-border-right {
position: relative;
line-height: 1.4;
}
.button-expand-border::after,
.button-expand-border-left::after,
.button-expand-border-right::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background-color: #2c76d7;
visibility: hidden;
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.button-expand-border:hover::after,
.button-expand-border-left:hover::after,
.button-expand-border-right:hover::after {
visibility: visible;
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
transform: scaleX(1);
}
.button-expand-border-left::after {
transform-origin: 0%, 50%;
}
.button-expand-border-right::after {
transform-origin: 100%, 50%;
}
/*! ThemeKit 1.0 | http://www.atomiccherry.com | (c) 2017 Atomic Cherry Design */
/** =========================================
Badges
============================================= */
.badge {
background-color: #3977b0;
color: #fff;
display: inline-block;
font-size: inherit;
padding: 0 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.badge.badge-success {
background-color: #4EB672;
}
.badge.badge-info {
background-color: #2484d1;
}
.badge.badge-warning {
background-color: #d45252;
}
.badge.badge-failure {
background-color: #d50000;
}
.badge.badge-notes {
background-color: #4E88B6;
}
.badge.badge-accept {
background-color: #1da34b;
}
.badge.badge-caution {
background-color: #E7AF44;
}
/*! ThemeKit 1.0 | http://www.atomiccherry.com | (c) 2017 Atomic Cherry Design */
/* ====================================================
Dividers
======================================================= */
.divider-base {
border-bottom: 2px solid #bbb;
padding-bottom: 32px;
margin-bottom: 28px;
}
.divider-top {
border-top: 2px solid #bbb;
padding-top: 32px;
margin-top: 0;
}
hr {
padding-top: 28px;
margin-top: 44px;
border-top: 2px solid #bbb;
clear: both;
}
hr + p {
padding-top: 0;
}
hr.taper {
border: 0;
height: 1px;
padding: 0;
margin-top: 32px;
margin-bottom: 32px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
hr.taper.color-light {
background-image: linear-gradient(to right, rgba(200, 200, 200, 0), rgba(200, 200, 200, 0.75), rgba(200, 200, 200, 0));
}
hr.taper.color-medium {
background-image: linear-gradient(to right, rgba(100, 100, 100, 0), rgba(100, 100, 100, 0.75), rgba(100, 100, 100, 0));
}
hr.taper.color-dark {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
hr.dotted {
border: 0;
height: 0;
border-top: 6px dotted #6b0b0c;
}
hr.inset {
border: 0;
height: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
hr.double {
border: 0;
height: 0;
border-top: 1px double #3977b0;
}
hr.thick {
border: 0;
height: 0;
border-top: 4px solid #3977b0;
}
hr.thin {
border: 0;
height: 0;
border-top: 2px solid #3977b0;
}
hr.hairline {
border: 0;
height: 0;
border-top: 1px solid #3977b0;
}
hr.short {
border: 0;
height: 0;
border-top: 1px solid #3977b0;
max-width: 120px;
margin-left: auto;
margin-right: auto;
}
hr.short.short-left {
max-width: 300px;
margin-left: 0;
}
hr.color-light {
border-color: #999;
}
hr.color-medium {
border-color: #3977b0;
}
hr.color-dark {
border-color: #6b0b0c;
}
hr.decorative {
padding: 0;
border: none;
border-top: medium double #444;
color: #444;
text-align: center;
}
hr.decorative::after {
content: "§";
display: inline-block;
position: relative;
top: -0.7em;
font-size: 1.5em;
padding: 0 0.25em;
background: #fff;
}
/** ==========================================================
Containers and Sections
============================================================= */
/** Row: Leader
===================================== */
.leader-content {
padding: 0 16px;
}
.leader-content aside {
text-align: right;
padding-top: 16px 0;
margin-top: 0;
margin-bottom: 0;
}
.leader-content aside span {
padding: 0;
margin: 0;
display: block;
}
.leader-inner {
padding: 0;
margin: 0;
}
.leader-menu {
padding: 0;
}
.leader-menu li {
padding: 16px 0;
margin: 0;
}
.leader-menu li:first-of-type {
margin-left: 8px;
}
.leader-menu li a {
font-size: 14px;
padding: 0 6px;
margin: 0;
line-height: 1.5;
}
.leader-menu li a:hover {
text-decoration: none;
}
.leader-menu li:last-child a:after {
content: '';
margin-right: 0;
}
.leader-menu.list-separators li a::after {
position: relative;
content: "|";
width: 6px;
margin: 0 0 0 12px;
}
.leader-text {
font-size: 13px;
}
@media only screen and (max-width: 768px) {
.leader-container {
padding: 16px 0 !important;
position: relative;
}
.leader-content aside {
text-align: center;
}
.leader-menu {
margin-left: auto;
margin-right: auto;
text-align: center;
height: auto;
}
.leader-menu li,
.leader-menu li a {
line-height: 1.2;
height: auto;
}
.leader-menu li:first-of-type {
margin-left: 0;
}
}
/** Section: Header
===================================== */
.overlay .header-container,
.overlay .header-content {
background: transparent;
}
.header-container {
overflow: visible;
}
.header-content {
margin-bottom: 0;
padding: 16px 32px;
}
.header-content.pad-zero {
padding: 0;
}
.header-content span {
display: block;
}
.header-content img {
max-width: 100%;
width: auto;
height: auto;
margin: 0 auto;
}
.header-content.fullwidth img {
width: 100%;
max-width: 100%;
}
.header-content * {
padding: 0;
margin: 0;
}
.header-content h2 {
font-size: 18px;
line-height: 1.2;
margin-bottom: 28px;
}
.header-content h2 a {
font-size: 18px;
line-height: 1.4;
text-decoration: none;
}
.header-content .nav {
float: right;
}
.header-content .nav #main-nav > li:last-of-type a {
margin-right: 0;
}
.header-content a.logo {
display: block;
margin: 0;
padding: 0;
width: auto;
height: auto;
}
.header-content a.logo img {
margin: 0;
padding: 0;
display: block;
width: auto;
max-width: 100%;
}
.header-inner {
height: auto;
float: left;
}
.header-inner.block.whole {
float: none;
text-align: center;
}
.header-inner.block.whole span,
.header-inner.block.whole a.logo {
width: auto;
display: block;
margin: 0 auto;
padding: 0;
}
.header-inner.block.whole span img,
.header-inner.block.whole a.logo img {
margin: 0 auto;
}
@media screen and (max-width: 960px) {
.leader-container + .header-container {
margin-top: 24px;
}
.header-container {
margin-top: 36px;
}
.header-content .nav-inner {
margin-top: 0;
}
.header-content img.banner {
margin-top: 0;
}
.header-content header,
.header-content footer {
width: 100%;
}
.header-content header img,
.header-content footer img {
float: none;
margin-left: auto;
margin-right: auto;
}
.header-content .golden-small,
.header-content .golden-large,
.header-content .one-third,
.header-content .two-thirds,
.header-content .one-quarter,
.header-content .three-quarters {
width: 100%;
}
.header-inner {
margin: 0 auto;
}
.header-inner span,
.header-inner a.logo {
display: block;
width: auto;
padding: 0;
margin: 0 auto;
}
.overlay .header-container,
.overlay .header-content {
z-index: 1;
background: transparent !important;
}
}
/** Row: Navigation
===================================== */
.nav-container {
position: relative;
overflow: visible;
}
.nav-container::after {
content: " ";
display: table;
clear: both;
}
.nav-content {
overflow: visible;
}
.nav-content::after {
content: " ";
display: table;
clear: both;
}
.nav-inner {
padding: 0;
}
.nav-inner.nosearch {
width: 100%;
}
.nav-container,
.nav-content,
.nav,
#main-nav {
height: auto;
min-height: 46px;
max-height: 92px;
}
@media only screen and (max-width: 960px) {
.nav-container,
.nav-content,
.nav-inner,
.nav {
min-height: 46px;
}
.nav-content {
padding: 0;
}
}
/** Row: Sticky Nav
===================================== */
@media only screen and (max-width: 960px) {
.sticky-container {
display: none !important;
}
}
@media only screen and (min-width: 960px) {
@keyframes sticky {
from {
top: -100px;
}
to {
top: 0;
}
}
.sticky-container {
overflow: visible;
width: 100%;
max-height: 100px;
position: fixed;
z-index: 999;
top: 0;
left: 0;
animation-name: sticky;
animation-duration: 1s;
animation-timing-function: ease;
display: none;
background: rgba(0, 0, 0, 0.8);
}
.sticky-container .sticky-content {
background: none;
top: 0;
display: flex;
align-items: center;
}
.sticky-container .sticky-content .sticky-header {
margin: 0;
padding: 0;
height: 100%;
}
.sticky-container .sticky-content .sticky-header h1.site-title a {
color: #fff;
font-size: 26px;
}
.sticky-container .sticky-content .sticky-header .logo {
display: block;
margin-top: 16px;
max-width: 200px;
max-height: 100px;
height: auto;
overflow: hidden;
}
.sticky-container .sticky-content .sticky-header .logo img {
display: block;
margin-left: 0;
max-width: 100%;
}
.sticky-container .sticky-content .sticky-nav li {
padding-left: 12px;
}
.sticky-container .sticky-content .sticky-nav > li.current-menu-parent,
.sticky-container .sticky-content .sticky-nav li.current-menu-parent > a,
.sticky-container .sticky-content .sticky-nav > li.current-menu-item,
.sticky-container .sticky-content .sticky-nav li.current-menu-item > a {
background: none;
color: #fff;
}
.sticky-container .sticky-content .sticky-nav li a {
color: #999;
padding: 0 4px;
font-size: 13px;
}
.sticky-container .sticky-content .sticky-nav li a:hover {
color: #fff;
}
}
/** Row: Breadcrumbs
===================================== */
.overlay .breadcrumbs-container {
display: none;
}
/** Section: Featured
===================================== */
.featured-container {
width: 100%;
margin: 0 auto;
padding: 0;
}
.featured-container .featured-content {
overflow: hidden;
width: 100%;
}
.featured-container .featured-content.full {
width: 768px;
max-width: 768px;
}
.featured-container .featured-content.narrow {
width: 568px;
max-width: 568px;
}
.featured-inner {
width: 100%;
margin: 0 auto;
padding-bottom: 0;
overflow: hidden;
}
.featured-inner div.thick {
padding: 16px 0;
margin: 0 auto;
}
.featured-inner div.thick h2.title,
.featured-inner div.thick h2.title span {
font-size: 160%;
}
.featured-inner div.thick h3.subtitle,
.featured-inner div.thick h3.subtitle span {
font-size: 120%;
}
.featured-inner.block.whole {
margin-top: 16px;
margin-bottom: 32px;
}
@media screen and (min-width: 1600px) {
.featured-content {
max-width: 1432px;
}
}
.featured-inner .cycle-container {
border: 0;
padding: 0;
margin-top: 0;
margin-bottom: 0;
max-width: 100%;
background: none;
}
.featured-inner .cycle-container .slideshow {
margin-top: 0;
margin-bottom: 0;
padding-bottom: 0;
background: none;
}
.featured-inner .cycle-container .slideshow .framed {
padding: 6px;
background: #fff;
box-shadow: 3px 3px 3px rgba(255, 255, 255, 0.6);
}
.featured-inner .cycle-container .slideshow .slide,
.featured-inner .cycle-container .slideshow .slide img,
.featured-inner .cycle-container .slideshow .slide a img,
.featured-inner .cycle-container .slideshow .slide video {
width: 100%;
position: relative;
margin-top: 0;
top: 0;
}
.featured-inner .cycle-container .slideshow .slide:first-of-type {
display: block;
}
.featured-inner .cycle-container .slideshow .mejs-overlay-loading,
.featured-inner .cycle-container .slideshow .mejs-overlay-loading span {
display: none;
}
.featured-inner .attachment-post-thumbnail {
max-width: 100%;
width: 100%;
height: auto;
float: left;
margin: 0;
overflow: hidden;
position: relative;
}
.featured-thumb .attachment-post-thumbnail {
-webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);
width: 120px;
height: 180px;
float: left;
margin: 0 16px 16px 0;
}
/** Section: Banner
===================================== */
@media only screen and (max-width: 959px) {
#section-banner.container {
margin-top: 46px;
}
}
.banner-title-group {
top: 50%;
left: 50%;
width: 100%;
max-width: 100%;
padding: 0;
opacity: 1;
position: absolute;
-ms-transform: translate(-50%, -50%);
/** IE 9 */
-webkit-transform: translate(-50%, -50%);
/** Safari */
transform: translate(-50%, -50%);
}
.banner-title-group h1 + p {
padding-top: 0;
margin-top: 0;
}
/** Section: Primary
===================================== */
#section-primary.container {
padding-bottom: 0;
margin-top: 0;
-webkit-backface-visibility: hidden;
}
#section-primary .content {
padding-top: 16px;
padding-bottom: 16px;
margin-bottom: 0;
}
#section-primary .content article:last-child,
#section-primary .content main:last-child {
margin-bottom: 8px;
}
#section-primary .content + .content {
padding-top: 0;
margin-top: -32px;
}
/** Section: Secondary
===================================== */
[id*='section-secondary'].container {
margin-top: -1px !important;
}
[id*='section-secondary'] .content {
padding-top: 32px;
padding-bottom: 32px;
}
[id*='section-secondary'] .row.widgets h3 {
text-align: left;
}
[id*='section-secondary'] .row.widgets ul,
[id*='section-secondary'] .row.widgets ol {
padding-left: 0;
padding-bottom: 0;
margin-left: 0;
margin-bottom: 0;
}
[id*='section-secondary'] .row.widgets ul li {
list-style-type: none;
}
/** Section: Tertiary
===================================== */
[id*='section-tertiary'].container {
margin-top: -1px !important;
}
[id*='section-tertiary'] .content {
padding-top: 32px;
padding-bottom: 32px;
}
[id*='section-tertiary'] .row.widgets h3 {
text-align: left;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
}
[id*='section-tertiary'] .row.widgets ul,
[id*='section-tertiary'] .row.widgets ol {
padding-left: 0;
padding-bottom: 0;
margin-left: 0;
margin-bottom: 0;
}
[id*='section-tertiary'] .row.widgets p,
[id*='section-tertiary'] .row.widgets li,
[id*='section-tertiary'] .row.widgets span,
[id*='section-tertiary'] .row.widgets a,
[id*='section-tertiary'] .row.widgets div {
font-size: 13px;
}
[id*='section-tertiary'] .row.widgets li {
padding-bottom: 8px;
}
/** Section: Footer
===================================== */
@media only screen and (max-width: 768px) {
#section-footer {
position: relative;
}
}
@media screen and (max-width: 960px) {
.ftr-fixed #section-footer {
position: absolute;
right: 0;
bottom: 0;
left: 0;
}
.framed #section-footer,
.boxed #section-footer,
.boxed .footer-container {
position: relative;
}
#section-footer .content {
padding: 0;
}
#section-footer .content div {
text-align: center;
padding-bottom: 0;
}
#section-footer .content.left,
#section-footer .content.center {
float: none;
width: 100%;
display: block;
clear: both;
}
#section-footer .content #social {
display: inline-block;
float: none;
}
}
#section-footer .content {
line-height: 1.2;
padding: 16px 16px;
}
#section-footer .content a {
font-size: 13px;
color: #fff;
display: inline-block;
line-height: inherit;
}
#section-footer .content .heading {
padding: 0;
margin: 0;
text-align: left;
font-size: 14px;
line-height: 1.4;
margin-bottom: 16px;
}
#section-footer .content .heading a {
font-size: 14px;
line-height: 1.2;
text-decoration: none;
}
#section-footer .content span.favicon {
display: block;
padding-right: 16px;
}
#section-footer .content span.favicon img {
max-height: 60px;
}
#section-footer .content span.credits {
color: #fff;
font-size: 11px;
line-height: 1.2;
letter-spacing: 1px;
}
#section-footer .content span.credits a {
font-size: inherit;
letter-spacing: inherit;
}
#section-footer .content.center {
padding: 0;
width: auto;
display: block;
text-align: center;
margin: 0 auto;
}
#section-footer .content.fullwidth .block.half {
width: 100%;
padding: 0;
text-align: center;
}
#section-footer .content.fullwidth .block.half .heading {
text-align: center;
}
#section-footer .content.fullwidth .block.half .block {
width: 100%;
text-align: center;
}
#section-footer .content.fullwidth .block.half .block span.favicon {
padding: 0;
margin: 0;
margin-left: 32px;
margin-bottom: 16px;
}
#section-footer .content.fullwidth .block.half .block span.favicon img {
margin: 0 auto;
}
#section-footer .content.fullwidth .block.half #footer-nav {
width: 100%;
text-align: center;
}
#section-footer .content.fullwidth .block.half #social {
width: 100%;
text-align: center;
margin-left: auto;
margin-right: auto;
}
#section-footer .content.fullwidth .block.half #social .social {
float: none;
margin: 0 auto;
width: auto;
display: inline-block;
text-align: center;
}
#section-footer .content #social {
margin-right: -4px;
}
#section-footer .content #social .social {
margin-bottom: 0;
}
#section-footer .content #social .social li a {
margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
#section-footer .content span.favicon {
margin-bottom: 16px;
}
#section-footer .content .heading {
text-align: center;
}
}
@media only screen and (min-width: 960px) {
#section-footer .content #social {
margin-top: -8px;
}
}
#section-footer nav {
float: right;
text-align: right;
}
#section-footer nav li {
line-height: 1.4;
padding-left: 6px;
}
#section-footer nav li:first-child {
padding-left: 0;
}
#section-footer nav li a {
font-size: 14px;
line-height: 1.4;
margin-bottom: 16px;
}
#section-footer nav li a a {
font-size: 14px;
line-height: 1.2;
text-decoration: none;
}
#section-footer nav li a:after {
position: relative;
content: "|";
width: 6px;
margin: 0 0 0 12px;
}
#section-footer nav li:last-child a:after {
content: '';
margin-left: 0;
}
#section-footer nav li a:hover {
text-decoration: none;
}
@media only screen and (min-width: 960px) {
#section-footer nav {
margin: 0 0 16px 0;
overflow: hidden;
}
}
@media screen and (max-width: 768px) {
#section-footer footer {
text-align: center;
}
#section-footer footer .heading {
text-align: center;
}
#section-footer nav,
.footer-content nav {
width: 100%;
float: none;
text-align: center;
}
}
/** Main Sidebar
============================================= */
@media only screen and (max-width: 768px) {
.sidebar img.size-large {
max-width: 50% !important;
}
.sidebar .gallery .block {
max-width: 50%;
height: auto;
}
.sidebar.column {
padding: 0 16px !important;
}
}
@media only screen and (max-width: 568px) {
.sidebar img.size-large {
max-width: 100%;
}
.sidebar.fill {
right: 0;
}
}
.sidebar.column {
padding: 0 0 0 32px;
}
.sidebar.column h3 {
font-size: 24px;
padding-top: 1px;
padding-bottom: 8px;
}
.sidebar.column h3 + p,
.sidebar.column h3 + ul,
.sidebar.column h3 + ol {
margin-top: 0;
}
.sidebar.column p,
.sidebar.column li,
.sidebar.column a,
.sidebar.column td,
.sidebar.column th,
.sidebar.column label,
.sidebar.column span {
font-size: 15px;
}
.sidebar.column form {
margin-top: 0;
padding-top: 0;
}
.sidebar.column .inner {
padding-top: 0;
}
.sidebar.column.fill {
position: relative;
right: -16px;
}
.sidebar.column .row {
padding-bottom: 0;
margin-bottom: 0;
width: 100%;
}
.sidebar.column .row:first-of-type {
margin-top: 40px;
}
.sidebar.column .row ul:last-of-type,
.sidebar.column .row p:last-of-type {
margin-bottom: 0;
padding-bottom: 0;
}
.sidebar.column .row .block ul {
margin-left: 0;
}
.sidebar.column .row .video {
margin-bottom: 0;
padding-bottom: 0;
}
.sidebar.column .fill .row {
padding-left: 16px;
padding-right: 16px;
}
/** Left Sidebar
========================================== */
.left-sidebar #section-primary {
float: right;
}
.left-sidebar #section-primary .sidebar {
margin: 0;
}
.left-sidebar #section-primary .sidebar.fill {
position: relative;
left: -16px;
}
.left-sidebar .sidebar.column {
margin-left: 0;
margin-right: 16px;
}
@media only screen and (max-width: 568px) {
.left-sidebar #section-primary .sidebar.fill {
left: 0;
}
}
/** Tablet (Portrait) 768px
========================================================== */
@media screen and (min-width: 768px) and (max-width: 960px) {
[id*='section-'].container [class*='-container'] {
overflow: visible;
-webkit-animation-property: -webkit-width;
-webkit-animation-property: -webkit-height;
-webkit-transition-duration: 3s;
-moz-animation-property: -moz-width;
-moz-animation-property: -moz-height;
-moz-transition-duration: 3s;
-o-animation-property: -o-width;
-o-animation-property: -o-height;
-o-transition-duration: 3s;
}
[id*='section-'] .content,
[class*='-content'] {
width: 100%;
-webkit-animation-property: -webkit-width;
-webkit-animation-property: -webkit-height;
-webkit-transition-duration: 3s;
-moz-animation-property: -moz-width;
-moz-animation-property: -moz-height;
-moz-transition-duration: 3s;
-o-animation-property: -o-width;
-o-animation-property: -o-height;
-o-transition-duration: 3s;
}
.header-container {
background-size: cover;
}
.header-inner {
width: 100%;
text-align: center;
}
.banner-container,
.banner-content,
.banner.row {
width: 100%;
}
}
/** Small Desktop and Below
========================================================== */
@media only screen and (max-width: 768px) {
[class*='-container'] {
overflow: visible;
-webkit-animation-property: -webkit-width;
-webkit-animation-property: -webkit-height;
-webkit-transition-duration: 3s;
-moz-animation-property: -moz-width;
-moz-animation-property: -moz-height;
-moz-transition-duration: 3s;
-o-animation-property: -o-width;
-o-animation-property: -o-height;
-o-transition-duration: 3s;
}
[class*='-content'] {
width: 100%;
-webkit-animation-property: -webkit-width;
-webkit-animation-property: -webkit-height;
-webkit-transition-duration: 3s;
-moz-animation-property: -moz-width;
-moz-animation-property: -moz-height;
-moz-transition-duration: 3s;
-o-animation-property: -o-width;
-o-animation-property: -o-height;
-o-transition-duration: 3s;
}
.header-container {
background-size: cover;
}
.header-inner {
width: 100%;
text-align: center;
}
.banner-container,
.banner-content,
.banner.row {
width: 100%;
}
.featured-content img {
padding: 0;
margin: 0;
}
}
/** Mobile Landscape and Below
========================================================== */
@media screen and (max-width: 480px) {
.banner-container img {
width: 100% !important;
}
}
/** Standard Desktop and Tablets to Mobile
========================================================== */
@media only screen and (max-width: 960px) {
.full {
width: 100%;
}
.leader-container {
top: 46px;
margin-bottom: 16px;
}
.header-container {
float: left;
padding: 0;
}
.banner-container {
float: left;
clear: both;
}
.breadcrumbs-container {
display: none;
}
.leader-content {
width: 100%;
}
.header-content {
overflow: visible;
}
.header-content .menu-main-navigation-container {
float: left;
width: 100%;
margin-top: -100px;
}
.header-content .mobile-social {
float: left;
width: 100%;
margin-top: -40px;
}
.header-content .mobile-social .social {
margin-top: 40px;
}
.header.heading.short {
width: 100%;
}
}
/*! ThemeKit 1.0 | http://www.atomiccherry.com | (c) 2017 Atomic Cherry Design */
/** ====================================================
Page Layouts
======================================================= */
/** Page: Splash
=================================================== */
/* ============================================
* Landing Page
* ============================================ */
.landing {
height: 100%;
-webkit-transition: all 1s;
-moz-transition: all 1s;
transition: all 1s;
background-size: contain !important;
}
.landing:hover {
-webkit-filter: grayscale(0.5);
-moz-filter: grayscale(0.5);
filter: grayscale(0.5);
}
.landing .section-primary,
.landing .primary-content,
.landing .primary.full,
.landing article,
.landing .entry {
background-size: cover !important;
padding: 0;
margin: 0;
width: 100%;
height: 100%;
min-width: 100%;
min-height: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.landing .section-primary .enter,
.landing .primary-content .enter,
.landing .primary.full .enter,
.landing article .enter,
.landing .entry .enter {
background-size: cover !important;
padding: 0;
margin: 0;
width: 100%;
height: 100%;
min-width: 100%;
min-height: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
display: table;
}
.landing .section-primary .enter a,
.landing .primary-content .enter a,
.landing .primary.full .enter a,
.landing article .enter a,
.landing .entry .enter a {
background-size: cover !important;
padding: 0;
margin: 0;
width: 100%;
height: 100%;
min-width: 100%;
min-height: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
text-indent: 100%;
display: table-cell;
}
/** Page: Blank
=================================================== */
.blank {
background: none;
}
.blank [id*='section-'].container,
.blank [class*='-container'] .sidebar {
display: none;
}
.blank [id*='section-primary'].container {
display: block;
background: none;
padding-top: 100px;
}
.blank [id*='section-primary'].container .content {
background: none;
width: 100%;
}
@media only screen and (max-width: 768px) {
.blank,
.boxed.blank {
background-size: 160% auto !important;
}
}
/** Page: Wide
=================================================== */
body.edge [id*='section-'].container {
width: 100%;
max-width: 100%;
}
body.edge .header-container {
position: relative;
top: 0;
}
body.edge .header-content.fullwidth {
max-width: 100%;
}
body.edge .featured-container {
position: relative;
top: 0;
}
body.edge .featured-container,
body.edge .featured-content,
body.edge .featured-inner {
width: 100%;
max-width: 100%;
height: auto;
margin: 0;
padding: 0;
overflow: hidden;
}
body.edge .banner-content {
padding: 0;
margin: 0 auto;
width: 100%;
max-width: 100%;
}
body.edge .banner-content.w-pad {
padding: 16px 32px 0 32px;
}
body.edge .banner-content .banner {
padding: 0;
margin: 0 auto;
background-size: cover;
}
body.edge .banner-content .banner a {
margin: 0 auto;
display: block;
float: none;
}
body.edge .banner-content .banner img {
text-align: center;
margin: 0 auto;
}
/** Page: Framed and Boxed
=================================================== */
body.framed [id*='section-'].container,
body.boxed [id*='section-'].container,
body.framed .container,
body.boxed .container {
max-width: 960px;
padding: 0;
margin: 0 auto;
top: -1px;
}
body.framed [id*='section-'].container .container,
body.boxed [id*='section-'].container .container,
body.framed .container .container,
body.boxed .container .container {
max-width: 100%;
}
body.framed .sticky-container,
body.boxed .sticky-container {
width: 100%;
max-width: 100%;
}
body.framed .nav-container,
body.boxed .nav-container {
height: 47px;
}
body.framed [id*='section-featured'].container,
body.boxed [id*='section-featured'].container,
body.framed .featured-container,
body.boxed .featured-container {
padding: 0;
}
body.framed .content,
body.boxed .content {
border: 0;
margin-top: 0;
margin-bottom: 0;
max-width: 960px;
}
body.framed .banner-content.pad-zero .banner,
body.boxed .banner-content.pad-zero .banner {
margin: 0;
padding: 0;
}
body.framed .banner-content.pad-zero .banner img,
body.boxed .banner-content.pad-zero .banner img {
border: 0;
padding: 0;
}
body.framed .featured-content,
body.boxed .featured-content,
body.framed .featured-inner,
body.boxed .featured-inner {
padding: 0;
margin: 0;
}
body.framed .featured-inner.block.whole,
body.boxed .featured-inner.block.whole {
padding: 0;
margin: 0;
}
body.framed .featured-inner .slideshow.short.framed,
body.boxed .featured-inner .slideshow.short.framed {
border: 1px solid #999;
background: #fff;
}
body.framed .featured-inner .slideshow.short.framed .slide,
body.boxed .featured-inner .slideshow.short.framed .slide {
padding: 8px;
}
body.framed .cycle-container,
body.boxed .cycle-container,
body.framed .cycle-slideshow,
body.boxed .cycle-slideshow {
margin-bottom: 0;
padding-bottom: 0;
}
body.framed .cycle-container .slide img,
body.boxed .cycle-container .slide img {
max-width: 100%;
}
body.framed .slideshow.short,
body.boxed .slideshow.short {
max-width: 896px;
margin: 0 32px;
}
.boxed .header-container,
.boxed .header-container.container {
margin-top: 32px;
}
.boxed #section-footer {
margin-bottom: 32px;
}
@media only screen and (min-width: 568px) {
.inner .featured-content {
padding: 32px 32px;
}
}
/** Large Desktop
=================================================== */
@media only screen and (min-width: 1432px) {
body.framed [id*='section-'].container,
body.boxed [id*='section-'].container,
body.framed .container,
body.boxed .container {
padding-top: 0;
width: 1180px;
max-width: 1180px;
}
body.framed .header-content img,
body.boxed .header-content img {
width: 100%;
max-width: 100%;
height: auto;
}
body.framed .content,
body.boxed .content {
width: 1180px;
max-width: 1180px;
}
}
/** Extra Large Desktop
=================================================== */
@media only screen and (min-width: 1600px) {
body.framed [id*='section-'].container,
body.boxed [id*='section-'].container,
body.framed .container,
body.boxed .container {
padding-top: 0;
width: 1432px;
max-width: 1432px;
}
body.framed .header-content img,
body.boxed .header-content img {
width: 100%;
max-width: 100%;
height: auto;
}
body.framed .content,
body.boxed .content {
width: 1432px;
max-width: 1432px;
}
}
/** Page: Vertical Navigation
=================================================== */
.vertical-nav {
width: 100%;
max-width: 100%;
height: 100%;
min-height: 100%;
padding-left: 0;
padding-right: 0;
}
.vertical-nav .header-container,
.vertical-nav .header-content,
.vertical-nav .header-inner {
background: none;
border: 0;
}
@media only screen and (max-width: 960px) {
.vertical-nav .side-nav,
.vertical-main {
width: 100%;
max-width: 100%;
}
}
@media only screen and (max-width: 768px) {
.vertical-nav .header-content {
padding-left: 16px;
}
}
/*! ThemeKit 1.0 | http://www.atomiccherry.com | (c) 2015-2016 Atomic Cherry Design */
/** =========================================
Effects
============================================= */
/** ======================================================
Text Shadow
========================================================== */
.text-shadow {
-webkit-text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.9);
-moz-text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.9);
text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.9);
}
/** ======================================================
Color Rainbow Animation
========================================================== */
@keyframes color-animation {
0% {
background: #ad1457;
}
50% {
background: #6a1b9a;
}
100% {
background: #bbdefb;
}
}
.color-animation {
animation: color-animation 12s infinite linear alternate;
}
/** ======================================================
Angled Blocks
========================================================== */
.clip-angle img {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 96%, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% 96%, 0 100%);
}
.clip-angle-var {
-webkit-clip-path: polygon(0 0, 1600px 0, 1600px 87%, 0 100%);
clip-path: polygon(0 0, 1600px 0, 1600px 87%, 0 100%);
}
.angle {
position: relative;
z-index: 1;
}
.angle.angle-top::before,
.angle.angle-bottom::after {
background: inherit;
content: '';
display: block;
height: 50%;
left: 0;
right: 0;
position: absolute;
z-index: -1;
-webkit-backface-visibility: hidden;
}
.angle.angle-top::before {
top: 0;
transform: skewY(1.5deg);
transform-origin: 100% 0;
}
.angle.angle-bottom::after {
bottom: 0;
transform: skewY(-1.5deg);
transform-origin: 100%;
}
/** ======================================================
Background Noise
========================================================== */
.noise {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAUVBMVEWFhYWDg4N3d3dtbW17e3t1dXWBgYGHh4d5eXlzc3OLi4ubm5uVlZWPj4+NjY19fX2JiYl/f39ra2uRkZGZmZlpaWmXl5dvb29xcXGTk5NnZ2c8TV1mAAAAG3RSTlNAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEAvEOwtAAAFVklEQVR4XpWWB67c2BUFb3g557T/hRo9/WUMZHlgr4Bg8Z4qQgQJlHI4A8SzFVrapvmTF9O7dmYRFZ60YiBhJRCgh1FYhiLAmdvX0CzTOpNE77ME0Zty/nWWzchDtiqrmQDeuv3powQ5ta2eN0FY0InkqDD73lT9c9lEzwUNqgFHs9VQce3TVClFCQrSTfOiYkVJQBmpbq2L6iZavPnAPcoU0dSw0SUTqz/GtrGuXfbyyBniKykOWQWGqwwMA7QiYAxi+IlPdqo+hYHnUt5ZPfnsHJyNiDtnpJyayNBkF6cWoYGAMY92U2hXHF/C1M8uP/ZtYdiuj26UdAdQQSXQErwSOMzt/XWRWAz5GuSBIkwG1H3FabJ2OsUOUhGC6tK4EMtJO0ttC6IBD3kM0ve0tJwMdSfjZo+EEISaeTr9P3wYrGjXqyC1krcKdhMpxEnt5JetoulscpyzhXN5FRpuPHvbeQaKxFAEB6EN+cYN6xD7RYGpXpNndMmZgM5Dcs3YSNFDHUo2LGfZuukSWyUYirJAdYbF3MfqEKmjM+I2EfhA94iG3L7uKrR+GdWD73ydlIB+6hgref1QTlmgmbM3/LeX5GI1Ux1RWpgxpLuZ2+I+IjzZ8wqE4nilvQdkUdfhzI5QDWy+kw5Wgg2pGpeEVeCCA7b85BO3F9DzxB3cdqvBzWcmzbyMiqhzuYqtHRVG2y4x+KOlnyqla8AoWWpuBoYRxzXrfKuILl6SfiWCbjxoZJUaCBj1CjH7GIaDbc9kqBY3W/Rgjda1iqQcOJu2WW+76pZC9QG7M00dffe9hNnseupFL53r8F7YHSwJWUKP2q+k7RdsxyOB11n0xtOvnW4irMMFNV4H0uqwS5ExsmP9AxbDTc9JwgneAT5vTiUSm1E7BSflSt3bfa1tv8Di3R8n3Af7MNWzs49hmauE2wP+ttrq+AsWpFG2awvsuOqbipWHgtuvuaAE+A1Z/7gC9hesnr+7wqCwG8c5yAg3AL1fm8T9AZtp/bbJGwl1pNrE7RuOX7PeMRUERVaPpEs+yqeoSmuOlokqw49pgomjLeh7icHNlG19yjs6XXOMedYm5xH2YxpV2tc0Ro2jJfxC50ApuxGob7lMsxfTbeUv07TyYxpeLucEH1gNd4IKH2LAg5TdVhlCafZvpskfncCfx8pOhJzd76bJWeYFnFciwcYfubRc12Ip/ppIhA1/mSZ/RxjFDrJC5xifFjJpY2Xl5zXdguFqYyTR1zSp1Y9p+tktDYYSNflcxI0iyO4TPBdlRcpeqjK/piF5bklq77VSEaA+z8qmJTFzIWiitbnzR794USKBUaT0NTEsVjZqLaFVqJoPN9ODG70IPbfBHKK+/q/AWR0tJzYHRULOa4MP+W/HfGadZUbfw177G7j/OGbIs8TahLyynl4X4RinF793Oz+BU0saXtUHrVBFT/DnA3ctNPoGbs4hRIjTok8i+algT1lTHi4SxFvONKNrgQFAq2/gFnWMXgwffgYMJpiKYkmW3tTg3ZQ9Jq+f8XN+A5eeUKHWvJWJ2sgJ1Sop+wwhqFVijqWaJhwtD8MNlSBeWNNWTa5Z5kPZw5+LbVT99wqTdx29lMUH4OIG/D86ruKEauBjvH5xy6um/Sfj7ei6UUVk4AIl3MyD4MSSTOFgSwsH/QJWaQ5as7ZcmgBZkzjjU1UrQ74ci1gWBCSGHtuV1H2mhSnO3Wp/3fEV5a+4wz//6qy8JxjZsmxxy5+4w9CDNJY09T072iKG0EnOS0arEYgXqYnXcYHwjTtUNAcMelOd4xpkoqiTYICWFq0JSiPfPDQdnt+4/wuqcXY47QILbgAAAABJRU5ErkJggg==);
}
/*! ThemeKit 1.0 | http://www.atomiccherry.com | (c) 2017 Atomic Cherry Design */
/** ===============================================
Simple Galleries
=================================================== */
/** Inline List Gallery
=================================================== */
.gallery[class*='list-'] li {
padding-bottom: 4px;
}
.gallery[class*='list-'].pad-two li {
padding-left: 1px;
padding-right: 1px;
padding-bottom: 6px;
}
.gallery[class*='list-'].pad-four li {
padding-left: 2px;
padding-right: 2px;
padding-bottom: 8px;
}
.gallery[class*='list-'].pad-six li {
padding-left: 3px;
padding-right: 3px;
padding-bottom: 12px;
}
/** Override .block column-grid defaults
================================================= */
@media only screen and (max-width: 480px) {
.gallery .block.one-third,
.gallery .block.one-quarter,
.gallery .block.one-fifth,
.gallery .block.one-sixth {
width: 50%;
max-width: 50%;
}
.gallery .block.one-third img,
.gallery .block.one-quarter img,
.gallery .block.one-fifth img,
.gallery .block.one-sixth img,
.gallery .block.one-third a img,
.gallery .block.one-quarter a img,
.gallery .block.one-fifth a img,
.gallery .block.one-sixth a img {
width: 100%;
max-width: 100%;
}
}
@media only screen and (max-width: 768px) {
.gallery .block img,
.gallery .block a img {
width: 100%;
max-width: 100%;
}
.gallery .block.one-third {
width: 33.3332%;
max-width: 33.3332%;
}
.gallery .block.one-quarter {
width: 25%;
max-width: 25%;
}
.gallery .block.one-fifth {
width: 20%;
max-width: 20%;
}
.gallery .block.one-sixth {
width: 33.3332%;
max-width: 33.3332%;
}
}
@media only screen and (max-width: 568px) {
.gallery .block.one-third,
.gallery .block.one-quarter,
.gallery .block.one-fifth,
.gallery .block.one-sixth {
width: 33.3332%;
max-width: 33.3332%;
}
.gallery .block.one-third img,
.gallery .block.one-quarter img,
.gallery .block.one-fifth img,
.gallery .block.one-sixth img,
.gallery .block.one-third a img,
.gallery .block.one-quarter a img,
.gallery .block.one-fifth a img,
.gallery .block.one-sixth a img {
width: 100%;
max-width: 100%;
}
}
/*! icons 2.0 | http://www.atomiccherry.com | (c) 2019 Atomic Cherry Design */
/** ======================================================
Icon Font Kits
========================================================== */
@font-face {
font-family: 'icons';
src: url('../fonts/icons/icons.eot');
src: url('../fonts/icons/icons.eot?#iefix') format('embedded-opentype'), url('../fonts/icons/icons.ttf') format('truetype'), url('../fonts/icons/icons.woff') format('woff'), url('../fonts/icons/icons.svg#icons') format('svg');
font-weight: normal;
font-style: normal;
}
[data-icon]::before {
font-style: normal;
font-weight: normal;
font-variant: normal;
text-indent: 0;
text-transform: none;
speak: none;
content: attr(data-icon);
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
[class^="icon-"],
[class*="icon-"] {
font-family: 'icons';
line-height: 1;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
speak: none;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
/*! ThemeKit 2.0 | http://www.atomiccherry.com | (c) 2019 Atomic Cherry Design */
/* ====================================================
Images
======================================================= */
/** =====================================================
Image Frames
========================================================= */
img.left,
img.alignleft {
float: left;
margin: 8px 16px 8px 0 !important;
}
img.right,
img.alignright {
float: right;
margin: 8px 0 8px 16px !important;
}
img.center,
img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}
@media only screen and (max-width: 568px) {
img.alignleft,
img.alignright {
float: none !important;
display: block !important;
margin: 0 auto 32px auto !important;
}
}
/** =====================================================
Image Frames
========================================================= */
.frame {
padding: 4px;
float: none;
margin: 0;
background: #fff;
border: 1px solid #aaa;
}
.frame.frame-thin {
padding: 2px;
}
.frame.frame-thick {
padding: 8px;
}
.frame.frame-dark {
background: #444;
border-color: #000000;
}
.frame.frame-center,
.frame.aligncenter {
float: none;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.frame.frame-left,
.frame.alignleft {
float: left;
margin: 10px 20px 5px 0;
}
.frame.frame-right .frame.alignright {
float: right;
margin: 10px 0 5px 20px;
}
@media only screen and (max-width: 768px) {
img.frame,
img[class*="frame-"] {
float: none;
margin-left: auto;
margin-right: auto;
display: block;
max-width: 70%;
}
}
/* ====================================================
Image Shapes
======================================================= */
.round {
-o-border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
max-width: 100%;
height: auto;
}
.rounded-corners {
-o-border-radius: 10%;
-moz-border-radius: 10%;
-webkit-border-radius: 10%;
border-radius: 10%;
max-width: 100%;
height: auto;
}
.rounded-diagonal {
-o-border-top-right-radius: 10%;
-moz-border-top-right-radius: 10%;
-webkit-border-top-right-radius: 10%;
border-top-right-radius: 10%;
-o-border-bottom-left-radius: 10%;
-moz-border-bottom-left-radius: 10%;
-webkit-border-bottom-left-radius: 10%;
border-bottom-left-radius: 10%;
max-width: 100%;
height: auto;
}
.polaroid {
background: #ffffff;
padding: 4px;
border: none;
box-shadow: 0px 0px 3px #aaa;
}
/** =====================================================
Image Aspect Ratio Wrappers
========================================================= */
.row .block [class*='ratio-'],
.row .full [class*='ratio-'] {
display: block;
}
.row .block .ratio-1-1,
.row .full .ratio-1-1 {
position: relative;
padding-bottom: 100%;
overflow: hidden;
height: auto;
}
.row .block .ratio-1-1 img,
.row .full .ratio-1-1 img {
position: absolute;
width: 100%;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
}
.row .block .ratio-3-2,
.row .full .ratio-3-2 {
position: relative;
padding-bottom: 66%;
overflow: hidden;
height: auto;
}
.row .block .ratio-3-2 img,
.row .full .ratio-3-2 img {
position: absolute;
width: 100%;
left: 50%;
top: 0;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
}
.row .block .ratio-4-3,
.row .full .ratio-4-3 {
position: relative;
padding-bottom: 65%;
overflow: hidden;
height: auto;
}
.row .block .ratio-4-3 img,
.row .full .ratio-4-3 img {
position: absolute;
width: 100%;
left: 50%;
top: 0;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
}
.row .block .ratio-16-9,
.row .full .ratio-16-9 {
position: relative;
padding-bottom: 53%;
overflow: hidden;
height: auto;
}
.row .block .ratio-16-9 img,
.row .full .ratio-16-9 img {
position: absolute;
width: 100%;
height: auto;
left: 50%;
top: 0;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
}
.row .block .ratio-21-9,
.row .full .ratio-21-9 {
position: relative;
padding-bottom: 38%;
overflow: hidden;
height: auto;
}
.row .block .ratio-21-9 img,
.row .full .ratio-21-9 img {
position: absolute;
width: 100%;
height: auto;
left: 50%;
top: 0;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
}
.row .block .ratio-40-9,
.row .full .ratio-40-9 {
position: relative;
padding-bottom: 22%;
overflow: hidden;
height: auto;
}
.row .block .ratio-40-9 a,
.row .full .ratio-40-9 a,
.row .block .ratio-40-9 img,
.row .full .ratio-40-9 img {
position: absolute;
width: 100%;
height: auto;
left: 50%;
top: 0;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
}
.row .block .ratio-2-3,
.row .full .ratio-2-3 {
position: relative;
overflow: hidden;
padding-bottom: 132%;
height: auto;
}
.row .block .ratio-2-3 img,
.row .full .ratio-2-3 img {
position: absolute;
width: auto;
height: 100%;
left: 50%;
top: 0;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
}
.row .block .ratio-3-4,
.row .full .ratio-3-4 {
position: relative;
padding-bottom: 100%;
overflow: hidden;
height: auto;
}
.row .block .ratio-3-4 img,
.row .full .ratio-3-4 img {
position: absolute;
width: 100%;
left: 50%;
top: 0;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
}
.row .block .block .ratio-3-4,
.row .full .block .ratio-3-4 {
position: relative;
padding-bottom: 133.3333%;
overflow: hidden;
height: auto;
}
.row .block .block .ratio-3-4 img,
.row .full .block .ratio-3-4 img {
position: absolute;
width: 100%;
left: 50%;
top: 0;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
}
.row .block .block .ratio-5-6,
.row .full .block .ratio-5-6 {
position: relative;
padding-bottom: 120%;
overflow: hidden;
height: auto;
}
.row .block .block .ratio-5-6 img,
.row .full .block .ratio-5-6 img {
position: absolute;
width: auto;
height: 100%;
left: 50%;
top: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
}
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT
Copyright (c) 2014 Daniel Eden
*/
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated-custom {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: none;
animation-fill-mode: none;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes bounce {
0%,
10%,
53%,
80%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
@keyframes bounce {
0%,
10%,
53%,
80%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes bounceIn {
0%,
10%,
40%,
60%,
80%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
10% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
0%,
10%,
40%,
60%,
80%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
10% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
}
@-webkit-keyframes bounceInDown {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInDown {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInLeft {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInRight {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
0%,
60%,
75%,
90%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
10% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
100% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
@keyframes bounceOut {
10% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
100% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
}
@-webkit-keyframes bounceOutDown {
10% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
10% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
10% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
10% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
10% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
10% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
10% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
10% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%,
45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -10%, 0);
transform: translate3d(0, -10%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -10%, 0);
transform: translate3d(0, -10%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-10%, 0, 0);
transform: translate3d(-10%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-10%, 0%, 0);
transform: translate3d(-10%, 0%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(10%, 0, 0);
transform: translate3d(10%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(10%, 0, 0);
transform: translate3d(10%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 10%, 0);
transform: translate3d(0, 10%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 10%, 0);
transform: translate3d(0, 10%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 10%, 0);
transform: translate3d(0, 10%, 0);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 10%, 0);
transform: translate3d(0, 10%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-10%, 0, 0);
transform: translate3d(-10%, 0, 0);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-10%, 0, 0);
transform: translate3d(-10%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(10%, 0, 0);
transform: translate3d(10%, 0, 0);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(10%, 0, 0);
transform: translate3d(10%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -10%, 0);
transform: translate3d(0, -10%, 0);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -10%, 0);
transform: translate3d(0, -10%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
100% {
opacity: 0;
}
}
@keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
100% {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
100% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
100% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
100% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
100% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
0% {
-webkit-transform: translateY(-10%);
transform: translateY(-10%);
visibility: visible;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInDown {
0% {
-webkit-transform: translateY(-10%);
transform: translateY(-10%);
visibility: visible;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
-webkit-transform: translateX(-10%);
transform: translateX(-10%);
visibility: visible;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInLeft {
0% {
-webkit-transform: translateX(-10%);
transform: translateX(-10%);
visibility: visible;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
visibility: visible;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInRight {
0% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
visibility: visible;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
0% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
visibility: visible;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInUp {
0% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
visibility: visible;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
visibility: hidden;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
}
@keyframes slideOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
visibility: hidden;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
visibility: hidden;
-webkit-transform: translateX(-10%);
transform: translateX(-10%);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
visibility: hidden;
-webkit-transform: translateX(-10%);
transform: translateX(-10%);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
visibility: hidden;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
visibility: hidden;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
visibility: hidden;
-webkit-transform: translateY(-10%);
transform: translateY(-10%);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
visibility: hidden;
-webkit-transform: translateY(-10%);
transform: translateY(-10%);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
/* This is the core CSS of Tooltipster */
/* GENERAL STRUCTURE RULES (do not edit this section) */
.tooltipster-base {
/* this ensures that a constrained height set by functionPosition,
if greater that the natural height of the tooltip, will be enforced
in browsers that support display:flex */
display: flex;
pointer-events: none;
/* this may be overriden in JS for fixed position origins */
position: absolute;
}
.tooltipster-box {
/* see .tooltipster-base. flex-shrink 1 is only necessary for IE10-
and flex-basis auto for IE11- (at least) */
flex: 1 1 auto;
}
.tooltipster-content {
/* prevents an overflow if the user adds padding to the div */
box-sizing: border-box;
/* these make sure we'll be able to detect any overflow */
max-height: 100%;
max-width: 100%;
overflow: auto;
}
.tooltipster-ruler {
/* these let us test the size of the tooltip without overflowing the window */
bottom: 0;
left: 0;
overflow: hidden;
position: fixed;
right: 0;
top: 0;
visibility: hidden;
}
/* ANIMATIONS */
/* Open/close animations */
/* fade */
.tooltipster-fade {
opacity: 0;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
-ms-transition-property: opacity;
transition-property: opacity;
}
.tooltipster-fade.tooltipster-show {
opacity: 1;
}
/* grow */
.tooltipster-grow {
-webkit-transform: scale(0, 0);
-moz-transform: scale(0, 0);
-o-transform: scale(0, 0);
-ms-transform: scale(0, 0);
transform: scale(0, 0);
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
-webkit-backface-visibility: hidden;
}
.tooltipster-grow.tooltipster-show {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-o-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
/* swing */
.tooltipster-swing {
opacity: 0;
-webkit-transform: rotateZ(4deg);
-moz-transform: rotateZ(4deg);
-o-transform: rotateZ(4deg);
-ms-transform: rotateZ(4deg);
transform: rotateZ(4deg);
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
}
.tooltipster-swing.tooltipster-show {
opacity: 1;
-webkit-transform: rotateZ(0deg);
-moz-transform: rotateZ(0deg);
-o-transform: rotateZ(0deg);
-ms-transform: rotateZ(0deg);
transform: rotateZ(0deg);
-webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
-webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
-moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
-ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
-o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
}
/* fall */
.tooltipster-fall {
-webkit-transition-property: top;
-moz-transition-property: top;
-o-transition-property: top;
-ms-transition-property: top;
transition-property: top;
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.tooltipster-fall.tooltipster-initial {
top: 0 !important;
}
.tooltipster-fall.tooltipster-dying {
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
-ms-transition-property: all;
transition-property: all;
top: 0 !important;
opacity: 0;
}
/* slide */
.tooltipster-slide {
-webkit-transition-property: left;
-moz-transition-property: left;
-o-transition-property: left;
-ms-transition-property: left;
transition-property: left;
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.tooltipster-slide.tooltipster-initial {
left: -40px !important;
}
.tooltipster-slide.tooltipster-dying {
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
-ms-transition-property: all;
transition-property: all;
left: 0 !important;
opacity: 0;
}
/* Update animations */
/* We use animations rather than transitions here because
transition durations may be specified in the style tag due to
animationDuration, and we try to avoid collisions and the use
of !important */
/* fade */
@keyframes tooltipster-fading {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.tooltipster-update-fade {
animation: tooltipster-fading 400ms;
}
/* rotate */
@keyframes tooltipster-rotating {
25% {
transform: rotate(-2deg);
}
75% {
transform: rotate(2deg);
}
100% {
transform: rotate(0);
}
}
.tooltipster-update-rotate {
animation: tooltipster-rotating 600ms;
}
/* scale */
@keyframes tooltipster-scaling {
50% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
.tooltipster-update-scale {
animation: tooltipster-scaling 600ms;
}
/**
* DEFAULT STYLE OF THE SIDETIP PLUGIN
*
* All styles are "namespaced" with .tooltipster-sidetip to prevent
* conflicts between plugins.
*/
/* .tooltipster-box */
.tooltipster-sidetip .tooltipster-box {
background: #565656;
border: 2px solid black;
border-radius: 4px;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
margin-top: 8px;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-box {
margin-right: 8px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-box {
margin-left: 8px;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-box {
margin-bottom: 8px;
}
/* .tooltipster-content */
.tooltipster-sidetip .tooltipster-content {
color: white;
line-height: 18px;
padding: 6px 14px;
}
/* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that
corresponds to the arrow we want to display */
.tooltipster-sidetip .tooltipster-arrow {
overflow: hidden;
position: absolute;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
height: 10px;
/* half the width, for centering */
margin-left: -10px;
top: 0;
width: 20px;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
height: 20px;
margin-top: -10px;
right: 0;
/* top 0 to keep the arrow from overflowing .tooltipster-base when it has not
been positioned yet */
top: 0;
width: 10px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
height: 20px;
margin-top: -10px;
left: 0;
/* same as .tooltipster-left .tooltipster-arrow */
top: 0;
width: 10px;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
bottom: 0;
height: 10px;
margin-left: -10px;
width: 20px;
}
/* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-background,
.tooltipster-sidetip .tooltipster-arrow-border {
height: 0;
position: absolute;
width: 0;
}
/* .tooltipster-arrow-background */
.tooltipster-sidetip .tooltipster-arrow-background {
border: 10px solid transparent;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
border-bottom-color: #565656;
left: 0px;
top: 3px;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
border-left-color: #565656;
left: -3px;
top: 0px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
border-right-color: #565656;
left: 3px;
top: 0px;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
border-top-color: #565656;
left: 0px;
top: -3px;
}
/* .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-border {
border: 10px solid transparent;
left: 0;
top: 0;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
border-bottom-color: black;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
border-left-color: black;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
border-right-color: black;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
border-top-color: black;
}
/* tooltipster-arrow-uncropped */
.tooltipster-sidetip .tooltipster-arrow-uncropped {
position: relative;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
top: -10px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
left: -10px;
}
/*! ThemeKit 1.0 | http://www.atomiccherry.com | (c) 2017 Atomic Cherry Design */
/** ====================================================
Readmore Component
======================================================= */
.jrm-truncate {
overflow: hidden;
}
.jrm-truncate.jrm-reduced.jrm-textOnly img,
.jrm-truncate.jrm-reduced.jrm-textOnly table {
display: none;
}
.jrm-toggle {
display: inline-block;
margin-top: 1em;
margin-bottom: 1em;
cursor: pointer;
padding: 4px 12px;
border: 1px solid #ddd;
}
.jrm-toggle:hover {
border: 1px solid #aaa;
}
.jrm-toggle::after {
content: "";
}
/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS:
1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited).
2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar.
3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars.
5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars.
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/*
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar {
-ms-touch-action: none;
touch-action: none;
/* MSPointer events - direct all pointer events to js */
}
.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
-ms-touch-action: auto;
touch-action: auto;
}
.mCustomScrollBox {
/* contains plugin's markup */
position: relative;
overflow: hidden;
height: 100%;
max-width: 100%;
outline: none;
direction: ltr;
}
.mCSB_container {
/* contains the original content */
overflow: hidden;
width: auto;
height: auto;
}
/*
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container {
margin-right: 30px;
}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
margin-right: 0;
}
/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
/* RTL direction/left-side scrollbar */
margin-right: 0;
margin-left: 30px;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
margin-left: 0;
}
/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
/* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
position: absolute;
width: 16px;
height: auto;
left: auto;
top: 0;
right: 0;
bottom: 0;
}
.mCSB_outside + .mCSB_scrollTools {
right: -26px;
}
/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
/* RTL direction/left-side scrollbar */
right: auto;
left: 0;
}
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
left: -26px;
}
/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
/* contains the draggable element and dragger rail markup */
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: auto;
}
.mCSB_scrollTools a + .mCSB_draggerContainer {
margin: 20px 0;
}
.mCSB_scrollTools .mCSB_draggerRail {
width: 2px;
height: 100%;
margin: 0 auto;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
}
.mCSB_scrollTools .mCSB_dragger {
/* the draggable element */
cursor: pointer;
width: 100%;
height: 30px;
/* minimum dragger height */
z-index: 1;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
/* the dragger element */
position: relative;
width: 4px;
height: 100%;
margin: 0 auto;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
text-align: center;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
width: 12px;
/* auto-expanded scrollbar */
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
width: 8px;
/* auto-expanded scrollbar */
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
display: block;
position: absolute;
height: 20px;
width: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer;
}
.mCSB_scrollTools .mCSB_buttonDown {
bottom: 0;
}
/*
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container {
margin-right: 0;
margin-bottom: 30px;
}
.mCSB_horizontal.mCSB_outside > .mCSB_container {
min-height: 100%;
}
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
margin-bottom: 0;
}
/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
width: auto;
height: 16px;
top: auto;
right: 0;
bottom: 0;
left: 0;
}
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
bottom: -26px;
}
/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
margin: 0 20px;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 2px;
margin: 7px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
width: 30px;
/* minimum dragger width */
height: 100%;
left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 4px;
margin: 6px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
height: 12px;
/* auto-expanded scrollbar */
margin: 2px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
height: 8px;
/* auto-expanded scrollbar */
margin: 4px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
display: block;
position: absolute;
width: 20px;
height: 100%;
overflow: hidden;
margin: 0 auto;
cursor: pointer;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
right: 0;
}
/*
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS
yx-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
position: absolute;
height: auto;
width: auto;
overflow: hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin-right: 30px;
margin-bottom: 30px;
}
.mCSB_container_wrapper > .mCSB_container {
padding-right: 30px;
padding-bottom: 30px;
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
bottom: 20px;
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
right: 20px;
}
/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
bottom: 0;
}
/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
right: 0;
}
/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
left: 20px;
}
/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
left: 0;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
/* RTL direction/left-side scrollbar */
margin-right: 0;
margin-left: 30px;
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
padding-right: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
padding-bottom: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
margin-right: 0;
/* non-visible scrollbar */
margin-left: 0;
}
/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
margin-bottom: 0;
}
/*
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
-webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
-webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
-moz-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
-o-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
/*
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
------------------------------------------------------------------------------------------------------------------------
*/
/*
----------------------------------------
6.1 THEMES
----------------------------------------
*/
/* default theme ("light") */
.mCSB_scrollTools {
opacity: 0.75;
filter: "alpha(opacity=75)";
-ms-filter: "alpha(opacity=75)";
}
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
opacity: 0;
filter: "alpha(opacity=0)";
-ms-filter: "alpha(opacity=0)";
}
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
opacity: 1;
filter: "alpha(opacity=100)";
-ms-filter: "alpha(opacity=100)";
}
.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.4);
filter: "alpha(opacity=40)";
-ms-filter: "alpha(opacity=40)";
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.75);
filter: "alpha(opacity=75)";
-ms-filter: "alpha(opacity=75)";
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.85);
filter: "alpha(opacity=85)";
-ms-filter: "alpha(opacity=85)";
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.9);
filter: "alpha(opacity=90)";
-ms-filter: "alpha(opacity=90)";
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
background-image: url(mCSB_buttons.png);
/* css sprites */
background-repeat: no-repeat;
opacity: 0.4;
filter: "alpha(opacity=40)";
-ms-filter: "alpha(opacity=40)";
}
.mCSB_scrollTools .mCSB_buttonUp {
background-position: 0 0;
/*
sprites locations
light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
*/
}
.mCSB_scrollTools .mCSB_buttonDown {
background-position: 0 -20px;
/*
sprites locations
light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
*/
}
.mCSB_scrollTools .mCSB_buttonLeft {
background-position: 0 -40px;
/*
sprites locations
light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
*/
}
.mCSB_scrollTools .mCSB_buttonRight {
background-position: 0 -56px;
/*
sprites locations
light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
*/
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
opacity: 0.75;
filter: "alpha(opacity=75)";
-ms-filter: "alpha(opacity=75)";
}
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
opacity: 0.9;
filter: "alpha(opacity=90)";
-ms-filter: "alpha(opacity=90)";
}
/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.15);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -80px 0;
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -80px -20px;
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -80px -40px;
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -80px -56px;
}
/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
width: 4px;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.1);
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 4px;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.75);
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
}
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 4px;
margin: 6px auto;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.85);
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.9);
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
background-position: -32px 0;
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
background-position: -32px -20px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -40px -40px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
background-position: -40px -56px;
}
/* theme: "dark-2" */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.1);
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75);
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
background-position: -112px 0;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
background-position: -112px -20px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -120px -40px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
background-position: -120px -56px;
}
/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
width: 4px;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.1);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 6px;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.75);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 4px;
margin: 6px 0;
}
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 6px;
margin: 5px auto;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.85);
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.9);
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
background-position: -16px 0;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
background-position: -16px -20px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -20px -40px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
background-position: -20px -56px;
}
/* theme: "dark-thick" */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.1);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
background-position: -96px 0;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
background-position: -96px -20px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -100px -40px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
background-position: -100px -56px;
}
/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.1);
}
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 2px;
}
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
}
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 2px;
margin: 7px auto;
}
/* theme "dark-thin" */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.15);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
background-position: -80px 0;
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
background-position: -80px -20px;
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -80px -40px;
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
background-position: -80px -56px;
}
/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.15);
}
.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
height: 14px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 14px;
margin: 0 1px;
}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
width: 14px;
}
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
height: 14px;
margin: 1px 0;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
width: 16px;
/* auto-expanded scrollbar */
height: 16px;
margin: -1px 0;
}
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
width: 4px;
/* auto-expanded scrollbar */
}
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
height: 16px;
/* auto-expanded scrollbar */
width: 16px;
margin: 0 -1px;
}
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
height: 4px;
/* auto-expanded scrollbar */
margin: 6px 0;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
background-position: 0 -72px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
background-position: 0 -92px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
background-position: 0 -112px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
background-position: 0 -128px;
}
/* theme "rounded-dark", "rounded-dots-dark" */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.15);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.85);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.9);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -80px -72px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -80px -92px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -80px -112px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -80px -128px;
}
/* theme "rounded-dots", "rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
width: 4px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
background-color: transparent;
background-position: center;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
background-repeat: repeat-y;
opacity: 0.3;
filter: "alpha(opacity=30)";
-ms-filter: "alpha(opacity=30)";
}
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
height: 4px;
margin: 6px 0;
background-repeat: repeat-x;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
background-position: -16px -72px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
background-position: -16px -92px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -20px -112px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
background-position: -20px -128px;
}
/* theme "rounded-dots-dark" */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -96px -72px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -96px -92px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -100px -112px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -100px -128px;
}
/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-repeat: repeat-y;
background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}
/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
height: 70px;
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
width: 70px;
}
.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
opacity: 1;
filter: "alpha(opacity=30)";
-ms-filter: "alpha(opacity=30)";
}
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
}
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
width: 8px;
background-color: #000;
background-color: rgba(0, 0, 0, 0.2);
box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #555;
}
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 8px;
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 8px;
margin: 4px 0;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
width: 100%;
height: 8px;
margin: 4px auto;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
background-position: -32px -72px;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
background-position: -32px -92px;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -40px -112px;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
background-position: -40px -128px;
}
/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.1);
box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -112px -72px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -112px -92px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -120px -112px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -120px -128px;
}
/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
opacity: 1;
filter: "alpha(opacity=30)";
-ms-filter: "alpha(opacity=30)";
}
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
right: 1px;
}
.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}
.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
bottom: 1px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
width: 12px;
margin: 2px;
position: absolute;
height: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #555;
}
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
height: 12px;
width: auto;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
background-color: #000;
background-color: rgba(0, 0, 0, 0.05);
box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
background-color: transparent;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
background-position: -32px -72px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
background-position: -32px -92px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -40px -112px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
background-position: -40px -128px;
}
/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools {
box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #777;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
background-color: #fff;
background-color: rgba(0, 0, 0, 0.05);
box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: transparent;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -112px -72px;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -112px -92px;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -120px -112px;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -120px -128px;
}
/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
right: 0;
margin: 12px 0;
}
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
bottom: 0;
margin: 0 12px;
}
/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
left: 0;
right: auto;
}
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: transparent;
}
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
height: 50px;
}
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
width: 50px;
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.2);
filter: "alpha(opacity=20)";
-ms-filter: "alpha(opacity=20)";
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.5);
filter: "alpha(opacity=50)";
-ms-filter: "alpha(opacity=50)";
}
/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.2);
filter: "alpha(opacity=20)";
-ms-filter: "alpha(opacity=20)";
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.5);
filter: "alpha(opacity=50)";
-ms-filter: "alpha(opacity=50)";
}
/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
width: 6px;
background-color: #000;
background-color: rgba(0, 0, 0, 0.2);
}
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 6px;
}
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 6px;
margin: 5px 0;
}
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
width: 12px;
}
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
height: 12px;
margin: 2px 0;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
background-position: -32px -72px;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
background-position: -32px -92px;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -40px -112px;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
background-position: -40px -128px;
}
/* theme "dark-3" */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.1);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
background-position: -112px -72px;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
background-position: -112px -92px;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -120px -112px;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
background-position: -120px -128px;
}
/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
width: 12px;
background-color: #000;
background-color: rgba(0, 0, 0, 0.2);
}
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 6px;
margin: 3px 5px;
position: absolute;
height: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
height: 6px;
margin: 5px 3px;
position: absolute;
width: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
width: 100%;
height: 12px;
margin: 2px 0;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
background-position: -32px -72px;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
background-position: -32px -92px;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -40px -112px;
}
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
background-position: -40px -128px;
}
/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.85);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.9);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.1);
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
background-position: -112px -72px;
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
background-position: -112px -92px;
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
background-position: -120px -112px;
}
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
background-position: -120px -128px;
}
/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: transparent;
border-width: 1px;
border-style: solid;
border-color: #fff;
border-color: rgba(255, 255, 255, 0.2);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
border-color: #000;
border-color: rgba(0, 0, 0, 0.2);
}
/* theme "inset-3", "inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.6);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
background-color: #000;
background-color: rgba(0, 0, 0, 0.6);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.75);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.85);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #000;
background-color: rgba(0, 0, 0, 0.9);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.75);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.85);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.9);
}
/* ---------------------------------------- */
/** ============================================================
jQuery UI
=============================================================== */
/* Other UI icon states
.ui-widget-content .ui-icon,
.ui-widget-header .ui-icon,
.ui-state-default .ui-icon,
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-state-active .ui-icon,
.ui-state-highlight .ui-icon,
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon
.simple .ui-state-default { border-bottom: 1px solid @medium; }
.simple .ui-state-active { border-bottom: none; }
*/
/* UI Component Helpers
=============================================================== */
.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-helper-clearfix {
min-height: 0;
/* support: IE7 */
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: alpha(opacity=0);
}
.ui-front {
z-index: 100;
}
.ui-state-disabled {
cursor: default !important;
}
.ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
.ui-widget {
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 1.1em;
}
.ui-widget .ui-widget {
font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 1em;
}
.ui-widget-content {
border: 0;
background: #fff;
color: #6b0b0c;
}
.ui-widget-content a {
color: #6b0b0c;
}
.ui-widget-header {
border: 2px solid #3977b0;
background: #999;
color: #6b0b0c;
font-weight: bold;
}
.ui-widget-header a {
color: #6b0b0c;
}
/* Interaction states
======================================= */
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
border: 1px solid #3977b0;
background: #999;
font-weight: normal;
color: #6b0b0c;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
color: #6b0b0c;
text-decoration: none;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
color: #212121;
text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
border: 1px solid #aaaaaa;
background: #fff;
font-weight: normal;
color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #212121;
text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #6b0b0c;
background: #6b0b0c;
color: #fff;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #6b0b0c;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #cd0a0a;
background: #fef1ec;
color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: 0.7;
filter: alpha(opacity=70);
font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: 0.35;
filter: alpha(opacity=35);
background-image: none;
}
.ui-state-disabled .ui-icon {
filter: alpha(opacity=35);
}
/*! ThemeKit 1.0 | http://www.atomiccherry.com | (c) 2017 Atomic Cherry Design */
/** =================================================
* Javascript Component Helpers
* ================================================== */
/** =========================================
Miscellaneous
============================================= */
.matchheight {
overflow: hidden;
}
.printer-friendly a.print-link {
padding: 4px 8px;
text-decoration: none;
}
.printer-friendly a.print-link i.fa.fa-print,
.printer-friendly a.print-link span {
display: inline-block;
text-decoration: none;
}
.printer-friendly a.print-link:hover {
background: #ddd;
}
.printer-friendly.rightalign {
position: absolute;
right: 0;
}
.video-wrapper {
margin-top: 16px;
}
.video-wrapper + .video-wrapper {
margin-top: 32px;
}
/** =========================================
Mediaelement Player
============================================= */
.bg-video.hide-controls .mejs__controls {
display: none !important;
}
video:hover {
cursor: pointer;
}
.media-container {
margin-top: 16px;
margin-bottom: 16px;
}
.mejs__overlay-button {
width: 120px !important;
height: 70px !important;
padding: 12px !important;
background-image: none !important;
background-color: rgba(0, 0, 0, 0.6) !important;
position: relative;
}
.mejs__overlay-button:hover {
background-color: rgba(0, 0, 0, 0.3) !important;
}
.mejs__overlay-button:before {
font-family: 'icons';
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\ea07";
font-size: 90px;
color: #fff;
position: absolute;
top: -53px;
left: 16px !important;
}
/** ========================================
Scroll to Top
============================================ */
.backtotop {
display: inline-block;
margin: 16px auto 16px 0;
text-decoration: none;
cursor: pointer;
}
.backtotop:before {
font-family: 'icons';
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e617";
padding-top: 4px;
padding-right: 6px;
font-size: 12px;
}
.backtotop:hover {
text-decoration: none;
}
a.gototop {
cursor: pointer;
position: fixed;
bottom: -10px;
right: 26px;
width: 46px;
height: 56px;
text-align: center;
background: #222;
z-index: 10;
display: none;
}
a.gototop:hover,
a.gototop:visited,
a.gototop:active {
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
-webkit-opacity: 0.7;
-moz-opacity: 0.7;
-ms-opacity: 0.7;
-o-opacity: 0.7;
opacity: 0.7;
text-decoration: none;
}
a.gototop span {
display: inline-block;
width: auto;
height: 0;
margin-left: -5000px;
}
a.gototop span.up {
font-family: 'icons';
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: block;
height: 56px;
width: 46px;
text-indent: 0;
margin-top: 0;
margin-left: 0;
text-align: center;
font-size: 26px;
color: #fff;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
a.gototop:hover span.up {
margin-top: -4px;
}
/** =========================================
Animations
============================================= */
.os-animation,
.staggered-animation {
opacity: 0;
}
.os-animation.animated,
.staggered-animation.animated {
opacity: 1;
}
a.fade:hover img {
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
-webkit-opacity: 0.7;
-moz-opacity: 0.7;
-ms-opacity: 0.7;
-o-opacity: 0.7;
opacity: 0.7;
}
/** ==========================================
Scroll to Anchor Offset
============================================== */
/** ==========================================
Stick to Top
============================================== */
.stick {
z-index: 9999 !important;
}
/** ========================================
Older Browser Warning
============================================ */
.chromeframe {
width: 100%;
height: 200px;
padding: 12px;
background: #BE0000;
color: #fff;
text-align: center;
}
.chromeframe h2 {
margin-top: 50px;
color: yellow;
font-size: 32px;
}
.chromeframe p {
font-size: 18px;
}
.chromeframe a {
font-size: 18px;
color: yellow;
padding: 0;
text-decoration: none;
}
.chromeframe a:hover {
color: #fff;
}
/** =========================================
Flipster Coverflow
============================================= */
.coverflow {
margin: 32px auto;
}
.coverflow li img {
max-height: 300px;
}
/** =========================================
Stellar: Parallax Scrolling
============================================= */
.parallax {
position: fixed;
}
/** =========================================
Pace: Preloader minimal style
============================================= */
.preloader {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 99999;
background: rgba(232, 232, 232, 0.95);
}
.pace {
-webkit-pointer-events: none;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.pace .pace-activity {
position: absolute;
width: 100%;
height: 28px;
z-index: 2001;
}
.pace-inactive {
display: none;
}
.pace .pace-progress {
background: #3977b0;
position: fixed;
z-index: 999999;
top: 50%;
right: 100%;
width: 100%;
height: 2px;
}
/** =========================================
Tooltipster theme
============================================= */
.tooltipster-theme .tooltipster-content {
font-size: 13px;
line-height: 1.2;
margin-bottom: 16px;
margin: 0;
background: none;
}
.tooltipster-theme .tooltipster-content a {
font-size: 13px;
line-height: 1.2;
text-decoration: none;
}
.tooltipster-theme .tooltipster-box {
border: none;
background: #38191a;
background: rgba(10, 10, 10, 0.9);
}
.tooltipster-theme .tooltipster-arrow {
height: 8px;
margin-left: -8px;
width: 16px;
}
.tooltipster-theme .tooltipster-arrow-background {
display: none;
}
.tooltipster-theme .tooltipster-arrow-border {
border: 8px solid transparent;
}
.tooltipster-theme.tooltipster-bottom .tooltipster-box {
margin-top: 8px;
}
.tooltipster-theme.tooltipster-left .tooltipster-box {
margin-right: 8px;
}
.tooltipster-theme.tooltipster-right .tooltipster-box {
margin-left: 8px;
}
.tooltipster-theme.tooltipster-top .tooltipster-box {
margin-bottom: 8px;
}
.tooltipster-theme.tooltipster-left .tooltipster-arrow,
.tooltipster-theme.tooltipster-right .tooltipster-arrow {
height: 16px;
margin-left: 0;
margin-top: -8px;
width: 8px;
}
.tooltipster-theme.tooltipster-bottom .tooltipster-arrow-border {
border-bottom-color: #38191a;
border-bottom-color: rgba(10, 10, 10, 0.9);
}
.tooltipster-theme.tooltipster-left .tooltipster-arrow-border {
border-left-color: #38191a;
border-left-color: rgba(10, 10, 10, 0.9);
}
.tooltipster-theme.tooltipster-right .tooltipster-arrow-border {
border-right-color: #38191a;
border-right-color: rgba(10, 10, 10, 0.9);
}
.tooltipster-theme.tooltipster-top .tooltipster-arrow-border {
border-top-color: #38191a;
border-top-color: rgba(10, 10, 10, 0.9);
}
.tooltipster-theme.tooltipster-bottom .tooltipster-arrow-uncropped {
top: -8px;
}
.tooltipster-theme.tooltipster-right .tooltipster-arrow-uncropped {
left: -8px;
}
/** =========================================
Mailchimp: Signup form
============================================= */
p + #mc_embed_signup {
padding-top: 16px;
}
#mc_embed_signup {
margin-bottom: 36px;
}
#mc_embed_signup li {
list-style-type: none;
background: none;
padding-left: 0;
margin-left: 0;
}
#mc_embed_signup ul {
margin: 0;
padding: 0;
}
#mc_embed_signup #mc-embedded-subscribe-form .clear {
margin: 0;
padding: 0;
}
#mc_embed_signup #mc-embedded-subscribe-form #mc-embedded-subscribe.button {
margin-top: 0 !important;
}
#mc_embed_signup #mc-embedded-subscribe-form #mce-responses {
margin-top: 0;
padding-top: 0;
}
/** =========================================
Magnific Lightbox
============================================= */
html {
margin-right: 0 !important;
overflow: visible !important;
}
#popup {
position: relative;
width: 100%;
max-width: 780px;
height: auto;
max-height: 438px;
box-sizing: border-box;
margin: 40px auto;
}
#popup video {
width: 100%;
height: auto;
position: relative;
}
#popup .mejs__container {
width: auto;
max-width: 100%;
max-height: 438px;
}
.modal {
-moz-box-shadow: 2px 2px 12px #000000;
-webkit-box-shadow: 2px 2px 12px #000000;
box-shadow: 2px 2px 12px #000000;
}
.modal.form {
position: relative;
width: 100%;
max-width: 500px;
padding: 20px;
margin: 32px auto 0 auto;
background: #fff;
-moz-animation-duration: 0.5s;
-webkit-animation-duration: 0.5s;
-o-animation-duration: 0.5s;
}
/** =========================================
Magnific Video Lightbox
============================================= */
[id*='popup-vid-'] {
position: relative;
width: 100%;
max-width: 780px;
height: auto;
max-height: 438px;
margin: 40px auto;
}
[id*='popup-vid-'] [id*='player-'] {
width: 100%;
height: auto;
position: relative;
}
[id*='popup-vid-'] .mejs__container {
max-width: 100%;
max-height: 438px;
}
/** =========================================
Bootstrap Modal override
============================================= */
.modal-body {
z-index: 99999999 !important;
}
.modal-header .close.btn {
background: none;
color: #222;
font-size: 36px;
border: none;
}
.modal.dark {
width: auto;
max-width: 100%;
height: auto;
max-height: 100%;
overflow-y: auto;
}
.modal.dark .modal-header {
border-bottom: 0;
}
.modal.dark .modal-content {
background: none;
border: none;
box-shadow: none;
border-radius: 0;
width: 100%;
}
.modal.dark .modal-dialog {
width: 100%;
}
.modal.dark .modal-body {
width: 100%;
max-width: 100%;
max-height: 100%;
}
.modal.dark video {
width: 100%;
height: auto;
}
.modal.dark .close {
color: #fff;
}
/** =========================================
Play Video Thumb Overlay
============================================= */
.play {
display: block;
width: 100%;
height: auto;
overflow: hidden;
position: relative;
}
.play:hover img {
opacity: 1;
}
.play:hover span:before {
background: #000000;
}
.play span {
display: block;
position: absolute;
width: 60px;
height: 60px;
top: 50%;
left: 50%;
margin-top: -30px;
margin-left: -30px;
}
.play span:before {
font-family: 'icons';
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
text-decoration: none;
content: "\e604";
color: #ffffff;
font-size: 40px;
text-align: center;
text-indent: -2px;
top: 50%;
left: 50%;
margin-top: -30px;
margin-left: -30px;
width: 60px;
height: 60px;
line-height: 60px;
border-radius: 50%;
background: rgba(0, 0, 0, 0.8);
z-index: 1;
}
/** =========================================
Google Map
============================================= */
.map-container {
position: relative;
width: 100%;
padding-top: 40%;
overflow: hidden;
margin-bottom: 16px;
}
#map,
[id*="map-"] {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: #eee url('data:image/gif;base64,R0lGODlhIAAgAPcAAP///7Ozs/v7+9bW1uHh4fLy8rq6uoGBgTQ0NAEBARsbG8TExJeXl/39/VRUVAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgAAACwAAAAAIAAgAAAI+gABCBxIkOCCAwsKKlzIcOCBhwUJFGiocICBgg8PEBzAkSLBAg8DEMw4sADHAR5HPkQpkKTAkwRSDjTwkIFDiAAInJRJkMHDiwBcwuQ5cMABnxMfOsi5c6DOATFfMmCQcGCAnwp1ljwJdeCCqVNZGq3akGvHnmCnRvVodu3GtDZTPnW78CsDlnJ5EgBKtC9RsxxNLjBAuHBfwBwLK+Yr8+QCmAMGL/ZLWSZdipcZzvW4OaXZiQpNcuUJuGBpzHifclyruuvLy6oJdmbq+uVqAE1PgiYqWuzZ2Idv4z47vLbcpsWdIvcsPHlR4szxOneamWEBussrZzVOMSAAIfkEBQoAAAAsAAAAABgAEgAACIAAAQgcSLAggAEGEypkAIAhQQMLFEZUOJDBgQMJGWgs6FDggosYDWrsmBCkgYQLNhLsaAAkxYYMJhIkAFJmxoYEBFps6FIgAQMGEFZUWbBlToEDgAI9SoCB0JdIlUIsADXhT6lVFSY9mVVhgaddw3odQLYs2KpmzYolUHZBWbEBAQAh+QQFCgAAACwBAAAAHQAOAAAIiQABCBxIcOAABgUTKlwoEGHCAQwHEoBIkIFFggEiEjRggGJDAA4BUAzJkKMBAgMthiSpcYDJlApZMlzAceTFAiBFFsSpkIBJnAgRGvg40MCBA0MHDEA5kGYAj00JLjh69KRSpTwLDI14kOpRg1cJMNXo9QBUkVfPLjR6IGNPpWM1MoibUKxGjQEBACH5BAUKAAAALAcAAAAZABEAAAiBAAEIHAiAgAGCCBMqBLDAwAKEDxcWIIDQgEWCDDIuHDCg4sWBGjdyLDDQ4kGQDCImJMCxo0CTAheEXAigJUUAMAkwALCTpkCbOD/OROjyJ8ebBAf0rLk04QCkCpHuDOCTZs+mVSHGzOrTAEmuYMMmPEC27AGVYM2aFQuArAOzCwICACH5BAUKAAAALA4AAAASABgAAAiCAAEsIACgoMGDCAcsQAhgAEGGAhcsNLjAgAGIEScCIGDxIkSJGjsOwAiy4ICOGDMCKNDx4UeJDQMY0CiQAYOUBgoctMmAJkabAICmDBr05tCdRo8edKm0adOkKW9KdXrAIIORTpsaYHrUwIEDAah+/eoT4gAGYw9AxZnWo9IAZAEEBAAh+QQFCgAAACwOAAAAEgAeAAAImQABDCgAoKDBgwgFDkjIsOCAhwcHLFjQ8OFCgxMvJrRoUCLFihALTvzIkCOAkQ0dhswY0YABAgwJaCTg0qXGhgtqGiDZUOfLlB1tAkU4cKhRowySKhUIlAEAp1Cdplya9KjVgwStfjRw1SCDmw0JBDg4lqGBAzAFVm3I4IDbgwacggVAwO0BnkDPvrVql+vRAXav2s161CXDgAAh+QQFCgAAACwPAAEAEQAfAAAIjAABCBwIgEABgggTDhiQsGGBhQ0jLiQQkSCBhQwrCrwIUePGjgM5ehSIcQDFihwxaiyZUSPHkyMJwBxJE6GBmzgXaMTJ00DFngZ01hxKcwADBkI9Hj1ac+nShjpbCjyaVKBPpgN1MhB4oCuAgyQjdj1AEGvCsQO3VkRLk+1UtWcPOFDY0K3HBQeqagwIACH5BAUKAAAALAgADgAYABIAAAh9AAEIHEiwIIABCBMOKGCw4UCFCh06TLggIQGJGDNiHKAxowEDHDsa/EjyosiBBRaQNLBA5AAGJgmsDHnwgIGGDAwO+GgSAIMDB3ISJMCgKMYFQA+YFApgAVOHSW86LNpyZFKCT30aNZi0KsasAq9iPVDQa1mpA3OCPUmzY0AAIfkEBQoAAAAsAgASAB0ADgAACIkAAQgcSLCgQQAEDhIkwEChQQIDBiQ8aODAAQMOCUbcWECjxY8ZNW6MKJDBxwMMBmQkgHHgSJYnWyZcYHCAAQM0B0JUWfFAAII/AWBkQBRAgZsGJj4sqBJAQ6dQAdi8GXLgU4JFBS642bRqVKhXWVINWbQr0asAtrasihatS6UOu2IN6pXt2owBAQAh+QQFCgAAACwAAA8AGQARAAAIgAAXHBhI8ACAgwgTKjxYsODChwkFEnQwEKLFixgxFjCQseOCjg8ZgIQYIGEAAhgHQGTAQOXBlgsJDJiZ0CVHhCxFAjDAE4DMmQUSBlXIEiHPmz9dWmT5cWfPgzMHoHy4oKjRp1BpLk14tKbWhVav3kQ4FWJThAsMnB2p0EDZhAEBACH5BAUKAAAALAEACAARABgAAAh3AAccOGAAgMGDCA8aGDhwQcKHABgOZDAAIsIFEg9YTBhgYMGNHEGKHEmypMmTKDcuYMCgJEuWIF++BLmyJcICHx+ydHhwgQEDFQcINUggIYGfBgoAEFoRItKmTCEOQHow6kOkRQ1aTfizqdahDwl4/ToWpFgAAQEAIfkEBQoAAAAsAAACAA4AHQAACIoAAQgcCGCBAYIIBx44wCAhwoUHBjgcGADiRIULD15cYJFgQ4IQP3qUCIDAgQAEUYokMHHAR5ETFwiUeRFAAY01WzLYyROmwJ49E7rcCYBnzqMISV4cYMCAUoQEmkp1aFDqggJCrQ4kMACrwKhOCQ4Yy1Kg14EFxg4o61At24Rcx9ZUm1NuzgJvAwIAOw==') 50% 50% no-repeat;
}
#map img,
[id*="map-"] img {
max-width: none;
}
.map-container + p,
.map-container + h2,
.map-container + h3,
.map-container + h4,
.map-container + h5 {
margin-top: 64px;
}
/** =========================================
AddThis Sharing Links
============================================= */
.share {
margin-top: 16px;
height: 68px;
width: 100%;
overflow: hidden;
clear: both;
}
.share a {
width: 32px;
height: 32px;
}
.share a span {
font-family: 'icons';
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-size: 18px;
text-align: center;
color: #fff;
padding: 4px;
width: 28px;
height: 28px;
line-height: 22px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
.share a.addthis_button_facebook span {
background: #3b5998;
}
.share a.addthis_button_twitter span {
background: #2daae1;
}
.share a.addthis_button_pinterest_share span {
background: #B60000;
}
.share a.addthis_button_google_plusone_share span {
background: #f63e28;
}
.share a.addthis_button_email span {
background: #95CC30;
}
.share a.addthis_button_print span {
background: #6b0b0c;
}
.share a.addthis_button_compact span {
background: #f2861d;
}
.share .share-count {
display: block;
float: left;
}
.share .share-count a {
margin-top: 6px;
margin-left: 6px;
width: auto;
}
.share .share-count a.addthis_button_tweet {
width: 90px;
}
.share .share-count a.addthis_button_facebook_like {
margin-top: 2px;
}
/** =========================================
Books WP Plugin
============================================= */
#sbm .row.gallery {
margin-bottom: 0;
}
#sbm .section-title {
margin-top: 64px;
margin-bottom: 16px;
}
#sbm #tabs {
margin-top: 32px;
}
#sbm .meta.books {
margin: 0 0 32px 0;
width: 100%;
float: left;
}
#sbm .meta.books h5,
#sbm .meta.books h5 a {
font-size: 15px;
line-height: 32px;
margin-bottom: 0;
text-transform: none;
padding: 0;
}
#sbm .meta.books h5 a {
border-bottom: 1px dotted #6b0b0c;
text-decoration: none;
}
#sbm .meta.books h5 a:hover {
border-color: #3977b0;
}
#sbm .meta.books p,
#sbm .meta.books p em,
#sbm .meta.books p a {
margin: 0;
padding: 0;
}
#sbm a.button {
margin-top: 16px;
}
/** ===============================================
Loader
=================================================== */
/*! ThemeKit 1.0 | http://www.atomiccherry.com | (c) 2017 Atomic Cherry Design */
/** ====================================================
Isotope / Masonry
======================================================= */
@media only screen and (min-width: 1432px) {
.masonry div.entry,
.masonry > div {
width: 436px;
}
}
@media only screen and (max-width: 1432px) {
.masonry div.entry,
.masonry > div {
width: 350px;
}
}
@media only screen and (max-width: 1180px) {
.masonry div.entry,
.masonry > div {
width: 280px;
}
}
@media only screen and (max-width: 960px) {
.masonry div.entry,
.masonry > div {
width: 360px;
}
}
@media only screen and (max-width: 768px) {
.masonry div.entry,
.masonry > div {
width: 300px;
}
}
@media only screen and (max-width: 568px) {
.masonry div.entry,
.masonry > div {
width: 320px;
}
}
.masonry {
padding: 0;
margin: 0 auto;
width: auto;
float: none;
}
.masonry div.entry,
.masonry > div {
margin: 4px;
overflow: hidden;
}
.masonry div.entry a,
.masonry > div a {
display: block;
}
.masonry div.entry img,
.masonry > div img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
}
.masonry div.entry img.wp-post-image,
.masonry > div img.wp-post-image {
margin: 0;
}
.masonry.post-grid .entry,
.masonry.post-grid > div {
width: 358px;
margin: 16px / 2;
}
.masonry.post-grid .entry h1,
.masonry.post-grid > div h1,
.masonry.post-grid .entry h2,
.masonry.post-grid > div h2,
.masonry.post-grid .entry h3,
.masonry.post-grid > div h3,
.masonry.post-grid .entry h4,
.masonry.post-grid > div h4,
.masonry.post-grid .entry h5,
.masonry.post-grid > div h5,
.masonry.post-grid .entry h6,
.masonry.post-grid > div h6,
.masonry.post-grid .entry p,
.masonry.post-grid > div p,
.masonry.post-grid .entry ul,
.masonry.post-grid > div ul,
.masonry.post-grid .entry ol,
.masonry.post-grid > div ol,
.masonry.post-grid .entry form,
.masonry.post-grid > div form,
.masonry.post-grid .entry span.readmore,
.masonry.post-grid > div span.readmore {
padding-left: 16px;
padding-right: 16px;
}
.masonry.post-grid .entry ul,
.masonry.post-grid > div ul,
.masonry.post-grid .entry ol,
.masonry.post-grid > div ol {
padding-left: 22px;
}
.masonry.post-grid .entry > a,
.masonry.post-grid > div > a {
margin-bottom: 16px;
}
.masonry.post-grid .entry a.button,
.masonry.post-grid > div a.button {
margin-bottom: 0;
display: inline-block;
}
.masonry.post-grid .entry .date,
.masonry.post-grid > div .date {
font-weight: 300;
letter-spacing: 1px;
font-family: 'Raleway', 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
text-transform: none;
padding: 8px 0;
text-align: center;
background: #6b0b0c;
color: #999;
}
.masonry.post-grid .entry .thumb,
.masonry.post-grid > div .thumb {
max-height: 150px;
overflow: hidden;
margin-bottom: 16px;
}
.masonry.post-grid .entry .excerpt,
.masonry.post-grid > div .excerpt {
margin-bottom: 32px;
}
.masonry.post-grid .entry span.readmore a,
.masonry.post-grid > div span.readmore a {
color: #fff;
margin: 0;
}
.masonry.products .entry,
.masonry.products > div {
border: 1px solid #aaa;
box-shadow: none;
}
.masonry.products .entry > a:first-of-type,
.masonry.products > div > a:first-of-type {
padding: 16px 0;
height: 150px;
}
.masonry.products .entry .readmore,
.masonry.products > div .readmore {
margin-left: -16px;
margin-right: -16px;
}
.masonry.products .entry .button,
.masonry.products > div .button {
margin-top: 16px;
margin-right: 0;
background: #6b0b0c;
color: #fff;
}
.masonry.products .entry .button:hover,
.masonry.products > div .button:hover {
background: #999;
color: #38191a;
}
.masonry.products .entry p.inline-block,
.masonry.products > div p.inline-block {
padding: 0;
}
.masonry.products .entry p.inline-block:first-of-type,
.masonry.products > div p.inline-block:first-of-type {
margin-right: 6px;
}
.masonry.products .entry img,
.masonry.products > div img {
display: block;
width: auto;
max-width: auto;
max-height: 160px;
vertical-align: middle;
margin: 0 auto !important;
text-align: center;
padding-bottom: 16px;
padding-top: 16px;
}
.masonry.products .entry .wp_cart_button_wrapper,
.masonry.products > div .wp_cart_button_wrapper {
float: left;
display: inline-block;
width: auto;
padding-left: 16px;
}
.masonry.products .entry form,
.masonry.products > div form {
float: left;
display: inline-block;
padding: 0 !important;
margin: 0 !important;
}
.masonry.products .entry input[type=submit],
.masonry.products > div input[type=submit],
.masonry.products .entry a.button,
.masonry.products > div a.button {
display: inline-block;
padding: 4px 12px;
}
.masonry.clean .entry,
.masonry.clean > div {
border: 1px solid #aaa;
padding: 16px 16px / 2;
background: none;
}
.masonry.clean .entry img,
.masonry.clean > div img {
width: auto;
max-width: auto;
max-height: 140px;
vertical-align: center;
margin: 0 auto;
text-align: center;
padding-bottom: 16px;
}
.masonry.entries.gallery + .masonry.entries.gallery {
margin-top: 32px;
}
.masonry.post-grid .entry {
padding-bottom: 32px;
}
.masonry.post-grid .entry-summary {
padding-bottom: 32px;
}
.masonry.post-grid .entry-meta.gridview {
margin: 0;
background: #6b0b0c;
position: absolute;
bottom: 0;
left: 0;
}
.masonry.post-grid .entry-meta.gridview li {
display: inline-block;
padding: 0;
margin-bottom: 0;
list-style: none;
}
.masonry.post-grid .entry-meta.gridview li a {
color: #bbb;
padding: 0 0 0 4px;
display: inline-block;
}
.masonry.post-grid .entry-meta.gridview li::before {
display: inline-block;
padding-right: 0;
}
.masonry.post-grid .entry-meta.gridview li:first-child::before {
content: '\e64e';
color: #bbb;
}
@media only screen and (max-width: 1180px) {
.masonry.post-grid .entry,
.masonry.post-grid > div {
width: 284px;
}
}
@media only screen and (max-width: 960px) {
.masonry.post-grid .entry,
.masonry.post-grid > div {
width: 270px;
}
}
@media only screen and (max-width: 768px) {
.masonry.post-grid .entry,
.masonry.post-grid > div {
width: 320px;
}
.masonry.post-grid .entry input[type=submit],
.masonry.post-grid > div input[type=submit],
.masonry.post-grid .entry a.button,
.masonry.post-grid > div a.button {
display: inline-block;
padding: 4px 12px;
}
}
@media only screen and (max-width: 568px) {
.masonry.post-grid .entry,
.masonry.post-grid > div {
max-width: 100%;
margin-left: 0 !important;
margin-right: 0 !important;
}
}
.effect.loading {
background: url(../images/rolling.svg);
background-position: 50% 50%;
background-color: #EDEDED;
background-repeat: no-repeat;
background-size: 30px 30px;
}
#options {
width: auto;
text-align: center;
margin: 15px auto;
z-index: 9997;
}
#filters {
display: inline-block;
margin: 0 auto;
position: relative;
background: none;
width: 100%;
margin-left: -16px;
margin-bottom: 16px;
}
#filters li {
display: inline-block;
width: auto;
padding: 0;
margin: 0 0 4px 0;
/* necessary when stacked on smart phones */
text-align: center;
height: 46px;
position: relative;
}
#filters li.no-arrow::after {
display: none;
}
#filters li.no-style {
background: none;
}
#filters li.no-style::after {
display: none;
}
#filters li a {
display: block;
padding: 0 8px;
text-decoration: none;
line-height: 46px;
}
#filters li a:hover li {
opacity: 1;
}
#filters li li {
display: block;
padding: 0;
margin: 0;
height: 46px;
text-align: left;
}
#filters li li a {
line-height: 46px;
}
#filters li ul {
top: 46px;
}
#filters .dropdown-menu {
margin: 0;
}
#filters .filter {
width: 80px;
text-align: left;
}
.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.6s;
-moz-transition-duration: 0.6s;
-ms-transition-duration: 0.6s;
-o-transition-duration: 0.6s;
transition-duration: 0.6s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity;
}
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
/*! ThemeKit 1.0 | http://www.atomiccherry.com | (c) 2017 Atomic Cherry Design */
/** =========================================
Slick Slider
============================================= */
.tk-slider .slide .slide-caption,
.tk-slider .panel .slide-caption {
position: absolute;
height: auto;
width: auto;
max-width: 96%;
padding: 40px;
}
.tk-slider .slide .slide-inner,
.tk-slider .panel .slide-inner {
padding: 40px;
}
.tk-slider .slide .video-wrapper,
.tk-slider .panel .video-wrapper {
position: relative;
padding-bottom: 56.25%;
height: 0;
margin-bottom: 0;
}
.tk-slider .slide .shadow,
.tk-slider .panel .shadow {
-webkit-text-shadow: 0 0 8px rgba(0, 0, 0, 0.7);
-moz-text-shadow: 0 0 8px rgba(0, 0, 0, 0.7);
-ms-text-shadow: 0 0 8px rgba(0, 0, 0, 0.7);
text-shadow: 0 0 8px rgba(0, 0, 0, 0.7);
}
.tk-slider .slide .center-center,
.tk-slider .panel .center-center {
left: 50%;
top: 50%;
-webkit-transform: perspective(1px) translate(-50%, -50%);
transform: perspective(1px) translate(-50%, -50%);
}
.tk-slider .slide .left-center,
.tk-slider .panel .left-center {
left: 5%;
top: 50%;
-webkit-transform: perspective(1px) translateY(-50%);
transform: perspective(1px) translateY(-50%);
}
.tk-slider .slide .right-center,
.tk-slider .panel .right-center {
right: 5%;
top: 50%;
-webkit-transform: perspective(1px) translateY(-50%);
transform: perspective(1px) translateY(-50%);
}
.tk-slider .slide .left-top,
.tk-slider .panel .left-top {
top: 5%;
left: 5%;
}
.tk-slider .slide .right-top,
.tk-slider .panel .right-top {
top: 5%;
right: 5%;
}
.tk-slider .slide .left-bottom,
.tk-slider .panel .left-bottom {
bottom: 5%;
left: 5%;
}
.tk-slider .slide .right-bottom,
.tk-slider .panel .right-bottom {
bottom: 5%;
right: 5%;
}
.tk-slider .slide .brand,
.tk-slider .panel .brand {
max-height: 360px;
margin: auto;
}
.tk-slider .slide h1,
.tk-slider .panel h1,
.tk-slider .slide h2,
.tk-slider .panel h2,
.tk-slider .slide h3,
.tk-slider .panel h3,
.tk-slider .slide h4,
.tk-slider .panel h4,
.tk-slider .slide h5,
.tk-slider .panel h5,
.tk-slider .slide h6,
.tk-slider .panel h6 {
font-size: 300%;
line-height: 1.4;
color: #fff;
text-indent: 0;
margin: 0;
padding: 0;
}
.tk-slider .slide p,
.tk-slider .panel p {
font-size: 140%;
line-height: 1.4;
color: #fff;
text-indent: 0;
margin: 0;
padding: 0;
}
.tk-slider .slide h2 + p,
.tk-slider .panel h2 + p {
margin-top: 16px;
}
.tk-slider .slide a.button,
.tk-slider .panel a.button {
margin-top: 16px;
}
.tk-slider .panel-horizontal {
text-align: center;
}
.tk-slider .panel-horizontal div.ratio-4-3 {
margin: 0 auto;
width: 45%;
padding-bottom: 29.25%;
margin-bottom: 16px;
}
@media screen and (max-width: 960px) {
.tk-slider .slide-caption,
.tk-slider .slide-inner {
padding: 20px;
max-width: 85% !important;
}
.tk-slider .slide-caption h2,
.tk-slider .slide-inner h2,
.tk-slider .slide-caption h3,
.tk-slider .slide-inner h3,
.tk-slider .slide-caption h4,
.tk-slider .slide-inner h4,
.tk-slider .slide-caption h5,
.tk-slider .slide-inner h5 {
font-size: 180% !important;
}
.tk-slider .slide-caption p,
.tk-slider .slide-inner p,
.tk-slider .slide-caption a,
.tk-slider .slide-inner a,
.tk-slider .slide-caption li,
.tk-slider .slide-inner li {
font-size: 100% !important;
}
}
@media screen and (max-width: 768px) {
.tk-slider .panel {
padding: 16px 16px;
}
}
@media only screen and (min-width: 568px) {
.swipe {
display: none;
}
}
@media only screen and (max-width: 568px) {
.swipe {
display: none;
width: 70%;
height: auto;
text-align: center;
padding: 12px;
background-color: #3977b0;
color: #fff;
opacity: 0.87;
border-radius: 30px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -35%;
margin-top: -45px;
}
}
@media screen and (max-width: 768px) {
.tk-slider .brand {
display: block;
max-width: 75%;
max-height: 300px;
}
}
/*! ThemeKit 1.0 | http://www.atomiccherry.com | (c) 2017 Atomic Cherry Design */
/** ====================================================
Dropdown Menus
Dependency: Superfish
======================================================= */
.dropdown-menu {
position: relative;
display: inline-block;
width: auto;
margin: 32px 0;
padding: 0;
}
.dropdown-menu > li {
background: #999;
margin: 0;
padding: 0;
list-style-type: none;
}
.dropdown-menu > li:hover ul,
.dropdown-menu > li.sfHover ul {
left: 0;
top: 46px;
}
.dropdown-menu > li > a {
font-weight: 300;
letter-spacing: 1px;
font-family: 'Raleway', 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
text-transform: none;
text-transform: uppercase;
text-decoration: none;
color: #6b0b0c;
display: block;
padding: 6px 32px 6px 6px;
}
.dropdown-menu > li > a:hover {
color: #fff;
background: #6b0b0c;
}
.dropdown-menu > li > a:after {
position: absolute;
top: 14px;
right: 4px;
font-family: 'icons';
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 14px;
opacity: 0.6;
width: 12px;
height: 12px;
line-height: 12px;
content: '\e623';
color: #222;
}
.dropdown-menu > li > a:hover:after {
color: #fff;
}
.dropdown-menu > li ul {
background: #999;
width: 200px;
position: absolute;
top: -5000px;
display: none;
padding: 0;
margin: 0;
}
.dropdown-menu > li ul li {
text-align: left;
float: none;
display: block;
overflow: hidden;
width: 100%;
line-height: 46px;
height: 46px;
margin: 0;
padding: 0;
background: none;
border-top: 1px solid #fff;
border-bottom: 1px solid #3977b0;
}
.dropdown-menu > li ul li:after {
content: none;
}
.dropdown-menu > li ul li a {
font-family: 'Raleway', 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
text-transform: normal;
display: block;
width: 100%;
color: #6b0b0c;
padding: 6px 0;
text-indent: 15px;
font-size: 15px;
background: #999;
text-decoration: none;
}
.dropdown-menu > li ul li a:hover {
color: #bbb;
background: #6b0b0c;
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
-webkit-opacity: 0.7;
-moz-opacity: 0.7;
-ms-opacity: 0.7;
-o-opacity: 0.7;
opacity: 0.7;
}
.dropdown-menu > li ul li a:after {
content: none;
}
.dropdown-menu li li:hover,
.dropdown-menu a:focus li,
.dropdown-menu a:hover li,
.dropdown-menu a:active li,
.dropdown-menu li li a:hover {
width: 100%;
}
.dropdown-menu li li:hover ul,
.dropdown-menu li li.sfHover ul {
left: 200px;
top: 0;
}
.dropdown-menu li:hover li ul,
.dropdown-menu li.sfHover li ul {
top: -5000px;
}
.dropdown-menu li:hover,
.dropdown-menu li.sfHover,
.dropdown-menu a:focus,
.dropdown-menu a:hover,
.dropdown-menu a:active {
outline: 0;
}
.dropdown-menu li li:last-child,
.dropdown-menu li li li:last-child {
border-bottom: 0 none;
}
.dropdown-menu li li:first-child,
.dropdown-menu li li li:first-child {
border-top: 0 none;
}
.dropdown-menu a.sf-with-ul {
padding-right: 15px;
min-width: 1px;
}
/*! ThemeKit 1.0 | http://www.atomiccherry.com | (c) 2017 Atomic Cherry Design */
/** ====================================================
Accordion
Dependency: jQuery UI
======================================================= */
/**
* jQuery UI accordion base styles
*
*/
.ui-state-disabled {
cursor: default;
}
.ui-accordion .ui-accordion-header {
cursor: pointer;
position: relative;
display: block;
width: auto;
height: auto;
background: none;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
position: absolute;
left: 0;
top: 0;
}
.ui-accordion .ui-accordion-icons {
padding: 0;
}
.ui-accordion .ui-accordion-noicons {
padding-left: 12px;
}
.ui-accordion .ui-accordion-content {
padding: 0 16px 16px 16px;
border-top: 0;
overflow: auto;
background: none;
}
.ui-accordion .ui-icon {
font-family: 'icons';
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: block;
width: 30px;
height: auto;
padding-top: 18px;
padding-bottom: 8px;
text-indent: 0;
color: #6b0b0c;
text-align: center;
background: none;
}
.ui-accordion .ui-icon::before {
font-size: 14px;
content: '\ea34';
position: relative;
}
.ui-accordion .ui-state-active .ui-icon::before {
content: '\ea30';
position: relative;
top: 0;
}
/**
* Simple Accordion
*
* Base Styles for simple accordion.
*
*/
[id*="accordion"].accordion {
margin: 0 0 8px 0;
width: 100%;
}
[id*="accordion"].accordion h3 {
margin: 0;
width: auto;
line-height: 1.2;
font-size: 15px;
background: none;
border: none;
border-bottom: 1px solid #ddd;
}
[id*="accordion"].accordion h3 a {
display: block;
padding-left: 28px;
padding-top: 16px;
padding-bottom: 16px;
margin: 0;
font-size: 15px;
font-family: 'Raleway', 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
letter-spacing: 0;
background: none;
}
[id*="accordion"].accordion h3 a:hover {
background: #ddd;
cursor: pointer;
}
[id*="accordion"].accordion > div {
border-bottom: 1px solid #ddd;
background: none;
margin-left: 16px;
padding-top: 16px;
}
[id*="accordion"].accordion > div *:last-of-type {
padding-bottom: 0;
}
[id*="accordion"].accordion.outline h3 {
margin-bottom: 4px;
border: 1px solid #aaa;
transition: all 0.3s ease-in-out;
}
[id*="accordion"].accordion.outline h3:hover {
border: 1px solid #ddd;
}
[id*="accordion"].accordion.outline > div {
border: 1px solid #aaa;
margin-left: 0;
margin-top: -5px;
}
[id*="accordion"].accordion.outline > div p:last-of-type {
padding-bottom: 0;
}
[id*="accordion"].accordion.fill {
background: none;
}
[id*="accordion"].accordion.fill h3 {
border: none;
margin-bottom: 4px;
background: #ddd;
transition: all 0.3s ease-in-out;
}
[id*="accordion"].accordion.fill h3:hover {
opacity: 0.6;
}
[id*="accordion"].accordion.fill > div {
border: none;
margin-left: 0;
margin-top: -5px;
}
[id*="accordion"].accordion.fill > div p:last-of-type {
padding-bottom: 0;
}
/** Sidebar Accordion
=========================================== */
.sidebar .accordion {
margin-left: 0;
margin-bottom: 0;
}
.sidebar .accordion h3 {
font-weight: 400;
font-size: 15px;
font-family: 'Raleway', 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
letter-spacing: 0;
text-transform: none;
background: none;
padding-left: 0;
line-height: 1.2;
margin-bottom: 8px;
padding-bottom: 8px;
border: 0;
border-bottom: 1px solid #ddd;
}
.sidebar .accordion h3:hover {
border-bottom: 4px solid #ddd;
padding-bottom: 5px;
}
.sidebar .accordion h3 a {
font-weight: 400;
font-size: 15px;
font-family: 'Raleway', 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
text-transform: none;
letter-spacing: 0;
text-align: left;
}
.sidebar .accordion .ui-icon {
border-bottom: none !important;
}
.sidebar .ui-accordion .ui-icon {
font-family: 'icons';
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 1.4em;
line-height: 1.4;
padding-top: 0;
display: block;
width: 100%;
text-indent: 0;
color: #6b0b0c;
text-align: right;
background: none;
}
.sidebar .ui-accordion .ui-icon::before {
content: '';
}
.sidebar .ui-accordion .ui-icon::after {
content: '\e640';
}
.sidebar .ui-accordion .ui-state-active .ui-icon::before {
content: '';
}
.sidebar .ui-accordion .ui-state-active .ui-icon::after {
content: '\e641';
}
.sidebar .accordion.simple {
margin-bottom: 52px;
}
/** Vertical Navigation
=========================================== */
.menu-vertical {
position: relative;
}
.menu-vertical > ul {
padding-left: 0;
}
.menu-vertical ul ul {
display: none;
padding-left: 16px;
}
.menu-vertical ul li {
list-style-type: none;
}
.menu-vertical ul li a {
display: block;
border-bottom: 1px solid #444;
padding-bottom: 8px;
margin-top: 8px;
margin-bottom: 0;
}
.menu-vertical ul li a:hover {
text-decoration: none;
color: #38191a;
border-bottom: 4px solid #444;
padding-bottom: 5px;
}
.menu-vertical ul ul li:first-of-type a {
margin-top: 9px;
}
.menu-vertical > ul > li.has-sub > a::after {
font-family: 'icons';
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 1.4em;
color: #444;
position: absolute;
right: 0;
content: '\e640';
}
.menu-vertical > ul > li.has-sub.active > a::after {
font-family: 'icons';
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\e641';
}
/** List Menu: Sidebar Accordion
=========================================== */
.sidebar [class*="menu-"] {
position: relative;
}
.sidebar [class*="menu-"] > ul {
padding-left: 0;
}
.sidebar [class*="menu-"] ul ul {
display: none;
padding-left: 16px;
}
.sidebar [class*="menu-"] ul li {
list-style-type: none;
}
.sidebar [class*="menu-"] ul li a {
display: block;
border-bottom: 1px solid #ddd;
padding-bottom: 8px;
margin-bottom: 0;
}
.sidebar [class*="menu-"] ul li a:hover {
text-decoration: none;
color: #38191a;
border-bottom: 4px solid #ddd;
padding-bottom: 5px;
}
.sidebar [class*="menu-"] ul ul li:first-of-type a {
margin-top: 9px;
}
.sidebar [class*="menu-"] > ul > li.has-sub > a::after {
font-family: 'icons';
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 1.4em;
color: #444;
position: absolute;
right: 0;
content: '\e640';
}
.sidebar [class*="menu-"] > ul > li.has-sub.active > a::after {
content: '\e641';
}
[class*="span-"] [class*="menu-"] > ul {
padding-left: 0;
}
[class*="span-"] [class*="menu-"] ul ul {
display: none;
}
[class*="span-"] [class*="menu-"] ul li {
list-style-type: none;
}
[class*="span-"] [class*="menu-"] ul li a {
display: block;
border-bottom: 0;
padding-left: 20px;
padding-bottom: 0;
margin-bottom: 0;
text-decoration: none;
}
[class*="span-"] [class*="menu-"] ul li a:hover {
border-bottom: 0;
margin-bottom: 0;
}
[class*="span-"] [class*="menu-"] > ul > li.has-sub {
position: relative;
}
[class*="span-"] [class*="menu-"] > ul > li.has-sub > a::before {
font-family: 'icons';
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 1.2em;
color: #444;
position: absolute;
right: 0;
content: '\e640';
}
[class*="span-"] [class*="menu-"] > ul > li.has-sub.active > a::before {
content: '\e641';
}
/*! ThemeKit 1.0 | http://www.atomiccherry.com | (c) 2017 Atomic Cherry Design */
/** =========================================
Off-canvas Panels
============================================= */
/** Off-canvas Nav
============================================= */
.wrap::before {
content: "";
position: absolute;
z-index: 0;
top: 0;
left: -100%;
width: 300px;
height: 100%;
background-color: #222;
}
@media screen and (max-width: 960px) {
#main-nav {
visibility: hidden;
display: block !important;
top: 0 !important;
float: left !important;
margin-top: 0 !important;
margin-left: -300px !important;
width: 300px !important;
z-index: 2;
-webkit-transition: margin 0.4s ease;
transition: margin 0.4s ease;
}
#main-nav li:first-of-type a {
border-top: 0 !important;
}
#main-nav li a {
border-color: #3977b0;
}
body.active #main-nav {
visibility: visible;
display: block !important;
width: 300px !important;
margin-left: 0 !important;
}
.wrap {
float: left;
margin-left: 0;
width: 100%;
-webkit-transition: margin 0.4s ease;
transition: margin 0.4s ease;
}
body.active .wrap {
margin-left: 300px !important;
}
body.active .wrap::before {
left: -300px !important;
-webkit-transition: left 0.4s ease;
transition: left 0.4s ease;
}
.wrap::before {
left: -300px !important;
}
#mobile-nav {
-webkit-transition: left 0.4s ease;
transition: left 0.4s ease;
}
body.active #mobile-nav {
left: 300px !important;
}
}
/*! ThemeKit 1.0 | http://www.atomiccherry.com | (c) 2017 Atomic Cherry Design */
/** ====================================================
Tabs
Dependency: jQuery UI
======================================================= */
[id*='tabs'].ui-tabs {
margin-bottom: 32px;
background: none;
width: 100%;
}
[id*='tabs'].ui-tabs ul {
border: none;
margin-bottom: 0;
background: none;
position: relative;
z-index: 1;
}
[id*='tabs'].ui-tabs li {
margin: 0 2px 0 0 !important;
}
[id*='tabs'].ui-tabs > div {
margin: -12px 0 0 0;
position: relative;
z-index: 0;
}
[id*='tabs'].ui-tabs {
position: relative;
}
[id*='tabs'].ui-tabs .ui-tabs-nav {
display: inline-block;
}
[id*='tabs'].ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
margin: 0;
padding: 0;
white-space: nowrap;
border-bottom: 0;
}
[id*='tabs'].ui-tabs .ui-tabs-nav li.ui-tabs-active {
box-sizing: border-box;
top: 0;
}
[id*='tabs'].ui-tabs .ui-tabs-nav li.ui-tabs-active:hover {
opacity: 1;
}
[id*='tabs'].ui-tabs .ui-tabs-nav li a {
float: left;
padding: 8px 12px;
text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
cursor: text;
}
.ui-tabs .ui-tabs-nav li a,
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 21px 20px;
position: relative;
overflow: hidden;
}
.ui-tabs .ui-tabs-panel form {
width: 96%;
}
.ui-tabs .ui-tabs-panel p:last-of-type {
margin-bottom: 0;
}
.ui-tabs .ui-tabs-panel ul:last-of-type {
margin-bottom: 0;
}
/* Vertical Tabs */
.ui-tabs-vertical {
width: 100%;
}
.ui-tabs-vertical .ui-tabs-nav {
float: left;
width: 25%;
}
.ui-tabs-vertical .ui-tabs-nav li {
clear: left;
width: 100%;
margin-bottom: -1px !important;
}
.ui-tabs-vertical .ui-tabs-nav li a {
display: block;
width: 100%;
}
.ui-tabs-vertical .ui-tabs-panel {
position: relative;
float: right;
width: 75%;
top: 3px;
right: 1px;
}
/* Vertical Tabs Mobile Only */
@media only screen and (max-width: 960px) {
.ui-tabs-vertical--mobile {
width: 100%;
}
.ui-tabs-vertical--mobile .ui-tabs-nav {
float: left;
width: 25%;
}
.ui-tabs-vertical--mobile .ui-tabs-nav li {
clear: left;
width: 100%;
margin-bottom: -1px !important;
}
.ui-tabs-vertical--mobile .ui-tabs-nav li a {
display: block;
width: 100%;
}
.ui-tabs-vertical--mobile .ui-tabs-panel {
position: relative;
float: right;
width: 75%;
top: 12px;
right: 1px;
}
}
/*! ThemeKit 2.0 | http://www.atomiccherry.com | (c) 2019 Atomic Cherry Design */
/** ====================================================
Navigation Menus
======================================================= */
/** =========================================
Main Navigation Top Level
============================================= */
.hide-nav .nav-container,
.hide-nav .nav-inner,
.hide-nav .nav {
display: none;
}
.sf-sub-indicator {
position: absolute;
text-indent: -9999px;
}
#main-nav,
#sticky-nav {
height: auto;
list-style: none;
position: relative;
min-height: 46px;
padding-left: 16px;
}
#main-nav.list-left,
#sticky-nav.list-left {
text-align: left;
}
#main-nav.list-right,
#sticky-nav.list-right {
text-align: right;
}
#main-nav.list-center,
#sticky-nav.list-center {
text-align: center;
margin-left: -16px;
}
#main-nav.list-center li:first-of-type a,
#sticky-nav.list-center li:first-of-type a {
padding-left: 12px;
}
#main-nav li,
#sticky-nav li {
display: inline-block;
vertical-align: top;
margin-right: -4px;
list-style: none;
text-align: center;
position: relative;
height: 46px;
}
#main-nav li a,
#sticky-nav li a {
display: block;
float: left;
position: relative;
text-decoration: none;
padding: 0 12px;
height: 46px;
line-height: 46px;
}
#main-nav li a:focus,
#sticky-nav li a:focus,
#main-nav li a:hover,
#sticky-nav li a:hover,
#main-nav li a:active,
#sticky-nav li a:active {
outline: 0;
}
#main-nav li:first-of-type a,
#sticky-nav li:first-of-type a {
padding-left: 0;
}
#main-nav li:last-of-type a,
#sticky-nav li:last-of-type a {
padding-right: 0;
}
#main-nav .sub-menu li a,
#sticky-nav .sub-menu li a {
padding-left: 12px;
}
#main-nav li.menu-parent-item a,
#sticky-nav li.menu-parent-item a {
padding-right: 26px;
}
#main-nav li.menu-parent-item a::after,
#sticky-nav li.menu-parent-item a::after {
font-family: 'icons';
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 17px;
right: 12px;
font-size: 14px;
font-weight: 600;
opacity: 0.6;
width: 12px;
height: 12px;
line-height: 12px;
content: '\ea28';
}
#main-nav .current-menu-item a,
#sticky-nav .current-menu-item a {
cursor: default;
}
#main-nav .current-menu-parent,
#sticky-nav .current-menu-parent,
#main-nav .current-menu-parent > a,
#sticky-nav .current-menu-parent > a,
#main-nav .current-menu-item > a,
#sticky-nav .current-menu-item > a {
cursor: pointer;
}
#mobile-nav,
#mobile-share {
display: none;
}
.nav-container #main-nav > li:last-of-type a {
padding: 0 12px;
}
@media only screen and (min-width: 960px) {
#main-nav span.arrow {
position: relative;
display: block;
width: 0;
height: 0;
left: 20px;
top: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #3977b0;
}
}
@media only screen and (max-width: 960px) {
#main-nav span.arrow {
display: none;
}
}
/** =========================================
Overlay Navigation
============================================= */
@media only screen and (min-width: 960px) {
.wide.edge.overlay .header-container {
position: absolute;
top: 0;
padding: 0;
margin-top: 0;
margin-bottom: 0;
z-index: 1;
}
.wide.edge.overlay .leader-container + .header-container {
top: 54px;
}
.wide.edge.overlay .header-content {
background: none;
}
.wide.edge.overlay .header-inner {
background: none;
}
.wide.edge.overlay .nav-container {
background: none;
}
.wide.edge.overlay .nav-content {
background: none;
}
.wide.edge.overlay .featured-container {
margin-top: 0;
padding-top: 0;
}
.wide.edge.overlay [id*='section-'].hero {
top: -46px;
margin-bottom: -46px;
}
}
/** ============================================
* Desktop/Mobile Dropdown Menu
* ============================================= */
#main-nav ul,
#sticky-nav ul {
position: absolute;
top: 100%;
display: none;
z-index: 999;
}
#main-nav ul li,
#sticky-nav ul li,
#main-nav ul li.current-menu-item,
#sticky-nav ul li.current-menu-item {
float: none;
display: block;
overflow: hidden;
width: 100%;
height: auto;
padding: 0;
margin: 0;
text-align: left;
background: none;
}
#main-nav ul li a,
#sticky-nav ul li a,
#main-nav ul li.current-menu-item a,
#sticky-nav ul li.current-menu-item a {
font-weight: 300;
letter-spacing: 1px;
font-family: 'Raleway', 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
text-transform: none;
display: block;
width: 100%;
line-height: 1.6;
min-height: auto;
height: auto;
padding: 12px;
}
#main-nav ul li a::after,
#sticky-nav ul li a::after,
#main-nav ul li.current-menu-item a::after,
#sticky-nav ul li.current-menu-item a::after {
content: '' !important;
}
#main-nav ul li a:hover,
#sticky-nav ul li a:hover,
#main-nav ul li.current-menu-item a:hover,
#sticky-nav ul li.current-menu-item a:hover {
min-height: auto;
height: auto;
padding: 12px;
visibility: inherit;
}
/** ==================================
* Desktop Only
* =================================== */
@media screen and (min-width: 960px) {
#main-nav li:hover ul,
#sticky-nav li:hover ul,
#main-nav li.sfHover ul,
#sticky-nav li.sfHover ul {
left: 0;
top: 46px;
}
#main-nav li:hover ul li:hover ul,
#sticky-nav li:hover ul li:hover ul,
#main-nav li.sfHover ul li:hover ul,
#sticky-nav li.sfHover ul li:hover ul {
left: 100%;
top: 0;
}
#main-nav ul,
#sticky-nav ul {
min-width: 12em;
padding: 0;
}
#main-nav ul li,
#sticky-nav ul li {
white-space: nowrap;
}
#main-nav ul.sub-menu li a,
#sticky-nav ul.sub-menu li a {
padding-right: 12px;
}
#main-nav ul li.menu-parent-item,
#sticky-nav ul li.menu-parent-item {
padding-right: 0;
overflow: visible;
float: left;
}
#main-nav ul li.menu-parent-item::after,
#sticky-nav ul li.menu-parent-item::after {
font-family: 'icons';
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 16px;
right: 10px;
font-size: 14px;
font-weight: 600;
opacity: 1;
width: 12px;
height: 12px;
line-height: 12px;
color: #fff;
content: '\ea07';
}
#main-nav ul ul span.arrow,
#sticky-nav ul ul span.arrow {
display: none;
}
#main-nav ul.sub-menu ul,
#sticky-nav ul.sub-menu ul {
top: 0 !important;
left: 100%;
}
#sticky-nav li:hover ul,
#sticky-nav li.sfHover ul {
left: 12px;
}
}
/** ==================================
* Mega Menu
* =================================== */
@media screen and (min-width: 960px) {
.mega-nav #main-nav ul.sub-menu,
.mega-nav #sticky-nav ul.sub-menu {
width: 33.6em;
}
.mega-nav #main-nav .col1 > ul.sub-menu,
.mega-nav #sticky-nav .col1 > ul.sub-menu {
width: 14em;
}
.mega-nav #main-nav .col2 > ul.sub-menu,
.mega-nav #sticky-nav .col2 > ul.sub-menu {
width: 25.2em;
}
.mega-nav #main-nav .col3 > ul.sub-menu,
.mega-nav #sticky-nav .col3 > ul.sub-menu {
width: 33.6em;
}
.mega-nav #main-nav .col4 > ul.sub-menu,
.mega-nav #sticky-nav .col4 > ul.sub-menu {
width: 44.8em;
}
.mega-nav #main-nav ul.sub-menu,
.mega-nav #sticky-nav ul.sub-menu {
background: #222;
position: absolute;
left: -100%;
}
.mega-nav #main-nav ul.sub-menu li,
.mega-nav #sticky-nav ul.sub-menu li,
.mega-nav #main-nav ul.sub-menu li.current-menu-item,
.mega-nav #sticky-nav ul.sub-menu li.current-menu-item {
float: left;
display: block;
overflow: hidden;
width: 100%;
}
.mega-nav #main-nav ul.sub-menu li,
.mega-nav #sticky-nav ul.sub-menu li,
.mega-nav #main-nav ul.sub-menu li a,
.mega-nav #sticky-nav ul.sub-menu li a {
border: none;
white-space: normal;
font-size: 13px;
}
.mega-nav #main-nav ul.sub-menu li:hover ul,
.mega-nav #sticky-nav ul.sub-menu li:hover ul,
.mega-nav #main-nav ul.sub-menu li.sfHover ul,
.mega-nav #sticky-nav ul.sub-menu li.sfHover ul {
left: 0;
top: 0;
}
.mega-nav #main-nav ul.sub-menu li:hover ul li:hover ul,
.mega-nav #sticky-nav ul.sub-menu li:hover ul li:hover ul,
.mega-nav #main-nav ul.sub-menu li.sfHover ul li:hover ul,
.mega-nav #sticky-nav ul.sub-menu li.sfHover ul li:hover ul {
left: 0;
top: 0;
}
.mega-nav #main-nav ul.sub-menu li.current-menu-parent,
.mega-nav #sticky-nav ul.sub-menu li.current-menu-parent,
.mega-nav #main-nav ul.sub-menu li.menu-parent-item,
.mega-nav #sticky-nav ul.sub-menu li.menu-parent-item {
position: relative;
display: inline-block;
max-width: 14em;
margin: 0;
}
.mega-nav #main-nav ul.sub-menu li.current-menu-parent::after,
.mega-nav #sticky-nav ul.sub-menu li.current-menu-parent::after,
.mega-nav #main-nav ul.sub-menu li.menu-parent-item::after,
.mega-nav #sticky-nav ul.sub-menu li.menu-parent-item::after {
display: none;
}
.mega-nav #main-nav ul.sub-menu li.current-menu-parent > a,
.mega-nav #sticky-nav ul.sub-menu li.current-menu-parent > a,
.mega-nav #main-nav ul.sub-menu li.menu-parent-item > a,
.mega-nav #sticky-nav ul.sub-menu li.menu-parent-item > a,
.mega-nav #main-nav ul.sub-menu li.current-menu-parent > a:hover,
.mega-nav #sticky-nav ul.sub-menu li.current-menu-parent > a:hover,
.mega-nav #main-nav ul.sub-menu li.menu-parent-item > a:hover,
.mega-nav #sticky-nav ul.sub-menu li.menu-parent-item > a:hover {
font-size: 18px;
cursor: default;
background: #222;
color: #fff;
margin: 0;
min-height: auto;
height: auto;
padding: 12px;
}
.mega-nav #main-nav ul.sub-menu li.current-menu-parent ul.sub-menu,
.mega-nav #sticky-nav ul.sub-menu li.current-menu-parent ul.sub-menu,
.mega-nav #main-nav ul.sub-menu li.menu-parent-item ul.sub-menu,
.mega-nav #sticky-nav ul.sub-menu li.menu-parent-item ul.sub-menu {
position: relative;
left: 0;
width: auto !important;
display: inline-block !important;
}
.mega-nav #main-nav ul.sub-menu li.current-menu-parent ul.sub-menu:last-of-type,
.mega-nav #sticky-nav ul.sub-menu li.current-menu-parent ul.sub-menu:last-of-type,
.mega-nav #main-nav ul.sub-menu li.menu-parent-item ul.sub-menu:last-of-type,
.mega-nav #sticky-nav ul.sub-menu li.menu-parent-item ul.sub-menu:last-of-type {
margin-right: 0;
}
.mega-nav #main-nav ul.sub-menu li.current-menu-parent ul.sub-menu li a:hover,
.mega-nav #sticky-nav ul.sub-menu li.current-menu-parent ul.sub-menu li a:hover,
.mega-nav #main-nav ul.sub-menu li.menu-parent-item ul.sub-menu li a:hover,
.mega-nav #sticky-nav ul.sub-menu li.menu-parent-item ul.sub-menu li a:hover {
background: #222;
}
.mega-nav #main-nav ul.sub-menu li.current-menu-parent ul.sub-menu li.current-menu-item,
.mega-nav #sticky-nav ul.sub-menu li.current-menu-parent ul.sub-menu li.current-menu-item,
.mega-nav #main-nav ul.sub-menu li.menu-parent-item ul.sub-menu li.current-menu-item,
.mega-nav #sticky-nav ul.sub-menu li.menu-parent-item ul.sub-menu li.current-menu-item,
.mega-nav #main-nav ul.sub-menu li.current-menu-parent ul.sub-menu li.current-menu-item a,
.mega-nav #sticky-nav ul.sub-menu li.current-menu-parent ul.sub-menu li.current-menu-item a,
.mega-nav #main-nav ul.sub-menu li.menu-parent-item ul.sub-menu li.current-menu-item a,
.mega-nav #sticky-nav ul.sub-menu li.menu-parent-item ul.sub-menu li.current-menu-item a {
background: #222;
}
}
/** ==================================
* Mobile Navigation
* =================================== */
@media only screen and (max-width: 960px) {
.nav-container,
.nav-content,
.nav-inner,
.header-content .nav {
height: 46px;
margin: 0 auto;
padding: 0;
}
.nav-container,
.header-content .nav {
position: fixed;
top: 0;
left: 0;
z-index: 999;
width: 100%;
max-width: 100%;
min-height: auto;
}
.nav-container .nav-content {
max-width: 100%;
}
.nav-container .nav-inner {
position: relative;
width: 100%;
margin: 0 auto;
}
.nav-container .nav-inner.block {
padding: 0;
}
.header-content .nav.block {
padding: 0;
}
#mobile-nav {
position: relative;
display: block;
top: 0;
left: 0;
width: 40px;
height: 46px;
padding: 0;
margin: 0;
cursor: pointer;
text-decoration: none;
}
#mobile-nav::before {
font-family: 'icons';
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\ea54";
font-size: 26px;
position: relative;
line-height: 46px;
left: 6px;
}
#mobile-nav:hover {
opacity: 1;
}
#mobile-nav.active::before {
content: "\ea31";
}
body.active #mobile-nav::before {
font-size: 24px;
left: 4px;
content: "\ea31";
}
#main-nav {
clear: both;
display: none;
border: none;
position: absolute;
top: 36px;
width: 100%;
height: auto;
padding: 0 !important;
margin: 0;
overflow: hidden !important;
overflow-y: auto !important;
}
#main-nav li {
clear: both;
float: none;
display: block;
width: 100%;
}
#main-nav li a {
font-family: inherit;
font-size: inherit;
margin: 0;
display: block;
width: 100%;
text-align: left;
border-bottom: 0 !important;
min-height: auto !important;
height: auto !important;
padding: 0 !important;
padding-left: 20px !important;
}
#main-nav li a:hover {
color: #ddd;
background: #38191a;
}
#main-nav li.menu-parent-item a::after {
right: 10px;
}
#main-nav li.current-menu-parent a {
cursor: pointer;
}
#main-nav li.current-menu-item > a,
#main-nav li.current-menu-parent > a {
cursor: default;
border-left: 4px solid #999 !important;
padding-left: 16px;
}
#main-nav li.current-menu-parent.menu-parent-item a::after {
top: 20px;
right: 10px;
}
#main-nav ul {
position: static;
display: block;
border: none;
float: left;
width: 100% !important;
margin: 0;
padding: 0;
}
#main-nav ul li {
display: block;
float: left;
width: 100%;
border: 0;
margin: 0;
}
#main-nav ul li a {
padding: 12px 12px 12px 36px !important;
}
#main-nav ul li.current-menu-parent.current-menu-item a {
padding: 12px 12px 12px 36px !important;
}
#main-nav ul li.current-menu-item a {
padding-left: 32px !important;
}
#main-nav ul li a::before {
font-family: 'icons';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
padding-right: 6px;
margin-left: -16px;
content: "\ea35";
width: 12px;
height: 12px;
font-size: 9px;
position: relative;
}
#main-nav ul li.menu-parent-item {
padding-right: 0;
overflow: visible;
float: left;
}
#main-nav ul li.menu-parent-item::after {
font-family: 'icons';
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 18px;
right: 10px;
font-size: 14px;
font-weight: 600;
opacity: 1;
width: 12px;
height: 12px;
line-height: 12px;
color: #aaa;
content: '\ea28';
}
#main-nav ul ul li a {
text-indent: 26px;
}
.mobilenav-fullscreen {
font-family: inherit;
top: 0;
left: 0;
z-index: 999;
display: none;
position: fixed;
width: 100%;
height: 100%;
background: #6b0b0c;
opacity: 1;
}
.mobilenav-fullscreen ul {
position: relative;
animation: animate-menu 1s;
}
.mobilenav-fullscreen ul li {
list-style-type: none;
text-align: center;
padding: 10px;
}
.mobilenav-fullscreen ul li:first-child {
margin-top: 60px;
}
.mobilenav-fullscreen ul li a {
font-size: 150%;
color: #fff;
text-decoration: none;
font-weight: 300;
width: 100%;
}
}
/**
* Media Queries
*
* Main Nav container height
*
*/
@media only screen and (min-width: 960px) {
#main-nav,
#sticky-nav {
display: block;
}
}
@media only screen and (max-width: 960px) {
.nav-container,
.nav-content,
.nav-inner,
.nav {
height: 36px;
}
#main-nav {
max-height: 900px;
}
#main-nav {
overflow-y: hidden !important;
}
}
@media only screen and (max-width: 414px) and (orientation: portrait) {
#main-nav {
max-height: 700px;
}
}
@media only screen and (max-width: 568px) and (orientation: landscape) {
#main-nav {
max-height: 300px;
}
}
@media only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) {
#main-nav {
max-height: 667px;
}
}
@media only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) {
#main-nav {
max-height: 736px;
}
}
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
#main-nav {
max-height: 812px;
}
}
/*! ThemeKit 1.0 | http://www.atomiccherry.com | (c) 2017 Atomic Cherry Design */
/** ====================================================
Full Screen Search
Dependency: jQuery
Uses: search.js
======================================================= */
/** ==========================================
Search Toggle
============================================== */
.find {
font-family: 'icons';
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
cursor: pointer;
font-size: 16px;
text-align: center;
padding: 0 0 0 12px;
line-height: 46px;
width: auto;
}
.find:hover {
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
-webkit-opacity: 0.7;
-moz-opacity: 0.7;
-ms-opacity: 0.7;
-o-opacity: 0.7;
opacity: 0.7;
}
.search-container {
display: none;
position: absolute;
top: 0;
right: -10px;
z-index: 99;
}
.search-container .search-input {
width: 87% !important;
}
.search-container .search-image-container {
float: right;
height: 46px;
width: 13% !important;
}
.search-container .search-image-container .icon {
position: absolute;
top: 2px !important;
right: -2px !important;
}
/** ======================================================
Used when nav is in header-container
========================================================== */
.header-content .find,
.header-content .search-container {
top: 16px;
right: 32px;
}
.header-content .search-container {
right: 27px;
}
.nav-container.search-top .find {
right: 10px;
}
.nav-container.search-top .search-container {
margin-right: 0;
}
.nav-container.search-top .search-container #search-form {
padding: 0;
top: 0;
}
.nav-container #search-form .search-content {
top: -16px;
}
@media only screen and (max-width: 960px) {
.header-content .find,
.header-content .search-container {
top: 0;
right: 0;
font-size: 18px;
}
}
/** ======================================================
Search in Sidebar: Override padding/margin
========================================================== */
.sidebar .search,
.sidebar #searchform,
.sidebar #searchform div:last-child {
padding-bottom: 0;
margin-bottom: 0;
}
.sidebar #searchform input[type="submit"] {
margin-bottom: 0;
}
/** ======================================================
Full screen search overlay
========================================================== */
#search {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
z-index: 99999;
background-color: rgba(255, 255, 255, 0.9);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transform: translate(0, 0) scale(0, 0);
-moz-transform: translate(0, 0) scale(0, 0);
transform: translate(0, 0) scale(0, 0);
}
#search.open {
opacity: 1;
-webkit-transform: translate(0px, 0px) scale(1, 1);
-moz-transform: translate(0px, 0px) scale(1, 1);
transform: translate(0px, 0px) scale(1, 1);
}
.hide {
display: none;
}
@keyframes search {
0% {
opacity: 0;
top: 47%;
}
100% {
opacity: 1;
top: 50%;
}
}
#search #search-form {
position: absolute;
top: 50%;
margin-top: -80px;
width: 100%;
max-width: 100%;
height: 160px;
outline: none;
}
#search #search-form.easein {
animation: search 2s ease;
}
#search #search-form input[type="text"].search-input {
font-size: 48px;
color: #aaa;
background: none !important;
width: 100%;
text-transform: none;
padding: 12px 28px;
height: auto;
text-align: center;
box-shadow: none;
border: 0;
}
#search #search-form .icon {
font-family: 'icons';
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 50%;
left: 50%;
margin-top: 30px;
margin-left: -45px;
border: 0;
padding: 12px 30px;
font: 46px;
text-align: center;
color: #aaa;
background: none;
font-size: 48px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#search #search-form .icon:hover,
#search #search-form .icon:focus {
opacity: 0.6;
margin-left: -40px;
}
@keyframes close {
0% {
opacity: 0;
top: 8px;
}
100% {
opacity: 1;
top: 4px;
}
}
#search .close {
font-family: 'icons';
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 36px;
line-height: 1;
position: fixed;
top: 8px;
right: 8px;
color: #444;
background: none;
border: none;
opacity: 1;
transition: opacity 0.2s ease-in-out;
}
#search .close:hover {
opacity: 0.5;
}
#search button.easeup {
animation: close 3s ease;
}
@media only screen and (max-width: 768px) {
#search #search-form {
padding-left: 20px;
padding-right: 20px;
}
#search #search-form input[type="text"].search-input {
font-size: 28px;
padding: 6px 12px;
}
#search .close {
font-size: 24px;
}
}
@media only screen and (max-width: 960px) {
.find {
color: #fff !important;
font-size: 24px;
top: 2px !important;
right: 6px !important;
}
.nav-container .search-container,
#search-form {
position: absolute;
top: 6px;
right: 0;
height: 40px;
width: 200px;
z-index: 99999;
margin: 0;
padding: 0;
background: none;
}
.nav-container .search-container .search-content,
#search-form .search-content {
position: relative;
top: 0;
right: 0 !important;
height: 40px !important;
width: 100% !important;
background: none;
}
.nav-container .search-container .search-image-container,
#search-form .search-image-container {
float: right;
width: 34px;
height: 46px;
background: none;
}
.nav-container .search-container .search-image-container .icon,
#search-form .search-image-container .icon {
font-size: 22px;
position: absolute;
top: 0;
right: 6px !important;
}
.nav-container .search-container .search-image-container input,
#search-form .search-image-container input {
font: 22px 'icons';
color: #fff;
background: none;
}
.nav-container .search-container #search,
#search-form #search {
position: absolute;
width: 100%;
top: 0;
right: 0;
color: #3977b0;
background: none;
text-transform: none;
letter-spacing: 0;
}
.nav-container .search-container #search::-webkit-input-placeholder,
#search-form #search::-webkit-input-placeholder {
opacity: 1 !important;
color: #3977b0 !important;
text-transform: none;
letter-spacing: 0;
}
.nav-container .search-container #search:-moz-placeholder,
#search-form #search:-moz-placeholder {
opacity: 1 !important;
color: #3977b0 !important;
text-transform: none;
letter-spacing: 0;
}
.nav-container .search-container #search::-moz-placeholder,
#search-form #search::-moz-placeholder {
opacity: 1 !important;
color: #3977b0 !important;
text-transform: none;
letter-spacing: 0;
}
.nav-container .search-container #search:-ms-input-placeholder,
#search-form #search:-ms-input-placeholder {
opacity: 1 !important;
color: #3977b0 !important;
text-transform: none;
letter-spacing: 0;
}
}
/*! ThemeKit 1.0 | http://www.atomiccherry.com | (c) 2019 Atomic Cherry Design */
/** ==========================================
Paypal
============================================== */
[action*="www.paypal.com"] {
display: block;
margin: 16px auto 16px 0;
margin-bottom: 32px;
}
[action*="www.paypal.com"] input[type=image] {
box-shadow: none;
border: none;
}
[action*="www.paypal.com"] select {
color: #222;
}
[action*="www.paypal.com"] select:hover,
[action*="www.paypal.com"] select:focus {
color: #222;
}
.paypal-button {
width: var(--btn-width);
}
.button-group.paypal-button form {
padding: 0;
margin: 0;
width: var(--btn-width);
}
.button-group.paypal-button form,
.button-group.paypal-button form input {
display: inline-block;
width: var(--btn-width);
}
.button-group.paypal-button form input[type=image] {
width: 200px;
display: inline-block;
}
/** ==============================================
* WordPress Core, Custom, Plugins
================================================== */
/** ===============================================
Miscellaneous
================================================== */
.recentcomments a {
display: inline-block;
margin: 0;
padding: 0;
}
.search-excerpt {
background: #e7e085;
}
/* overrides frontend search input background color */
#wp-admin-bar-search form#adminbarsearch input {
background: none !important;
color: #ddd !important;
}
/** ===============================================
Component Hacks
================================================== */
.mCustomScrollbar div,
.mCustomScrollbar p,
.mCustomScrollbar a,
.mCustomScrollbar span,
.mCustomScrollbar li {
font-family: 'Raleway', 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 15px;
line-height: 32px;
}
.reveal {
font-family: 'Raleway', 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 15px;
line-height: 32px;
margin: 0 0 16px 0;
clear: both;
float: left;
width: 100%;
display: none !important;
}
/** ===============================================
Custom Base Styles
================================================== */
.posts-list .post {
border: 0;
padding-bottom: 32px;
margin-bottom: 32px;
}
.posts-list article {
float: left;
}
h1.post-title,
h1.post-title a {
text-decoration: none;
padding: 0;
margin-bottom: 16px;
font-size: 28px;
}
.card h2.post-title a {
font-size: 24px;
line-height: 1.2;
}
span.readmore {
display: block;
margin-top: 32px;
}
img.aligncenter {
margin-left: auto;
margin-right: auto;
text-align: center;
}
img.alignleft {
float: left;
margin-right: 16px / 2;
}
a.featured {
display: block;
margin-bottom: 32px;
}
@media only screen and (max-width: 959px) {
nav .menu-main-navigation-container {
overflow: hidden;
float: none;
}
}
.widgets.center-title .block > h2,
.widgets.center-title .block > h3 {
text-align: center;
}
.sidebar .menu-main-navigation-container {
width: 100%;
max-width: 100%;
position: relative;
}
.list-custom-taxonomy-widget > ul {
padding-left: 0;
}
.list-custom-taxonomy-widget ul ul {
display: none;
}
.list-custom-taxonomy-widget ul li {
list-style-type: none;
}
.list-custom-taxonomy-widget ul li {
display: block;
border-bottom: 1px solid #ddd;
padding-bottom: 8px;
margin-bottom: 8px;
}
.list-custom-taxonomy-widget > ul > li.has-sub > a::after {
font-family: 'icons';
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 1.4em;
color: #444;
position: absolute;
right: 0;
content: '\e640';
}
.list-custom-taxonomy-widget > ul > li.has-sub.active {
border: none;
}
.list-custom-taxonomy-widget > ul > li.has-sub.active > a::after {
content: '\e641';
}
[id*='section-secondary'] .list-custom-taxonomy-widget,
[id*='section-tertiary'] .list-custom-taxonomy-widget {
max-width: 100%;
position: relative;
}
[id*='section-secondary'] .list-custom-taxonomy-widget ul li,
[id*='section-tertiary'] .list-custom-taxonomy-widget ul li {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
footer.post-footer {
padding: 6px 0;
margin: 6px 0;
}
footer.post-footer p,
footer.post-footer a {
color: #6b0b0c;
padding: 0;
}
footer.post-footer a {
padding: 0;
margin: 0;
}
footer.post-footer .accordion h3 {
font-size: 15px;
}
.admin-edit {
width: 100%;
margin: 32px 0;
float: left;
clear: both;
}
.edit {
display: inline-block;
background: #3977b0;
color: #999;
padding: 6px 15px;
text-align: center;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
}
.edit :hover {
color: #6b0b0c;
border-color: #3977b0;
background: #999;
}
.post .entry-content {
background: none;
}
.entry-summary {
overflow: visible;
}
.entry-summary.wrap {
width: 100%;
max-width: 100%;
overflow: visible;
}
.entry-summary .wp-video {
float: left;
}
.entry-summary p:first-of-type {
margin-top: 0;
padding-top: 0;
}
.entry-summary p:last-of-type {
margin-bottom: 0;
padding-bottom: 0;
}
.summary p:last-of-type {
margin-bottom: 0;
padding-bottom: 0;
}
@media only screen and (max-width: 768px) {
.entry a.attachment {
max-width: 100%;
overflow: hidden;
}
img.wp-post-image {
width: 100%;
max-width: 100%;
height: auto;
}
.entry-summary.wrap .slideshow {
width: 100%;
max-width: 100%;
height: auto;
}
.entry-summary.wrap .slideshow .slide {
width: 100%;
max-width: 100%;
float: left;
}
}
.post-grid .entry span.readmore {
display: block;
overflow: hidden;
padding-bottom: 16px;
}
.entry-meta {
margin: 0 0 22px 0;
padding: 5px 10px 5px 0;
display: inline-block;
width: 100%;
background: #bbb;
}
.entry-meta li {
display: inline-block;
padding: 0 6px;
margin-bottom: 0;
list-style: none;
}
.entry-meta li:before {
padding-right: 5px;
}
.entry-meta li:first-child {
padding-left: 0;
}
.entry-meta li:first-child::before {
content: none;
}
.entry-meta li span {
color: #3977b0;
}
.entry-meta li.meta-views:before {
position: relative;
font-family: 'icons';
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\ea0b';
padding-right: 6px;
top: 2px;
}
span.meta-prep-author {
display: none;
}
span.author a {
display: none;
}
.entry-meta time {
padding: 0 0 0 10px;
}
.entry-meta time:before {
font-size: 15px;
font-family: 'icons';
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\ea06';
padding-right: 6px;
color: #6b0b0c;
position: relative;
top: 1px;
}
.entry-meta .meta-author:before {
font-size: 16px;
font-family: 'icons';
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\ea2a';
color: #6b0b0c;
position: relative;
top: 1px;
}
.entry-meta .meta-comments:before {
font-size: 16px;
font-family: 'icons';
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\ea0e';
color: #6b0b0c;
position: relative;
top: 1px;
}
.entry-meta .meta-tags:before {
font-size: 15px;
font-family: 'icons';
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\ea1a';
color: #6b0b0c;
position: relative;
top: 2px;
}
.entry-meta .meta-edit:before {
font-size: 15px;
font-family: 'icons';
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\ea39';
color: #6b0b0c;
position: relative;
top: 1px;
}
.entry-meta.date {
padding-left: 10px;
}
.entry-meta.date:before {
font-size: 15px;
font-family: 'icons';
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '\ea06';
padding-right: 6px;
color: #6b0b0c;
position: relative;
top: 0;
}
@media screen and (max-width: 480px) {
.entry-meta li {
display: block;
padding-left: 0;
}
}
.post-meta {
padding: 0 0 32px;
}
.post-meta a {
padding: 0;
margin: 0;
}
.entry-utility {
float: left;
clear: both;
width: 100%;
}
.entry-utility p,
.entry-utility p a {
font-size: 14px;
line-height: 1.4;
}
body.single .ui-accordion .ui-accordion-header {
font-size: 15px;
display: block;
position: relative;
cursor: pointer;
padding: 0 0 0 42px;
margin-bottom: 5px;
height: 36px;
line-height: 36px;
border: 1px solid #999;
}
ul#menu-two-column {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
-moz-column-gap: 16px;
-webkit-column-gap: 16px;
column-gap: 16px;
}
ul#menu-two-column li {
list-style-type: square;
line-height: 1.5;
margin-left: 20px;
}
.wp-video {
margin-bottom: 32px;
overflow: hidden;
}
#profile.highlight {
width: 97.5%;
float: left;
}
.tags {
margin: 27px 0;
line-height: 32px;
padding: 5px 10px;
float: left;
clear: both;
width: 100%;
}
.tags h1,
.tags h2,
.tags h3,
.tags h4,
.tags h5,
.tags h6,
.tags p,
.tags a,
.tags li,
.tags figcaption {
color: #222;
}
.tags span {
color: #6b0b0c;
}
.tags a {
padding: 0;
margin: 0;
text-decoration: none;
}
/** Images
===================================================== */
.entry-content img,
.comment-content img,
.widget img,
.textwidget img {
max-width: 100%;
}
img[class*="align"],
img[class*="wp-image-"] {
max-width: 100%;
height: auto;
}
.wp-caption {
max-width: 100%;
height: auto;
}
.wp-caption a {
display: block;
overflow: hidden;
}
.wp-caption.alignleft {
margin-top: 8px;
position: relative;
float: left;
margin-right: 20px;
padding-right: 16px;
border-right: 4px solid #ddd;
}
.wp-caption.alignright {
margin-top: 8px;
position: relative;
float: right;
padding-left: 16px;
margin-left: 20px;
border-left: 4px solid #ddd;
}
@media only screen and (max-width: 568px) {
.wp-caption.alignleft,
.wp-caption.alignright {
width: 100%;
float: none;
margin-left: auto;
margin-right: auto;
max-width: 75%;
}
}
.wp-caption-text {
font-size: 14px;
line-height: 1.4;
margin-bottom: 16px;
font-weight: 300;
letter-spacing: 1px;
font-family: 'Raleway', 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
text-transform: none;
color: #aaa;
font-weight: 400;
line-height: 1.1;
text-align: center;
padding: 0;
margin: 0 auto 32px auto;
padding-top: 4px !important;
}
.wp-caption-text a {
font-size: 14px;
line-height: 1.2;
text-decoration: none;
}
.wp-post-image {
display: block;
position: relative;
overflow: hidden;
}
.attachment-index-categories {
/** Categories Template */
float: left;
margin: 32px 5px 32px 0;
}
.attachment-post-thumbnail {
/** default */
max-width: 270px;
width: auto !important;
width: 270px;
height: auto;
margin-top: 12px;
}
.attachment-thumbnail {
width: auto !important;
width: 150px;
max-width: 150px;
height: auto;
position: relative;
}
.attachment-small {
max-width: 150px;
width: auto;
height: auto;
}
.attachment-medium {
max-width: 300px;
width: auto;
height: auto;
}
.attachment-large {
width: 100%;
max-width: 100%;
height: auto;
float: left;
}
.size-thumbnail {
/** styles */
}
.size-medium {
/** styles */
}
.size-large {
/** styles */
}
.attachment-carousel {
width: auto;
height: 200px;
}
.photos.gallery .attachment-portfolio {
padding: 0;
border: 0;
}
/** Comments Section
===================================================== */
#commentform .logged-in-as a {
display: inline-block;
padding: 4px 12px;
background: #3977b0;
border-radius: 3px;
text-decoration: none;
color: #ffffff !important;
}
#commentform .logged-in-as a:hover {
text-decoration: none;
background: #6b0b0c;
}
.logged-in-as a:first-child {
margin-right: 6px;
}
#recentcomments li.recentcomments span {
display: inline-block;
}
#recentcomments li.recentcomments a {
margin-bottom: 0;
padding-bottom: 0;
display: inline-block;
font-style: italic;
border-bottom: 1px dotted #3977b0;
}
#recentcomments li.recentcomments a:hover {
text-decoration: none;
color: #bbb;
}
#respond {
margin: 32px 0;
padding-left: 16px;
}
#respond label {
display: none;
}
#respond textarea {
background: #fff;
}
#commentform .row {
margin-top: 0;
margin-bottom: 0;
}
#commentform .block {
padding: 0 0 0 16px;
}
#commentform .block .accordion h3 a {
font-size: 16px;
}
#commentform .block .terms {
margin-left: 20px;
}
.form-submit {
margin: 0 auto;
padding: 0;
}
@media screen and (max-width: 768px) {
#respond {
padding: 0;
}
#commentform {
padding: 0;
}
#commentform .row {
padding: 0;
margin: 0;
}
#commentform .block {
padding: 0;
}
input#submit {
width: 100%;
}
}
#comments {
clear: both;
}
#comments h3 span {
color: #3977b0;
}
#comments img {
padding: 2px;
}
#comments .children {
clear: both;
overflow: hidden;
}
#comments .children li {
list-style-type: none;
margin-left: 16px;
background: none;
padding-left: 0;
}
#comments li > div {
border: 1px solid #ddd;
border-radius: 3px;
padding: 16px 16px;
margin: 0 0 16px 0;
}
#comments li > div.depth-2,
#comments li > div.depth-3 {
background: #ddd;
}
#comments ol.commentlist {
padding: 0;
margin: 0;
}
#comments ol.commentlist li {
list-style-type: none;
background: none;
padding-left: 0;
}
#comments ol.commentlist header {
margin-bottom: 16px;
}
.comment-author .comment-avatar {
display: inline-block;
margin-right: 20px;
}
.comment-author .comment-avatar img.avatar {
display: block;
width: 80px;
height: 80px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.comment-author .comment-cite {
display: inline-block;
vertical-align: top;
padding-top: 12px;
}
.comment-author .comment-cite cite {
font-weight: bold;
font-style: normal;
}
.comment-author .comment-cite time {
display: block;
font-size: 14px;
margin-bottom: 40px;
}
.comment-author .comment-cite time .time-ago,
.comment-author .comment-cite time .comment-date,
.comment-author .comment-cite time .comment-time {
color: #aaa;
}
div.comment-info a.comment-edit-link {
line-height: 32px;
}
.commentlist nav {
display: block;
text-align: right;
}
.commentlist .comment-reply-link {
border-radius: 3px;
border-color: #ddd;
padding: 4px 8px;
font-size: 14px;
}
.commentlist .comment-reply-link:hover {
border-color: #444;
}
#allowed_tags {
display: none;
}
#cancel-comment-reply-link {
text-decoration: none;
}
/** Search
===================================================== */
.search-container {
width: 26%;
float: right;
height: 46px;
margin-right: 30px;
}
.search-container fieldset {
padding: 0;
margin: 0;
}
#searchform {
clear: both;
}
#searchform label.screen-reader-text {
display: none;
}
#search-form {
width: 100%;
position: relative;
float: right;
height: 46px;
}
#search-form .search-label {
display: none;
}
#search-form .search-content {
width: 100%;
height: 46px;
float: right;
overflow: hidden;
}
#search-form #s.search-input {
float: left;
height: 46px;
width: 86.5%;
margin: 0;
color: #fff;
font-size: 15px;
text-transform: uppercase;
letter-spacing: 2px;
border-radius: 0;
border: 0;
padding-left: 6px;
background: none;
}
#search-form .search-input:focus,
#search-form .search-input:hover {
color: #fff;
}
#search-form .search-image-container {
float: right;
width: 38px;
height: 46px;
position: absolute;
right: 0;
top: 0;
}
#search-form .search-image-container input {
font-family: 'icons';
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
height: 46px;
width: 100%;
position: absolute;
top: 0;
right: 0;
font-size: 22px;
padding-top: 1px;
padding-left: 6px;
text-align: center;
z-index: 99999 !important;
}
.nav-container.search-top .search-image-container input {
padding-top: 6px;
}
/** Sidebar Lists
===================================================== */
.menu-sidebar-navigation-container [id*="menu-sidebar-navigation"].menu li a {
padding-left: 0;
}
[class*='widget-'].divide ul {
overflow: hidden;
margin-left: 0;
padding-left: 0;
margin-top: 16px;
}
[class*='widget-'].divide ul li {
display: block;
width: 100%;
list-style-type: none;
}
[class*='widget-'].divide ul li a {
display: block;
border-bottom: 1px solid #ddd;
padding-bottom: 8px;
margin-bottom: 0;
text-decoration: none;
}
[class*='widget-'].divide ul li a:hover {
color: #3977b0;
padding-bottom: 5px;
}
.sidebar .divide ul#recentcomments {
padding-left: 0;
}
.sidebar .divide ul#recentcomments li {
list-style-type: none;
display: block;
border-bottom: 1px solid #ddd;
padding-bottom: 8px;
margin-bottom: 8px;
color: #aaa;
}
.sidebar .divide ul#recentcomments li a {
text-decoration: none;
border: 0;
}
/** Sidebar: Accordion Taxonomy List
===================================================== */
.list-custom-taxonomy-widget ul li a {
text-decoration: none;
}
.list-custom-taxonomy-widget ul li {
text-decoration: none;
border-bottom: 1px solid #ddd;
}
.list-custom-taxonomy-widget ul li:hover {
color: #38191a;
border-bottom: 4px solid #ddd;
margin-bottom: 5px;
}
.list-custom-taxonomy-widget > ul > li.has-sub > a::after {
color: #444;
}
/** Pagination
===================================================== */
nav.pagination {
float: left;
padding: 0;
margin: 16px 0;
}
nav.pagination .previous-post {
float: left;
}
nav.pagination .previous-post a {
padding: 12px 20px;
margin-bottom: 16px;
}
nav.pagination .previous-post a:hover {
text-decoration: none;
}
nav.pagination .previous-post a::before {
font-family: 'icons';
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: relative;
top: 2px;
padding-right: 6px;
content: '\ea50';
}
nav.pagination .previous-post a::before:hover {
text-decoration: none;
}
nav.pagination .next-post {
float: right;
}
nav.pagination .next-post a {
padding: 12px 20px;
margin-bottom: 16px;
}
nav.pagination .next-post a:hover {
text-decoration: none;
}
nav.pagination .next-post a:after {
font-family: 'icons';
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: relative;
top: 2px;
padding-left: 6px;
content: '\ea56';
}
nav.pagination .next-post a:after:hover {
text-decoration: none;
}
nav.pagination .previous-post span,
nav.pagination .next-post span {
background: none;
}
nav.pagination span.page-numbers,
nav.pagination a.page-numbers {
display: inline-block;
margin: 0;
padding: 8px 12px;
line-height: 16px;
text-decoration: none;
width: auto;
}
nav.pagination a:hover {
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
-webkit-opacity: 0.7;
-moz-opacity: 0.7;
-ms-opacity: 0.7;
-o-opacity: 0.7;
opacity: 0.7;
}
/** Simple Image Widget
===================================================== */
@media only screen and (min-width: 768px) {
.sidebar .simple-image img {
margin: 0;
max-width: 100%;
}
}
/** Tag Cloud
===================================================== */
#sidebar .block ul.tagcloud {
padding-bottom: 32px;
}
ul.tagcloud,
ul.tagcloud li {
font-size: 15px;
list-style-type: none;
padding: 0;
margin: 0;
}
ul.tagcloud li {
display: inline;
}
ul.tagcloud a {
display: inline-block;
text-decoration: none;
padding: 0;
margin: 0 6px;
color: #6b0b0c;
line-height: 16px;
}
ul.tagcloud a:first-of-type {
margin-left: 0;
}
a.tagged {
font-size: 15px;
}
a.tagged1 {
font-size: 0.85em;
}
a.tagged2 {
font-size: 1em;
}
a.tagged3 {
font-size: 1.1em;
}
a.tagged4 {
font-size: 1.2em;
}
a.tagged5 {
font-size: 1.3em;
}
/** Native Gallery
===================================================== */
[id*="gallery-"].gallery .gallery-item {
float: left;
margin: 4px;
}
[id*="gallery-"].gallery .gallery-item .gallery-icon {
padding: 0;
margin: 0;
}
[id*="gallery-"].gallery .gallery-item .gallery-icon a img {
padding: 4px;
background: #fff;
border: 1px solid #ddd;
}
[id*="gallery-"].gallery .gallery-item .gallery-caption {
padding: 4px 0;
margin: 0;
}
[id*="gallery-"].gallery.gallery-columns-3 .gallery-item {
width: 31.96%;
}
[id*="gallery-"].gallery.gallery-columns-4 .gallery-item {
width: 22%;
}
/** ACF: Google Map
===================================================== */
[class*="map-"] {
width: 100%;
height: 400px;
border: 1px solid #aaa;
margin: 0;
}
/** fixes potential theme css conflict */
[class*="acf-map-"] img {
max-width: inherit !important;
}
/** Fluid Video Embeds
===================================================== */
.fve-video-wrapper {
position: relative;
overflow: hidden;
height: 0;
background-color: transparent;
padding-bottom: 56.25%;
margin: 0.5em 0;
}
.fve-video-wrapper iframe,
.fve-video-wrapper object,
.fve-video-wrapper embed {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.fve-video-wrapper a.hyperlink-image {
position: relative;
display: none;
}
.fve-video-wrapper a.hyperlink-image img {
position: relative;
z-index: 2;
width: 100%;
}
.fve-video-wrapper a.hyperlink-image .fve-play-button {
position: absolute;
left: 35%;
top: 35%;
right: 35%;
bottom: 35%;
z-index: 3;
background-color: rgba(40, 40, 40, 0.75);
background-size: 100% 100%;
border-radius: 10px;
}
.fve-video-wrapper a.hyperlink-image:hover .fve-play-button {
background-color: rgba(0, 0, 0, 0.85);
}
/** Widgets
===================================================== */
ul.menu {
margin-left: 0;
padding-left: 0;
}
ul.fpw-widget.separator li {
padding-bottom: 32px;
margin-bottom: 32px;
}
/** Breadcrumbs Trails
===================================================== */
.breadcrumbs {
padding-left: 0;
margin-left: 16px;
}
.breadcrumbs h2.trail-browse {
display: none;
}
.breadcrumbs .trail-browse,
.breadcrumbs .trail-items,
.breadcrumbs .trail-items li,
.breadcrumbs .trail-items li a {
display: inline-block;
margin: 0;
padding: 0;
border: none;
background: transparent;
text-indent: 0;
list-style: none;
font-size: 14px;
}
.breadcrumbs .trail-items li {
line-height: 59px;
}
.breadcrumbs .trail-browse {
font-size: inherit;
font-style: inherit;
font-weight: inherit;
color: inherit;
}
.trail-items li::after {
font-family: 'icons';
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\ea35";
color: #6b0b0c !important;
font-size: 12px;
padding: 0 0.5em;
}
.trail-items li:last-of-type::after {
display: none;
}
/** Twitter Widget
============================ */
ul.twitter-widget__items {
margin-left: 0;
padding-left: 0;
}
ul.twitter-widget__items li {
list-style-type: none;
border-bottom: 1px solid #aaa;
padding-bottom: 11px;
margin-bottom: 8px;
}
/* End WordPress Styles */
/*!====================================================================
Name: ThemeKit
Theme Name: Laurette Longmire
Theme URI: http://clientdomain.com
Version: ThemeKit 1.5
Author: John Patrick Garvin, Atomic Cherry Design
Author URI: http://atomiccherry.design/
======================================================================= */
/** =====================================================
* Fonts
* ===================================================== */
/** =====================================================
* Theme Colors
* ===================================================== */
html {
background: #fff;
}
body {
background: #fff;
}
/** =====================================================
* Typography
* ===================================================== */
h1 {
color: #3977b0;
}
h2 {
color: #38191a;
}
h3 {
color: #38191a;
}
h4 {
color: #6b0b0c;
}
h5 {
color: #6b0b0c;
}
h6 {
color: #6b0b0c;
}
h1.bg-color,
h2.bg-color,
h3.bg-color,
h4.bg-color,
h5.bg-color,
h6.bg-color {
color: #fff;
background-color: #3977b0;
}
h1.bg-color a,
h2.bg-color a,
h3.bg-color a,
h4.bg-color a,
h5.bg-color a,
h6.bg-color a,
h1.bg-color span,
h2.bg-color span,
h3.bg-color span,
h4.bg-color span,
h5.bg-color span,
h6.bg-color span {
color: #fff;
background-color: #3977b0;
}
h1.bg-color p,
h2.bg-color p,
h3.bg-color p,
h4.bg-color p,
h5.bg-color p,
h6.bg-color p,
h1.bg-color li,
h2.bg-color li,
h3.bg-color li,
h4.bg-color li,
h5.bg-color li,
h6.bg-color li,
h1.bg-color a,
h2.bg-color a,
h3.bg-color a,
h4.bg-color a,
h5.bg-color a,
h6.bg-color a,
h1.bg-color span,
h2.bg-color span,
h3.bg-color span,
h4.bg-color span,
h5.bg-color span,
h6.bg-color span,
h1.bg-color h1,
h2.bg-color h1,
h3.bg-color h1,
h4.bg-color h1,
h5.bg-color h1,
h6.bg-color h1,
h1.bg-color h2,
h2.bg-color h2,
h3.bg-color h2,
h4.bg-color h2,
h5.bg-color h2,
h6.bg-color h2,
h1.bg-color h3,
h2.bg-color h3,
h3.bg-color h3,
h4.bg-color h3,
h5.bg-color h3,
h6.bg-color h3,
h1.bg-color h4,
h2.bg-color h4,
h3.bg-color h4,
h4.bg-color h4,
h5.bg-color h4,
h6.bg-color h4,
h1.bg-color h5,
h2.bg-color h5,
h3.bg-color h5,
h4.bg-color h5,
h5.bg-color h5,
h6.bg-color h5,
h1.bg-color h6,
h2.bg-color h6,
h3.bg-color h6,
h4.bg-color h6,
h5.bg-color h6,
h6.bg-color h6 {
color: #fff;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 300;
letter-spacing: 1px;
font-family: 'Raleway', 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
text-transform: none;
}
p,
div,
li,
td,
th,
dd,
dt,
span,
label,
input,
select,
textarea {
font-size: 15px;
font-family: 'Raleway', 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: #555;
}
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span,
p span,
li span,
td span,
dd span,
dt span,
label span,
span span {
font-family: inherit;
font-size: inherit;
line-height: inherit;
color: inherit;
}
a {
color: #3977b0;
text-decoration: none;
transition: color 0.5s ease-out;
}
a:hover {
color: #6b0b0c;
text-decoration: underline;
transition: color 0.5s ease-out;
}
a:active {
color: #3977b0;
}
a:visited {
color: #3977b0;
}
a:focus {
outline: thin dotted;
}
/** =====================================================
* Miscellaneous Elements
* ===================================================== */
.script {
font-size: 180%;
}
.nav,
.subnav {
font-weight: 400;
letter-spacing: 1px;
font-family: 'Raleway', 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 13px;
text-transform: none;
}
.heading {
font-weight: 300;
letter-spacing: 1px;
font-family: 'Raleway', 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
text-transform: none;
}
.title {
display: block;
}
.title,
.title a {
font-weight: 300;
letter-spacing: 1px;
font-family: 'Raleway', 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
text-transform: none;
}
.title.center {
text-align: center;
margin-left: auto;
margin-right: auto;
width: 100%;
}
.post-title a {
color: #3977b0;
}
.post-title a:hover {
color: #999;
}
.featured-post-title {
font-size: 16px;
}
.split::before,
.split::after {
background-color: #3977b0;
}
.divider {
border-bottom: 2px solid #bbb;
}
.inline-block {
margin-right: -4px;
}
.striped > div:nth-child(odd) {
background: #bbb;
}
article {
border-bottom: 1px solid #999;
}
article:last-of-type {
border-bottom: 0;
}
.credential {
color: #6b0b0c;
font-style: italic;
}
.header .logo {
max-width: 300px;
max-height: 160px;
}
/** =====================================================
* Lists
* ===================================================== */
ul.separator li {
border-color: #ddd;
}
/** =====================================================
* Boxes
* ===================================================== */
.box {
color: #6b0b0c;
background: #999;
}
.box p,
.box a,
.box span,
.box li,
.box h2,
.box h3,
.box h4,
.box h5,
.box h6 {
color: #6b0b0c;
}
.box.box-light {
background: #fff;
color: #6b0b0c;
}
.box.box-light p,
.box.box-light a,
.box.box-light li,
.box.box-light span,
.box.box-light h1,
.box.box-light h2,
.box.box-light h3,
.box.box-light h4,
.box.box-light h5,
.box.box-light h6 {
color: #6b0b0c;
}
.box.box-dark {
background: #6b0b0c;
color: #bbb;
}
.box.box-dark p,
.box.box-dark a,
.box.box-dark li,
.box.box-dark span,
.box.box-dark h1,
.box.box-dark h2,
.box.box-dark h3,
.box.box-dark h4,
.box.box-dark h5,
.box.box-dark h6 {
color: #bbb;
}
.box.box-quotation {
background: #ddd;
}
/** =====================================================
* Components: Custom
* ===================================================== */
.effect .info .overlay {
background: #3977b0;
}
.effect .info .view span {
color: #fff;
}
.mejs__time,
.mejs__time * {
color: #fff;
background: none;
}
.mejs__button *,
.mejs__time * {
font-size: 14px;
line-height: 0.6;
}
.mejs__time-rail * {
font-size: 10px;
}
.mejs__overlay-button {
background-color: rgba(91, 129, 158, 0.8) !important;
}
.animsition {
background: #fff;
}
.slideshow {
background-image: none;
}
.slideshow figcaption {
display: block;
height: 32px;
line-height: 1.4;
color: #3977b0;
}
.name a {
color: #3977b0;
}
a.premium {
color: #222;
}
#mc_embed_signup.floatlabel #mc-embedded-subscribe-form #mc-embedded-subscribe.button {
background: #3977b0 !important;
color: #fff;
}
.testimonial .quote {
color: #fff;
background: #999;
border-radius: 3px;
}
.testimonial .quote__quote {
color: #fff;
}
.testimonial .arrow-down {
border-top-color: #999;
}
.testimonial .citation .citation_name {
color: #38191a;
}
.testimonial .citation .citation_title {
color: #aaa;
}
.citation.citation-featured::before {
color: #3977b0;
}
.citation.citation-featured cite::before {
border-bottom-color: #3977b0;
}
.pullquote::before {
color: #3977b0;
}
.pullquote::after {
color: #3977b0;
}
.ui-accordion .ui-icon {
color: #3977b0;
background: none;
}
[id*="-content"] .accordion.outline h3 {
border: 1px solid #aaa;
}
[id*="-content"] .accordion p {
color: #222;
}
[id*="-content"] .accordion h3 {
background: none;
}
[id*="-content"] .accordion h3 a {
color: #222;
}
[id*="-content"] .accordion h3 a:hover {
color: #6b0b0c;
}
[class*="span-"] [class*="menu-"] ul li a:hover {
color: #38191a;
}
[class*="span-"] [class*="menu-"] > ul > li.has-sub > a::before {
color: #bbb;
}
.list-custom-taxonomy-widget ul li a {
text-decoration: none;
}
.list-custom-taxonomy-widget ul li {
border-color: #ddd;
}
.list-custom-taxonomy-widget ul li:hover {
color: #38191a;
}
.list-custom-taxonomy-widget > ul > li.has-sub > a::after {
color: #444;
}
.pace .pace-progress {
background: #92a4a8;
height: 2px;
}
#filters .selected {
background: #3977b0;
color: #38191a;
}
#filters li {
background: #6b0b0c;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
#filters li:hover {
background: #222;
}
#filters li a {
color: #999;
}
#filters li li a {
color: #999;
background: #38191a;
}
#filters li:first-of-type a:after {
content: '';
}
.dropdown-menu > li {
background: #999;
}
.dropdown-menu > li > a {
font-weight: 300;
letter-spacing: 1px;
font-family: 'Raleway', 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
text-transform: none;
text-transform: uppercase;
color: #6b0b0c;
}
.dropdown-menu > li > a:hover {
color: #fff;
background: #6b0b0c;
}
.dropdown-menu > li > a:after {
color: #bbb;
}
.dropdown-menu > li > a:hover:after {
color: #fff;
}
.dropdown-menu > li ul {
background: #999;
}
.dropdown-menu > li ul li {
background: none;
border-top: 1px solid #fff;
border-bottom: 1px solid #3977b0;
}
.dropdown-menu > li ul li a {
color: #6b0b0c;
background: #999;
}
.dropdown-menu > li ul li a:hover {
color: #bbb;
background: #6b0b0c;
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
-webkit-opacity: 0.7;
-moz-opacity: 0.7;
-ms-opacity: 0.7;
-o-opacity: 0.7;
opacity: 0.7;
}
[id*='tabs'].ui-tabs [id*="panel-"] li,
[id*='tabs'].ui-tabs [id*="panel-"] p {
color: #6b0b0c;
}
[id*='tabs'].ui-tabs [id*="panel-"] a {
color: #3977b0;
}
[id*='tabs'].ui-tabs .ui-tabs-nav li {
background: #fff;
border: 1px solid #aaa;
}
[id*='tabs'].ui-tabs .ui-tabs-nav li a {
color: #aaa;
}
[id*='tabs'].ui-tabs .ui-tabs-nav li:hover {
background: #fff;
}
[id*='tabs'].ui-tabs .ui-tabs-nav li:hover a {
color: #aaa;
}
[id*='tabs'].ui-tabs .ui-tabs-nav li.ui-tabs-tab a:hover {
background: #ddd;
color: #444;
}
[id*='tabs'].ui-tabs .ui-tabs-nav li.ui-tabs-active {
background: #fff;
border: 1px solid #aaa;
border-bottom: 1px solid #fff;
}
[id*='tabs'].ui-tabs .ui-tabs-nav li.ui-tabs-active a {
color: #444;
}
[id*='tabs'].ui-tabs .ui-tabs-nav li.ui-tabs-active a:hover {
background: none;
}
[id*='tabs'].ui-tabs-plain .ui-tabs-nav li {
background: none;
border: none;
}
[id*='tabs'].ui-tabs-plain .ui-tabs-nav li a {
color: #444;
}
[id*='tabs'].ui-tabs-plain .ui-tabs-nav li:hover {
background: none;
border: none;
}
[id*='tabs'].ui-tabs-plain .ui-tabs-nav li.ui-tabs-tab a:hover {
background: none;
color: #ddd;
}
[id*='tabs'].ui-tabs-plain .ui-tabs-nav li.ui-tabs-active {
background: none;
border: 1px solid #aaa;
border-bottom-color: #ffffff;
}
[id*='tabs'].ui-tabs-plain .ui-tabs-nav li.ui-tabs-active a {
color: #444;
}
[id*='tabs'].ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
border-bottom-color: #aaa;
border-right-color: #fff;
}
@media only screen and (max-width: 960px) {
[id*='tabs'].ui-tabs-vertical--mobile .ui-tabs-nav li.ui-tabs-active {
border-bottom-color: #aaa;
border-right-color: #fff;
}
}
.ui-tabs .ui-tabs-panel {
background: #fff;
border: 1px solid #aaa;
}
.ui-tabs-plain .ui-tabs-panel {
background: none;
border: none;
border-top: 1px solid #aaa;
}
.ui-tabs-borderless .ui-tabs-panel {
background: none;
border: none;
border-top: 1px solid #aaa;
}
.quicktags-toolbar input {
font-size: 13px;
color: #38191a;
background: #fff !important;
}
.quicktags-toolbar input:hover {
background: #6b0b0c;
color: #fff;
}
.quotation {
background: #ddd;
}
.quotation p {
color: #222;
}
.quotation .cite {
color: #222;
}
.quotation img:first-of-type {
max-width: 150px;
height: auto;
float: left;
margin-right: 12px;
padding: 4px;
border: 1px solid #3977b0;
margin-top: 6px;
}
.box-border {
-webkit-box-shadow: 0 0 0 6px rgba(245,245,245,1), 0 0 0 7px rgba(200,200,200,1);
-moz-box-shadow: 0 0 0 6px rgba(245,245,245,1), 0 0 0 7px rgba(200,200,200,1);
-o-box-shadow: 0 0 0 6px rgba(245,245,245,1), 0 0 0 7px rgba(200,200,200,1);
box-shadow: 0 0 0 6px rgba(245,245,245,1), 0 0 0 7px rgba(200,200,200,1);
}
@media only screen and (min-width: 768px) {
::-webkit-scrollbar {
width: 10px;
background-color: #aaa;
}
::-webkit-scrollbar-thumb {
width: 10px;
background: #3977b0;
}
::-webkit-scrollbar-track {
background-color: #aaa;
}
::-webkit-scrollbar-button {
background-color: #3977b0;
}
::-webkit-scrollbar-corner {
background-color: #444;
}
}
/** ===========================
* Images
* =========================== */
img.frame,
img.frame-center,
img.frame-left,
img.frame-right,
span.frame img,
span.frame-center img,
span.frame-left img span.frame-right img,
a.frame img,
a.frame-center img,
a.frame-left img,
a.frame-right img {
background: #fff;
border: 1px solid #ddd;
}
.container .framed,
[class*="-container"] .framed {
border: 6px solid #fff;
outline: #aaa solid 1px !important;
}
/** ======================================
* Page Themes
* ======================================= */
body.fill {
background: #fff;
}
body.fill article {
padding: 16px;
background: #ddd;
margin-bottom: 32px;
}
.fill {
background: #ddd;
}
.fill.inner {
background: #ddd;
margin-bottom: 32px;
}
.fill.inner.border {
border: 1px solid #aaa !important;
}
[class*="-featured"] #carousel-container {
background: #999;
}
[class*="-featured"] .breadcrumbs-container {
display: none;
}
.header-container.hidethis {
position: absolute;
top: -9999px;
}
.find {
color: #6b0b0c;
}
a.gototop {
background: #38191a;
color: #fff;
}
.arrow li::before,
.checkmark li::before,
.bullet li::before,
.asterisk li::before {
color: #3977b0;
}
.asterisk li::before {
font-family: 'Montserrat', 'Lato', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.bg-lightest h1,
.bg-lighter h1,
.bg-light h1,
.bg-medium h1,
.bg-lightest h2,
.bg-lighter h2,
.bg-light h2,
.bg-medium h2,
.bg-lightest h3,
.bg-lighter h3,
.bg-light h3,
.bg-medium h3,
.bg-lightest h4,
.bg-lighter h4,
.bg-light h4,
.bg-medium h4,
.bg-lightest h5,
.bg-lighter h5,
.bg-light h5,
.bg-medium h5,
.bg-lightest h6,
.bg-lighter h6,
.bg-light h6,
.bg-medium h6,
.bg-lightest p,
.bg-lighter p,
.bg-light p,
.bg-medium p,
.bg-lightest a,
.bg-lighter a,
.bg-light a,
.bg-medium a,
.bg-lightest li,
.bg-lighter li,
.bg-light li,
.bg-medium li,
.bg-lightest figcaption,
.bg-lighter figcaption,
.bg-light figcaption,
.bg-medium figcaption {
color: #222;
}
.bg-darkest h1,
.bg-darker h1,
.bg-dark h1,
.bg-darkest h2,
.bg-darker h2,
.bg-dark h2,
.bg-darkest h3,
.bg-darker h3,
.bg-dark h3,
.bg-darkest h4,
.bg-darker h4,
.bg-dark h4,
.bg-darkest h5,
.bg-darker h5,
.bg-dark h5,
.bg-darkest h6,
.bg-darker h6,
.bg-dark h6,
.bg-darkest p,
.bg-darker p,
.bg-dark p,
.bg-darkest a,
.bg-darker a,
.bg-dark a,
.bg-darkest li,
.bg-darker li,
.bg-dark li,
.bg-darkest figcaption,
.bg-darker figcaption,
.bg-dark figcaption {
color: #fff;
}
.leader-container * {
color: #999;
}
.header-container {
background-size: auto;
}
.header-container * {
color: #3977b0;
}
.sticky-container {
background: rgba(91, 129, 158, 0.9);
}
#section-tertiary * {
color: #999;
}
#section-tertiary a,
#section-tertiary p,
#section-tertiary h3 {
color: #3977b0;
}
#section-tertiary.content {
background: none;
}
#section-footer.content {
color: #3977b0;
}
#section-footer.content .heading {
color: #3977b0;
}
#section-footer.content .credits {
color: #3977b0;
}
#section-footer.content .credits a {
color: #3977b0;
}
#footer-nav.menu li a {
color: #3977b0;
font-size: 13px;
}
@media only screen and (min-width: 960px) {
.wide.edge.overlay .header-container .find {
color: #bbb;
}
}
.wp-caption-text {
color: #38191a;
font-style: normal;
font-size: 11px;
line-height: 1.2;
margin-top: 12px;
}
/* ============================================
* Social Icons
* ============================================ */
.social li [data-icon]::before,
.social.color li:hover [data-icon]::before {
color: #fff;
background: #3977b0;
}
#social .social.plain li [data-icon]::before {
background: none;
color: #3977b0;
}
#social.custom {
position: absolute;
left: 25%;
bottom: 20px;
}
/* ============================================
* Underscores and Heading Options
* ============================================ */
.split:before,
.split:after {
background-color: #3977b0;
}
.split-single:after {
background-color: #3977b0;
}
.underscore:after,
.underscore-short:after,
.underscore-thin:after {
background-color: #3977b0;
}
.sandwich:before,
.sandwich-short:before,
.sandwich:after,
.sandwich-short:after {
background-color: #3977b0;
}
/* ============================================
* Breadcrumbs
* ============================================ */
.breadcrumbs-container .breadcrumbs-content .trail-items {
color: #fff;
}
.breadcrumbs-container .breadcrumbs-content .trail-items li span {
color: #fff;
}
.breadcrumbs-container .breadcrumbs-content .trail-items li a span {
color: #fff;
}
.breadcrumbs-container .breadcrumbs-content .trail-items li.trail-end span {
color: #999;
}
.breadcrumbs-container .breadcrumbs-content .trail-items li::after {
color: #fff;
}
.breadcrumbs-content nav.breadcrumb-trail.breadcrumbs ul.trail-items .trail-item li,
.breadcrumbs-content nav.breadcrumb-trail.breadcrumbs ul.trail-items .trail-item span,
.breadcrumbs-content nav.breadcrumb-trail.breadcrumbs ul.trail-items .trail-item a {
color: #38191a;
}
.breadcrumbs-content nav.breadcrumb-trail.breadcrumbs ul.trail-items .trail-item.trail-end span {
color: #3977b0;
}
/* ============================================
* Pagination
* ============================================ */
nav.pagination .page-numbers {
padding: 6px 12px;
}
nav.pagination .page-numbers.current {
color: #6b0b0c;
background: #999;
}
nav.pagination .page-numbers {
color: #fff;
background: #6b0b0c;
}
nav.pagination .page-numbers.dots {
color: #fff;
}
nav.pagination .previous-post a,
nav.pagination .next-post a {
background: none;
color: #6b0b0c;
border: 1px solid #aaa;
}
/* ============================================
* Blog Posts
* ============================================ */
.entry-meta,
.tags {
background-image: none;
background: none;
border-bottom: 1px solid #ddd;
color: #6b0b0c;
}
.entry-meta a,
.tags a {
color: #38191a;
}
.entry-meta time,
.tags time {
padding-left: 0;
}
.entry-meta li:before,
.tags li:before,
.entry-meta time:before,
.tags time:before {
color: #3977b0;
}
.entry-meta [class*="meta-"]:before,
.tags [class*="meta-"]:before {
color: #3977b0;
}
.masonry.post-grid .entry .entry-meta.gridview {
background: #fff;
border-top: 1px solid #999;
color: #3977b0;
}
.masonry.post-grid .entry .entry-meta.gridview a {
color: #3977b0;
}
.masonry.post-grid .entry .entry-meta.gridview li:before,
.masonry.post-grid .entry .entry-meta.gridview time:before {
color: #3977b0;
}
.masonry.post-grid .entry .entry-meta.gridview [class*="meta-"]:before {
color: #3977b0;
}
.comment .comment-reply-link {
background: none;
color: #6b0b0c;
border: 1px solid #aaa;
}
.post-grid .entry {
background: #fff;
-webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);
}
.masonry.card .entry,
.masonry.card > div {
border: 1px solid #aaa;
background: #fff;
}
.masonry.card .entry > a:first-of-type,
.masonry.card > div > a:first-of-type {
background: #fff;
border-bottom: 1px solid #ddd;
}
.post-grid.card .entry {
background: none;
}
span.readmore a {
color: #fff;
font-style: normal;
background: #3977b0;
}
span.readmore a:hover {
background: #6b0b0c;
}
/* ============================================
* Forms
* ============================================ */
label {
color: #444;
font-family: 'Raleway', 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 300;
text-transform: none;
letter-spacing: 0;
}
input:not([type=submit]),
textarea,
select {
color: #aaa;
background: #fff;
border: 1px solid #aaa;
font-family: 'Raleway', 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
-webkit-transition: 0.05s border-color ease-in-out;
-moz-transition: 0.05s border-color ease-in-out;
transition: 0.05s border-color ease-in-out;
}
input:not([type=submit]):focus,
textarea:focus,
select:focus,
input:not([type=submit]):hover,
textarea:hover,
select:hover {
border-color: #ddd;
}
select:invalid,
select option:first-child {
color: #444;
}
.dash input,
.underscore input,
.dash textarea,
.underscore textarea,
.dash select,
.underscore select {
border-bottom: 1px dashed #aaa;
}
label.select::after {
color: #aaa;
}
.floatlabel input::-webkit-input-placeholder,
.hide-labels input::-webkit-input-placeholder,
.floatlabel textarea::-webkit-input-placeholder,
.hide-labels textarea::-webkit-input-placeholder,
.floatlabel select::-webkit-input-placeholder,
.hide-labels select::-webkit-input-placeholder {
color: #aaa;
}
.floatlabel input:-moz-placeholder,
.hide-labels input:-moz-placeholder,
.floatlabel textarea:-moz-placeholder,
.hide-labels textarea:-moz-placeholder,
.floatlabel select:-moz-placeholder,
.hide-labels select:-moz-placeholder {
color: #aaa;
}
.floatlabel input::-moz-placeholder,
.hide-labels input::-moz-placeholder,
.floatlabel textarea::-moz-placeholder,
.hide-labels textarea::-moz-placeholder,
.floatlabel select::-moz-placeholder,
.hide-labels select::-moz-placeholder {
color: #aaa;
}
.floatlabel input:-ms-input-placeholder,
.hide-labels input:-ms-input-placeholder,
.floatlabel textarea:-ms-input-placeholder,
.hide-labels textarea:-ms-input-placeholder,
.floatlabel select:-ms-input-placeholder,
.hide-labels select:-ms-input-placeholder {
color: #aaa;
}
.floatlabel input:focus::-webkit-input-placeholder,
.hide-labels input:focus::-webkit-input-placeholder,
.floatlabel textarea:focus::-webkit-input-placeholder,
.hide-labels textarea:focus::-webkit-input-placeholder,
.floatlabel select:focus::-webkit-input-placeholder,
.hide-labels select:focus::-webkit-input-placeholder {
color: #ddd;
}
.floatlabel input:focus:-moz-placeholder,
.hide-labels input:focus:-moz-placeholder,
.floatlabel textarea:focus:-moz-placeholder,
.hide-labels textarea:focus:-moz-placeholder,
.floatlabel select:focus:-moz-placeholder,
.hide-labels select:focus:-moz-placeholder {
color: #ddd;
}
.floatlabel input:focus::-moz-placeholder,
.hide-labels input:focus::-moz-placeholder,
.floatlabel textarea:focus::-moz-placeholder,
.hide-labels textarea:focus::-moz-placeholder,
.floatlabel select:focus::-moz-placeholder,
.hide-labels select:focus::-moz-placeholder {
color: #ddd;
}
.floatlabel input:focus:-ms-input-placeholder,
.hide-labels input:focus:-ms-input-placeholder,
.floatlabel textarea:focus:-ms-input-placeholder,
.hide-labels textarea:focus:-ms-input-placeholder,
.floatlabel select:focus:-ms-input-placeholder,
.hide-labels select:focus:-ms-input-placeholder {
color: #ddd;
}
.floatlabel select:nth-child(1),
.hide-labels select:nth-child(1) {
color: #aaa;
}
.floatlabel input,
.floatlabel textarea,
.floatlabel select {
background: #fff;
}
.floatlabel input:focus,
.floatlabel textarea:focus,
.floatlabel select:focus,
.floatlabel input:hover,
.floatlabel textarea:hover,
.floatlabel select:hover {
background: #fff;
}
.floatlabel .label-floatlabel {
color: #6b0b0c;
}
.wpcf7 .dash .wpcf7-not-valid {
border: none;
border-bottom: 1px dashed #F0797F;
}
.wpcf7 .dash .wpcf7-not-valid-tip {
top: 0;
}
[action*="www.paypal.com"] {
margin-bottom: 32px;
}
[action*="www.paypal.com"] input[type=image] {
box-shadow: none;
border: none;
}
[action*="www.paypal.com"] select {
color: #222;
}
[action*="www.paypal.com"] select:hover,
[action*="www.paypal.com"] select:focus {
color: #222;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
-webkit-text-fill-color: #aaa;
-webkit-box-shadow: 0 0 0px 1000px #fff inset;
transition: background-color 5000s ease-in-out 0s;
}
/* ============================================
* Buttons
* ============================================ */
.button,
input[type=submit] {
font-weight: 300;
letter-spacing: 1px;
text-transform: none;
font-family: 'Raleway', 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: #fff;
background: #38191a;
border: none !important;
}
.button.outline,
input[type=submit].outline,
.button.simple,
input[type=submit].simple,
.button.underscore,
input[type=submit].underscore {
color: #38191a;
background: none;
border-color: #3977b0;
}
.button.outline:hover,
input[type=submit].outline:hover,
.button.simple:hover,
input[type=submit].simple:hover,
.button.underscore:hover,
input[type=submit].underscore:hover,
.button.outline:focus,
input[type=submit].outline:focus,
.button.simple:focus,
input[type=submit].simple:focus,
.button.underscore:focus,
input[type=submit].underscore:focus {
color: #999;
border-color: #bbb;
}
.button span,
input[type=submit] span {
color: #fff;
}
.button:hover,
input[type=submit]:hover,
.button:focus,
input[type=submit]:focus {
color: #fff !important;
background: #6b0b0c;
border-color: #6b0b0c;
}
.button:hover.tip,
input[type=submit]:hover.tip,
.button:focus.tip,
input[type=submit]:focus.tip {
color: #fff;
background: #38191a;
}
.button:hover.button-outline,
input[type=submit]:hover.button-outline,
.button:focus.button-outline,
input[type=submit]:focus.button-outline {
color: #6b0b0c;
background: none;
border-color: #999;
}
.button:hover span,
input[type=submit]:hover span,
.button:focus span,
input[type=submit]:focus span {
color: #6b0b0c;
}
.button:visited,
input[type=submit]:visited {
color: #fff;
background: #38191a;
}
.button:visited:hover,
input[type=submit]:visited:hover {
color: #6b0b0c;
background: #bbb;
}
.button-dark {
color: #fff;
background: #38191a;
}
.button-dark:hover {
color: #999;
background: #3977b0;
}
.button-light {
color: #6b0b0c;
background: #bbb;
}
.button-light:hover {
color: #fff;
background: #3977b0;
}
.button-outline.button-dark {
color: #6b0b0c;
background: none;
border-color: #6b0b0c;
}
.button-outline.button-dark:hover {
color: #3977b0;
border-color: #3977b0;
}
.button-outline.button-light {
color: #bbb;
background: none;
border-color: #bbb;
}
.button-outline.button-light:hover {
color: #3977b0;
border-color: #3977b0;
}
span.color-lightest a.button {
color: #fff;
}
span.color-lightest a.button:hover {
color: #bbb;
}
span.color-lighter a.button {
color: #bbb;
}
span.color-light a.button {
color: #999;
}
/* ==========================================
* Tables
* ========================================== */
table {
border-color: #aaa;
}
table th,
table td {
border-left-color: #aaa;
border-bottom-color: #aaa;
}
table th {
background: #aaa;
border-top-color: #aaa;
border-bottom-color: #aaa;
border-left-color: #fff;
}
table th:last-of-type,
table td:last-of-type {
border-right-color: #aaa !important;
}
table td:first-of-type {
background: none;
}
table.color-odd tr:nth-child(odd) {
background: #ddd;
}
table.color-even tr:nth-child(even) {
background: #ddd;
}
table td.lt-color {
background: #bbb;
}
table td.dk-color {
background: #38191a;
color: #fff;
}
table td.lt-gray {
background: #ddd;
}
/* ============================================
* Search
* ============================================ */
@media only screen and (max-width: 959px) {
.find {
color: #fff;
}
}
.nav-container .find {
color: #fff;
background: none;
}
.search-container #search-form ::-webkit-input-placeholder {
opacity: 0.8;
color: #38191a;
}
.search-container #search-form :-ms-input-placeholder {
opacity: 0.8;
color: #38191a;
}
.search-container #search-form ::-moz-placeholder {
opacity: 0.8;
color: #38191a;
}
.search-container #search-form :-moz-placeholder {
opacity: 0.8;
color: #38191a;
}
.search-container #search-form :focus::-webkit-input-placeholder {
opacity: 0.8;
color: #38191a;
}
.search-container #search-form :focus:-moz-placeholder {
opacity: 0.8;
color: #38191a;
}
.search-container #search-form :focus::-moz-placeholder {
opacity: 0.8;
color: #38191a;
}
.search-container #search-form :focus:-ms-input-placeholder {
opacity: 0.8;
color: #38191a;
}
.search-container #search-form .search-content {
background: #999;
}
.search-container #search-form .search-input {
font-weight: 400;
box-shadow: none;
color: #38191a;
background: #999;
text-transform: none;
letter-spacing: 0;
}
.search-container #search-form .search-input:focus,
.search-container #search-form .search-input:hover {
color: #38191a;
background: #999;
}
.search-container #search-form .search-image-container {
background: none;
}
.search-container #search-form .search-image-container .icon {
color: #444;
background: none;
}
#search {
background-color: rgba(255, 255, 255, 0.9);
}
#search #search-form input[type="text"].search-input {
color: #aaa;
}
#search #search-form .icon {
color: #aaa;
}
#search .close {
color: #aaa;
}
/* ============================================
* Desktop Navigation
* ============================================ */
/* Change height of main navigation */
@media only screen and (min-width: 960px) {
.nav-container #main-nav > li {
padding: 0;
}
.nav-container #main-nav > li,
.nav-container #main-nav > li > a {
height: 100%;
}
.nav-container #main-nav > li > a {
padding-top: 20px;
padding-bottom: 20px;
}
.nav-container #main-nav > li:last-of-type > a {
padding-top: 20px;
padding-bottom: 20px;
}
.nav-container #main-nav li.menu-parent-item > a::after {
top: 38px;
}
.nav-container #main-nav li:hover ul,
.nav-container #main-nav li.sfHover ul {
top: 86px;
}
.nav-container .find {
line-height: 82px;
}
}
#main-nav span.arrow,
#sticky-nav span.arrow {
border-bottom-color: #222;
display: none;
}
#main-nav li a,
#sticky-nav li a {
height: auto;
min-height: 46px;
max-height: 92px;
font-weight: 400;
letter-spacing: 1px;
font-family: 'Raleway', 'Roboto', 'Open Sans', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 13px;
text-transform: none;
color: #bbb;
-webkit-transition: color 0.25s ease-in, border 0.15s ease-in;
transition: color 0.25s ease-in, border 0.15s ease-in;
}
#main-nav li a:hover,
#sticky-nav li a:hover {
color: #ddd;
-webkit-transition: color 0.25s ease-out, border 0.15s ease-out;
transition: color 0.25s ease-out, border 0.15s ease-out;
}
#main-nav li.current-menu-parent > a,
#sticky-nav li.current-menu-parent > a,
#main-nav li.current-menu-item > a,
#sticky-nav li.current-menu-item > a {
color: #ddd;
border: 0;
}
#main-nav li.current-menu-parent ul.sub-menu li.current-menu-item a,
#sticky-nav li.current-menu-parent ul.sub-menu li.current-menu-item a {
color: #ddd;
background: #38191a;
}
#main-nav ul li.current-menu-parent ul.sub-menu li a,
#sticky-nav ul li.current-menu-parent ul.sub-menu li a,
#main-nav ul li.current-menu-parent ul.sub-menu li.current-menu-item a,
#sticky-nav ul li.current-menu-parent ul.sub-menu li.current-menu-item a,
#main-nav ul li a,
#sticky-nav ul li a {
border: 0;
color: #bbb;
background: #222;
}
#main-nav ul li.current-menu-parent ul.sub-menu li a:hover,
#sticky-nav ul li.current-menu-parent ul.sub-menu li a:hover,
#main-nav ul li.current-menu-parent ul.sub-menu li.current-menu-item a:hover,
#sticky-nav ul li.current-menu-parent ul.sub-menu li.current-menu-item a:hover,
#main-nav ul li a:hover,
#sticky-nav ul li a:hover {
border: 0;
color: #ddd;
background: #38191a;
opacity: 1;
}
#menu-leader.leader-menu li a {
font-size: 13px;
}
#menu-leader.leader-menu li a {
color: #3977b0;
}
#menu-leader.leader-menu li a:hover {
color: #fff;
}
.overlay #main-nav > li.current-menu-parent,
.overlay #main-nav li.current-menu-parent > a,
.overlay #main-nav > li.current-menu-item,
.overlay #main-nav li.current-menu-item > a {
background: none;
color: #fff;
}
.overlay #main-nav li a {
color: #999;
}
.overlay #main-nav li a:hover {
color: #fff;
}
/* ============================================
* Mobile Navigation
* ============================================ */
@media only screen and (max-width: 960px) {
.nav-container,
.nav-content,
.nav-inner,
.nav {
color: #fff;
background: #222 !important;
}
.header-content .nav {
background: #222;
}
.wrap::before {
background-color: #222;
}
#mobile-nav {
color: #fff !important;
background: #222 !important;
}
#mobile-nav:hover::before {
color: #3977b0;
}
#mobile-nav:hover {
background: #222;
}
#main-nav,
#main-nav.mobile-nav {
background: #222;
}
#main-nav li a,
#main-nav.mobile-nav li a {
color: #bbb;
background: #222;
}
#main-nav li a:hover,
#main-nav.mobile-nav li a:hover {
color: #ddd;
background: #38191a;
}
#main-nav li.current-menu-item > a,
#main-nav li.current-menu-parent > a {
border-left-color: #fff;
}
#main-nav li.current-menu-item > a:hover,
#main-nav li.current-menu-parent > a:hover {
border-left-color: #bbb;
}
.nav-container .find {
color: #fff;
background: none;
}
#search-form .search-content {
background: #3977b0;
}
#search-form .search-input {
color: #fff;
background: #3977b0;
}
#search-form .search-input:focus,
#search-form .search-input:hover {
color: #fff;
background: #3977b0;
}
#search-form .search-image-container {
background: #6b0b0c;
}
#search-form .search-image-container input {
color: #fff;
background: #6b0b0c;
}
#search-form #search {
color: #fff;
}
}
/* ============================================
* Sidebar and Widget Area Overrides
* ============================================ */
.sidebar.column.row h5 {
padding-bottom: 0;
margin-bottom: 0;
}
.sidebar.column > .row:last-of-type {
border-bottom: 0;
padding-bottom: 32px;
}
.sidebar [class*="menu-"] ul li a {
border-color: #ddd;
}
.sidebar [class*="menu-"] ul li a:hover {
color: #38191a;
border-color: #ddd;
}
.sidebar [class*="menu-"] > ul > li.has-sub > a::after {
color: #444;
}
/*! ThemeKit 1.0 | http://www.atomiccherry.com | (c) 2017 Atomic Cherry Design */
/* ======================================================
Base Colors
========================================================= */
.color-lightest {
color: #fff;
}
.color-lightest a,
.color-lightest p,
.color-lightest span {
color: #fff;
}
.color-lighter {
color: #bbb;
}
.color-lighter a,
.color-lighter p,
.color-lighter span {
color: #bbb;
}
.color-light {
color: #999;
}
.color-light a,
.color-light p,
.color-light span {
color: #999;
}
.color-medium {
color: #3977b0;
}
.color-medium a,
.color-medium p,
.color-medium span {
color: #3977b0;
}
.color-dark {
color: #6b0b0c;
}
.color-dark a,
.color-dark p,
.color-dark span {
color: #6b0b0c;
}
.color-darker {
color: #38191a;
}
.color-darker a,
.color-darker p,
.color-darker span {
color: #38191a;
}
.color-darkest {
color: #222;
}
.color-darkest a,
.color-darkest p,
.color-darkest span {
color: #222;
}
.color-lt-gray {
color: #ddd;
}
.color-lt-gray a,
.color-lt-gray p,
.color-lt-gray span {
color: #ddd;
}
.color-md-gray {
color: #aaa;
}
.color-md-gray a,
.color-md-gray p,
.color-md-gray span {
color: #aaa;
}
.color-dk-gray {
color: #444;
}
.color-dk-gray a,
.color-dk-gray p,
.color-dk-gray span {
color: #444;
}
.color-primary {
color: #2c76d7;
}
.color-primary a,
.color-primary p,
.color-primary span {
color: #2c76d7;
}
.color-secondary {
color: #4cb536;
}
.color-secondary a,
.color-secondary p,
.color-secondary span {
color: #4cb536;
}
.color-tertiary {
color: #9c3853;
}
.color-tertiary a,
.color-tertiary p,
.color-tertiary span {
color: #9c3853;
}
.color-quaternary {
color: #6b368f;
}
.color-quaternary a,
.color-quaternary p,
.color-quaternary span {
color: #6b368f;
}
.color-quinary {
color: #d67627;
}
.color-quinary a,
.color-quinary p,
.color-quinary span {
color: #d67627;
}
.bg-color-primary {
background-color: #2c76d7;
}
.bg-color-secondary {
background-color: #4cb536;
}
.bg-color-tertiary {
background-color: #9c3853;
}
.bg-color-quaternary {
background-color: #6b368f;
}
.bg-color-quinary {
background-color: #d67627;
}
.bg-color-success {
background-color: #4EB672;
}
.bg-color-warning {
background-color: #d45252;
}
.bg-color-caution {
background-color: #E7AF44;
}
.bg-color-accept {
background-color: #1da34b;
}
.bg-color-cancel {
background-color: #d50000;
}
.bg-color-notes {
background-color: #4E88B6;
}
.bg-color-info {
background-color: #2484d1;
}
.bg-color-failure {
background-color: #d50000;
}
.bg-color-lightest {
background-color: #fff;
}
.bg-color-lighter {
background-color: #bbb;
}
.bg-color-light {
background-color: #999;
}
.bg-color-medium {
background-color: #3977b0;
}
.bg-color-dark {
background-color: #6b0b0c;
}
.bg-color-darker {
background-color: #38191a;
}
.bg-color-darkest {
background-color: #222;
}
.bg-color-light p,
.bg-color-lighter p,
.bg-color-lightest p,
.bg-color-light li,
.bg-color-lighter li,
.bg-color-lightest li,
.bg-color-light a,
.bg-color-lighter a,
.bg-color-lightest a,
.bg-color-light span,
.bg-color-lighter span,
.bg-color-lightest span,
.bg-color-light h1,
.bg-color-lighter h1,
.bg-color-lightest h1,
.bg-color-light h2,
.bg-color-lighter h2,
.bg-color-lightest h2,
.bg-color-light h3,
.bg-color-lighter h3,
.bg-color-lightest h3,
.bg-color-light h4,
.bg-color-lighter h4,
.bg-color-lightest h4,
.bg-color-light h5,
.bg-color-lighter h5,
.bg-color-lightest h5,
.bg-color-light h6,
.bg-color-lighter h6,
.bg-color-lightest h6 {
color: #222;
}
.bg-color-medium p,
.bg-color-dark p,
.bg-color-darker p,
.bg-color-darkest p,
.bg-color-medium li,
.bg-color-dark li,
.bg-color-darker li,
.bg-color-darkest li,
.bg-color-medium a,
.bg-color-dark a,
.bg-color-darker a,
.bg-color-darkest a,
.bg-color-medium span,
.bg-color-dark span,
.bg-color-darker span,
.bg-color-darkest span,
.bg-color-medium h1,
.bg-color-dark h1,
.bg-color-darker h1,
.bg-color-darkest h1,
.bg-color-medium h2,
.bg-color-dark h2,
.bg-color-darker h2,
.bg-color-darkest h2,
.bg-color-medium h3,
.bg-color-dark h3,
.bg-color-darker h3,
.bg-color-darkest h3,
.bg-color-medium h4,
.bg-color-dark h4,
.bg-color-darker h4,
.bg-color-darkest h4,
.bg-color-medium h5,
.bg-color-dark h5,
.bg-color-darker h5,
.bg-color-darkest h5,
.bg-color-medium h6,
.bg-color-dark h6,
.bg-color-darker h6,
.bg-color-darkest h6 {
color: #fff;
}
.button.button-primary,
input[type=submit].button-primary {
color: #fff;
background: #2c76d7;
}
.button.button-secondary,
input[type=submit].button-secondary {
color: #fff;
background: #4cb536;
}
.button.button-tertiary,
input[type=submit].button-tertiary {
color: #fff;
background: #9c3853;
}
.button.button-quaternary,
input[type=submit].button-quaternary {
color: #fff;
background: #6b368f;
}
.button.button-quinary,
input[type=submit].button-quinary {
color: #fff;
background: #d67627;
}
.button.button-primary:hover,
input[type=submit].button-primary:hover,
.button.button-primary:focus,
input[type=submit].button-primary:focus {
color: #fff;
background: #82aee7;
}
.button.button-secondary:hover,
input[type=submit].button-secondary:hover,
.button.button-secondary:focus,
input[type=submit].button-secondary:focus {
color: #fff;
background: #8ad77a;
}
.button.button-tertiary:hover,
input[type=submit].button-tertiary:hover,
.button.button-tertiary:focus,
input[type=submit].button-tertiary:focus {
color: #fff;
background: #cb6f88;
}
.button.button-quaternary:hover,
input[type=submit].button-quaternary:hover,
.button.button-quaternary:focus,
input[type=submit].button-quaternary:focus {
color: #fff;
background: #9f66c5;
}
.button.button-quinary:hover,
input[type=submit].button-quinary:hover,
.button.button-quinary:focus,
input[type=submit].button-quinary:focus {
color: #fff;
background: #e7ac7c;
}
.button.button-primary:visited,
input[type=submit].button-primary:visited,
.button.button-primary:active,
input[type=submit].button-primary:active {
color: #fff;
background: #2c76d7;
}
.button.button-secondary:visited,
input[type=submit].button-secondary:visited,
.button.button-secondary:active,
input[type=submit].button-secondary:active {
color: #fff;
background: #4cb536;
}
.button.button-tertiary:visited,
input[type=submit].button-tertiary:visited,
.button.button-tertiary:active,
input[type=submit].button-tertiary:active {
color: #fff;
background: #9c3853;
}
.button.button-quaternary:visited,
input[type=submit].button-quaternary:visited,
.button.button-quaternary:active,
input[type=submit].button-quaternary:active {
color: #fff;
background: #6b368f;
}
.button.button-quinary:visited,
input[type=submit].button-quinary:visited,
.button.button-quinary:active,
input[type=submit].button-quinary:active {
color: #fff;
background: #d67627;
}
.button.button-accept,
input[type=submit].button-accept {
color: #fff;
background: #1da34b;
}
.button.button-cancel,
input[type=submit].button-cancel {
color: #fff;
background: #d50000;
}
.button.button-accept:visited,
input[type=submit].button-accept:visited,
.button.button-accept:active,
input[type=submit].button-accept:active {
color: #fff;
background: #1da34b;
}
.button.button-cancel:visited,
input[type=submit].button-cancel:visited,
.button.button-cancel:active,
input[type=submit].button-cancel:active {
color: #fff;
background: #d50000;
}
.button.button-accept:hover,
input[type=submit].button-accept:hover,
.button.button-accept:focus,
input[type=submit].button-accept:focus {
color: #fff;
background: #48de7b;
}
.button.button-cancel:hover,
input[type=submit].button-cancel:hover,
.button.button-cancel:focus,
input[type=submit].button-cancel:focus {
color: #fff;
background: #ff3c3c;
}
/*! ThemeKit 1.5 | http://www.atomiccherry.com | (c) 2018 Atomic Cherry Design */
/* ======================================================
Variables
========================================================= */
/* Widths
================================================== */
/* Breakpoints
================================================== */
/** Baseline
========================================================== */
/* Gutters
================================================== */
/** Miscellaneous
========================================================== */
/** Colors
========================================================== */
/** Fonts
========================================================== */
/*! ThemeKit 1.0 | http://www.atomiccherry.com | (c) 2017 Atomic Cherry Design */
/** ====================================================
Print Styles
======================================================= */
@media print {
* {
background: transparent !important;
color: #000000 !important;
text-shadow: none !important;
-ms-filter: none !important;
filter: none !important;
}
body,
html {
background: none;
position: static;
}
body {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1.4;
word-spacing: 1.1pt;
letter-spacing: 0.2pt;
font-family: Garamond, "Times New Roman", serif;
color: #000000;
background: none;
font-size: 12pt;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: Helvetica, Arial, sans-serif;
}
h1 {
font-size: 19pt;
}
h2 {
font-size: 17pt;
}
h3 {
font-size: 15pt;
}
h4,
h5,
h6 {
font-size: 12pt;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
a {
text-decoration: underline;
color: #000;
}
a img {
border: none;
}
img {
display: block;
float: left;
margin: 1em 1.5em 1.5em 0;
max-width: 100%;
}
code {
font: 10pt Courier, monospace;
}
blockquote {
margin: 1.3em;
padding: 1em;
font-size: 10pt;
}
hr {
background-color: #ccc;
}
a:link,
a:visited {
background: transparent;
font-weight: 700;
text-decoration: underline;
color: #333;
}
a:link[href^="http://"]:after,
a[href^="http://"]:visited:after {
content: " (" attr(href) ") ";
font-size: 90%;
}
a[href^="http://"] {
color: #000;
}
table {
margin: 1px;
text-align: left;
}
th {
border-bottom: 1px solid #333;
font-weight: bold;
}
td {
border-bottom: 1px solid #333;
}
th,
td {
padding: 4px 10px 4px 0;
}
tfoot {
font-style: italic;
}
caption {
background: #fff;
margin-bottom: 2em;
text-align: left;
}
thead {
display: table-header-group;
}
tr {
page-break-inside: avoid;
}
.share {
display: none;
}
.top {
display: none;
}
#meta {
display: none;
}
.leader-container,
.header-container,
.featured-container,
.nav-container,
.breadcrumbs,
.sidebar,
[id*='section-secondary'],
[id*='section-tertiary'],
[id*='section-footer'] {
display: none;
}
[id*='section-primary'],
[id*='section-primary'] * {
background: #ffffff;
background-image: none;
color: #000000 !important;
}
}
/*# sourceMappingURL=main.css.map */