/*!
Theme Name: undersass
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: undersass
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

undersass is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# xxxx Normalize - using bootstrap for this
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# xxxx Clearings
# xxxx Widgets
# Content
	xxxx ## Posts and pages
	xxxx ## Comments
# xxxx Infinite scroll
# Media
	## Captions
	## Galleries

--------------------------------------------------------------*/
/* @include transition(all,2s,ease-out); */
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Roboto:900);
body,
button,
input,
select,
optgroup,
textarea {
  color: black;
  font-family: sans-serif;
  font-weight: 400;
  font-size: 1.125rem;
}

@media (max-width: 1200px) {
  body,
  button,
  input,
  select,
  optgroup,
  textarea {
    font-size: calc(1.025rem + 0.13333vw) ;
  }
}

h1, h2, h3, h4, h5, h6 {
  clear: both;
  font-weight: 900;
}

h1 mark, h2 mark, h3 mark, h4 mark, h5 mark, h6 mark {
  background: none;
  padding: 0;
}

.rev-band h1, .rev-band h2, .rev-band h3, .rev-band h4, .rev-band h5, .rev-band h6, .rev-band ul, .rev-band ol, .rev-band address, .rev-band blockquote,
.rev-band p {
  color: white;
  text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.6), 0px 0px 5px rgba(0, 0, 0, 0.6);
}

.rev-band a {
  color: white;
}

.rev-band a:visited {
  color: white;
}

.rev-band a:hover, .rev-band a:focus, .rev-band a:active {
  color: rgba(255, 255, 255, 0.5);
}

dfn, cite, em, i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

h1 {
  font-size: 2.25rem;
}

@media (max-width: 1200px) {
  h1 {
    font-size: calc(1.25rem + 1.33333vw) ;
  }
}

h2 {
  font-size: 1.875rem;
}

@media (max-width: 1200px) {
  h2 {
    font-size: calc(1.175rem + 0.93333vw) ;
  }
}

h3 {
  font-size: 1.75rem;
}

@media (max-width: 1200px) {
  h3 {
    font-size: calc(1.15rem + 0.8vw) ;
  }
}

h4 {
  font-size: 1.5rem;
  font-weight: 300;
}

@media (max-width: 1200px) {
  h4 {
    font-size: calc(1.1rem + 0.53333vw) ;
  }
}

h5 {
  font-size: 1.375rem;
  font-weight: 300;
}

@media (max-width: 1200px) {
  h5 {
    font-size: calc(1.075rem + 0.4vw) ;
  }
}

h6 {
  font-size: 1.25rem;
  font-weight: 300;
}

@media (max-width: 1200px) {
  h6 {
    font-size: calc(1.05rem + 0.26667vw) ;
  }
}

body {
  font-size: 1rem;
}

pre {
  background: #fff;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code, kbd, tt, var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem;
}

abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark, ins {
  background: #fff;
  text-decoration: none;
}

big {
  font-size: 125%;
}

pre {
  background: #fff;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code, kbd, tt, var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem;
}

abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark, ins {
  background: #fff;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}

body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */
}

hr {
  background-color: black;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */
}

ul, ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: blue;
  color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  border-color: #ccc #bbb #aaa;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
  border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  color: #111;
}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Generic Nav Styles
--------------------------------------------------------------*/
nav ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
}

nav ul li {
  list-style: none;
  margin: 0;
  padding: 0;
  flex-grow: 1;
}

main.main-content ul.menu,
main.site-main ul.menu {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 1.5em 0;
  padding: 0;
  list-style: none;
}

main.main-content ul.menu:before,
main.site-main ul.menu:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0c9";
}

main.main-content ul.menu li,
main.site-main ul.menu li {
  border-top: 0;
  margin: 0;
  padding: 0;
}

main.main-content ul.menu li a,
main.site-main ul.menu li a {
  font-weight: 900;
  font-size: 1.25rem;
  padding: 10px;
}

@media (max-width: 1200px) {
  main.main-content ul.menu li a,
  main.site-main ul.menu li a {
    font-size: calc(1.05rem + 0.26667vw) ;
  }
}

main.main-content ul.menu li.current-menu-item a,
main.site-main ul.menu li.current-menu-item a {
  opacity: .7;
}

main.main-content ul.menu li ul,
main.site-main ul.menu li ul {
  display: none;
}

/*--------------------------------------------------------------
## Sticky Nav
--------------------------------------------------------------*/
#sticky-nav {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4) #CCC;
  -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4) #CCC;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4) #CCC;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(255, 0, 0, 0);
  transform: translateY(-100px);
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-content: center;
}

#sticky-nav .sticky-header-logo img {
  width: 50px;
  height: auto;
}

#sticky-nav .sticky-nav-toggle {
  margin-left: 15px;
  font-size: 1.25rem;
  font-weight: 900;
}

@media (max-width: 1200px) {
  #sticky-nav .sticky-nav-toggle {
    font-size: calc(1.05rem + 0.26667vw) ;
  }
}

#sticky-nav .sticky-nav-toggle i {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#sticky-nav.stuck {
  opacity: 1;
  visibility: visible;
  background-color: white;
  transform: translateY(0);
}

/*--------------------------------------------------------------
## Mobile Nav (mmenu)
--------------------------------------------------------------*/
@media (min-width: 768px) {
  html.mm-wrapper_blocking {
    overflow: auto;
  }
}

.mm-panel_opened-parent {
  opacity: .1;
}

#mmenu-menu {
  background: white;
}

#mmenu-menu .mm-navbar {
  background: rgba(0, 0, 255, 0.65);
}

#mmenu-menu .mm-navbar a {
  text-transform: uppercase;
  color: white;
  font-weight: 900;
}

#mmenu-menu ul li a {
  padding-top: 15px;
  padding-bottom: 15px;
}

#mmenu-menu ul .mm-btn_next:after,
#mmenu-menu ul .mm-btn_prev:after {
  border-color: rgba(0, 0, 255, 0.65);
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

a {
  color: blue;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

a:visited {
  color: #0000b3;
}

a:hover, a:focus, a:active {
  color: red;
  outline: 0;
  text-decoration: none;
}

.btn-link, #sequence-basic.seq .seq-button, .btn-link:link, #sequence-basic.seq .seq-button:link, .btn-link:visited, #sequence-basic.seq .seq-button:visited {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  display: inline-block;
  padding: 10px 15px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: blue;
  color: white !important;
  /* stop rev-band styles from chaning the color  */
  font-weight: 900;
  font-size: 1rem;
  font-family: sans-serif;
  margin: .5em 0 .75em 0;
  border: none;
}

.btn-link:after, #sequence-basic.seq .seq-button:after, .btn-link:link:after, #sequence-basic.seq .seq-button:link:after, .btn-link:visited:after, #sequence-basic.seq .seq-button:visited:after {
  margin: 0 0 0 5px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 90%;
  content: "\f101";
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.btn-link:hover, #sequence-basic.seq .seq-button:hover, .btn-link:link:hover, #sequence-basic.seq .seq-button:link:hover, .btn-link:visited:hover, #sequence-basic.seq .seq-button:visited:hover {
  text-decoration: none;
  background: red;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #000;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*--------------------------------------------------------------
# ACFlex Content
--------------------------------------------------------------*/
.no-top-padding {
  padding-top: 0 !important;
}

.no-bottom-padding {
  padding-bottom: 0 !important;
}

.no-padding {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.bg-colored {
  background: #f1f1f1;
}

.thick-border {
  border-top: 5px solid #cdcdcd;
}

.thin-border {
  border-top: 1px solid #cdcdcd;
}

/*--------------------------------------------------------------
# Optional Modules
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## BARE
--------------------------------------------------------------*/
/* Style the Sequence container */
#sequence-bare {
  position: relative;
  width: 100%;
  height: 585px;
  max-width: 100%;
  overflow: hidden;
  margin: 0 auto;
  padding: 0;
}

/* Reset */
#sequence-bare .seq-canvas,
#sequence-bare .seq-canvas > * {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Make the canvas the same dimensions as the container and prevent lines from
   wrapping so each step can sit side-by-side */
#sequence-bare .seq-canvas {
  position: absolute;
  height: 100%;
  width: 100%;
  white-space: nowrap;
  font-size: 0;
}

/* Make the steps the same size as the container and sit side-by-side */
#sequence-bare .seq-canvas > * {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  height: 100%;
  white-space: normal;
  text-align: center;
}

/* Used to vertically center align the .seq-content element */
#sequence-bare .seq-canvas > li:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

/* Vertically center align the .seq-content element */
#sequence-bare .seq-content {
  display: inline-block;
  vertical-align: middle;
  margin: 0 4%;
  font-size: 16px;
}

#sequence-bare .step1 {
  background-color: #279fe5;
}

#sequence-bare .step2 {
  background-color: #f96852;
}

#sequence-bare .step3 {
  background-color: #2bbf8e;
}

#sequence-bare h2,
#sequence-bare h3 {
  margin: 0;
  display: block;
  line-height: 120%;
}

#sequence-bare h2 {
  margin-bottom: .5em;
  font-family: 'Roboto', sans-serif;
  font-size: 2.6em;
}

#sequence-bare h3 {
  font-size: 1.4em;
}

#sequence-bare.seq .seq-pagination {
  position: relative;
  z-index: 10;
  width: 100%;
  border: none;
  list-style: none;
}

/**
 * Theme Name: Basic - simplified
 * Theme URL: http://sequencejs.com/themes/basic/
 *
  */
/* Google Web Font */
#sequence-basic.seq {
  position: relative;
  /* Dimensions */
  width: 100%;
  height: 420px;
  max-width: 100%;
  /* Center the Sequence container on the page */
  margin: 0 auto;
  padding: 0;
  /* Some basic styles */
  /* font-family: sans-serif; */
}

#sequence-basic.seq .seq-pagination,
#sequence-basic.seq .seq-screen,
#sequence-basic.seq .seq-canvas,
#sequence-basic.seq .seq-canvas > * {
  /* Reset the canvas and steps for better browser consistency */
  margin: 0;
  padding: 0;
  list-style: none;
}

#sequence-basic.seq .seq-preloader {
  background: #279FE5;
}

#sequence-basic.seq .seq-pagination {
  position: absolute;
  z-index: 10;
  bottom: 20px;
  width: 100%;
  border: none;
  text-align: center;
}

#sequence-basic.seq .seq-pagination a {
  display: block;
  width: 100%;
  height: 100%;
}

#sequence-basic.seq .seq-pagination .seq-current {
  border-radius: 100%;
}

#sequence-basic.seq .seq-pagination > * {
  margin: 0 4px;
  padding: 0;
  display: inline-block;
  zoom: 1;
  width: 28px;
  height: 28px;
  cursor: pointer;
  background: none;
  border: white solid 2px;
  -webkit-transition-duration: .1s;
  transition-duration: .1s;
  -webkit-transition-property: background-color, border-radius;
  transition-property: background-color, border-radius;
  /* Image replacement */
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
}

#sequence-basic.seq .seq-canvas {
  /* Make the canvas the same dimensions as the container and prevent lines
   * from wrapping so each step can sit side-by-side */
  position: absolute;
  height: 100%;
  width: 100%;
  white-space: nowrap;
  /* Reset the font-size to remove 4px from :before and .title */
  font-size: 0;
}

#sequence-basic.seq .seq-canvas > * {
  /* Make the steps the same size as the container and sit side-by-side */
  display: inline-block;
  zoom: 1;
  vertical-align: top;
  width: 100%;
  height: 100%;
  white-space: normal;
  text-align: center;
  color: white;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

#sequence-basic.seq .seq-canvas > *:before {
  /* Vertically align .seq-content */
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

#sequence-basic.seq .seq-content {
  /* optional wrapper to add basic content styles */
  display: inline-block;
  vertical-align: middle;
  max-width: 720px;
  margin: 0 4%;
  /* Reset the font-size from 0 back to 16 */
  font-size: 16px;
}

#sequence-basic.seq .seq-button {
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-transition-duration: .25s;
  transition-duration: .25s;
  -webkit-transition-property: background-color, color;
  transition-property: background-color, color;
}

#sequence-basic.seq .seq-step1, #sequence-basic.seq .seq-step4 {
  background-color: #4d4d4d;
}

#sequence-basic.seq .seq-step2 {
  background-color: #660000;
}

#sequence-basic.seq .seq-step3 {
  background-color: #000066;
}

#sequence-basic.seq.seq-active {
  /* when JS is enabled */
  /* Hide anything that goes beyond the boundaries of the Sequence container */
  overflow: hidden;
}

#sequence-basic.seq.seq-active .seq-preloader,
#sequence-basic.seq.seq-active .seq-pagination {
  visibility: visible;
}

#sequence-basic.seq.seq-active .seq-preloader.seq-preloaded {
  visibility: hidden;
}

#sequence-basic.seq.seq-active .seq-preloader .seq-preload-circle {
  fill: white;
}

#sequence-basic.seq.seq-active .seq-content {
  /* Pull the content up a bit to account for the pagination */
  margin-top: -26px;
}

@-webkit-keyframes jelly {
  0% {
    -webkit-transform: translateZ(0) scale(0);
    transform: translateZ(0) scale(0);
  }
  40% {
    -webkit-transform: translateZ(0) scale(1.15);
    transform: translateZ(0) scale(1.15);
  }
  60% {
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1);
  }
  80% {
    -webkit-transform: translateZ(0) scale(1.05);
    transform: translateZ(0) scale(1.05);
  }
  100% {
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1);
  }
}

@keyframes jelly {
  0% {
    -webkit-transform: translateZ(0) scale(0);
    -ms-transform: translateZ(0) scale(0);
    transform: translateZ(0) scale(0);
  }
  40% {
    -webkit-transform: translateZ(0) scale(1.15);
    -ms-transform: translateZ(0) scale(1.15);
    transform: translateZ(0) scale(1.15);
  }
  60% {
    -webkit-transform: translateZ(0) scale(1);
    -ms-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1);
  }
  80% {
    -webkit-transform: translateZ(0) scale(1.05);
    -ms-transform: translateZ(0) scale(1.05);
    transform: translateZ(0) scale(1.05);
  }
  100% {
    -webkit-transform: translateZ(0) scale(1);
    -ms-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1);
  }
}

#sequence-basic.seq .seq-in {
  /* Animate in positions for content */
}

#sequence-basic.seq .seq-in .seq-button {
  -webkit-animation-name: jelly;
  animation-name: jelly;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
}

#sequence-basic.seq .seq-out {
  /* Animate out positions for content */
}

#sequence-basic.seq .seq-out .seq-button {
  -webkit-transform: scale(1) translateZ(0);
  -ms-transform: scale(1) translateZ(0);
  transform: scale(1) translateZ(0);
}

@media only screen and (min-width: 600px) {
  #sequence-basic.seq {
    /* Make the container 16:9 but no bigger than 90% of the screen height */
    position: relative;
    height: auto;
    height: 100%;
    max-height: 90vh;
    min-height: 420px;
  }
  #sequence-basic.seq:before {
    /* Make an element a certain aspect ratio */
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.25%;
  }
  #sequence-basic.seq .seq-screen {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  #sequence-basic.seq .seq-content {
    /* Pull the content up to account for the pagination */
    margin-top: -19px;
  }
  #sequence-basic.seq .seq-pagination > * {
    width: 20px;
    height: 20px;
  }
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Bootstrap Overrides
--------------------------------------------------------------*/
.container-fluid {
  max-width: 1140px;
}

/*--------------------------------------------------------------
## Shared Elements
--------------------------------------------------------------*/
.sidebar + .sidebar {
  padding-top: 1rem;
  border-top: 1px dotted black;
}

.sub-header {
  background-position: center center;
  background-size: cover;
}

/*--------------------------------------------------------------
## UI Modals
--------------------------------------------------------------*/
.iziUI {
  opacity: 0;
}

.iziUI.iziModal {
  opacity: 1;
}

.iziUI .izi-toggle {
  position: absolute;
  font-size: 2.25rem;
  top: 35px;
  right: 35px;
  z-index: 99;
}

@media (max-width: 1200px) {
  .iziUI .izi-toggle {
    font-size: calc(1.25rem + 1.33333vw) ;
  }
}

.iziUI .iziModal-header.iziModal-noSubtitle {
  padding: 20px;
}

.iziUI .iziModal-header.iziModal-noSubtitle .iziModal-header-title {
  font-family: sans-serif;
  font-size: 1.5625rem;
}

@media (max-width: 1200px) {
  .iziUI .iziModal-header.iziModal-noSubtitle .iziModal-header-title {
    font-size: calc(1.1125rem + 0.6vw) ;
  }
}

.iziUI .iziModal-content-wrapper {
  padding: 35px;
  z-index: 50;
  position: relative;
  overflow: hidden;
}

/*--------------------------------------------------------------
## News
--------------------------------------------------------------*/
.news-cat-list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-weight: 900;
}

.news-cat-list li {
  margin: 0;
  padding: 0;
}

/*--------------------------------------------------------------
## Slider
--------------------------------------------------------------*/
.home-slider .single-slide {
  display: none;
}

.home-slider .single-slide:first-child {
  display: flex;
}

.slick-initialized.home-slider .single-slide,
.slick-initialized.home-slider .single-slide:first-child {
  display: flex;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}