/*
Theme Name: Shank Hall
Author: Mark Lippert
Author URI: mailto:lippert@gmail.com
Version: 1.0

font-family: Arial, Helvetica, sans-serif;
font-family: "Rubik Dirt", system-ui;
font-family: "Sue Ellen Francisco", cursive;
font-family: Fradley, serif;
*/

@import url('https://fonts.googleapis.com/css2?family=Rubik+Dirt&family=Sue+Ellen+Francisco&display=swap');

@font-face{
  font-family: "Fradley Bold Italic";
    src: url("fonts/FradleyBoldItalic.woff")format("woff"),
    url("fonts/FradleyBoldItalic.woff2")format("woff2"),
    url("fonts/FradleyBoldItalic.ttf")format("truetype");
  font-weight: normal; font-style: normal; font-display: swap;
  ascent-override: 100%;
}

:root {
  --white: #FFFFFF;
  --black: #000000;
  --gray: #605E5E;
  --lightgray: #E1E1DF;
  --darkbrown: #59461C;
  --lightbrown: #843700;
  --darkestgreen: #004A4F;
  --darkgreen: #3C6804;
  --lightgreen: #BCE081;

  --site-width: 1140px;

  --facebook: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z'/%3E%3C/svg%3E");

  --instagram: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z'/%3E%3C/svg%3E");

  --bluesky: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 10.8c-1.087 -2.114 -4.046 -6.053 -6.798 -7.995C2.566 0.944 1.561 1.266 0.902 1.565 0.139 1.908 0 3.08 0 3.768c0 0.69 0.378 5.65 0.624 6.479 0.815 2.736 3.713 3.66 6.383 3.364 0.136 -0.02 0.275 -0.039 0.415 -0.056 -0.138 0.022 -0.276 0.04 -0.415 0.056 -3.912 0.58 -7.387 2.005 -2.83 7.078 5.013 5.19 6.87 -1.113 7.823 -4.308 0.953 3.195 2.05 9.271 7.733 4.308 4.267 -4.308 1.172 -6.498 -2.74 -7.078a8.741 8.741 0 0 1 -0.415 -0.056c0.14 0.017 0.279 0.036 0.415 0.056 2.67 0.297 5.568 -0.628 6.383 -3.364 0.246 -0.828 0.624 -5.79 0.624 -6.478 0 -0.69 -0.139 -1.861 -0.902 -2.206 -0.659 -0.298 -1.664 -0.62 -4.3 1.24C16.046 4.748 13.087 8.687 12 10.8Z'%3E%3C/path%3E%3C/svg%3E");

  --mastodon: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.19 12.195c2.016-.24 3.77-1.475 3.99-2.603.348-1.778.32-4.339.32-4.339 0-3.47-2.286-4.488-2.286-4.488C12.062.238 10.083.017 8.027 0h-.05C5.92.017 3.942.238 2.79.765c0 0-2.285 1.017-2.285 4.488l-.002.662c-.004.64-.007 1.35.011 2.091.083 3.394.626 6.74 3.78 7.57 1.454.383 2.703.463 3.709.408 1.823-.1 2.847-.647 2.847-.647l-.06-1.317s-1.303.41-2.767.36c-1.45-.05-2.98-.156-3.215-1.928a3.614 3.614 0 0 1-.033-.496s1.424.346 3.228.428c1.103.05 2.137-.064 3.188-.189zm1.613-2.47H11.13v-4.08c0-.859-.364-1.295-1.091-1.295-.804 0-1.207.517-1.207 1.541v2.233H7.168V5.89c0-1.024-.403-1.541-1.207-1.541-.727 0-1.091.436-1.091 1.296v4.079H3.197V5.522c0-.859.22-1.541.66-2.046.456-.505 1.052-.764 1.793-.764.856 0 1.504.328 1.933.983L8 4.39l.417-.695c.429-.655 1.077-.983 1.934-.983.74 0 1.336.259 1.791.764.442.505.661 1.187.661 2.046v4.203z'/%3E%3C/svg%3E");
}

BODY {
  margin: 0;
  padding: 1rem 0 0;
  box-sizing: border-box;
  min-height: 100vh;
  background-image: linear-gradient(transparent, #000000 400px), radial-gradient(ellipse 100% 200px at top, #E3F1C9, #C4E28C);
  color: var(--darkbrown);
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.2;
}

IMG { border: 0; max-width: 100%; height: auto; }

H1, H2, H3 {
  margin: 0 0 0.4em; font-weight: 400; font-size: 150%;
  font-family: "Rubik Dirt", system-ui;
}

H2 { font-size: 140%; }
H3 { font-size: 120%; }

A { color: var(--lightbrown); }
A:hover { color: var(--gray); text-decoration: none; }

.site-width {
  width: var(--site-width); margin: 0 auto;

  @media (max-width: 1200px) { & { width: 96%; } }
}

#page-content {
  box-sizing: border-box; background: var(--lightgreen); padding: 1.5rem 1rem;
  border-width: 0 0.3rem 0.3rem; border-style: solid; border-color: var(--white);
}

#page-content P { margin: 0 0 1.5em; }
#page-content P:last-of-type { margin: 0; }

#page-content P:has(+ UL) { margin: 0 0 0.5em; }

#page-content UL { margin: 0 0 1.5em 0.5em; padding: 0 0 0 0.5em; }

/* HEADER */
HEADER {
  box-sizing: border-box; border-radius: 0.2rem 0.2rem 0 0;
  border: 0.3rem solid var(--white); position: relative; z-index: 5;
  transform-style: preserve-3d;
}

HEADER:after {
  content: ''; position: absolute; bottom: 0; left: 0.1em;
  transform: translateY(100%) translateZ(-1px);
  width: calc(100% - 0.2em); height: 0.3rem; overflow-x: hidden;
  box-shadow: 0 0.1875rem 0.375rem 0 rgba(0,0,0,0.25);
}

HEADER #site-name {
  display: flex; justify-content: center; align-items: center; gap: 0 5%;
  padding: 1rem 2%; background: var(--lightgray);
}

HEADER #site-name IMG {
  height: 110px; width: auto; filter: drop-shadow(0 0 0.375rem rgba(0,0,0,0.4));

  @media (max-width: 1036px) { & { height: 10.618vw; } }
}

HEADER #site-name H1 {
  margin: 0; color: var(--darkestgreen); font-family: 'Fradley Bold Italic', serif;
  font-size: 110px; line-height: 1; text-transform: uppercase;
  text-shadow: 0 0 0.375rem rgba(0,0,0,0.4); white-space: nowrap;
  text-box: trim-both cap alphabetic; /* because Safari doesn't support @font-face ascent-override */

  @media (max-width: 1036px) { & { font-size: 10.618vw; } }
}

HEADER NAV {
  box-sizing: border-box; background: var(--lightgray);
  border-block: 0.2rem solid var(--gray);
}

HEADER NAV UL {
  display: flex; justify-content: center; align-items: center; flex-wrap: wrap;
  margin: 0; padding: 0; list-style-type: none;
}

HEADER NAV UL A {
  display: block; padding: 0.5em 1em; color: var(--darkgreen); font-weight: bold;
  font-size: 1.25rem; line-height: 1; text-decoration: none; text-align: center;
}

HEADER NAV UL A:hover { color: var(--lightbrown); }

#header-footer {
  display: flex; justify-content: space-between; align-items: center; gap: 1rem;
  box-sizing: border-box; padding: 0.5rem 0.4em 0.21875rem; background: var(--white);
  color: var(--darkgreen); font-family: "Sue Ellen Francisco", cursive;
  font-weight: 700; font-size: 1.5rem; line-height: 1;

  @media (max-width: 800px) { & { flex-direction: column; } }
}

#header-footer .slogan { margin-top: 0.2em; text-align: center; }

.social { display: flex; align-items: center; gap: 0.75rem; }

.social A { height: 2rem; aspect-ratio: 1 / 1; }

.social A.facebook { mask: var(--facebook) no-repeat; background: #0866FF; }

.social A.instagram { mask: var(--instagram) no-repeat; background: linear-gradient(45deg, #FFB03D, #EC5743, #D12A84, #9031B2, #644FC8); }

.social A.bluesky { mask: var(--bluesky) no-repeat; background: #1185FE; }

.social A.mastodon {
  mask: var(--mastodon) no-repeat; background: linear-gradient(#6364FF, #563ACC);
}

.social A:hover { background: var(--darkgreen); }

/* FOOTER */
FOOTER { padding: 0.5rem 0 1rem; font-size: 0.75rem; line-height: 1; }

FOOTER .site-width {
  display: flex; justify-content: space-between; align-items: center; gap: 1em;
  box-sizing: border-box; border: 0.3rem solid var(--white); padding: 1em;
  background: var(--lightgray);

  @media (max-width: 700px) { & { flex-direction: column; } }
}

FOOTER NAV UL {
  display: flex; justify-content: center; align-items: center; flex-wrap: wrap;
  gap: 0.5em 1.5em; margin: 0; padding: 0; list-style-type: none;
}

FOOTER NAV UL A {
  display: block; color: var(--darkgreen); font-size: 0.9rem; line-height: 1;
  text-decoration: none;
}

FOOTER NAV UL A:hover { color: var(--lightbrown); }

/* HOME PAGE */
.home #page-content {
  display: flex; justify-content: space-between; padding: 0;

  @media (max-width: 780px) { & { flex-direction: column; } }
}

.home #page-content .content {
  width: calc(100% - 350px); box-sizing: border-box; padding: 1rem;

  @media (max-width: 780px) { & { width: 100%; } }
}

.playbox {
  display: flex; justify-content: space-between; align-items: flex-start;
  gap: 1rem 0; margin-bottom: 1em; box-shadow: 0 0 0.5rem 0 var(--gray);
  border-radius: 0.5rem; padding: 1em; background: var(--white);

  @media (max-width: 900px) { & { flex-direction: column-reverse; } }
}

.col2 {
  display: flex; justify-content: space-between; flex-wrap: wrap;

  @media (max-width: 760px) { & { flex-direction: column; } }
}

.col2 .playbox {
  width: calc(50% - 0.5em); box-sizing: border-box;

  @media (max-width: 760px) { & { width: 100%; flex-direction: row; } }
  @media (max-width: 560px) { & { flex-direction: column-reverse; } }
}

.playbox.no-cols { display: block; }

.playbox .image {
  display: flex; justify-content: center; align-items: center; width: 28%;
  aspect-ratio: 1 / 1; background-repeat: no-repeat; background-position: center;
  background-size: cover;

  @media (max-width: 900px) { & { width: 100%; } }
}

.playbox .image.no-img { position: relative; background-size: 80%; }

.playbox .image.no-img:before {
  content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
  background: rgba(255,255,255,0.9);
}

.playbox .image:after {
  content: attr(data-status); color: var(--lightbrown);
  font-family: "Rubik Dirt", system-ui; font-size: 2rem; text-transform: uppercase;
  transform: rotate(-33deg); text-shadow: 0 0 0.1em var(--white);
}

@media (max-width: 1200px) { .playbox .image:after { font-size: 2.6vw; } }
@media (max-width: 1000px) { .playbox .image:after { font-size: 2.4vw; } }
@media (max-width: 780px) { .playbox .image:after { font-size: 4vw; } }

.playbox .text {
  width: 69%; align-self: stretch; display: flex; flex-direction: column;

  @media (max-width: 900px) { & { width: 100%; } }
}

@media (max-width: 760px) {
  .col2 .playbox .image { width: 28%; }
  .col2 .playbox .text { width: 69%; }
}
@media (max-width: 560px) {
  .col2 .playbox .image, .col2 .playbox .text { width: 100%; }
}

.playbox .text H3 { margin: 0; font-size: 1.25rem; }

.playbox .text H3 SPAN { font-size: 80%; }

.playbox .text H3:after, .home #page-content ASIDE .quick-cal A H3:after {
  content: attr(data-status); margin-left: 0.75em; color: var(--lightbrown);
  font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 80%;
  text-transform: uppercase;
}

.playbox .text H4 {
  display: flex; align-items: baseline; flex-wrap: wrap; gap: 0 1em;
  margin: 0 0 0.75em; color: var(--darkgreen); font-weight: 400; font-size: 1.06rem;
}

.playbox .text H4 .day {
  color: var(--lightbrown); font-weight: 700; text-transform: uppercase;
}

.playbox .text H4 .time-cover { font-size: 80%; }

.playbox .text .sponsor { color: var(--darkbrown); font-weight: bold; }

.playbox .text .buttons {
  display: flex; gap: 1em; margin-top: auto; padding-top: 1em;
}

.playbox .text .buttons A {
  padding: 0.5em 1em; background: var(--lightbrown); color: var(--white);
  line-height: 1; text-transform: uppercase; text-align: center;
  text-decoration: none;
}

.playbox .text .buttons A:hover { background: var(--darkbrown); }

.home #page-content ASIDE {
  position: relative; width: 350px; box-sizing: border-box; padding-left: 38px;
  background: url(images/marble.webp) repeat-y top left;
  background-clip: content-box;

  @media (max-width: 780px) { & { width: 100%; padding: 38px 0 0; } }
}

.home #page-content ASIDE:before {
  content: ''; position: absolute; top: 0; left: 0; width: 38px; height: 100%;
  background: url(images/marble.webp) repeat-y top left;
  mask: url(images/torn-edge.webp) repeat-y top left;
}

@media (max-width: 780px) {
  .home #page-content ASIDE:before {
    width: 100%; height: 38px;
    mask: url(images/torn-edge-top.webp) no-repeat bottom center;
  }
}

.home #page-content ASIDE .content {
  width: 100%; box-sizing: border-box; padding: 1rem;
}

.home #page-content ASIDE H2 { text-align: center; }

.home #page-content ASIDE .quick-cal {
  border-width: 1rem 1rem 2rem; border-style: solid; border-color: transparent;
  border-image: url(images/wood.webp) 10%; box-sizing: border-box;
  padding: 0.5rem 0.5rem 1.25em;
}

.home #page-content ASIDE .quick-cal A {
  display: block; color: var(--darkbrown); text-decoration: none;
  margin-top: 0.75em; border-top: 0.125rem dotted var(--black); padding-top: 0.75em;
}

.home #page-content ASIDE .quick-cal A:first-of-type { margin: 0; border: 0; }

.home #page-content ASIDE .quick-cal A:hover { color: var(--lightbrown); }

.home #page-content ASIDE .quick-cal A H3 { margin: 0; font-size: 1.0625rem; }

.home #page-content ASIDE .content IMG.memorial {
  margin-top: 1rem;
}


/* SHOW */
.single-shows .date { text-align: center; font-weight: 700; margin-bottom: 1em; }

.single-shows H1 { margin-bottom: 1rem; text-align: center; }

.single-shows .sponsor { text-align: center; margin-bottom: 1em; }

.single-shows H2, .single-shows H3 {
  color: var(--lightbrown); font-size: 2rem; line-height: 1; text-align: center;
}

.single-shows H2.status { color: var(--darkgreen); text-transform: uppercase; }

.single-shows H3 { font-size: 1.5rem; }

.single-shows H2 A, .single-shows H3 A { text-decoration: none; }

.single-shows .time-cover {
  display: flex; justify-content: center; align-items: center; gap: 0.5em 2rem;
  padding: 1em 0; font-weight: 700;

  @media (max-width: 700px) { & { flex-direction: column; } }
}

.single-shows .time-cover .button {
  padding: 0.5em 1em; background: var(--lightbrown); color: var(--white);
  line-height: 1; text-transform: uppercase; text-decoration: none;
}

.single-shows .time-cover .button:hover { background: var(--darkbrown); }

.single-shows .act {
  display: flex; justify-content: space-between; align-items: flex-start;
  gap: 1rem 2%;

  @media (max-width: 700px) { & { flex-direction: column; } }
}

.single-shows .act.border {
  margin-top: 1.5rem; border-top: 0.125rem dotted var(--black); padding-top: 1.5rem;
}

.single-shows .act IMG {
  max-width: 40%; height: auto;

  @media (max-width: 700px) { & { max-width: 100%; } }
}

.single-shows .act .text {
  width: 58%;

  @media (max-width: 700px) { & { width: 100%; } }
}

/* SCHEDULE */
.schedule #page-content { padding: 0; }

.calendar { display: flex; flex-direction: column; }

.calendar .header {
  display: flex; justify-content: space-around; align-items: center; padding: 1.5rem 0;
  background: url(images/marble.webp); background-size: cover;
}

.calendar .header H2 { margin: 0; }

.calendar .days {
  display: flex; flex-flow: wrap;

  @media (max-width: 850px) { & { flex-direction: column; } }
}

.calendar .days .day_name {
  width: calc(100% / 7); box-sizing: border-box; padding: 0.3125rem;
  border: 0.0625rem solid var(--black); border-left: 0; border-bottom: 0;
  background: var(--darkbrown); color: var(--lightgreen); font-weight: bold;
  font-size: 0.75rem; line-height: 1; text-align: center;

  @media (max-width: 850px) { & { display: none; } }
}

.calendar .days .day_num {
  display: flex; flex-direction: column; width: calc(100% / 7); padding: 0.3125rem;
  min-height: calc((var(--site-width) - 0.6rem) / 7); box-sizing: border-box;
  border: 0.0625rem solid var(--black); border-bottom: 0; border-left: 0;
  background: var(--white);

  @media (max-width: 850px) { & {
    width: 100%; min-height: 0; border-right: 0; padding: 10px;
    flex-direction: row; gap: 0 1rem; align-items: flex-start;
  } }
}

.calendar .days .day_name:nth-child(7),
.calendar .days .day_num:nth-child(7n) { border-right: 0; }

.calendar .days .day_num.ignore {
  background: transparent; border-right: 0;

  @media (max-width: 850px) { & { display: none; } }
}

@media (max-width: 850px) {
  .calendar .days .day_num:not(.has-event) { display: none; }
}

.calendar .days .day_num.ignoreprev { border-right: 0.0625rem solid var(--black); }

.calendar .days .day_num.selected { background: url(images/marble.webp); }

.calendar .days .day_num SPAN {
  display: flex; color: var(--black); font-weight: bold;

  @media (max-width: 850px) { & {
    flex-direction: column; justify-content: center; align-items: center;
    width: 4rem; aspect-ratio: 1 / 1; background: var(--gray); color: var(--white);
    font-weight: normal; font-size: 2rem;
  } }
}

@media (max-width: 850px) {
  .calendar .days .day_num SPAN:after { content: attr(data-day); font-size: 0.8rem; }
}

.calendar .days .day_num .event {
  flex-grow: 2; display: flex; flex-direction: column;

  @media (max-width: 850px) { & { width: calc(100% - 5rem) } }
}

.calendar .days .day_num .event .details {
  margin-top: auto;

  @media (max-width: 850px) { & { margin-top: 0.5em; } }
}

/* TICKETS */
.tickets-playboxes {
  display: flex; flex-wrap: wrap; gap: 0 1em;
}

.tickets-playboxes .playbox {
  width: calc(50% - 0.5em); box-sizing: border-box; justify-content: flex-start;
  gap: 1em;

  @media (max-width: 900px) { & { flex-wrap: wrap; flex-direction: row; } }
  @media (max-width: 600px) { & { width: 100%; flex-wrap: nowrap; } }
  @media (max-width: 400px) { & { flex-wrap: wrap; justify-content: space-between; } }
}

.tickets-playboxes .playbox A { text-decoration: none; }

.tickets-playboxes .playbox .date {
  display: flex; justify-content: center; align-items: center;
  flex-direction: column; gap: 0.025em 0; width: 90px; aspect-ratio: 1 / 1;
  background: var(--gray); color: var(--white); font-size: 2rem; line-height: 1;
}

.tickets-playboxes .playbox .date > DIV:first-of-type { font-size: 65%; }
.tickets-playboxes .playbox .date > DIV:last-of-type { font-size: 50%; }

.tickets-playboxes .playbox .image {
  width: 90px;

  @media (max-width: 400px) { & { width: calc(100% - 90px - 1em); } }
}

.tickets-playboxes .playbox .image:after { font-size: 1rem; }

.tickets-playboxes .playbox .text {
  width: calc(100% - 180px - 1em);

  @media (max-width: 900px) { & { width: 100%; } }
  @media (max-width: 600px) { & { width: calc(100% - 180px - 1em); } }
  @media (max-width: 400px) { & { width: 100%; } }
}

.tickets-playboxes .playbox .text STRONG { color: var(--lightbrown); }

.tickets-playboxes .playbox .text .get-tickets {
  display: flex; justify-content: flex-end; margin-top: auto; font-weight: bold;
  text-transform: uppercase;
}

.tickets-playboxes .playbox .text .get-tickets:after {
  content: '\00BB'; margin-left: 0.5em; line-height: 1;
}

/* CONTACT */
.contact #page-content {
  display: flex; justify-content: space-between; gap: 2em 0;

  @media (max-width: 750px) { & { flex-direction: column; } }
}

.contact #page-content .text {
  width: 33%;

  @media (max-width: 750px) { & { width: 100%; } }
}

.contact #page-content .map {
  display: flex; width: 62%; aspect-ratio: 16 / 9;

  @media (max-width: 750px) { & { width: 100%; } }
}

/* TECH SPECS */
.tech-specs .three-columns {
  columns: 3; column-gap: 4%;

  @media (max-width: 900px) { & { columns: 2; column-gap: 12%; } }
  @media (max-width: 650px) { & { columns: 1; column-gap: 0; } }
}

.tech-specs .two-columns {
  columns: 2;

  @media (max-width: 650px) { & { columns: 1; } }
}

.tech-specs .three-columns > DIV, .tech-specs .two-columns > DIV {
  break-inside: avoid;
}

.tech-specs .three-columns .images {
  text-align: right;

  @media (max-width: 900px) { & { text-align: left; } }
  @media (max-width: 650px) { & { text-align: center; } }
}

/* ACG */
.acg #site-name, .acg HEADER NAV,
.acg #header-footer DIV, .acg FOOTER NAV { display: none; }