html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#page {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
z-index: 80;
-webkit-transition: none;
transition: none;
}
.site-content {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
overflow: hidden;
}
.container {
width: 100%;
max-width: 1200px;
max-width: var(--container);
margin: auto;
padding: 0 30px;
padding: 0 var(--container-padding);
}
.container-fluid {
width: 100%;
}
.card-grid {
display: grid;
--card-min: 350px;
--card-max: 1fr;
--card-type: auto-fit;
grid-template-columns: repeat(var(--card-type), minmax(min(var(--card-min), 100%), var(--card-max)));
grid-gap: 30px;
grid-gap: var(--grid-gap);
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.flex,
.flex-grid,
.wp-block-file {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: calc(-1 * calc(30px / 2));
margin-left: calc(-1 * var(--flex-gap));
margin-right: calc(-1 * calc(30px / 2));
margin-right: calc(-1 * var(--flex-gap));
}
.flex-grid>*,
.flex>*,
.wp-block-file>* {
margin-right: calc(30px / 2);
margin-right: var(--flex-gap);
margin-left: calc(30px / 2);
margin-left: var(--flex-gap);
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.flex-column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.flex-grow {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.sidebar-left {
padding-left: 30px;
}
.sidebar-right {
padding-right: 30px;
}
.widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
}
.widget {
margin-top: 0;
margin-bottom: 1.5em;
}
.widget-area .widget {
margin-left: 0;
margin-right: 0;
border-radius: 5px;
background: #f4f5f5;
padding: 30px;
margin: 0 0 20px;
font-size: 14px;
line-height: 1.4;
}
.widget li {
line-height: 1.8;
}
.widget li a {
text-decoration: none;
}
.widget_archive ul,
.widget_categories ul,
.widget_meta ul,
.widget_nav_menu ul,
.widget_pages ul,
.widget_recent_comments ul,
.widget_recent_entries ul,
.widget_rss ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.widget select {
max-width: 100%;
text-overflow: ellipsis;
border-radius: 3px;
-moz-text-align-last: center;
text-align-last: center;
padding-bottom: 4px;
}
.widget_archive li {
color: inherit;
}
.widget_categories .children {
padding-top: 0;
}
.widget_search .search-submit {
display: none;
}
.widget_nav_menu .sub-menu,
.widget_pages .children {
padding-top: 0;
padding-bottom: .5em;
}
.widget_nav_menu a,
.widget_pages a {
display: block;
padding: .6em 0;
text-decoration: none;
border-bottom: 1px dashed gray;
}
.widget_nav_menu a:focus,
.widget_nav_menu a:hover,
.widget_pages a:focus,
.widget_pages a:hover {
text-decoration: none;
border-bottom: 1px dashed gray;
}
.widget_nav_menu li,
.widget_pages li {
padding: 0;
}
.widget_nav_menu li ul,
.widget_pages li ul {
margin-left: 1em;
}
.widget_meta li {
padding: 0;
}
.widget_recent_comments li {
line-height: 1.3;
padding-bottom: .5em;
}
.widget_recent_comments a:focus,
.widget_recent_comments a:hover {
padding-left: 0;
}
.widget_rss li {
margin-bottom: 1em;
line-height: 1.3;
}
.widget li a.rsswidget {
padding-right: .5em;
font-size: 1em;
line-height: 1.4;
}
.rss-date,
.widget_rss cite {
color: inherit;
font-size: .8em;
}
.rssSummary {
font-family: var(--global-font-family);
padding: .5em 0;
font-size: .9em;
line-height: 1.3;
}
.widget_calendar {
font-weight: 400;
}
.widget_calendar caption {
padding: .5em 0;
font-size: 1em;
font-weight: 500;
text-align: left;
}
.widget_calendar thead {
background: 0 0;
color: inherit;
}
.widget_calendar th {
border: none;
text-align: center;
}
.widget_calendar thead th {
border-bottom-width: 2px;
}
.widget_calendar td {
padding: .2em;
font-size: .8em;
text-align: center;
background: #fff;
border: 1px solid #ccc;
}
.widget_calendar .pad {
background: #eaeaea;
}
.widget_calendar a {
font-weight: 900;
text-decoration: none;
}
.widget_categories {
font-weight: 400;
}
.widget_categories caption {
padding: .5em 0;
font-size: 1em;
font-weight: 500;
text-align: left;
}
.widget_categories thead {
background: 0 0;
color: inherit;
}
.widget_categories th {
border: none;
text-align: center;
}
.widget_categories thead th {
border-bottom-width: 2px;
}
.widget_categories td {
padding: .2em;
font-size: .8em;
text-align: center;
background: #fff;
border: 1px solid #ccc;
}
.widget_categories .pad {
background: #eaeaea;
}
.widget_categories a {
font-weight: 900;
text-decoration: none;
}
.widget_categories form {
font-weight: 400;
}
.textwidget {
font-size: 80%;
line-height: 1.3;
}
.footer-widget {
display: block;
}
.body-widget {
display: block;
}
.widget-title {
border-radius: 3px;
}
h1.widget-title {
text-align: center;
padding-left: 14px;
padding-right: 12px;
}
[dir=ltr] h2.widget-title {
text-align: right;
}
[dir=rtl] h2.widget-title {
text-align: left;
}
h2.widget-title {
padding-left: 14px;
padding-right: 18px;
}
.widget-title h1 {
text-align: center;
padding-left: 14px;
padding-right: 18px;
}
.footer-widget {
text-align: center;
}
.body-widget {
text-align: center;
}
.widget-title h3 {
text-align: center;
padding-left: 14px;
padding-right: 18px;
}
.widget-title h4 {
text-align: center;
padding-left: 14px;
padding-right: 18px;
}
.widget_media_image {
padding-left: 15px;
}
*,
::after,
::before {
margin: 0;
padding: 0;
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
html {
font-size: 62.5%;
}
body,
button,
input,
select,
textarea {
line-height: 1.5;
line-height: var(--line-height);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-family: var(--font);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
}
button,
input,
select,
textarea {
font-size: inherit;
}
@media (min-width: 1500px) {
article {
font-size: 1.7rem;
font-size: var(--article-font-size);
}
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-family: var(--font-alt);
margin: 0 0 .3em 0;
}
.font-alt {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-family: var(--font-alt);
}
p {
margin: 0 0 1em 0;
}
.entry-content>p:last-child {
margin-bottom: 0;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.text-left {
text-align: left;
}
.text-justify {
text-align: justify;
}
a {
color: inherit;
text-decoration: none;
cursor: pointer;
}
::-moz-selection {
background: #00b9eb;
background: var(--highlight);
color: #fff;
}
::selection {
background: #00b9eb;
background: var(--highlight);
color: #fff;
}
blockquote,
cite,
dfn,
em {
font-style: italic;
}
blockquote p {
padding-left: 40px;
}
blockquote p:last-of-type {
margin: 0;
}
.wp-block-quote cite,
cite {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-family: var(--font);
float: right;
margin-top: 0;
font-size: 14px;
}
.wp-block-quote cite:before,
cite:before {
content: "—";
margin-right: 1em;
}
pre {
background: #f7f9fa;
border: 1px solid #e6e8eb;
font-family: "Source Code Pro", monospace;
font-family: var(--font-pre);
line-height: 22px;
line-height: var(--line-height-pre);
margin-top: 20px;
margin-bottom: 20px;
overflow: auto;
padding: 20px;
white-space: pre-wrap;
}
code,
kbd,
tt,
var {
font-family: "Source Code Pro", monospace;
font-family: var(--font-pre);
}
body {
line-height: 1.7;
}
.heading-primary {
color: #fff;
text-transform: uppercase;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
margin-bottom: 6rem;
}
.heading-primary--main {
display: block;
font-weight: 400;
-webkit-animation-name: moveInLeft;
animation-name: moveInLeft;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
.heading-primary--sub {
display: block;
font-weight: 700;
-webkit-animation: moveInRight 1s ease-out;
animation: moveInRight 1s ease-out;
}
.heading-secondary {
text-transform: uppercase;
font-weight: 700;
display: inline-block;
background-image: -webkit-gradient(linear, left top, right top, from(#7ed56f), to(#28b485));
background-image: linear-gradient(to right, #7ed56f, #28b485);
-webkit-background-clip: text;
color: transparent;
letter-spacing: .2rem;
-webkit-transition: all .2s;
transition: all .2s;
}
.heading-secondary:hover {
-webkit-transform: skewY(2deg) skewX(15deg) scale(1.1);
transform: skewY(2deg) skewX(15deg) scale(1.1);
text-shadow: .5rem 1rem 2rem rgba(0, 0, 0, .2);
}
.paragraph:not(:last-child) {
margin-bottom: 3rem;
}
.barfiller {
width: 100%;
height: 12px;
background: #fcfcfc;
border: 1px solid #ccc;
position: relative;
margin-bottom: 20px;
-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, .5);
box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, .5);
-moz-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, .5);
}
.barfiller .fill {
display: block;
position: relative;
width: 0;
height: 100%;
background: #333;
z-index: 1;
}
.barfiller .tipWrap {
display: none;
}
.barfiller .tip {
margin-top: -30px;
padding: 2px 4px;
font-size: 11px;
color: #fff;
left: 0;
position: absolute;
z-index: 2;
background: #333;
}
.barfiller .tip:after {
border: solid;
border-color: rgba(0, 0, 0, .8) transparent;
border-width: 6px 6px 0 6px;
content: "";
display: block;
position: absolute;
left: 9px;
top: 100%;
z-index: 9;
}
#panel-left {
background: #4c545d;
color: #fff;
width: 220px;
}
.navigation-menu-icon {
border-color: #fff;
color: #fff;
}
.navigation-menu-icon:after,
.navigation-menu-icon:before {
background: #fff;
}
#panel-right {
background: #1e1e22;
color: #fff;
padding-top: 60px;
}
body .sidebar-icon {
border-color: #fff;
}
body .sidebar-icon:after {
background: rgba(255, 255, 255, .85);
}
.background-image {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
display: block;
}
.background-image img {
-o-object-fit: cover;
object-fit: cover;
height: 100%;
width: 100%;
position: relative;
}
.background-image~* {
z-index: 10;
}
.centered-image {
max-width: 100vw;
margin: 0 -1em;
}
.cover-image {
width: 100%;
display: block;
}
.cover-image img {
-o-object-fit: cover;
object-fit: cover;
left: 0;
right: 0;
height: 100%;
width: 100%;
}
.overlay {
-webkit-box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, .65);
box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, .65);
color: #fff;
}
.wp-block-image img,
article img {
display: block;
}
figure {
margin-bottom: 1em;
font-size: 1.3rem;
}
.card-grid figure,
.card-grid-full figure {
text-align: center;
margin: 0;
}
img.alignright {
float: right;
margin-left: 30px;
margin-left: var(--gap);
margin-bottom: 1em;
}
img.alignleft {
float: left;
margin-right: 30px;
margin-right: var(--gap);
margin-bottom: 1em;
}
.wp-block-image .alignright {
margin-top: .6em;
float: right;
margin-left: 30px;
margin-left: var(--gap);
}
.wp-block-image .alignleft {
margin-top: .6em;
float: left;
margin-right: 30px;
margin-right: var(--gap);
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
.container-content .alignfull {
max-width: none;
}
.alignfull img {
-o-object-fit: cover;
object-fit: cover;
}
.videowrapper {
float: none;
clear: both;
width: 100%;
position: relative;
padding-bottom: 56.25%;
padding-top: 0;
height: 0;
}
.videowrapper iframe,
.videowrapper object,
.videowrapper video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.site-logo {
font-size: 3.3rem;
text-transform: uppercase;
color: #fff;
max-width: 350px;
}
.site-logo g,
.site-logo path,
.site-logo svg {
fill: currentColor;
}
.site-navigation .site-logo {
padding: 3px 0;
}
.site-top {
position: relative;
}
.main {
width: 66.6666%;
margin: 10px;
}
.entry-header,
.page-header {
position: relative;
padding: 30px 0;
color: #fff;
background-color: #4c545d;
background-color: var(--dark-grey);
background-size: cover;
}
.entry-header h1,
.page-header h1 {
margin: 0;
}
.entry-header .cover-image,
.page-header .cover-image {
height: 500px;
}
.entry-content>p:first-child,
.entry-header+p {
padding-top: 30px;
padding-top: var(--gap);
}
.site-footer {
padding-top: 5px;
padding-bottom: 5px;
color: #cacaca;
color: var(--subtle-text-color);
font-size: 1.1rem;
}
.error404 {
background: #4f4f4f;
color: #fff;
}
.error404 .site-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.error404 .site-footer,
.error404 .site-top {
display: none;
}
.error404 .title-404 {
font-size: 3rem;
font-weight: 700;
line-height: 1;
color: #727272;
text-shadow: 1px 1px #fff;
}
.sticky {
display: block;
}
.updated:not(.published) {
display: none;
}
.entry-content,
.entry-summary,
.page-content {
margin-top: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
.animate {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-transform: translate(0);
transform: translate(0);
}
@media (min-width: 1201px) {
.foo_min {
padding-left: min(150px);
}
.foo-col {
padding-left: calc(50vw - 1100px);
margin: 10px;
}
.footer-widget-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-md-six {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
max-width: 50%;
margin: 2px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.col-md-f {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
max-width: 50%;
margin: 2px;
}
.col-md-j {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
max-width: 50%;
margin: 2px;
}
.foo_col_ {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 5px;
}
.foo_col___ {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 5px;
}
.foo_col____ {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 5px;
}
.clear-mobile {
padding-bottom: 1.5em;
}
blockquote p {
padding-left: 40px;
}
}
@media (min-width: 901px)and (max-width: 1200px) {
.foo_min {
padding-left: min(120px);
}
.foo-col {
padding-left: calc(50vw - 900px);
margin: 10px;
}
.footer-widget-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-md-six {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
max-width: 50%;
margin: 2px;
}
.col-md-f {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
max-width: 50%;
margin: 2px;
}
.foo_col_ {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 5px;
}
.foo_col___ {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 5px;
}
.foo_col____ {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 5px;
}
.clear-mobile {
padding-bottom: 1.5em;
}
}
@media (min-width: 768px)and (max-width: 900px) {
.foo_min {
padding-left: min(90px);
}
.foo-col {
padding-left: calc(50vw - 700px);
margin: 10px;
}
.footer-widget-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-md-six {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
max-width: 50%;
margin: 2px;
}
.col-md-f {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
max-width: 50%;
margin: 2px;
}
.col-md-j {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
max-width: 50%;
margin: 2px;
}
.foo_col_ {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 5px;
}
.foo_col___ {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 5px;
}
.foo_col____ {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 5px;
}
.clear-mobile {
padding-bottom: 1.5em;
}
}
@media (min-width: 576px)and (max-width: 767px) {
.foo_min {
padding-left: min(65px);
}
.foo-col {
padding-left: calc(50vw - 450px);
margin: 10px;
}
.footer-widget-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-md-six {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
max-width: 50%;
margin: 2px;
}
.col-md-f {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
max-width: 50%;
margin: 2px;
}
.col-md-j {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
margin: 2px;
}
.foo_col_ {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 5px;
}
.foo_col___ {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 5px;
}
.foo_col____ {
margin: 5px;
}
.clear-mobile {
padding-bottom: 1.5em;
}
.flex-grid>*,
.flex>*,
.wp-block-file>* {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media (max-width: 575px) {
.footer-widget-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.flex-grid>*,
.flex>*,
.wp-block-file>* {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
blockquote {
padding-top: 25px;
}
.col-md-six {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
margin: 2px;
}
.col-md-f {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
margin: 2px;
}
.col-md-j {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
margin: 2px;
}
.foo_col_ {
margin: 5px;
}
.foo_col___ {
margin: 5px;
}
.foo_col____ {
margin: 5px;
}
.clear-mobile {
padding-bottom: 1.5em;
}
}
.card_grid_v4 {
padding-top: 30px;
}
@media (max-width: 767px) {
.rt-img-holder {
padding-top: 30px;
}
.rt-img-holder img {
display: inline;
}
}
@media (min-width: 576px)and (max-width: 767px) {
.add_v {
line-height: 1em;
}
}
blockquote p {
margin: 10px;
}
.wp-block-quote {
font-size: 1.4em;
width: 90%;
margin: 50px auto;
font-family: Open Sans;
font-style: italic;
color: #555;
padding: 1.2em 30px 1.2em 75px;
border-left: 8px solid #0275d8;
line-height: 1.6;
position: relative;
background: #ededed;
}
.wp-block-quote::before {
font-family: Arial;
content: "“";
color: #0275d8;
font-size: 4em;
position: absolute;
left: 10px;
top: -10px;
}
.wp-block-quote::after {
content: "";
}
.wp-block-quote span {
display: block;
color: #333;
font-style: normal;
font-weight: 700;
margin-top: 1em;
}