/* ==============================
   Radhaus ADA/SRS Compliant
============================== */

.spacer {
    height: 2em; /* Adjust height as needed */
    display: block;
}

/* ==============================
   FONT
============================== */
@font-face {
  font-family: 'Trade Gothic Condensed';
  src: url('tradegothiccondensed18.eot'); /* IE9 Compat Modes */
  src: url('tradegothiccondensed18.eot?#iefix') format('embedded-opentype'),
       url('tradegothiccondensed18.woff') format('woff'),
       url('tradegothiccondensed18.ttf')  format('truetype'),
       url('tradegothiccondensed18.svg#svgFontName') format('svg');
}

/* ==============================
   BASE LAYOUT
============================== */
html,body {
    font-family: 'Trade Gothic Condensed','Helvetica Neue',Helvetica,sans-serif;
    line-height: 113%;
    letter-spacing: 1.5px;
    font-size:29px;
}
div.container { text-align:center; margin:auto; padding: 31px;}
ul.footermenu { list-style:none; margin-bottom: 13px; padding:0px; font-size:88%; }
ul.footermenu li { display:inline-block; margin: 3px 11px; list-style-type: none}
img { margin: auto; }
div.menurow { margin-top:120px; margin-bottom:110px; word-break: break-all; }

/* ==============================
   HEADINGS
============================== */
h1 { font-size:101%; }
h2 { font-size:83%; }
h5 { font-size:69%; }

/* ==============================
   LINKS
============================== */
* { outline: none; }

.gallerytext {
    margin-top: -24px;
    margin-left: 7px;
    text-align: center;
    font-size: 65%;
    color: #596a63;
}

.textsmall { line-height:1.22em; font-size: .74em; }
.textsmaller { line-height:1.12em; font-size: .57em; }

img {
    color: #000000;
    border: none;
    border-style: hidden;
    outline: none;
    border-color: #000000;
    outline-color: #000000;
}

/* ==============================
   ADA COMPLIANT LINK COLORS
============================== */
a {
    color: #009000;                 /* WCAG AA green */
    text-decoration: underline;
    border: none;
    outline: none;
    background-color:transparent;
    box-sizing: border-box;
    vertical-align: middle;
    padding: 0;
    -ms-interpolation-mode: bicubic;
}
a.black { color: #000; text-decoration: none; }

a:hover {
    color: #006600;
    text-decoration: none;
    cursor:pointer;
}

a:img { 
    border: none;
    outline: none;
    color: #000000;
}

a:link { text-decoration: none!important; }
a:active { color: #000000; outline: 0; text-decoration: none; padding: 0; }

/* Remove Firefox inner button border */
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
}

/* ==============================
   BUTTONS
============================== */
input[type=submit] {
    margin:11px 0px 22px;
    padding:1px 2px 1px 2px;
    background:#fff; 
    border:1px solid #000; 
    cursor:pointer;
    -webkit-border-radius: 3px;
    border-radius: 3px; 
}

/* ==============================
   BANNER NOTE
============================== */
.banner-note {
    background-color: #000033;
    color: #fff;
    text-align: center;
    font-size: 0.8em;
    padding: 15px 0;
    margin-bottom: 20px;
    font-family: 'Trade Gothic Condensed', sans-serif;
    letter-spacing: 0.03em;
    border-bottom: 3px solid #000;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
}
body { padding-top: 100px; }

/* ==============================
   ACCESSIBILITY ADDITIONS
============================== */
:focus { outline: 3px solid #009000; outline-offset: 2px; }
:focus:not(:focus-visible) { outline: none; }

a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus,
[role="button"]:focus,
summary:focus,
[tabindex]:focus {
    outline: 3px solid #009000;
    outline-offset: 2px;
}

a:hover,
button:hover,
input:hover,
select:hover,
textarea:hover { outline: none; }

.skip-link {
    position: absolute;
    left: -999px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
.skip-link:focus {
    position: static;
    width: auto;
    height: auto;
    padding: .5rem .75rem;
    margin: .5rem;
    background: #000;
    color: #fff;
    border-radius: .25rem;
}

/* ==============================
   MAILCHIMP FORM
============================== */
#mc_embed_signup input[type="email"],
#mc_embed_signup input[type="text"] { outline: none; }
#mc_embed_signup input[type="email"]:focus,
#mc_embed_signup input[type="text"]:focus {
    outline: 3px solid #009000;
    outline-offset: 2px;
}
#mc_embed_signup .button {
    background:#fff;
    border:1px solid #000;
    cursor:pointer;
    border-radius:3px;
}
#mc_embed_signup .button:focus {
    outline: 3px solid #009000;
    outline-offset: 2px;
}

/* ==============================
   RED LINK
============================== */
a.redlink {
    color: white;
    background-color:#db1f26;
    font-size:101%;
    font-weight:bold;
    padding:10px;
}
a.redlink:hover { color:black; }

/* ==============================
   MENU OPTION 2 (ICONS) COMPLIANCE
============================== */
.menurow a {
    display:block;
    text-align:center;
    text-decoration:none;
    outline:none; /* remove rectangle on hover */
}
.menurow a img {
    max-width:100%;
    height:auto;
    display:block;
    margin:0 auto;
    border:none;
}
.menurow a:focus {
    outline:3px solid #009000; /* keyboard focus visible */
    outline-offset:2px;
}
.menurow a:hover { outline:none; } /* mouse hover no rectangle */
.menurow a span {
    color: inherit;
}

.menurow a:hover span {
    color: inherit; /* or darken if you want hover effect */
}
/* ==============================
   PREFERRED MOTION REDUCTION
============================== */
@media (prefers-reduced-motion: reduce) {
  * {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}