/*!
Theme Name: Annual Report
Theme URI: http://underscores.me/
Author: Jasamdev
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: annual-report
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.

Annual Report 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/
finally yes maybe
*/
/*--------------------------------------------------------------
>>> 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

--------------------------------------------------------------*/
/* simple transition mixin useful for applying transitions to multiple CSS properties
  @include multitrans(opacity 2s ease-out, color .2s ease-in-out);*/
/* transition for SINGLE value only, includes defaults
  @include transition(opacity,2s,ease-out); */
#sequence-full_nested.seq nav.outer-sequence .seq-pagination li,
.box-shadow-standard {
  -webkit-box-shadow: 4px 4px 8px 5px rgba(204, 204, 204, 0.6);
  -moz-box-shadow: 4px 4px 8px 5px rgba(204, 204, 204, 0.6);
  box-shadow: 4px 4px 8px 5px rgba(204, 204, 204, 0.6);
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
  color: black;
  font-family: "Kavoon", 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-family: "Bungee Shade", sans-serif;
  font-weight: 400;
}

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%;
}

table tbody td {
  padding: 5px;
}

table thead th {
  background: rgba(0, 152, 255, 0.2);
  padding: 10px;
}

table tfoot td {
  padding: 5px;
}

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

input[type="submit"].gform_button, input.wpcf7-submit {
  outline: none;
}

input[type="submit"].gform_button:focus, input.wpcf7-submit:focus {
  outline: none;
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="url"],
.wpcf7-form input[type="password"],
.wpcf7-form input[type="search"],
.wpcf7-form input[type="number"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="range"],
.wpcf7-form input[type="date"],
.wpcf7-form input[type="month"],
.wpcf7-form input[type="week"],
.wpcf7-form input[type="time"],
.wpcf7-form input[type="datetime"],
.wpcf7-form input[type="datetime-local"],
.wpcf7-form input[type="color"],
.wpcf7-form select,
.wpcf7-form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.wpcf7-form textarea, #gform_wrapper_1 input[type="text"],
#gform_wrapper_1 input[type="email"],
#gform_wrapper_1 input[type="url"],
#gform_wrapper_1 input[type="password"],
#gform_wrapper_1 input[type="search"],
#gform_wrapper_1 input[type="number"],
#gform_wrapper_1 input[type="tel"],
#gform_wrapper_1 input[type="range"],
#gform_wrapper_1 input[type="date"],
#gform_wrapper_1 input[type="month"],
#gform_wrapper_1 input[type="week"],
#gform_wrapper_1 input[type="time"],
#gform_wrapper_1 input[type="datetime"],
#gform_wrapper_1 input[type="datetime-local"],
#gform_wrapper_1 input[type="color"],
#gform_wrapper_1 select,
#gform_wrapper_1 input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
#gform_wrapper_1 textarea, .gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="url"],
.gform_wrapper input[type="password"],
.gform_wrapper input[type="search"],
.gform_wrapper input[type="number"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="range"],
.gform_wrapper input[type="date"],
.gform_wrapper input[type="month"],
.gform_wrapper input[type="week"],
.gform_wrapper input[type="time"],
.gform_wrapper input[type="datetime"],
.gform_wrapper input[type="datetime-local"],
.gform_wrapper input[type="color"],
.gform_wrapper select,
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_wrapper textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 0;
  padding: 25px;
  width: 100%;
  max-width: 100%;
  z-index: 1;
}

.wpcf7-form input[type="text"]::placeholder,
.wpcf7-form input[type="email"]::placeholder,
.wpcf7-form input[type="url"]::placeholder,
.wpcf7-form input[type="password"]::placeholder,
.wpcf7-form input[type="search"]::placeholder,
.wpcf7-form input[type="number"]::placeholder,
.wpcf7-form input[type="tel"]::placeholder,
.wpcf7-form input[type="range"]::placeholder,
.wpcf7-form input[type="date"]::placeholder,
.wpcf7-form input[type="month"]::placeholder,
.wpcf7-form input[type="week"]::placeholder,
.wpcf7-form input[type="time"]::placeholder,
.wpcf7-form input[type="datetime"]::placeholder,
.wpcf7-form input[type="datetime-local"]::placeholder,
.wpcf7-form input[type="color"]::placeholder,
.wpcf7-form select::placeholder,
.wpcf7-form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::placeholder,
.wpcf7-form textarea::placeholder, #gform_wrapper_1 input[type="text"]::placeholder,
#gform_wrapper_1 input[type="email"]::placeholder,
#gform_wrapper_1 input[type="url"]::placeholder,
#gform_wrapper_1 input[type="password"]::placeholder,
#gform_wrapper_1 input[type="search"]::placeholder,
#gform_wrapper_1 input[type="number"]::placeholder,
#gform_wrapper_1 input[type="tel"]::placeholder,
#gform_wrapper_1 input[type="range"]::placeholder,
#gform_wrapper_1 input[type="date"]::placeholder,
#gform_wrapper_1 input[type="month"]::placeholder,
#gform_wrapper_1 input[type="week"]::placeholder,
#gform_wrapper_1 input[type="time"]::placeholder,
#gform_wrapper_1 input[type="datetime"]::placeholder,
#gform_wrapper_1 input[type="datetime-local"]::placeholder,
#gform_wrapper_1 input[type="color"]::placeholder,
#gform_wrapper_1 select::placeholder,
#gform_wrapper_1 input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::placeholder,
#gform_wrapper_1 textarea::placeholder, .gform_wrapper input[type="text"]::placeholder,
.gform_wrapper input[type="email"]::placeholder,
.gform_wrapper input[type="url"]::placeholder,
.gform_wrapper input[type="password"]::placeholder,
.gform_wrapper input[type="search"]::placeholder,
.gform_wrapper input[type="number"]::placeholder,
.gform_wrapper input[type="tel"]::placeholder,
.gform_wrapper input[type="range"]::placeholder,
.gform_wrapper input[type="date"]::placeholder,
.gform_wrapper input[type="month"]::placeholder,
.gform_wrapper input[type="week"]::placeholder,
.gform_wrapper input[type="time"]::placeholder,
.gform_wrapper input[type="datetime"]::placeholder,
.gform_wrapper input[type="datetime-local"]::placeholder,
.gform_wrapper input[type="color"]::placeholder,
.gform_wrapper select::placeholder,
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::placeholder,
.gform_wrapper textarea::placeholder {
  color: rgba(102, 102, 102, 0.8);
  color: red;
  transform: translate(0, 30px);
  -webkit-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.wpcf7-form input[type="text"]:focus,
.wpcf7-form input[type="email"]:focus,
.wpcf7-form input[type="url"]:focus,
.wpcf7-form input[type="password"]:focus,
.wpcf7-form input[type="search"]:focus,
.wpcf7-form input[type="number"]:focus,
.wpcf7-form input[type="tel"]:focus,
.wpcf7-form input[type="range"]:focus,
.wpcf7-form input[type="date"]:focus,
.wpcf7-form input[type="month"]:focus,
.wpcf7-form input[type="week"]:focus,
.wpcf7-form input[type="time"]:focus,
.wpcf7-form input[type="datetime"]:focus,
.wpcf7-form input[type="datetime-local"]:focus,
.wpcf7-form input[type="color"]:focus,
.wpcf7-form select:focus,
.wpcf7-form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus,
.wpcf7-form textarea:focus, #gform_wrapper_1 input[type="text"]:focus,
#gform_wrapper_1 input[type="email"]:focus,
#gform_wrapper_1 input[type="url"]:focus,
#gform_wrapper_1 input[type="password"]:focus,
#gform_wrapper_1 input[type="search"]:focus,
#gform_wrapper_1 input[type="number"]:focus,
#gform_wrapper_1 input[type="tel"]:focus,
#gform_wrapper_1 input[type="range"]:focus,
#gform_wrapper_1 input[type="date"]:focus,
#gform_wrapper_1 input[type="month"]:focus,
#gform_wrapper_1 input[type="week"]:focus,
#gform_wrapper_1 input[type="time"]:focus,
#gform_wrapper_1 input[type="datetime"]:focus,
#gform_wrapper_1 input[type="datetime-local"]:focus,
#gform_wrapper_1 input[type="color"]:focus,
#gform_wrapper_1 select:focus,
#gform_wrapper_1 input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus,
#gform_wrapper_1 textarea:focus, .gform_wrapper input[type="text"]:focus,
.gform_wrapper input[type="email"]:focus,
.gform_wrapper input[type="url"]:focus,
.gform_wrapper input[type="password"]:focus,
.gform_wrapper input[type="search"]:focus,
.gform_wrapper input[type="number"]:focus,
.gform_wrapper input[type="tel"]:focus,
.gform_wrapper input[type="range"]:focus,
.gform_wrapper input[type="date"]:focus,
.gform_wrapper input[type="month"]:focus,
.gform_wrapper input[type="week"]:focus,
.gform_wrapper input[type="time"]:focus,
.gform_wrapper input[type="datetime"]:focus,
.gform_wrapper input[type="datetime-local"]:focus,
.gform_wrapper input[type="color"]:focus,
.gform_wrapper select:focus,
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus,
.gform_wrapper textarea:focus {
  color: #0098FF;
}

.wpcf7-form input[type="text"]:focus::placeholder,
.wpcf7-form input[type="email"]:focus::placeholder,
.wpcf7-form input[type="url"]:focus::placeholder,
.wpcf7-form input[type="password"]:focus::placeholder,
.wpcf7-form input[type="search"]:focus::placeholder,
.wpcf7-form input[type="number"]:focus::placeholder,
.wpcf7-form input[type="tel"]:focus::placeholder,
.wpcf7-form input[type="range"]:focus::placeholder,
.wpcf7-form input[type="date"]:focus::placeholder,
.wpcf7-form input[type="month"]:focus::placeholder,
.wpcf7-form input[type="week"]:focus::placeholder,
.wpcf7-form input[type="time"]:focus::placeholder,
.wpcf7-form input[type="datetime"]:focus::placeholder,
.wpcf7-form input[type="datetime-local"]:focus::placeholder,
.wpcf7-form input[type="color"]:focus::placeholder,
.wpcf7-form select:focus::placeholder,
.wpcf7-form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus::placeholder,
.wpcf7-form textarea:focus::placeholder, #gform_wrapper_1 input[type="text"]:focus::placeholder,
#gform_wrapper_1 input[type="email"]:focus::placeholder,
#gform_wrapper_1 input[type="url"]:focus::placeholder,
#gform_wrapper_1 input[type="password"]:focus::placeholder,
#gform_wrapper_1 input[type="search"]:focus::placeholder,
#gform_wrapper_1 input[type="number"]:focus::placeholder,
#gform_wrapper_1 input[type="tel"]:focus::placeholder,
#gform_wrapper_1 input[type="range"]:focus::placeholder,
#gform_wrapper_1 input[type="date"]:focus::placeholder,
#gform_wrapper_1 input[type="month"]:focus::placeholder,
#gform_wrapper_1 input[type="week"]:focus::placeholder,
#gform_wrapper_1 input[type="time"]:focus::placeholder,
#gform_wrapper_1 input[type="datetime"]:focus::placeholder,
#gform_wrapper_1 input[type="datetime-local"]:focus::placeholder,
#gform_wrapper_1 input[type="color"]:focus::placeholder,
#gform_wrapper_1 select:focus::placeholder,
#gform_wrapper_1 input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus::placeholder,
#gform_wrapper_1 textarea:focus::placeholder, .gform_wrapper input[type="text"]:focus::placeholder,
.gform_wrapper input[type="email"]:focus::placeholder,
.gform_wrapper input[type="url"]:focus::placeholder,
.gform_wrapper input[type="password"]:focus::placeholder,
.gform_wrapper input[type="search"]:focus::placeholder,
.gform_wrapper input[type="number"]:focus::placeholder,
.gform_wrapper input[type="tel"]:focus::placeholder,
.gform_wrapper input[type="range"]:focus::placeholder,
.gform_wrapper input[type="date"]:focus::placeholder,
.gform_wrapper input[type="month"]:focus::placeholder,
.gform_wrapper input[type="week"]:focus::placeholder,
.gform_wrapper input[type="time"]:focus::placeholder,
.gform_wrapper input[type="datetime"]:focus::placeholder,
.gform_wrapper input[type="datetime-local"]:focus::placeholder,
.gform_wrapper input[type="color"]:focus::placeholder,
.gform_wrapper select:focus::placeholder,
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus::placeholder,
.gform_wrapper textarea:focus::placeholder {
  color: rgba(102, 102, 102, 0.1);
  transform: translate(0, 0);
}

.wpcf7-form select, #gform_wrapper_1 select, .gform_wrapper select {
  border: 1px solid #ccc;
}

.wpcf7-form textarea, #gform_wrapper_1 textarea, .gform_wrapper textarea {
  width: 100%;
}

.wpcf7-form label, #gform_wrapper_1 label, .gform_wrapper label {
  color: #0098FF;
}

.wpcf7-form h1 span, .wpcf7-form h2 span, .wpcf7-form h3 span, #gform_wrapper_1 h1 span, #gform_wrapper_1 h2 span, #gform_wrapper_1 h3 span, .gform_wrapper h1 span, .gform_wrapper h2 span, .gform_wrapper h3 span {
  color: #0098FF;
}

.wpcf7-form h2, #gform_wrapper_1 h2, .gform_wrapper h2 {
  color: #0098FF;
}

.wpcf7-not-valid {
  background: rgba(0, 152, 255, 0.05);
  -webkit-box-shadow: inset 0px 0px 15px 15px rgba(0, 152, 255, 0.15);
  -moz-box-shadow: inset 0px 0px 15px 15px rgba(0, 152, 255, 0.15);
  box-shadow: inset 0px 0px 15px 15px rgba(0, 152, 255, 0.15);
  border-color: #0098FF;
}

span.wpcf7-not-valid-tip {
  color: black;
  background: #0098ff;
  padding: 5px 5px;
  font-weight: 900;
}

span.wpcf7-not-valid-tip:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  content: "\f071";
  padding-right: 25px;
}

.wpcf7-form {
  width: 100%;
  margin: 2em 0;
}

.wpcf7-form p {
  opacity: 1;
  -webkit-transition: opacity 0.7s ease-in-out;
  -moz-transition: opacity 0.7s ease-in-out;
  -ms-transition: opacity 0.7s ease-in-out;
  -o-transition: opacity 0.7s ease-in-out;
  transition: opacity 0.7s ease-in-out;
}

.wpcf7-form.sent p, .wpcf7-form.sent h2 {
  opacity: .5;
}

.wpcf7-form .wpcf7-mail-sent-ok {
  background: #0098FF;
  border: none;
  color: white;
  font-weight: 900;
}

.wpcf7-form .wpcf7-radio {
  display: flex;
  flex-direction: row;
  margin-bottom: 2em;
}

.wpcf7-form .wpcf7-radio .wpcf7-list-item {
  flex-grow: 1;
  font-weight: 900;
  font-size: 1.125rem;
}

@media (max-width: 1200px) {
  .wpcf7-form .wpcf7-radio .wpcf7-list-item {
    font-size: calc(1.025rem + 0.13333vw) ;
  }
}

.wpcf7-form .wpcf7-radio .wpcf7-list-item.first {
  margin: 0;
}

.wpcf7-form .wpcf7-radio .wpcf7-list-item label {
  text-align: center;
  color: white;
  padding: .75em 0;
  margin: 0;
  background: #0098ff;
  -webkit-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
  transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
}

.wpcf7-form .wpcf7-radio .wpcf7-list-item label:hover {
  color: white;
  background: black;
}

.wpcf7-form .wpcf7-radio .wpcf7-list-item label input {
  opacity: 0;
  display: none;
}

.wpcf7-form .wpcf7-radio .wpcf7-list-item.has-focus label {
  color: white;
  background: #0098ff;
}

.wpcf7-form .wpcf7-radio .wpcf7-list-item.has-focus label:hover {
  color: white;
  background: #0098ff;
}

.wpcf7-form label {
  position: relative;
  display: block;
  z-index: 0;
  margin: 0 0 2em 0;
}

.wpcf7-form label strong {
  position: absolute;
  display: block;
  top: 15px;
  left: 25px;
  z-index: 99;
  transform: scale(1);
  transform-origin: 0% 0%;
  -webkit-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out 0.1s;
  -moz-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out 0.1s;
  -ms-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out 0.1s;
  -o-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out 0.1s;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out 0.1s;
}

.wpcf7-form label.has-value strong {
  opacity: .8;
  transform: scale(0.5);
}

p.note {
  font-size: 0.875rem;
  padding: 15px 30px;
  opacity: .6;
}

.grecaptcha-badge {
  visibility: hidden !important;
}

/*--------------------------------------------------------------
# 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: opacity 0.7s ease-in-out, transform 0.7s ease-in-out, background-color 0.7s ease-in-out;
  -moz-transition: opacity 0.7s ease-in-out, transform 0.7s ease-in-out, background-color 0.7s ease-in-out;
  -ms-transition: opacity 0.7s ease-in-out, transform 0.7s ease-in-out, background-color 0.7s ease-in-out;
  -o-transition: opacity 0.7s ease-in-out, transform 0.7s ease-in-out, background-color 0.7s ease-in-out;
  transition: opacity 0.7s ease-in-out, transform 0.7s ease-in-out, background-color 0.7s 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: opacity 0.3s ease-in-out, color 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, color 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, 152, 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, 152, 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: #0098FF;
  -webkit-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

a:visited {
  color: #006ab3;
}

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

.btn-link, input.gform_button[type="submit"], input.wpcf7-submit, .wp-block-button .wp-block-button__link, .btn-link:link, input.gform_button:link[type="submit"], input.wpcf7-submit:link, .wp-block-button .wp-block-button__link:link, .btn-link:visited, input.gform_button:visited[type="submit"], input.wpcf7-submit:visited, .wp-block-button .wp-block-button__link:visited {
  -webkit-transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out;
  -moz-transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out;
  -ms-transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out;
  -o-transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out;
  transition: color 0.5s ease-in-out, background-color 0.5s ease-in-out;
  display: inline-block;
  padding: 10px 15px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #0098FF;
  color: white !important;
  /* stop rev-band styles from chaning the color  */
  font-weight: 900;
  font-size: 1rem;
  font-family: "Kavoon", sans-serif;
  margin: .5em 0 .75em 0;
  border: none;
}

.btn-link:after, input.gform_button[type="submit"]:after, input.wpcf7-submit:after, .wp-block-button .wp-block-button__link:after, .btn-link:link:after, input.gform_button[type="submit"]:link:after, input.wpcf7-submit:link:after, .wp-block-button .wp-block-button__link:link:after, .btn-link:visited:after, input.gform_button[type="submit"]:visited:after, input.wpcf7-submit:visited:after, .wp-block-button .wp-block-button__link:visited:after {
  margin: 0 0 0 5px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 90%;
  content: "\f101";
  -webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

.btn-link:hover, input.gform_button:hover[type="submit"], input.wpcf7-submit:hover, .wp-block-button .wp-block-button__link:hover, .btn-link:link:hover, input.gform_button:link:hover[type="submit"], input.wpcf7-submit:link:hover, .wp-block-button .wp-block-button__link:link:hover, .btn-link:visited:hover, input.gform_button:visited:hover[type="submit"], input.wpcf7-submit:visited:hover, .wp-block-button .wp-block-button__link:visited:hover {
  text-decoration: none;
  background: #FB8B24;
}

/*--------------------------------------------------------------
# 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;
}

/*--------------------------------------------------------------
# Gutenberg Blocks
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Gutenberg Styles
--------------------------------------------------------------*/
/* Color Options
--------------------------------------------- */
.has-blue-color {
  color: #0098FF;
}

.has-blue-background-color {
  background-color: #0098FF;
}

.has-orange-color {
  color: #FB8B24;
}

.has-orange-background-color {
  background-color: #FB8B24;
}

.has-yellow-color {
  color: #FFDD00;
}

.has-yellow-background-color {
  background-color: #FFDD00;
}

*[class^="wp-block-"] {
  margin-bottom: 1.5em;
}

@media screen and (min-width: 37.5em) {
  *[class^="wp-block-"].alignleft,
  *[class^="wp-block-"].alignright {
    max-width: 75%;
  }
}

.alignfull,
.alignwide,
.aligncenter {
  clear: both;
}

.alignfull {
  margin-left: -4%;
  margin-right: -4%;
  max-width: 110%;
}

/* Text-based blocks with alignfull */
.wp-block-text-columns.alignfull,
.wp-block-preformatted.alignfull,
.wp-block-button.alignfull,
.wp-block-pullquote.alignfull,
.wp-block-latest-posts.alignfull,
.wp-block-categories.alignfull,
.wp-block-verse.alignfull,
p.alignfull {
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 750px) {
  .alignfull {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    width: auto;
    max-width: 1000%;
  }
  .alignwide {
    margin-left: calc(25% - 25vw);
    margin-right: calc(25% - 25vw);
    width: auto;
    max-width: 1000%;
  }
  /* Let's reduce this a bit for blocks with text */
  .wp-block-text-columns.alignfull,
  .wp-block-table.alignfull,
  .wp-block-preformatted.alignfull,
  .wp-block-button.alignfull,
  .wp-block-pullquote.alignfull,
  .wp-block-latest-posts.alignfull,
  .wp-block-categories.alignfull,
  .wp-block-verse.alignfull,
  p.alignfull {
    margin-left: calc(50% - 48vw);
    margin-right: calc(50% - 48vw);
  }
  .wp-block-text-columns.alignwide,
  .wp-block-table.alignwide,
  .wp-block-preformatted.alignwide,
  .wp-block-button.alignwide,
  .wp-block-pullquote.alignwide,
  .wp-block-latest-posts.alignwide,
  .wp-block-categories.alignwide,
  p.alignwide {
    margin-left: calc(25% - 23vw);
    margin-right: calc(25% - 23vw);
  }
}

.alignfull > *,
.alignwide > * {
  margin-left: auto;
  margin-right: auto;
}

.alignfull img,
.alignwide img,
.alignfull iframe,
.alignwide iframe,
.alignfull video,
.alignwide video {
  display: block;
}

.alignfull .jetpack-video-wrapper iframe,
.alignwide .jetpack-video-wrapper iframe {
  margin-left: auto !important;
  /* to override inline styles */
  margin-right: auto !important;
}

/* Dropcaps */
/* Images */
.wp-block-image {
  display: inline-block;
  /* helps with smaller, unaligned images */
}

.wp-block-image figcaption {
  color: inherit;
  opacity: 0.8;
}

/* Galleries */
ul.wp-block-gallery,
ul.wp-block-gallery li {
  padding: 0;
}

/* Blockquotes*/
.wp-block-quote cite {
  color: #0098FF;
  opacity: 0.8;
}

/* Cover Images */
@media (min-width: 750px) {
  .wp-block-cover-image {
    left: 50%;
    margin-left: -50vw;
    position: relative;
    width: 100vw;
  }
}

.wp-block-cover-image {
  height: 75vh;
  min-height: 400px;
}

/* Video */
.wp-block-video video,
.wp-block-video iframe {
  max-width: 100%;
}

/* Audio */
/* Embed */
/* Pullquotes */
.wp-block-pullquote {
  border: 2px dashed rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 0px 10px rgba(0, 0, 0, 0.15);
  color: inherit;
  padding: 1.5em 0.75em;
}

.wp-block-pullquote > p {
  font-family: "Lato", Helvetica, sans-serif;
}

.wp-block-pullquote cite {
  color: inherit;
  opacity: 0.8;
}

/* Tables */
.wp-block-table {
  display: table;
}

.wp-block-table.alignfull {
  width: 96vw;
}

/* Preformatted */
/* Code */
/* Verse */
.wp-block-verse {
  background-color: transparent;
  font-family: "Alegreya", Georgia, "Times New Roman", serif;
  font-size: 1.1em;
  font-style: italic;
  padding: 0;
}

/* Separator */
.wp-block-separator {
  border-bottom: 2px dashed rgba(0, 0, 0, 0.15);
}

/* Media Text Box */
/* Buttons */
.wp-block-button {
  border: 0;
  border-radius: 3px;
  display: inline-block;
  font-weight: bold;
  line-height: 1;
  padding: .6em 1em;
}

.wp-block-button a:hover,
.wp-block-button a:focus {
  opacity: 1.0;
}

.wp-block-button a:not([style]) {
  border: 0;
  color: #fff;
  font-weight: bold;
}

.wp-block-button:not([style]) a:hover,
.wp-block-button:not([style]) a:focus {
  color: #fff;
  text-decoration: none;
}

.wp-block-button.alignwide,
.wp-block-button.alignfull,
.wp-block-button.aligncenter {
  display: block;
}

/* Text Columns */
@media only screen and (max-width: 32em) {
  .wp-block-text-columns,
  .wp-block-text-columns.aligncenter {
    display: block;
  }
  .wp-block-text-columns.columns-2 .wp-block-column,
  .wp-block-text-columns.columns-3 .wp-block-column,
  .wp-block-text-columns.columns-4 .wp-block-column {
    float: none;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}

/* Latest Posts */
.wp-block-latest-posts__post-date {
  color: inherit;
  margin-bottom: 0;
  opacity: 0.8;
}

.wp-block-latest-posts,
.wp-block-latest-posts li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.wp-block-latest-posts li {
  padding: 0.25em 0;
}

.wp-block-latest-posts li:not(:last-child) {
  border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
}

.wp-block-latest-posts.is-grid li {
  border: 0;
}

/* Categories */
.wp-block-categories-list ul,
.wp-block-categories-list li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.wp-block-categories-list li {
  padding: 0.25em 0;
}

.wp-block-categories-list li:not(:last-child) {
  border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
}

.wp-block-categories-list ul ul {
  padding-left: 2em;
}

.wp-block-categories-list ul ul li:last-child {
  padding-bottom: 0;
}

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# General Structure
  ## Code
  ## Cover
  ## Embeds
  ## Gallery
  ## Group
  ## Image
  ## Latest Posts
  ## List
  ## More
  ## Pullquote
  ## Quote
  ## Separator
  ## Table
  ## Video
# Additional Theme Styles
  ## Color Palette
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Block Styles
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## General Structure
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Code
--------------------------------------------------------------*/
.wp-block-code {
  padding: 0.8em 1em;
  margin-left: 14px;
  margin-right: 14px;
}

@media screen and (min-width: 608px) {
  .wp-block-code {
    margin-left: auto;
    margin-right: auto;
  }
}

/*--------------------------------------------------------------
## Cover
--------------------------------------------------------------*/
.wp-block-cover-text p {
  padding: 1.5em 14px;
}

@media screen and (min-width: 608px) {
  .wp-block-cover-text p {
    padding: 1.5em 0;
  }
}

/*--------------------------------------------------------------
## Embeds
--------------------------------------------------------------*/
.wp-block-embed.type-video > .wp-block-embed__wrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
}

.wp-block-embed.type-video > .wp-block-embed__wrapper > iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/*--------------------------------------------------------------
# Gallery
--------------------------------------------------------------*/
.wp-block-gallery:not(.components-placeholder) {
  margin: 1.5em auto;
}

/*--------------------------------------------------------------
## Group
--------------------------------------------------------------*/
.wp-block-group > .wp-block-group__inner-container > * {
  max-width: 580px;
  margin-left: auto;
  margin-right: auto;
}

.wp-block-group > .wp-block-group__inner-container > .alignwide {
  max-width: 1070px;
}

.wp-block-group > .wp-block-group__inner-container > .alignfull {
  max-width: 100%;
}

.wp-block-group.has-background > .wp-block-group__inner-container > :first-child {
  margin-top: 0;
}

.wp-block-group.has-background > .wp-block-group__inner-container > .alignfull {
  width: calc( 100% + 60px);
  max-width: calc( 100% + 60px);
  position: relative;
  left: -30px;
}

/*--------------------------------------------------------------
# Image
--------------------------------------------------------------*/
.wp-block-image img {
  display: block;
}

.wp-block-image.alignleft,
.wp-block-image.alignright {
  width: 100%;
}

.wp-block-image.alignfull img {
  width: 100vw;
}

.wp-block-image .alignleft img,
.wp-block-image .alignright img,
.wp-block-image .alignleft figcaption,
.wp-block-image .alignright figcaption {
  max-width: 100%;
  width: 100%;
}

/*--------------------------------------------------------------
## Latest Posts
--------------------------------------------------------------*/
ul.wp-block-latest-posts.alignwide,
ul.wp-block-latest-posts.alignfull,
ul.wp-block-latest-posts.is-grid.alignwide,
ul.wp-block-latest-posts.is-grid.alignwide {
  padding: 0 14px;
}

/*--------------------------------------------------------------
# List
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## More
--------------------------------------------------------------*/
.more-link {
  display: block;
}

/*--------------------------------------------------------------
## Pullquote
--------------------------------------------------------------*/
.wp-block-pullquote > p:first-child {
  margin-top: 0;
}

/*--------------------------------------------------------------
## Quote
--------------------------------------------------------------*/
.wp-block-quote {
  margin-left: 14px;
  margin-right: 14px;
  padding: 0;
}

.wp-block-quote > * {
  margin-left: 1rem;
}

.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
  margin: 36px auto;
  padding: 0;
}

.wp-block-quote.is-large cite,
.wp-block-quote.is-large footer,
.wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer {
  font-size: 13px;
  font-size: 0.8125rem;
}

@media screen and (min-width: 644px) {
  .wp-block-quote {
    margin: 36px auto;
  }
}

/*--------------------------------------------------------------
## Separator
--------------------------------------------------------------*/
.wp-block-separator {
  margin: 3em auto;
  padding: 0;
}

/*--------------------------------------------------------------
## Table
--------------------------------------------------------------*/
.wp-block-table {
  overflow-x: auto;
  margin-left: 14px;
  margin-right: 14px;
  width: calc( 100% - 28px);
}

.wp-block-table table {
  border-collapse: collapse;
  width: 100%;
}

.wp-block-table td, .wp-block-table th {
  padding: .5em;
}

@media screen and (min-width: 608px) {
  .wp-block-table {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}

/*--------------------------------------------------------------
## Video
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Additional Theme Styles
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Optional Modules
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## FUllSCREEN, NESTED SEQUENCE
--------------------------------------------------------------*/
.page-template-page-big_gallery .menu-toggle {
  margin-left: 0;
}

/* Style the Sequence container */
#sequence-full_nested.seq {
  position: relative;
  width: 100%;
  height: 100vh;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  text-align: center;
}

/* Make the canvas and steps the same dimensions as the container  */
#sequence-full_nested.seq .seq-canvas,
#sequence-full_nested.seq .seq-canvas > * {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 0;
}

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

/* Vertically align .seq-content */
#sequence-basic.seq .seq-canvas > *:before {
  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;
  /* Reset the font-size from 0 back to 16 */
}

#sequence-full_nested .seq-content {
  opacity: 0;
  -webkit-transition: transform 0.7s ease-in-out, opacity 0.7s ease-in-out;
  -moz-transition: transform 0.7s ease-in-out, opacity 0.7s ease-in-out;
  -ms-transition: transform 0.7s ease-in-out, opacity 0.7s ease-in-out;
  -o-transition: transform 0.7s ease-in-out, opacity 0.7s ease-in-out;
  transition: transform 0.7s ease-in-out, opacity 0.7s ease-in-out;
}

#sequence-full_nested .seq-content .bg-image {
  display: block;
  height: 100vh;
  width: 100%;
  position: absolute;
  background-size: cover;
  background-position: center;
  top: 0;
  left: 0;
  z-index: 10;
  -webkit-transition: opacity 0.7s ease-in-out 0s;
  -moz-transition: opacity 0.7s ease-in-out 0s;
  -ms-transition: opacity 0.7s ease-in-out 0s;
  -o-transition: opacity 0.7s ease-in-out 0s;
  transition: opacity 0.7s ease-in-out 0s;
}

#sequence-full_nested .seq-content .bg-image.full-image:after {
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  content: '';
  background: rgba(255, 255, 255, 0.9);
}

#sequence-full_nested .seq-content .bg-image.full-image img {
  max-height: 65vh;
  max-width: 90%;
  top: 50%;
  left: 50%;
  position: absolute;
  z-index: 5;
  transform: translate(-50%, -50%);
}

#sequence-full_nested .seq-content .photoset_text {
  position: absolute;
  z-index: 10;
  bottom: 0%;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: black;
  height: auto;
  margin: 0;
  padding: 15px;
  opacity: 0;
  transform: translateY(100%);
  -webkit-transition: transform 0.7s ease-in-out, opacity 0.7s ease-in-out, background-color 0.7s ease-in-out;
  -moz-transition: transform 0.7s ease-in-out, opacity 0.7s ease-in-out, background-color 0.7s ease-in-out;
  -ms-transition: transform 0.7s ease-in-out, opacity 0.7s ease-in-out, background-color 0.7s ease-in-out;
  -o-transition: transform 0.7s ease-in-out, opacity 0.7s ease-in-out, background-color 0.7s ease-in-out;
  transition: transform 0.7s ease-in-out, opacity 0.7s ease-in-out, background-color 0.7s ease-in-out;
}

#sequence-full_nested.seq nav.outer-sequence .seq-pagination {
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  width: 90%;
  border: none;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

#sequence-full_nested.seq nav.outer-sequence .seq-pagination li {
  flex-grow: 1;
  margin-right: 10px;
}

#sequence-full_nested.seq nav.outer-sequence .seq-pagination li:last-child {
  margin-right: 0;
}

#sequence-full_nested.seq nav.outer-sequence .seq-pagination li a {
  background: white;
  opacity: .5;
  display: block;
}

#sequence-full_nested.seq nav.outer-sequence .seq-pagination li a:hover {
  opacity: 1;
}

#sequence-full_nested.seq nav.outer-sequence .seq-pagination li.seq-current a {
  background: #0098FF;
  opacity: 1;
}

#sequence-full_nested.seq .seq-in .seq-content {
  opacity: 1;
}

#sequence-full_nested.seq .seq-in .bg-image {
  opacity: 1;
}

#sequence-full_nested.seq .seq-in .photoset_text {
  opacity: 1;
  transform: translateY(0%);
  background-color: white;
}

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

#sequence-full_nested.seq .seq-out .seq-content {
  opacity: 0;
}

#sequence-full_nested.seq .seq-out .photoset_text {
  opacity: 0;
  background-color: #0098FF;
  transform: translateY(100%);
}

#sequence-full_nested.seq .seq-out .bg-image {
  opacity: 0;
}

#sequence-full_nested.seq {
  /* Make the canvas and steps the same dimensions as the container  */
}

#sequence-full_nested.seq .sequence-full_nested-inner.seq {
  position: relative;
  width: 100%;
  height: 100vh;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  text-align: center;
}

#sequence-full_nested.seq .sequence-full_nested-inner.seq .seq-canvas,
#sequence-full_nested.seq .sequence-full_nested-inner.seq .seq-canvas > * {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 0;
}

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

#sequence-full_nested.seq .sequence-full_nested-inner .seq-content .bg-image {
  display: block;
  height: 100vh;
  width: 100%;
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  top: 0;
  left: 0;
  z-index: 10;
  opacity: 0;
  transform: translate(100px, 0);
  -webkit-transition: transform 0.7s ease-in-out, opacity 0.7s ease-in-out;
  -moz-transition: transform 0.7s ease-in-out, opacity 0.7s ease-in-out;
  -ms-transition: transform 0.7s ease-in-out, opacity 0.7s ease-in-out;
  -o-transition: transform 0.7s ease-in-out, opacity 0.7s ease-in-out;
  transition: transform 0.7s ease-in-out, opacity 0.7s ease-in-out;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#sequence-full_nested.seq .sequence-full_nested-inner .seq-content .bg-image.full-image:after {
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  content: '';
  background: rgba(255, 255, 255, 0.9);
}

#sequence-full_nested.seq .sequence-full_nested-inner .seq-content .bg-image.full-image img {
  max-height: 65vh;
  max-width: 90%;
  top: 50%;
  left: 50%;
  position: absolute;
  z-index: 5;
  transform: translate(-50%, -50%);
}

#sequence-full_nested.seq .sequence-full_nested-inner.seq nav {
  position: absolute;
  z-index: 10;
  left: 0;
  opacity: 1;
  -webkit-transition: transform 0.7s ease-in-out, opacity 0.7s ease-in-out;
  -moz-transition: transform 0.7s ease-in-out, opacity 0.7s ease-in-out;
  -ms-transition: transform 0.7s ease-in-out, opacity 0.7s ease-in-out;
  -o-transition: transform 0.7s ease-in-out, opacity 0.7s ease-in-out;
  transition: transform 0.7s ease-in-out, opacity 0.7s ease-in-out;
  top: 50px;
  margin: 0 0 0 0;
  padding: 0;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

#sequence-full_nested.seq .sequence-full_nested-inner.seq nav button {
  background: rgba(0, 152, 255, 0.6);
  color: white;
}

#sequence-full_nested.seq .sequence-full_nested-inner.seq nav button:focus {
  outline: none;
}

#sequence-full_nested.seq .sequence-full_nested-inner.seq nav ul.photoset_thumbs.seq-pagination {
  list-style: none;
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-left: 10px;
}

#sequence-full_nested.seq .sequence-full_nested-inner.seq nav ul.photoset_thumbs.seq-pagination li {
  margin-right: 10px;
  padding: 5px 0;
  background-color: rgba(0, 152, 255, 0);
}

#sequence-full_nested.seq .sequence-full_nested-inner.seq nav ul.photoset_thumbs.seq-pagination li:nth-child(0) {
  -webkit-transition: opacity 0.3s ease-in-out 0ms, transform 0.3s ease-in-out 0ms;
  -moz-transition: opacity 0.3s ease-in-out 0ms, transform 0.3s ease-in-out 0ms;
  -ms-transition: opacity 0.3s ease-in-out 0ms, transform 0.3s ease-in-out 0ms;
  -o-transition: opacity 0.3s ease-in-out 0ms, transform 0.3s ease-in-out 0ms;
  transition: opacity 0.3s ease-in-out 0ms, transform 0.3s ease-in-out 0ms;
}

#sequence-full_nested.seq .sequence-full_nested-inner.seq nav ul.photoset_thumbs.seq-pagination li:nth-child(1) {
  -webkit-transition: opacity 0.3s ease-in-out 30ms, transform 0.3s ease-in-out 30ms;
  -moz-transition: opacity 0.3s ease-in-out 30ms, transform 0.3s ease-in-out 30ms;
  -ms-transition: opacity 0.3s ease-in-out 30ms, transform 0.3s ease-in-out 30ms;
  -o-transition: opacity 0.3s ease-in-out 30ms, transform 0.3s ease-in-out 30ms;
  transition: opacity 0.3s ease-in-out 30ms, transform 0.3s ease-in-out 30ms;
}

#sequence-full_nested.seq .sequence-full_nested-inner.seq nav ul.photoset_thumbs.seq-pagination li:nth-child(2) {
  -webkit-transition: opacity 0.3s ease-in-out 60ms, transform 0.3s ease-in-out 60ms;
  -moz-transition: opacity 0.3s ease-in-out 60ms, transform 0.3s ease-in-out 60ms;
  -ms-transition: opacity 0.3s ease-in-out 60ms, transform 0.3s ease-in-out 60ms;
  -o-transition: opacity 0.3s ease-in-out 60ms, transform 0.3s ease-in-out 60ms;
  transition: opacity 0.3s ease-in-out 60ms, transform 0.3s ease-in-out 60ms;
}

#sequence-full_nested.seq .sequence-full_nested-inner.seq nav ul.photoset_thumbs.seq-pagination li:nth-child(3) {
  -webkit-transition: opacity 0.3s ease-in-out 90ms, transform 0.3s ease-in-out 90ms;
  -moz-transition: opacity 0.3s ease-in-out 90ms, transform 0.3s ease-in-out 90ms;
  -ms-transition: opacity 0.3s ease-in-out 90ms, transform 0.3s ease-in-out 90ms;
  -o-transition: opacity 0.3s ease-in-out 90ms, transform 0.3s ease-in-out 90ms;
  transition: opacity 0.3s ease-in-out 90ms, transform 0.3s ease-in-out 90ms;
}

#sequence-full_nested.seq .sequence-full_nested-inner.seq nav ul.photoset_thumbs.seq-pagination li:nth-child(4) {
  -webkit-transition: opacity 0.3s ease-in-out 120ms, transform 0.3s ease-in-out 120ms;
  -moz-transition: opacity 0.3s ease-in-out 120ms, transform 0.3s ease-in-out 120ms;
  -ms-transition: opacity 0.3s ease-in-out 120ms, transform 0.3s ease-in-out 120ms;
  -o-transition: opacity 0.3s ease-in-out 120ms, transform 0.3s ease-in-out 120ms;
  transition: opacity 0.3s ease-in-out 120ms, transform 0.3s ease-in-out 120ms;
}

#sequence-full_nested.seq .sequence-full_nested-inner.seq nav ul.photoset_thumbs.seq-pagination li:nth-child(5) {
  -webkit-transition: opacity 0.3s ease-in-out 150ms, transform 0.3s ease-in-out 150ms;
  -moz-transition: opacity 0.3s ease-in-out 150ms, transform 0.3s ease-in-out 150ms;
  -ms-transition: opacity 0.3s ease-in-out 150ms, transform 0.3s ease-in-out 150ms;
  -o-transition: opacity 0.3s ease-in-out 150ms, transform 0.3s ease-in-out 150ms;
  transition: opacity 0.3s ease-in-out 150ms, transform 0.3s ease-in-out 150ms;
}

#sequence-full_nested.seq .sequence-full_nested-inner.seq nav ul.photoset_thumbs.seq-pagination li:nth-child(6) {
  -webkit-transition: opacity 0.3s ease-in-out 180ms, transform 0.3s ease-in-out 180ms;
  -moz-transition: opacity 0.3s ease-in-out 180ms, transform 0.3s ease-in-out 180ms;
  -ms-transition: opacity 0.3s ease-in-out 180ms, transform 0.3s ease-in-out 180ms;
  -o-transition: opacity 0.3s ease-in-out 180ms, transform 0.3s ease-in-out 180ms;
  transition: opacity 0.3s ease-in-out 180ms, transform 0.3s ease-in-out 180ms;
}

#sequence-full_nested.seq .sequence-full_nested-inner.seq nav ul.photoset_thumbs.seq-pagination li:nth-child(7) {
  -webkit-transition: opacity 0.3s ease-in-out 210ms, transform 0.3s ease-in-out 210ms;
  -moz-transition: opacity 0.3s ease-in-out 210ms, transform 0.3s ease-in-out 210ms;
  -ms-transition: opacity 0.3s ease-in-out 210ms, transform 0.3s ease-in-out 210ms;
  -o-transition: opacity 0.3s ease-in-out 210ms, transform 0.3s ease-in-out 210ms;
  transition: opacity 0.3s ease-in-out 210ms, transform 0.3s ease-in-out 210ms;
}

#sequence-full_nested.seq .sequence-full_nested-inner.seq nav ul.photoset_thumbs.seq-pagination li:nth-child(8) {
  -webkit-transition: opacity 0.3s ease-in-out 240ms, transform 0.3s ease-in-out 240ms;
  -moz-transition: opacity 0.3s ease-in-out 240ms, transform 0.3s ease-in-out 240ms;
  -ms-transition: opacity 0.3s ease-in-out 240ms, transform 0.3s ease-in-out 240ms;
  -o-transition: opacity 0.3s ease-in-out 240ms, transform 0.3s ease-in-out 240ms;
  transition: opacity 0.3s ease-in-out 240ms, transform 0.3s ease-in-out 240ms;
}

#sequence-full_nested.seq .sequence-full_nested-inner.seq nav ul.photoset_thumbs.seq-pagination li:nth-child(9) {
  -webkit-transition: opacity 0.3s ease-in-out 270ms, transform 0.3s ease-in-out 270ms;
  -moz-transition: opacity 0.3s ease-in-out 270ms, transform 0.3s ease-in-out 270ms;
  -ms-transition: opacity 0.3s ease-in-out 270ms, transform 0.3s ease-in-out 270ms;
  -o-transition: opacity 0.3s ease-in-out 270ms, transform 0.3s ease-in-out 270ms;
  transition: opacity 0.3s ease-in-out 270ms, transform 0.3s ease-in-out 270ms;
}

#sequence-full_nested.seq .sequence-full_nested-inner.seq nav ul.photoset_thumbs.seq-pagination li.seq-current {
  background-color: #0098FF;
}

#sequence-full_nested.seq .sequence-full_nested-inner.seq nav ul.photoset_thumbs.seq-pagination li.seq-current:hover a {
  opacity: 1;
}

#sequence-full_nested.seq .sequence-full_nested-inner.seq nav ul.photoset_thumbs.seq-pagination li a {
  width: 70px;
  height: 35px;
  display: block;
  background-size: cover;
  background-position: center;
}

#sequence-full_nested.seq .sequence-full_nested-inner.seq nav ul.photoset_thumbs.seq-pagination li a:hover {
  opacity: .5;
}

#sequence-full_nested.seq .sequence-full_nested-inner.seq .seq-in .bg-image {
  opacity: 1;
  transform: translate(0, 0);
}

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

#sequence-full_nested.seq .sequence-full_nested-inner.seq .seq-out .bg-image, #sequence-full_nested.seq .sequence-full_nested-inner.seq .seq-out .photoset_text {
  opacity: 0;
}

#sequence-full_nested.seq .sequence-full_nested-inner.seq .seq-out .bg-image {
  transform: translate(-100px, 0);
  -webkit-transition: transform 0.7s ease-in-out 0.3s, opacity 0.7s ease-in-out 0.3s;
  -moz-transition: transform 0.7s ease-in-out 0.3s, opacity 0.7s ease-in-out 0.3s;
  -ms-transition: transform 0.7s ease-in-out 0.3s, opacity 0.7s ease-in-out 0.3s;
  -o-transition: transform 0.7s ease-in-out 0.3s, opacity 0.7s ease-in-out 0.3s;
  transition: transform 0.7s ease-in-out 0.3s, opacity 0.7s ease-in-out 0.3s;
}

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

#content.site-content {
  padding: 0;
}

body {
  padding: 0;
  margin: 0;
  animation: colorchange 10s infinite;
  /* animation-name followed by duration in seconds*/
  /* you could also use milliseconds (ms) or something like 2.5s */
  -webkit-animation: colorchange 20s infinite;
  /* Chrome and Safari */
}

@keyframes colorchange {
  0% {
    background: rgba(102, 199, 244, 0.1);
  }
  33% {
    background: rgba(255, 16, 83, 0.1);
  }
  66% {
    background: rgba(77, 204, 189, 0.1);
  }
  100% {
    background: rgba(102, 199, 244, 0.1);
  }
}

@-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */ {
  0% {
    background: rgba(102, 199, 244, 0.1);
  }
  33% {
    background: rgba(255, 16, 83, 0.1);
  }
  66% {
    background: rgba(77, 204, 189, 0.1);
  }
  100% {
    background: rgba(102, 199, 244, 0.1);
  }
}

.site-main {
  z-index: 99;
  position: relative;
}

.site-header {
  z-index: 999;
  position: relative;
}

#home-slideshow-bg {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100vh;
}

#home-slideshow-bg h1 {
  display: none;
}

h1.maintitle {
  width: 50%;
  padding: 50px;
  background: #6c6ea0;
  color: white;
  font-size: 50px;
  margin: 80px 0 50px 0;
}

.menu-toggle {
  position: fixed;
  top: 0;
  right: 5%;
  color: white;
  background: #6c6ea0;
  padding: 15px;
}

ul.genrefilter {
  position: fixed;
  top: 5%;
  right: 5%;
  z-index: 9999;
  list-style: none;
  font-weight: bold;
  margin-left: 5px;
  opacity: 0;
  transform: translate(30px, 0);
  -webkit-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  display: flex;
  flex-direction: column;
}

ul.genrefilter.toggled {
  transform: translate(0, 0);
  opacity: 1;
}

ul.genrefilter li {
  margin: 0 0 10px 0;
}

ul.genrefilter li a {
  color: white;
  background: #6c6ea0;
  padding: 0 15px;
  display: block;
}

ul.genrefilter li a:hover {
  text-decoration: none;
}

ul.genrefilter li#electronic a {
  border-left: 15px solid #66c7f4;
}

ul.genrefilter li#rock a {
  border-left: 15px solid #4dccbd;
}

ul.genrefilter li#metal a {
  border-left: 15px solid #ff1053;
}

.genre-block-container {
  width: 100%;
  display: flex;
  align-content: space-between;
}

.genre-block-container .genre-block {
  flex-grow: 1;
  margin: 0 15px 0 0;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  height: 20px;
}

.genre-block-container .genre-block:last-child {
  margin-right: 0;
}

.genre-block-container .genre-block.electronic {
  background-color: #66c7f4;
}

.genre-block-container .genre-block.rock {
  background-color: #4dccbd;
}

.genre-block-container .genre-block.metal {
  background-color: #ff1053;
}

.album-tracks ul.tracklist {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.album-tracks ul.tracklist li {
  background: rgba(0, 0, 0, 0.1);
  padding: 5px;
  color: black;
  font-weight: bold;
  margin: 5px;
}

ul.album-credits {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

ul.album-credits li {
  background: rgba(0, 0, 0, 0.1);
  padding: 5px;
  color: black;
  margin: 5px;
}

.album-videos ul.video-iframe-poppers {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0;
  padding: 0;
}

.album-videos ul.video-iframe-poppers li {
  margin: 0;
  padding: 0;
  padding-right: 15px;
  padding-bottom: 30px;
  width: 50%;
}

.album-videos ul.video-iframe-poppers li a {
  position: relative;
  display: block;
  text-align: center;
  background: #6c6ea0;
  border-bottom: 5px solid #6c6ea0;
}

.album-videos ul.video-iframe-poppers li a h6 {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 999;
  color: white;
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6);
  font-size: 25px;
  padding: 10px;
  font-weight: bold;
  opacity: 1;
  transform: translateY(-50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.album-videos ul.video-iframe-poppers li a span {
  font-size: 6.25rem;
  position: absolute;
  z-index: 999;
  color: white;
  padding: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: 900;
  text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.6);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  opacity: .3;
}

@media (max-width: 1200px) {
  .album-videos ul.video-iframe-poppers li a span {
    font-size: calc(2.05rem + 5.6vw) ;
  }
}

.album-videos ul.video-iframe-poppers li a img {
  z-index: 50;
  position: relative;
  width: 100%;
  max-width: 100%;
  height: auto;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  opacity: .5;
}

.album-videos ul.video-iframe-poppers li a:hover h6 {
  opacity: .3;
}

.album-videos ul.video-iframe-poppers li a:hover span {
  opacity: .7;
}

.album-videos ul.video-iframe-poppers li a:hover img {
  opacity: 1;
  transform: scale(1.2);
}

/*--------------------------------------------------------------
      ## Album Header
      --------------------------------------------------------------*/
header.album-header {
  background-size: cover;
  background-attachment: fixed;
  position: relative;
}

header.album-header h1 {
  font-size: 3.75rem;
}

@media (max-width: 1200px) {
  header.album-header h1 {
    font-size: calc(1.55rem + 2.93333vw) ;
  }
}

header.album-header:before {
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  content: '';
  background: rgba(0, 0, 0, 0.7);
}

.album-quotes blockquote {
  font-size: 1.5rem;
  font-weight: 900;
  margin: 0 0 1.5em 0;
}

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

.album-quotes blockquote span {
  display: inline;
  background: black;
  line-height: 120%;
  color: white;
}

.album-quotes blockquote p {
  font-size: 0.625rem;
}

.album-quotes blockquote p a {
  background: #6c6ea0;
  display: inline-block;
  margin: 15px 0;
  color: white;
  padding: 15px;
}

.album-quotes blockquote p a:hover {
  opacity: .6;
}

/*--------------------------------------------------------------
      ## Video Modals
      --------------------------------------------------------------*/
.video-embed-container {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
}

.video-embed-container .popup-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.iziModal-navigate > button {
  background-color: none !important;
}

.iziFrame {
  background: none;
}

.iziFrame .iziModal-content:after,
.iziFrame .iziModal-content:before,
.iziFrame .iziModal-wrap:after,
.iziFrame .iziModal-wrap:before {
  opacity: 0 !important;
}

.iziFrame footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-content: center;
  justify-content: space-around;
  background: rgba(108, 110, 160, 0.5);
}

.iziFrame footer img {
  width: 200px;
  height: auto;
}

.iziFrame footer h6 {
  padding: 15px;
  color: white;
}

.iziFrame .iziModal-header.iziModal-noSubtitle {
  background: #6c6ea0;
}

.iziFrame .iziModal-header.iziModal-noSubtitle .iziModal-button-close {
  background-color: #0098FF;
  opacity: 1;
}

.iziFrame .iziModal-header.iziModal-noSubtitle .iziModal-button-close:hover {
  opacity: .5;
}

ul.best-albums li.animated:nth-child(1) {
  animation-delay: 0.05s;
}

ul.best-albums li.animated:nth-child(2) {
  animation-delay: 0.1s;
}

ul.best-albums li.animated:nth-child(3) {
  animation-delay: 0.15s;
}

ul.best-albums li.animated:nth-child(4) {
  animation-delay: 0.2s;
}

ul.best-albums li.animated:nth-child(5) {
  animation-delay: 0.25s;
}

ul.best-albums li.animated:nth-child(6) {
  animation-delay: 0.3s;
}

ul.best-albums li.animated:nth-child(7) {
  animation-delay: 0.35s;
}

ul.best-albums li.animated:nth-child(8) {
  animation-delay: 0.4s;
}

ul.best-albums li.animated:nth-child(9) {
  animation-delay: 0.45s;
}

ul.best-albums li.animated:nth-child(10) {
  animation-delay: 0.5s;
}

ul.best-albums li.animated:nth-child(11) {
  animation-delay: 0.55s;
}

ul.best-albums li.animated:nth-child(12) {
  animation-delay: 0.6s;
}

ul.best-albums li.animated:nth-child(13) {
  animation-delay: 0.65s;
}

ul.best-albums li.animated:nth-child(14) {
  animation-delay: 0.7s;
}

ul.best-albums li.animated:nth-child(15) {
  animation-delay: 0.75s;
}

ul.best-albums li.animated:nth-child(16) {
  animation-delay: 0.8s;
}

ul.best-albums li.animated:nth-child(17) {
  animation-delay: 0.85s;
}

ul.best-albums li.animated:nth-child(18) {
  animation-delay: 0.9s;
}

ul.best-albums li.animated:nth-child(19) {
  animation-delay: 0.95s;
}

ul.best-albums li.animated:nth-child(20) {
  animation-delay: 1s;
}

ul.best-albums li.animated:nth-child(21) {
  animation-delay: 1.05s;
}

ul.best-albums li.animated:nth-child(22) {
  animation-delay: 1.1s;
}

ul.best-albums li.animated:nth-child(23) {
  animation-delay: 1.15s;
}

ul.best-albums li.animated:nth-child(24) {
  animation-delay: 1.2s;
}

ul.best-albums li.animated:nth-child(25) {
  animation-delay: 1.25s;
}

ul.best-albums li.animated:nth-child(26) {
  animation-delay: 1.3s;
}

ul.best-albums li.animated:nth-child(27) {
  animation-delay: 1.35s;
}

ul.best-albums li.animated:nth-child(28) {
  animation-delay: 1.4s;
}

ul.best-albums li.animated:nth-child(29) {
  animation-delay: 1.45s;
}

ul.best-albums li.animated:nth-child(30) {
  animation-delay: 1.5s;
}

ul.best-albums li.animated:nth-child(31) {
  animation-delay: 1.55s;
}

ul.best-albums li.animated:nth-child(32) {
  animation-delay: 1.6s;
}

ul.best-albums li.animated:nth-child(33) {
  animation-delay: 1.65s;
}

ul.best-albums li.animated:nth-child(34) {
  animation-delay: 1.7s;
}

ul.best-albums li.animated:nth-child(35) {
  animation-delay: 1.75s;
}

ul.best-albums li.animated:nth-child(36) {
  animation-delay: 1.8s;
}

ul.best-albums li.animated:nth-child(37) {
  animation-delay: 1.85s;
}

ul.best-albums li.animated:nth-child(38) {
  animation-delay: 1.9s;
}

ul.best-albums li.animated:nth-child(39) {
  animation-delay: 1.95s;
}

ul.best-albums li.animated:nth-child(40) {
  animation-delay: 2s;
}

ul.best-albums li.animated:nth-child(41) {
  animation-delay: 2.05s;
}

ul.best-albums li.animated:nth-child(42) {
  animation-delay: 2.1s;
}

ul.best-albums li.animated:nth-child(43) {
  animation-delay: 2.15s;
}

ul.best-albums li.animated:nth-child(44) {
  animation-delay: 2.2s;
}

ul.best-albums li.animated:nth-child(45) {
  animation-delay: 2.25s;
}

ul.best-albums li.animated:nth-child(46) {
  animation-delay: 2.3s;
}

ul.best-albums li.animated:nth-child(47) {
  animation-delay: 2.35s;
}

ul.best-albums li.animated:nth-child(48) {
  animation-delay: 2.4s;
}

ul.best-albums li.animated:nth-child(49) {
  animation-delay: 2.45s;
}

ul.best-albums li.animated:nth-child(50) {
  animation-delay: 2.5s;
}

/*--------------------------------------------------------------
## Other 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: "Kavoon", 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;
}

.iziGallery {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: auto;
  align-items: center;
  align-content: center;
  justify-content: center;
}

.iziGallery figure {
  display: grid;
  align-items: center;
  align-content: center;
  justify-content: center;
  margin: 5px;
  border: 8px solid white;
  background: rgba(0, 0, 0, 0.5);
  padding: 0;
}

.gallCol-1 {
  grid-template-columns: 50% 50%;
}

@media (min-width: 992px) {
  .gallCol-1 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.gallCol-2 {
  grid-template-columns: 50% 50%;
}

@media (min-width: 992px) {
  .gallCol-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}

.gallCol-3 {
  grid-template-columns: 50% 50%;
}

@media (min-width: 992px) {
  .gallCol-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}

.gallCol-4 {
  grid-template-columns: 50% 50%;
}

@media (min-width: 992px) {
  .gallCol-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}

.gallCol-5 {
  grid-template-columns: 50% 50%;
}

@media (min-width: 992px) {
  .gallCol-5 {
    grid-template-columns: repeat(5, 1fr);
  }
}

.gallCol-6 {
  grid-template-columns: 50% 50%;
}

@media (min-width: 992px) {
  .gallCol-6 {
    grid-template-columns: repeat(6, 1fr);
  }
}

.gallCol-7 {
  grid-template-columns: 50% 50%;
}

@media (min-width: 992px) {
  .gallCol-7 {
    grid-template-columns: repeat(7, 1fr);
  }
}

.gallCol-8 {
  grid-template-columns: 50% 50%;
}

@media (min-width: 992px) {
  .gallCol-8 {
    grid-template-columns: repeat(8, 1fr);
  }
}

.gallCol-9 {
  grid-template-columns: 50% 50%;
}

@media (min-width: 992px) {
  .gallCol-9 {
    grid-template-columns: repeat(9, 1fr);
  }
}

.iziModal.iziGallery-modal {
  text-align: center;
  box-shadow: none;
  background-size: cover;
  background-position: top center;
}

.iziModal.iziGallery-modal .galback {
  background-size: cover;
  background-position: top center;
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.iziModal.iziGallery-modal .galback:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  opacity: .8;
  background-color: black;
  mix-blend-mode: multiply;
}

.iziModal.iziGallery-modal img {
  z-index: 2;
  height: auto;
  width: auto;
  max-width: 100%;
  max-height: 80vh !important;
}

.iziModal.iziGallery-modal figcaption {
  display: none !important;
}

/*--------------------------------------------------------------
## 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;
}

body {
  animation: colorchange 10s infinite;
  /* animation-name followed by duration in seconds*/
  /* you could also use milliseconds (ms) or something like 2.5s */
  -webkit-animation: colorchange 20s infinite;
  /* Chrome and Safari */
}

@keyframes colorchange {
  0% {
    background: rgba(102, 199, 244, 0.3);
  }
  33% {
    background: rgba(255, 16, 83, 0.3);
  }
  66% {
    background: rgba(77, 204, 189, 0.3);
  }
  100% {
    background: rgba(102, 199, 244, 0.3);
  }
}

@-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */ {
  0% {
    background: rgba(102, 199, 244, 0.3);
  }
  33% {
    background: rgba(255, 16, 83, 0.3);
  }
  66% {
    background: rgba(77, 204, 189, 0.3);
  }
  100% {
    background: rgba(102, 199, 244, 0.3);
  }
}

.site-main {
  z-index: 99;
  position: relative;
}

.site-header {
  z-index: 999;
  position: relative;
}

#home-slideshow-bg {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100vh;
}

#home-slideshow-bg h1 {
  display: none;
}

h1.maintitle {
  width: 50%;
  padding: 50px;
  background: #6c6ea0;
  color: white;
  font-size: 50px;
  margin: 80px 0 50px 0;
}

ul.genrefilter {
  position: fixed;
  top: 5%;
  right: 5%;
  z-index: 9999;
  list-style: none;
  font-weight: bold;
  margin-left: 5px;
  display: flex;
  flex-direction: column;
}

ul.genrefilter li {
  margin: 0 0 10px 0;
}

ul.genrefilter li a {
  color: white;
  background: #6c6ea0;
  padding: 0 15px;
  display: block;
}

ul.genrefilter li a:hover {
  text-decoration: none;
}

ul.genrefilter li#electronic a {
  border-left: 15px solid #66c7f4;
}

ul.genrefilter li#rock a {
  border-left: 15px solid #4dccbd;
}

ul.genrefilter li#metal a {
  border-left: 15px solid #ff1053;
}

.genre-block-container {
  width: 100%;
  display: flex;
  align-content: space-between;
}

.genre-block-container .genre-block {
  flex-grow: 1;
  margin: 0 15px 0 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  height: 20px;
}

.genre-block-container .genre-block:last-child {
  margin-right: 0;
}

.genre-block-container .genre-block.electronic {
  background-color: #66c7f4;
}

.genre-block-container .genre-block.rock {
  background-color: #4dccbd;
}

.genre-block-container .genre-block.metal {
  background-color: #ff1053;
}

ul.best-albums li.animated:nth-child(1) {
  animation-delay: 0.05s;
}

ul.best-albums li.animated:nth-child(2) {
  animation-delay: 0.1s;
}

ul.best-albums li.animated:nth-child(3) {
  animation-delay: 0.15s;
}

ul.best-albums li.animated:nth-child(4) {
  animation-delay: 0.2s;
}

ul.best-albums li.animated:nth-child(5) {
  animation-delay: 0.25s;
}

ul.best-albums li.animated:nth-child(6) {
  animation-delay: 0.3s;
}

ul.best-albums li.animated:nth-child(7) {
  animation-delay: 0.35s;
}

ul.best-albums li.animated:nth-child(8) {
  animation-delay: 0.4s;
}

ul.best-albums li.animated:nth-child(9) {
  animation-delay: 0.45s;
}

ul.best-albums li.animated:nth-child(10) {
  animation-delay: 0.5s;
}

ul.best-albums li.animated:nth-child(11) {
  animation-delay: 0.55s;
}

ul.best-albums li.animated:nth-child(12) {
  animation-delay: 0.6s;
}

ul.best-albums li.animated:nth-child(13) {
  animation-delay: 0.65s;
}

ul.best-albums li.animated:nth-child(14) {
  animation-delay: 0.7s;
}

ul.best-albums li.animated:nth-child(15) {
  animation-delay: 0.75s;
}

ul.best-albums li.animated:nth-child(16) {
  animation-delay: 0.8s;
}

ul.best-albums li.animated:nth-child(17) {
  animation-delay: 0.85s;
}

ul.best-albums li.animated:nth-child(18) {
  animation-delay: 0.9s;
}

ul.best-albums li.animated:nth-child(19) {
  animation-delay: 0.95s;
}

ul.best-albums li.animated:nth-child(20) {
  animation-delay: 1s;
}

ul.best-albums li.animated:nth-child(21) {
  animation-delay: 1.05s;
}

ul.best-albums li.animated:nth-child(22) {
  animation-delay: 1.1s;
}

ul.best-albums li.animated:nth-child(23) {
  animation-delay: 1.15s;
}

ul.best-albums li.animated:nth-child(24) {
  animation-delay: 1.2s;
}

ul.best-albums li.animated:nth-child(25) {
  animation-delay: 1.25s;
}

ul.best-albums li.animated:nth-child(26) {
  animation-delay: 1.3s;
}

ul.best-albums li.animated:nth-child(27) {
  animation-delay: 1.35s;
}

ul.best-albums li.animated:nth-child(28) {
  animation-delay: 1.4s;
}

ul.best-albums li.animated:nth-child(29) {
  animation-delay: 1.45s;
}

ul.best-albums li.animated:nth-child(30) {
  animation-delay: 1.5s;
}

ul.best-albums li.animated:nth-child(31) {
  animation-delay: 1.55s;
}

ul.best-albums li.animated:nth-child(32) {
  animation-delay: 1.6s;
}

ul.best-albums li.animated:nth-child(33) {
  animation-delay: 1.65s;
}

ul.best-albums li.animated:nth-child(34) {
  animation-delay: 1.7s;
}

ul.best-albums li.animated:nth-child(35) {
  animation-delay: 1.75s;
}

ul.best-albums li.animated:nth-child(36) {
  animation-delay: 1.8s;
}

ul.best-albums li.animated:nth-child(37) {
  animation-delay: 1.85s;
}

ul.best-albums li.animated:nth-child(38) {
  animation-delay: 1.9s;
}

ul.best-albums li.animated:nth-child(39) {
  animation-delay: 1.95s;
}

ul.best-albums li.animated:nth-child(40) {
  animation-delay: 2s;
}

ul.best-albums li.animated:nth-child(41) {
  animation-delay: 2.05s;
}

ul.best-albums li.animated:nth-child(42) {
  animation-delay: 2.1s;
}

ul.best-albums li.animated:nth-child(43) {
  animation-delay: 2.15s;
}

ul.best-albums li.animated:nth-child(44) {
  animation-delay: 2.2s;
}

ul.best-albums li.animated:nth-child(45) {
  animation-delay: 2.25s;
}

ul.best-albums li.animated:nth-child(46) {
  animation-delay: 2.3s;
}

ul.best-albums li.animated:nth-child(47) {
  animation-delay: 2.35s;
}

ul.best-albums li.animated:nth-child(48) {
  animation-delay: 2.4s;
}

ul.best-albums li.animated:nth-child(49) {
  animation-delay: 2.45s;
}

ul.best-albums li.animated:nth-child(50) {
  animation-delay: 2.5s;
}

ul.best-albums {
  list-style: none;
  margin: 0;
  padding: 0;
  padding: 30px;
  width: 70%;
  margin-left: 10%;
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
}

ul.best-albums li {
  grid-column-start: auto;
  grid-row-start: auto;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

ul.best-albums li .squarepic {
  display: block;
  margin: 0 0 10px 0;
  background: white;
  height: auto;
  line-height: 0;
}

ul.best-albums li .squarepic h1 {
  position: absolute;
  top: 5%;
  left: 5%;
  z-index: 98;
  line-height: 1.1;
  font-size: 1.875rem;
  padding: 15px;
  margin: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  transition-delay: .2s;
}

@media (max-width: 1200px) {
  ul.best-albums li .squarepic h1 {
    font-size: calc(1.175rem + 0.93333vw) ;
  }
}

ul.best-albums li .squarepic img {
  width: 100%;
  height: auto;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

ul.best-albums li:hover {
  cursor: pointer;
  -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3) #CCC;
  -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3) #CCC;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3) #CCC;
}

ul.best-albums li:hover .genre-block {
  transform: scaleY(3);
}

ul.best-albums li:hover img {
  opacity: .1;
}

ul.best-albums li:hover h1 {
  opacity: 1;
}

ul.best-albums li.tier-one {
  grid-column-end: span 3;
  grid-row-end: span 3;
}

ul.best-albums li.tier-two {
  grid-column-end: span 2;
  grid-row-end: span 2;
}

ul.best-albums li.tier-two .squarepic h1 {
  font-size: 1rem;
}

ul.best-albums li.tier-three {
  grid-column-end: span 1;
  grid-row-end: span 1;
}

ul.best-albums li.tier-three .squarepic h1 {
  display: none;
}

ul.best-albums.year-2019 li.tier-three {
  grid-column-end: span 3;
  grid-row-end: span 3;
}

ul.best-albums.year-2019 li.tier-three .squarepic h1 {
  display: block;
}

#page {
  position: relative;
}

.iziModal-overlay {
  background: rgba(0, 0, 0, 0.5);
  padding: 50px 0;
}

.album-modal.iziModal {
  background: transparent;
  max-width: 90%;
  width: 90%;
  margin: 50px auto 0 auto;
}

.album-modal.iziModal .iziModal-content {
  background: rgba(255, 255, 255, 0.9);
  margin: 0 auto;
}

.album-modal.iziModal .album-header {
  margin: 0 0 0 0;
  display: block;
  position: relative;
}

.album-modal.iziModal .album-header:before, .album-modal.iziModal .album-header:after {
  content: " ";
  display: table;
}

.album-modal.iziModal .album-header:after {
  display: block;
  clear: both;
  height: 1px;
  margin-top: -1px;
  visibility: hidden;
}

.album-modal.iziModal .album-header {
  *zoom: 1;
}

.album-modal.iziModal .album-header .modal-big-close {
  position: absolute;
  top: 5%;
  right: 5%;
  z-index: 999;
  background: none;
  border: none;
  font-size: 56px;
  color: white;
  text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.album-modal.iziModal .album-header .modal-big-close:hover {
  transform: scale(1.3) rotate(90deg);
}

.album-modal.iziModal .album-header .genre-block {
  height: 50px;
}

.album-modal.iziModal .album-header h1 {
  position: absolute;
  top: 0;
  color: white;
  padding: 0 20px;
}

.album-modal.iziModal .album-content {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: auto;
  grid-template-areas: "grInfo grTracks" "grVideos grCover";
}

.album-modal.iziModal .album-content > div {
  padding: 15px;
}

.album-modal.iziModal .album-content ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.album-modal.iziModal .album-content ul li {
  margin: 0;
  padding: 0;
}

.album-modal.iziModal .album-content .album-cover {
  grid-area: grCover;
}

.album-modal.iziModal .album-content .album-cover .cover-container {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 600px;
  background-size: contain;
  background-repeat: no-repeat;
}

.album-modal.iziModal .album-content .album-info {
  grid-area: grInfo;
}

.album-modal.iziModal .album-content .album-info .artist-name {
  margin: 0;
}

.album-modal.iziModal .album-content .album-info .album-title {
  margin-top: 0;
}

.album-modal.iziModal .album-content .album-info .modal-buttons {
  margin-bottom: 30px;
}

.site-info {
  display: none;
}

#slideshow {
  position: relative;
  width: 100%;
  height: 100vh;
}

#slideshow > div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

#slideshow img {
  width: auto;
  height: auto;
  min-height: 100vh;
  min-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: .05;
}

#slideshow h1 {
  text-align: center;
  color: white;
  font-size: 400px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  opacity: .05;
  letter-spacing: .4em;
}

/*--------------------------------------------------------------
## SWUP Page Transitions https://github.com/gmrchk/swup
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## GENERIC
--------------------------------------------------------------*/
.a-fade {
  transition: .3s;
}

html.is-animating .a-fade {
  opacity: 0;
}

.a-slide {
  transition: .4s;
}

html.is-animating .a-slide {
  transform: translate3d(0, 120%, 0);
}

.a-page-slide {
  transition: .4s;
}

html.is-animating .a-page-slide {
  transform: translate3d(0, 10%, 0);
}

.a-slide-heading-left {
  transition: .4s;
}

html.is-animating .a-slide-heading-left {
  transform: translate3d(30%, 0, 0);
}

/*--------------------------------------------------------------
## Animation States
--------------------------------------------------------------*/
.animation-class {
  /* default animation rules */
}

html.is-animating .animation-class {
  /* CSS styles when animating  */
}

html.is-changing .animation-class {
  /* CSS styles when changing  */
}

html.is-leaving .animation-class {
  /* CSS styles when leaving  */
}

html.is-rendering .animation-class {
  /* CSS styles when rendering  */
}

/*--------------------------------------------------------------
## tests
--------------------------------------------------------------*/
.a-crazy {
  /* default animation rules */
  transition: .6s;
}

html.is-animating .a-crazy {
  /* CSS styles when animating  */
  transform: translate3d(0, 120%, 0);
}

html.is-changing .a-crazy {
  /* CSS styles when changing  */
}

html.is-leaving .a-crazy {
  /* CSS styles when leaving  */
}

html.is-rendering .a-crazy {
  /* CSS styles when rendering  */
}

/*--------------------------------------------------------------
## DH ANIMATIONS BELOW
--------------------------------------------------------------*/
.a-home-header {
  transition: .4s;
}

html.is-animating .a-home-header {
  transform: translate3d(0, -10%, 0);
  opacity: 0;
}

/*--------------------------------------------------------------
## ABOUT - this seemed to cause an error when nested inside
           the general page transtition on subpages - removed from photos for now
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## PROJECTS
--------------------------------------------------------------*/
.a-proj-logos-defaultimg {
  transition: .3s;
}

html.is-animating .a-proj-logos-defaultimg {
  transform: translate3d(0, 10%, 0);
  opacity: 0;
}

html.is-animating body.section_logos .a-proj-logos-defaultimg {
  opacity: 0;
}

.a-proj-websites-defaultimg {
  transition: .6s;
}

html.is-animating .a-proj-websites-defaultimg {
  transform: translate3d(0, 20%, 0);
  opacity: 0;
}

.a-proj-standard-defaultimg {
  transition: .6s;
}

html.is-animating .a-proj-standard-defaultimg {
  opacity: 0;
}

.a-proj-archives-img {
  transition: .9s;
}

html.is-animating .a-proj-archives-img {
  opacity: 0;
}

div.col-sm-4:nth-child(1) .a-proj-archives-img {
  transition-delay: 0.05556s;
}

div.col-sm-4:nth-child(2) .a-proj-archives-img {
  transition-delay: 0.11111s;
}

div.col-sm-4:nth-child(3) .a-proj-archives-img {
  transition-delay: 0.16667s;
}

div.col-sm-4:nth-child(4) .a-proj-archives-img {
  transition-delay: 0.22222s;
}

div.col-sm-4:nth-child(5) .a-proj-archives-img {
  transition-delay: 0.27778s;
}

div.col-sm-4:nth-child(6) .a-proj-archives-img {
  transition-delay: 0.33333s;
}

div.col-sm-4:nth-child(7) .a-proj-archives-img {
  transition-delay: 0.38889s;
}

div.col-sm-4:nth-child(8) .a-proj-archives-img {
  transition-delay: 0.44444s;
}

div.col-sm-4:nth-child(9) .a-proj-archives-img {
  transition-delay: 0.5s;
}

div.col-sm-4:nth-child(10) .a-proj-archives-img {
  transition-delay: 0.55556s;
}

div.col-sm-4:nth-child(11) .a-proj-archives-img {
  transition-delay: 0.61111s;
}

div.col-sm-4:nth-child(12) .a-proj-archives-img {
  transition-delay: 0.66667s;
}

div.col-sm-4:nth-child(13) .a-proj-archives-img {
  transition-delay: 0.72222s;
}

div.col-sm-4:nth-child(14) .a-proj-archives-img {
  transition-delay: 0.77778s;
}

div.col-sm-4:nth-child(15) .a-proj-archives-img {
  transition-delay: 0.83333s;
}

.discogs-test-page {
  padding: 3em;
  background: white;
  color: black;
}