/*
Theme Name: Lake Michigan
Theme URI: https://www.glerl.noaa.gov/
Author: Great Lakes Environmental Research Laboratory
Author URI: https://www.glerl.noaa.gov/
Description: Developed by GLERL and based on USWDS, intended for use with the \"Lake Huron\" plugin which adds custom blocks.
Requires at least: 5.8
Tested up to: 6.1.1
Requires PHP: 5.7
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: 
Text Domain: lakemichigan
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, rtl-language-support, theme-options, threaded-comments, translation-ready, wide-blocks
*/

/*
* Michigan Variables
*/

:root {
  --mich-content-width: 86rem;
}

/*
* Michigan Styles
*/

.usa-hero>.grid-container {
  padding-left: 0;
  padding-right: 0;
}

/*
* Michigan Temp Styles
*/

/* Header */

.usa-logo {
  max-height: 100%;
}

.usa-header--extended .usa-navbar,
.usa-header--extended .usa-nav__inner,
.usa-footer__nav,
.usa-footer__secondary-section>.grid-container,
.usa-identifier__container {
  max-width: var(--mich-content-width);
}

.wp-block-navigation__submenu-icon,
.wp-block-navigation__responsive-container-close,
.wp-block-navigation__responsive-container-open {
  /* Hide certain wp navigation items until better solution found */
  display: none;
}

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

.skip-link.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

@media screen and (min-width: 1024px) {
  /* Desktop styles */

  .mich-hero-callout-title {
    max-width: 50%;
  }

}

@media screen and (max-width: 1023px) {
  /* Mobile styles */

  .usa-logo a img {
    max-height: 3rem;
    max-width: auto;
  }

}

/* Content */
#main-content>div.entry-content>div:not(.grid-container,
  .usa-hero,
  .usa-section,
  .alignfull),
.grid-container {
  max-width: var(--mich-content-width);
  margin: auto;
  padding: 0 2rem;
}

/* Footer */
.grid-container.usa-footer__return-to-top {
  display: none;
}

/* Front Page */
body.home main {
  padding: 0;
}

/* Blocks */

/* Blocks - Hero section */
.usa-hero {
  position: relative;
  background-image: unset;
  overflow: hidden;
}

/* Blocks - Hero section special cases */

.usa-hero.huron-hero-anime-left-to-right img.huron-bg-image {
  /* Left to right animation */
  height: unset;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

/* Blocks - Alerts */
.usa-alert .usa-alert__body {
  margin-left: 0;
  max-width: 100%;
}

/* Blocks - Buttons and links */
.huron-button-group-multiline .wp-block-lake-huron-uswds-button {
  margin: 10px 0 0 0;
}

.usa-section--dark a:visited {
  /* Fix for visited links in dark sections */
  color: unset;
}

/* Blocks - WP Images */
.wp-block-image img {
  height: auto;
}

/* ANIMATIONS */

/* ANIMATIONS - Ken Burns Effect */

.huron-hero-anime-kenburns .actor {
  animation: kenburns 30s linear infinite;
  background-size: cover;
  background-position: 50%;
  width: 100%;
  height: 100%;
  inset: 0;
  opacity: 0;
  position: absolute;
  scale: 1.2;
}

.huron-hero-anime-kenburns .actor:nth-child(1) {
  /* Image of small creature */
  background-image: url("/wp-content/themes/lake-michigan/assets/images/banner-tests/static01.jpg");
  background-position: center;
}

.huron-hero-anime-kenburns .actor:nth-child(2) {
  animation-delay: 10s;
  /* Ship passing through ice */
  background-image: url("/wp-content/themes/lake-michigan/assets/images/banner-tests/static02.jpg");
  background-position: 90%;
}

.huron-hero-anime-kenburns .actor:nth-child(3) {
  animation-delay: 20s;
  /* Spotlight at night */
  background-image: url("/wp-content/themes/lake-michigan/assets/images/banner-tests/static03.jpg");
}

@keyframes kenburns {
  15% {
    opacity: 1;
  }

  70% {
    opacity: .8;
    scale: 1;
  }

  80% {
    opacity: 0;
  }
}