/*
Theme Name: USL Announcement
Theme URI: http://underscores.me/
Author: jupago
Author URI: http://jupago.com
Description: Description
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: fcharlem
Tags:

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.

fcharlem is based on Underscores http://underscores.me/, (C) 2012-2016 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 http://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

html {
  font-size: 10px
}

body {
  margin: 0;
  padding: 0;
  font-family: 'Montserrat', sans-serif;
  font-size: 1.6rem;
    overflow-x: hidden;
}

main {
  overflow-x: hidden;
}

.entry-content_wrapper {
  position: relative;

}

.entry-content_wrapper:before {
  content: "";
  position: absolute;
  top: 4rem;
  bottom: 4rem;
  background: #f1f1f1;
  width: 100%;
  transform: skewY(-3deg);
}

.entry-content {
  position: relative;
  width: calc(100% - 4rem);
  max-width: 800px;
  margin: 0 auto 12rem;
  padding-top: 10rem;
}

p {
  line-height: 1.6;
}

h2 {
  font-size: calc(4vmin + .5rem);
  margin: 4rem 0 1rem;
  font-weight: 100;
  border-top: dotted 1px #666666;
  padding-top: 1rem;
}

h2 b,
h2 strong {
  font-weight: 700;
}

li {
  line-height: 1.6
}

li + li {
  margin-top: 1rem
}


/* .site::before {
  content:"";
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 15rem;
  background-color: black;
  outline: double 2px black;

} */

.announcement-img {
  margin-top: 3rem;
}

.announcement-img figure {
  position: relative;
}

.announcement-img figure:after {
  position: absolute;
  width: 20%;
  height: 3rem;
  background: rgb(215 215 215 / 50%);
  left: 30%;
  top: -1.5rem;
  transform: rotateZ(-1deg);
}

.announcement-img img {
  transform: rotateZ(-2deg);
margin-left: -4rem;
box-shadow: 0 10px 20px rgb(50 50 50 / 20%);
border-radius: 1rem;
}

.announcement-copy {
  line-height: 1.5;
}

@media only screen and (min-width: 800px) {
  .announcement-copy {
      padding: 0 0 0 2rem;
  }
}

.announcement-copy h1 {
  font-weight: 400;
  font-size: 3rem;
  line-height: 1.2;
  margin: 3rem 0 0;
}

.announcement-copy h1 b {
  font-weight: 700;
}


@media only screen and (min-width: 800px) {
  .announcement-copy h1 {
    font-size: 4rem;
  }
}

.announcement-copy h3 {
  margin: 1rem 0 2rem;
  line-height: 1.5;
  color: #081e58
}

.announcement-copy p {
  font-size: 1.6rem;
  line-height: 1.5
}

.lion-footer {
  margin-top: 3rem
}

.wp-block-separator {
  margin: 2rem auto;
  max-width: 4rem;
}

.hero {
    position: relative;
    width: 100vw;
    display: grid;
    grid-template-rows: 6rem auto;
    margin: 0 auto 10rem;
    gap: 0;
}

.home .hero {
  height: 100vh;
}


.standard .hero {
  grid-template-columns: 30vmin 30vmin 1fr 2rem;
    max-width: 140rem;
}

.standard-right .hero {
      grid-template-columns: 1fr 30vmin 30vmin 1rem;
      max-width: 140rem;
}

.home .hero::after {
  /* content: "";
  position: absolute;
  width: 100%;
  bottom: 1px;
  height: .5rem;
  background: rgb(0,0,0);
  border-bottom: solid .4rem #00853f;
  border-top: solid .4rem #e31b23; */
}

.hero__image {
  position: relative;
  background-position: center;
  background-size: cover;
}

.home .hero__image {
    grid-row: 2 / -1;
    grid-column: 1 / -1;
}

.hero__image::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  /* background: radial-gradient(circle, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 100%); */
  /* box-shadow: 0 10px 20px rgb(50 50 50 / 20%); */
  border-radius: 1rem;
}

.standard .hero__image {
  grid-column: 2 / -2;
  grid-row: 2 / -1;
  transform: rotateZ(-2deg);
  box-shadow: 0 10px 20px rgb(50 50 50 / 20%);
  border-radius: 1rem;
}

.standard-right .hero__image {
  grid-column: 1 / -3;
  grid-row: 2 / -1;
}

.page-id-602 .hero .hero__image,
.page-id-87 .hero .hero__image,
.page-id-2018 .hero .hero__image,
.page-id-6 .hero .hero__image {
      aspect-ratio: 5 / 3;
}

.page__title {
  margin-inline: auto;
  place-self: center;
  position: relative;
  width: calc(100% - 4rem);
  max-width: 140rem;
  grid-column: 1 / -2;
  grid-row: 2;
}

.home  .page__title {
  grid-column: 1 / -1;
  grid-row: 2 / -1;
}

.standard .page__title {
    place-self: end start;
}

.standard-right .page__title {
      place-self: end start;
      grid-column: 2 / -2;
      grid-row: 2 / -1;
      text-align: right;
}

.page__title h1 {
    font-size: calc(7vmin + .5rem);
    line-height: .9;
    letter-spacing: -1px;
    color: white;
    filter: drop-shadow(-4px -4px 0px black) drop-shadow(4px 4px 0px #e31b23) drop-shadow(4px 4px 0px black) drop-shadow(4px 4px 0px #00853f);
    font-weight: 900;
}

.home .page__title h1 {
  text-align: center;
}


.page__title b {
  display: inline-block;
  font-weight: 100;
}

.topnav {
    position: relative;
    margin-inline: auto;
    display: flex;
    justify-content: space-between;
    width: calc(100% - 4rem);
    max-width: 140rem;
    margin-top: 2rem;
    align-items: start;
    height: 10rem;
    grid-column: 1 / -1;
    grid-row: 1 / 2;
    z-index: 10;
}

.topnav__menu {
  background: rgb(255 255 255 / 80%);
  padding: 0.6rem 1rem;
  border-radius: 51rem;
}

.topnav__logo img {
  width: 60px;
}

@media only screen and (min-width: 600px)  {
  .topnav__logo img {
    width: 100px;
  }
}

.menu {
  display: flex;
  gap: 2rem;
  margin: 0;
  padding: 0;
  font-size: 1.4rem;
  list-style: none;
  align-items: center;
}

.menu li {
  position: relative;
}

.menu li + li {
  margin: 0;
}

.topnav__menu a {
  color: #000000;
  text-decoration: none;
  position: relative;
}

@media only screen and (max-width: 600px)  {
  .topnav__menu a {
    font-size: 1.2rem
  }
}

.topnav__menu .current-menu-item:after {
  content: "";
  height: 2px;
  width: 100%;
  background: white;
  bottom: -2px;
  left: 0;
  position: absolute;
}

.framed img {
  transform: rotateZ(-2deg);
  box-shadow: 0 10px 20px rgb(50 50 50 / 50%);
  border-radius: 1rem;
  margin: 2rem 0
}

.framed__left {
  margin-left: -10vmin;
}

.framed__right {
  margin-right: -10vmin;
}

.rotate2 img {
  transform: rotateZ(2deg);
}


.gform_wrapper {
    padding: 2rem;
    width: calc(100% - 4rem);
    max-width: 50rem;
    margin: -10rem auto 0;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
    border-radius: 7px;
    background: hsl(0deg 0% 98%);
}

@media only screen and (min-width: 600px)  {
  .gform_wrapper {
      padding: 3rem;
      width: calc(100% - 3rem);
  }
}

h2.gform_title {
  margin: 0 0 5rem;
font-size: 2.8rem;
}

.gform_wrapper.gravity-theme .gform_fields {
    grid-row-gap: 30px !important;
}


footer {
    display: flex;
    margin: 3rem 0 2rem;
}

.social_stuff {
    margin: auto;
    display: flex;
}

.social_stuff img {
  cursor: pointer;
}