/*!
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(https://fonts.googleapis.com/css?family=Roboto:900);
body,
button,
input,
select,
optgroup,
textarea {
  color: #4A4A4A;
  font-family: benton-sans, 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: 400;
  font-family: benton-sans-compressed, sans-serif;
  color: #1E5ECC;
}

h1.altHeader, h2.altHeader, h3.altHeader, h4.altHeader, h5.altHeader, h6.altHeader {
  font-family: benton-sans, sans-serif;
}

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

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

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

h1 {
  font-size: 3.5rem;
  color: #193059;
}

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

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

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

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

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

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

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

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

.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);
}

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: #1E5ECC;
  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: #222;
  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: #000;
}

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: 700;
  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;
}

/*--------------------------------------------------------------
## Logo Nav
--------------------------------------------------------------*/
.logoNav {
  position: fixed;
  top: 30%;
  right: 0;
  width: 500px;
  max-width: 100%;
  left: auto;
  z-index: 100;
  opacity: 0;
  transform-origin: 100% 50%;
  overflow: hidden;
  background: #FDCD09;
  border-radius: 6px;
  padding: 15px 30px 15px 15px;
  -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.2);
}

.logoNav ul {
  flex-direction: column;
}

.logoNav ul li {
  z-index: 1;
}

.logoNav ul li:last-child {
  z-index: 0;
}

.logoNav ul li a {
  color: black;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.logoNav ul li a:hover {
  opacity: .6;
}

.logoNav ul li img.initial-bug {
  opacity: .6;
  width: 80px;
  margin: 7px 0;
  margin-right: 15px;
}

.logoNav ul li span.text {
  opacity: 0;
  display: flex;
  flex-direction: column;
}

.logoNav ul li i {
  font-size: 46px;
  color: white;
  background: rgba(216, 216, 216, 0.36);
  padding: 12px;
  border-radius: 50%;
  -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;
}

.logoNav ul li i.dim {
  opacity: .5;
}

/*--------------------------------------------------------------
## Playlist Cover Menu
--------------------------------------------------------------*/
#playlists-popup.iziModal .iziModal-header.iziModal-noSubtitle {
  box-shadow: none;
  text-align: center;
  height: 50px;
}

#playlists-popup.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-header-buttons {
  right: 50%;
}

#playlists-popup.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-header-buttons .iziModal-button-close {
  background-color: #1e5ecc;
  float: none;
}

#playlists-popup.iziModal nav.iziModal-content-wrapper {
  padding: 15px;
}

#playlists-popup.iziModal nav.iziModal-content-wrapper ul {
  display: grid;
  grid-column-gap: 0;
  grid-row-gap: 0;
  grid-template-columns: repeat(4, 25%);
}

#playlists-popup.iziModal nav.iziModal-content-wrapper ul li {
  justify-content: center;
  padding: 5px;
}

#playlists-popup.iziModal nav.iziModal-content-wrapper ul li a {
  position: relative;
  padding: 15px;
  height: 15vh;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#playlists-popup.iziModal nav.iziModal-content-wrapper ul li a div.playlist-cover {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 0;
}

#playlists-popup.iziModal nav.iziModal-content-wrapper ul li a:after, #playlists-popup.iziModal nav.iziModal-content-wrapper ul li a:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: '';
  opacity: .3;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

#playlists-popup.iziModal nav.iziModal-content-wrapper ul li a:after {
  z-index: 2;
  background: #94b5ef;
  background-blend-mode: darken;
}

#playlists-popup.iziModal nav.iziModal-content-wrapper ul li a:before {
  z-index: 1;
  background: #1E5ECC;
  background-blend-mode: lighten;
}

#playlists-popup.iziModal nav.iziModal-content-wrapper ul li a:hover:after, #playlists-popup.iziModal nav.iziModal-content-wrapper ul li a:hover:before {
  opacity: 1;
}

#playlists-popup.iziModal nav.iziModal-content-wrapper ul li a span {
  position: absolute;
  color: white;
  z-index: 99;
  font-weight: 700;
  font-family: benton-sans-compressed, sans-serif;
  font-size: 1.5rem;
  text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.6), 0px 0px 5px rgba(0, 0, 0, 0.6);
}

@media (max-width: 1200px) {
  #playlists-popup.iziModal nav.iziModal-content-wrapper ul li a span {
    font-size: calc(1.1rem + 0.53333vw) ;
  }
}

#playlists-popup.iziModal nav.iziModal-content-wrapper ul li:nth-child(8n+2) a:before, #playlists-popup.iziModal nav.iziModal-content-wrapper ul li:nth-child(8n+4) a:before, #playlists-popup.iziModal nav.iziModal-content-wrapper ul li:nth-child(8n+5) a:before, #playlists-popup.iziModal nav.iziModal-content-wrapper ul li:nth-child(8n+7) a:before {
  background: #feeca1;
}

#playlists-popup.iziModal nav.iziModal-content-wrapper ul li:nth-child(8n+2) a:after, #playlists-popup.iziModal nav.iziModal-content-wrapper ul li:nth-child(8n+4) a:after, #playlists-popup.iziModal nav.iziModal-content-wrapper ul li:nth-child(8n+5) a:after, #playlists-popup.iziModal nav.iziModal-content-wrapper ul li:nth-child(8n+7) a:after {
  background: #FDCD09;
}

/*--------------------------------------------------------------
## MegaMenu / Popup
--------------------------------------------------------------*/
#megamenu-popup.iziModal {
  left: auto;
  border-left: 7px solid #FDCD09;
}

#megamenu-popup.iziModal nav.megamenu-content {
  padding: 30px 0 0 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  grid-template-areas: "mega-logos mega-menus " "mega-live mega-live";
}

#megamenu-popup.iziModal nav.megamenu-content > div {
  padding: 0 30px 30px 30px;
}

#megamenu-popup.iziModal nav.megamenu-content .mega-logos {
  grid-area: mega-logos;
  text-align: center;
  margin-left: -20px;
  padding-left: 0;
}

#megamenu-popup.iziModal nav.megamenu-content .mega-logos img, #megamenu-popup.iziModal nav.megamenu-content .mega-logos svg {
  display: block;
  max-width: 70px;
  height: auto;
  margin: 15px auto 5px auto;
}

#megamenu-popup.iziModal nav.megamenu-content .mega-menus {
  grid-area: mega-menus;
  font-family: benton-sans-compressed, sans-serif;
  font-weight: 700;
  padding-left: 0;
}

#megamenu-popup.iziModal nav.megamenu-content .mega-menus ul.reg-menu {
  margin-top: 10px;
}

#megamenu-popup.iziModal nav.megamenu-content .mega-menus ul.social-menu {
  flex-direction: row;
  margin-top: 20px;
  font-size: 1.5rem;
}

@media (max-width: 1200px) {
  #megamenu-popup.iziModal nav.megamenu-content .mega-menus ul.social-menu {
    font-size: calc(1.1rem + 0.53333vw) ;
  }
}

#megamenu-popup.iziModal nav.megamenu-content .mega-live {
  grid-area: mega-live;
  background: rgba(253, 205, 9, 0.17);
  padding-top: 30px;
}

#megamenu-popup.iziModal nav.megamenu-content .mega-live p {
  font-size: 0.875rem;
}

#megamenu-popup.iziModal nav.megamenu-content .mega-live a {
  font-family: benton-sans-compressed, sans-serif;
  font-weight: 700;
  font-size: 1.375rem;
  text-transform: uppercase;
  color: #FDCD09;
}

@media (max-width: 1200px) {
  #megamenu-popup.iziModal nav.megamenu-content .mega-live a {
    font-size: calc(1.075rem + 0.4vw) ;
  }
}

#megamenu-popup.iziModal nav.megamenu-content .mega-live a:hover {
  color: #1E5ECC;
}

#megamenu-popup.iziModal nav.megamenu-content ul {
  flex-direction: column;
}

#megamenu-popup.iziModal nav.megamenu-content ul li {
  margin-bottom: 5px;
}

#megamenu-popup.iziModal nav.megamenu-content .mega-logos a {
  color: #4A4A4A;
  font-size: 0.9375rem;
}

#megamenu-popup.iziModal nav.megamenu-content .mega-logos a:hover {
  color: #FDCD09;
}

/*--------------------------------------------------------------
## Sticky Nav
--------------------------------------------------------------*/
#sticky-nav {
  display: none;
  -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;
  background-color: #193059;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-100px);
}

#sticky-nav .row {
  height: 60px;
  background-color: #1e5ecc;
  display: grid;
  grid-template-columns: 12em 1fr 150px;
}

#sticky-nav .row .livestream-trigger {
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px 65px 15px 15px;
  text-align: left;
  align-items: flex-start;
  align-self: flex-start;
}

#sticky-nav .sticky-header-logo, #sticky-nav h3 {
  justify-content: flex-start;
}

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

#sticky-nav ul {
  display: flex;
  justify-content: flex-end;
  font-family: benton-sans-compressed, sans-serif;
  font-size: 1.125rem;
}

@media (max-width: 1200px) {
  #sticky-nav ul {
    font-size: calc(1.025rem + 0.13333vw) ;
  }
}

#sticky-nav ul li:not(.show-top-menu) {
  display: none;
}

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

@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;
  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(30, 94, 204, 0.65);
}

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

#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(30, 94, 204, 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%;
}

/*--------------------------------------------------------------
## Sticky Main Nav/Header
--------------------------------------------------------------*/
body {
  padding-top: 150px;
}

#masthead {
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  opacity: 1;
  background: white;
  z-index: 999;
  font-family: benton-sans-compressed, sans-serif;
}

#masthead .logo-bug {
  position: absolute;
  top: 0;
  transform: translateY(0);
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  max-width: 120px;
  left: 20px;
}

#masthead .logo-word {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 999;
  transform: translate(150px, 30px);
  width: 50%;
  max-width: 200px;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

#masthead .logo-word img.logo-reg, #masthead .logo-word img.logo-sticky {
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  opacity: 1;
  visibility: visible;
}

#masthead .logo-word img.logo-sticky {
  opacity: 0;
  visibility: hidden;
}

#masthead a.livestream-trigger {
  position: absolute;
  background: #193059;
  color: white;
  display: none;
  align-items: center;
  padding: 0 40px;
  height: 97px;
  overflow: hidden;
  font-size: 1.125rem;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

@media (min-width: 576px) {
  #masthead a.livestream-trigger {
    display: flex;
  }
}

@media (min-width: 768px) {
  #masthead a.livestream-trigger {
    height: 80px;
  }
}

@media (max-width: 1200px) {
  #masthead a.livestream-trigger {
    font-size: calc(1.025rem + 0.13333vw) ;
  }
}

#masthead a.livestream-trigger i.material-icons {
  font-size: 2.5rem;
  transform: scale(1);
  -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;
}

@media (max-width: 1200px) {
  #masthead a.livestream-trigger i.material-icons {
    font-size: calc(1.3rem + 1.6vw) ;
  }
}

#masthead a.livestream-trigger:hover i {
  opacity: .5;
  transform: scale(1.3);
}

#masthead a.livestream-trigger-reg {
  position: absolute;
  right: 0;
  transform: translateY(0);
}

#masthead nav#site-navigation {
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  background: #1E5ECC;
  border-bottom: 7px solid #FDCD09;
  margin-top: 97px;
}

@media (min-width: 768px) {
  #masthead nav#site-navigation {
    margin-top: 80px;
  }
}

#masthead nav#site-navigation a.livestream-trigger-sticky {
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
  height: auto;
  display: none;
}

#masthead nav#site-navigation ul.primary-menu {
  justify-content: flex-end;
  height: 30px;
  font-size: 1.375rem;
}

@media (max-width: 1200px) {
  #masthead nav#site-navigation ul.primary-menu {
    font-size: calc(1.075rem + 0.4vw) ;
  }
}

#masthead nav#site-navigation ul.primary-menu li {
  flex-grow: 0;
}

#masthead nav#site-navigation ul.primary-menu li:not(.show-top-menu) {
  display: none;
}

#masthead nav#site-navigation ul.primary-menu li a {
  padding: 15px;
}

#masthead.shrunk {
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  background: #1E5ECC;
  position: fixed;
  opacity: 1;
  visibility: visible;
  top: 0;
  width: 100%;
  left: 0;
}

#masthead.shrunk .logo-bug {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-100px) scale(0);
}

#masthead.shrunk .logo-word {
  transform: translate(15px, -30px);
}

#masthead.shrunk .logo-word img.logo-reg {
  opacity: 0;
  visibility: hidden;
}

#masthead.shrunk .logo-word img.logo-sticky {
  opacity: 1;
  visibility: visible;
}

#masthead.shrunk a.livestream-trigger-reg {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-100px);
}

#masthead.shrunk nav#site-navigation {
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  margin-top: 0;
  background: none;
}

#masthead.shrunk nav#site-navigation .container-fluid {
  background: #1E5ECC;
}

#masthead.shrunk nav#site-navigation a.livestream-trigger-sticky {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

#masthead.shrunk nav#site-navigation ul.primary-menu {
  font-size: 1.125rem;
}

@media (max-width: 1200px) {
  #masthead.shrunk nav#site-navigation ul.primary-menu {
    font-size: calc(1.025rem + 0.13333vw) ;
  }
}

#masthead .menu-fb i {
  font-size: 110%;
  margin-bottom: .2em;
}

a {
  color: #1E5ECC;
  -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: #1E5ECC;
}

a:hover, a:focus, a:active {
  color: #FDCD09;
  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: #1E5ECC;
  color: white !important;
  /* stop rev-band styles from chaning the color  */
  font-weight: 700;
  font-size: 1rem;
  font-family: benton-sans, 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: #FDCD09;
}

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

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

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

#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;
  padding-left: 80px;
  padding-right: 80px;
}

@media (max-width: 575px) {
  .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (min-width: 1200px) {
  .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
}

body.home .container-fluid,
body.page-template-page-video_category .container-fluid {
  padding-right: 15px;
  padding-left: 15px;
}

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

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

/*--------------------------------------------------------------
## izimodal basics
--------------------------------------------------------------*/
.iziModal-navigate > button {
  opacity: .5;
  color: white;
  background: none;
}

.iziModal-navigate > button:hover {
  opacity: 1;
  color: #FDCD09;
  transform: scale(1.5);
  -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;
}

.iziModal-navigate > button::after {
  font-size: 3rem;
  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;
  -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;
}

@media (max-width: 1200px) {
  .iziModal-navigate > button::after {
    font-size: calc(1.4rem + 2.13333vw) ;
  }
}

.iziModal-navigate > button.iziModal-navigate-next::after {
  content: "\f138";
}

.iziModal-navigate > button.iziModal-navigate-prev::after {
  content: "\f137";
}

/*--------------------------------------------------------------
## Livestream Modal
--------------------------------------------------------------*/
#livestream-popup.iziModal {
  left: auto;
  background: #FDCD09;
}

#livestream-popup.iziModal .iziModal-content-wrapper .listing-group {
  border-top: 1px solid #E3B032;
}

#livestream-popup.iziModal .iziModal-content-wrapper .listing {
  display: grid;
  width: 100%;
  grid-template-columns: 6em 6em 24em;
  grid-template-rows: auto;
  font-weight: 700;
  padding-top: 5px;
  padding-bottom: 5px;
}

#livestream-popup.iziModal .iziModal-content-wrapper .listing:nth-child(even) {
  background: #E3B032;
}

#livestream-popup.iziModal .iziModal-content-wrapper .listing .date, #livestream-popup.iziModal .iziModal-content-wrapper .listing .time {
  color: #1E5ECC;
}

#livestream-popup.iziModal .iziModal-content-wrapper .listing .label {
  color: white;
}

#livestream-popup.iziModal .iziModal-content-wrapper h3 a {
  font-size: 1.125rem;
  margin-left: 30px;
  text-align: right;
  opacity: .7;
}

@media (max-width: 1200px) {
  #livestream-popup.iziModal .iziModal-content-wrapper h3 a {
    font-size: calc(1.025rem + 0.13333vw) ;
  }
}

#livestream-popup.iziModal .iziModal-content-wrapper h3 a:hover {
  color: white;
}

#livestream-popup.iziModal .iziModal-content-wrapper .bottomtext .big-live {
  font-family: benton-sans-compressed, sans-serif;
  font-size: 1.375rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 10px 0;
}

@media (max-width: 1200px) {
  #livestream-popup.iziModal .iziModal-content-wrapper .bottomtext .big-live {
    font-size: calc(1.075rem + 0.4vw) ;
  }
}

#livestream-popup.iziModal .iziModal-content-wrapper .bottomtext .big-live i {
  color: white;
  font-size: 1.875rem;
}

@media (max-width: 1200px) {
  #livestream-popup.iziModal .iziModal-content-wrapper .bottomtext .big-live i {
    font-size: calc(1.175rem + 0.93333vw) ;
  }
}

#livestream-popup.iziModal .iziModal-content-wrapper .bottomtext .big-live .note {
  font-size: 1rem;
  font-family: benton-sans, sans-serif;
  font-weight: 400;
  opacity: .5;
  font-style: italic;
  color: #4A4A4A;
}

#livestream-popup.iziModal .iziModal-content-wrapper .bottomtext .big-live:hover {
  color: white;
}

/*--------------------------------------------------------------
## 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: benton-sans, 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: 700;
}

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

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
.site-footer {
  background: -webkit-linear-gradient(top, #E2E2E2, #FCFCFC);
  background: -moz-linear-gradient(top, #E2E2E2, #FCFCFC);
  background: -o-linear-gradient(top, #E2E2E2, #FCFCFC);
  background: linear-gradient(top, #E2E2E2, #FCFCFC);
  border-top: 4px solid #FDCD09;
  font-family: benton-sans-compressed, sans-serif;
}

.site-footer a {
  color: black;
}

.site-footer a:hover {
  color: #1E5ECC;
}

.site-footer ul.footer-categories {
  display: grid;
}

@media (min-width: 576px) {
  .site-footer ul.footer-categories {
    grid-template-columns: 50% 50%;
  }
}

@media (min-width: 992px) {
  .site-footer ul.footer-categories {
    grid-template-columns: 33% 33% 33%;
  }
}

.site-footer ul.footer-categories li {
  text-align: left;
}

.site-footer ul.reg-menu {
  flex-direction: row;
  justify-content: center;
}

.site-footer ul.reg-menu li {
  flex-grow: 0;
  text-align: center;
  padding: 0 15px;
}

.site-footer ul.reg-menu li:hover {
  color: #1E5ECC;
}

.site-footer nav ul.footer-social-menu {
  justify-content: center;
}

.site-footer nav ul.footer-social-menu li {
  flex-grow: 0;
  font-size: 2.5rem;
  padding: 15px;
}

@media (max-width: 1200px) {
  .site-footer nav ul.footer-social-menu li {
    font-size: calc(1.3rem + 1.6vw) ;
  }
}

.site-footer nav ul.footer-social-menu li 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;
}

.site-footer nav ul.footer-social-menu li a:hover i {
  transform: scale(1.1);
}

.site-footer nav ul.footer-social-menu li.youtube a {
  color: #4A4A4A;
}

.site-footer nav ul.footer-social-menu li.youtube a:hover {
  color: red;
}

.site-footer nav ul.footer-social-menu li.facebook a {
  color: #4A4A4A;
}

.site-footer nav ul.footer-social-menu li.facebook a:hover {
  color: #4267B2;
}

.site-footer nav ul.footer-social-menu li.twitter a {
  color: #4A4A4A;
}

.site-footer nav ul.footer-social-menu li.twitter a:hover {
  color: #1EA1F2;
}

/*--------------------------------------------------------------
## Contact
--------------------------------------------------------------*/
input.button {
  color: white;
}

.search-form {
  width: 100%;
}

.search-form button {
  border-radius: 50%;
  background: white;
  color: #4A4A4A;
  border: none;
  background: rgba(30, 94, 204, 0.1);
  font-size: 1.375rem;
  padding: 10px;
  margin-left: -10px;
  transform: scale(1);
  -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;
}

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

.search-form button:hover {
  transform: scale(1.1);
  background: rgba(30, 94, 204, 0.3);
}

.search-form input {
  background: transparent;
  border: none;
  color: #1E5ECC;
  font-family: benton-sans-compressed, sans-serif;
  font-weight: 700;
}

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

/*--------------------------------------------------------------
## Scroll Buttons
--------------------------------------------------------------*/
.scroll-container {
  text-align: center;
}

.scroll-container + main {
  padding-top: 3rem;
}

.scroll-btn {
  margin: 0 auto;
  display: inline-block;
  text-align: center;
}

.scroll-btn i {
  background-color: #222;
  padding: 0px;
  border-radius: 6px;
  color: white;
  font-size: 60px;
  -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;
  transform: translateY(0);
}

.scroll-btn:hover {
  opacity: .6;
}

.scroll-btn:hover.scroll-down, .scroll-btn:hover.scroll-bottom {
  transform: translateY(10px);
}

.scroll-btn:hover.scroll-up, .scroll-btn:hover.scroll-top {
  transform: translateY(-10px);
}

/*--------------------------------------------------------------
## About/Videos Band
--------------------------------------------------------------*/
@media (min-width: 768px) {
  .about-section .col-md-3 {
    text-align: right;
    margin-right: 5%;
  }
  .about-section .crew-logo {
    margin-right: -6%;
  }
}

/*--------------------------------------------------------------
## Staff Band
--------------------------------------------------------------*/
main.featured-staff {
  background-color: rgba(30, 94, 204, 0.06);
  position: relative;
}

main.featured-staff:before {
  display: block;
  visibility: visible;
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: '';
  opacity: .06;
  background-image: url("images/production.jpg");
  background-size: cover;
  background-position: center;
}

main.featured-staff .row {
  z-index: 1;
}

@media (min-width: 768px) {
  main.featured-staff .col-md-3 {
    text-align: right;
    margin-right: 5%;
  }
}

main.featured-staff .featured-photos figure {
  position: relative;
  display: inline-block;
  max-width: 90%;
}

@media (min-width: 576px) {
  main.featured-staff .featured-photos figure {
    max-width: 29%;
    margin-right: 3%;
  }
}

main.featured-staff .featured-photos figure p {
  position: absolute;
  width: 100%;
}

main.featured-staff .featured-photos figure img {
  height: auto;
}

main.featured-staff .featured-photos .featured-bios {
  width: 100%;
}

/*--------------------------------------------------------------
## Featured Video
--------------------------------------------------------------*/
.featured-video {
  width: 100%;
  margin: 2em 0 3em 0;
  position: relative;
  text-align: center;
}

.featured-video .featured-text {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  text-align: left;
  padding-top: 100px;
  display: block;
  width: 100%;
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.9) 100%);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.9) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.9) 100%);
  background: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.9) 100%);
}

.featured-video .featured-text .video-title {
  color: white;
  font-weight: 400;
  padding-top: 100px;
}

.featured-video .featured-text .video-date {
  color: white;
}

.featured-video .featured-text .featured-label {
  color: #FDCD09;
  padding-top: 100px;
  margin-bottom: -90px;
}

.featured-video img {
  position: relative;
  z-index: 0;
  min-width: 100%;
}

.featured-video .youtube-play {
  color: #FF3132;
  position: absolute;
  top: 40%;
  margin: 0 auto;
  text-align: center;
  width: 100%;
  left: auto;
  z-index: 1;
  transform: scale(1);
  font-size: 5rem;
  text-shadow: 5px 5px 15px rgba(0, 0, 0, 0.5);
}

@media (max-width: 1200px) {
  .featured-video .youtube-play {
    font-size: calc(1.8rem + 4.26667vw) ;
  }
}

.featured-video .youtube-play 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;
}

.featured-video .youtube-play:hover i {
  color: #FDCD09;
  transform: scale(1.2);
}

/*--------------------------------------------------------------
## Category Info (text blocks between + after video areas)
--------------------------------------------------------------*/
.category-info svg {
  width: 100px;
  display: inline-block;
  margin: 0 3px;
  margin-bottom: -2px;
}

/*--------------------------------------------------------------
## Secondary Videos - Thumnail Graphics/Popup Triggers
--------------------------------------------------------------*/
a.iframe-modal-trigger {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: white;
  text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.7);
}

a.iframe-modal-trigger img {
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  z-index: 0;
  position: relative;
  max-width: 400px;
}

a.iframe-modal-trigger h6 {
  position: absolute;
  z-index: 99;
  color: white;
  padding: 0 30px;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  font-size: 1.5rem;
  opacity: 0;
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.7), 0px 0px 15px rgba(0, 0, 0, 0.5);
}

@media (max-width: 1200px) {
  a.iframe-modal-trigger h6 {
    font-size: calc(1.1rem + 0.53333vw) ;
  }
}

a.iframe-modal-trigger svg.playGraphic {
  display: none;
  position: absolute;
  width: 50px;
  height: 50px;
  z-index: 99;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

a.iframe-modal-trigger svg.playGraphic path {
  fill: white;
  fill-opacity: .8;
}

a.iframe-modal-trigger svg.playGraphic .sassLogoInner, a.iframe-modal-trigger svg.playGraphic .sassLogoOuter {
  display: none;
}

a.iframe-modal-trigger:after, a.iframe-modal-trigger:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: '';
  opacity: .2;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

a.iframe-modal-trigger:after {
  z-index: 2;
  background: #94b5ef;
  background-blend-mode: darken;
}

a.iframe-modal-trigger:before {
  z-index: 1;
  background: #1E5ECC;
  background-blend-mode: lighten;
}

a.iframe-modal-trigger:hover:after, a.iframe-modal-trigger:hover:before {
  opacity: 1;
}

a.iframe-modal-trigger:hover .playGraphic {
  transform: scale(1.6);
}

a.iframe-modal-trigger:hover h6 {
  opacity: 1;
}

/*--------------------------------------------------------------
## Video Popups
--------------------------------------------------------------*/
.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%;
}

/*--------------------------------------------------------------
  ## Thumb Grid (category pages only)
  --------------------------------------------------------------*/
.thumb-grid {
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
}

.thumb-grid div {
  padding: 5px;
}

.thumb-grid div img {
  max-width: 100%;
  height: auto;
  position: relative;
  z-index: 0;
}

.thumb-grid div:nth-child(8n+1) a:before, .thumb-grid div:nth-child(8n+3) a:before, .thumb-grid div:nth-child(8n+6) a:before, .thumb-grid div:nth-child(8n) a:before {
  background: #94b5ef;
}

.thumb-grid div:nth-child(8n+1) a:after, .thumb-grid div:nth-child(8n+3) a:after, .thumb-grid div:nth-child(8n+6) a:after, .thumb-grid div:nth-child(8n) a:after {
  background: #1E5ECC;
}

.thumb-grid div:nth-child(8n+2) a:before, .thumb-grid div:nth-child(8n+4) a:before, .thumb-grid div:nth-child(8n+5) a:before, .thumb-grid div:nth-child(8n+7) a:before {
  background: #feeca1;
}

.thumb-grid div:nth-child(8n+2) a:after, .thumb-grid div:nth-child(8n+4) a:after, .thumb-grid div:nth-child(8n+5) a:after, .thumb-grid div:nth-child(8n+7) a:after {
  background: #FDCD09;
}

/*--------------------------------------------------------------
  ## Slick Slider (home only)
  --------------------------------------------------------------*/
.category-info.home-featured-info {
  text-align: center;
}

@media (min-width: 992px) {
  .category-info.home-featured-info div {
    text-align: left;
  }
  .category-info.home-featured-info div + div {
    text-align: right;
  }
}

.slick-track div a {
  margin: 4px;
}

.slick-track div:nth-child(odd) a:before {
  background: #feeca1;
}

.slick-track div:nth-child(odd) a:after {
  background: #FDCD09;
}

.slick-arrow {
  color: #1E5ECC;
  font-size: 2.625rem;
  -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;
  border: none;
  outline: none;
}

@media (max-width: 1200px) {
  .slick-arrow {
    font-size: calc(1.325rem + 1.73333vw) ;
  }
}

.slick-arrow + .slick-arrow {
  margin-left: 20px;
}

.slick-arrow:hover {
  color: #FDCD09;
  cursor: pointer;
  transform: scale(1.2);
}

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