/* --------- FONTS --------- */
@font-face {
    font-family: PhoenixHeadline;
    src: url('fonts/PhoenixHeadline-Regular.woff2'), url('fonts/PhoenixHeadline-Regular.woff'), url('fonts/PhoenixHeadline-Regular.ttf');
}

@font-face {
    font-family: TradeGothic;
    src: url('fonts/TradeGothic-LT.ttf');
}

@font-face {
    font-family: TradeGothicCondensed;
    src: url('fonts/TradeGothic-LT-Condensed.ttf');
}

@font-face {
    font-family: TradeGothicCondensedBold;
    src: url('fonts/TradeGothic-LT-Bold-Condensed.ttf');
}

/* ------ Main ------ */

body {
    font-family: TradeGothic,Arial,sans-serif;
    color: #444;
    padding-bottom: 0 !important;
}

.nav-item a, .nav-item a:visited {
    color: #fff;
}

a.nav-link:hover {
    color: #69BF29 !important;
}

span {
    font-size: 12px;
}

ul { list-style: disc; }

/* ------------- Headings ------------ */
a, a:visited {
    color: #1A9D13;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

a:hover {
    color: #69BF29;
}


h1, h2, h3, h4, h5, h6 {
    text-transform: lowercase;
    font-family: PhoenixHeadline,Arial,sans-serif;
}

h1 {text-align: center;}
h2 {color: #69BF29 !important;font-weight: normal; margin-bottom: 1.5rem;}
h3 {color: #69BF29 !important;font-weight: normal;}
h4 {color: #69BF29 !important;font-weight: normal;}
h5 {color: #69BF29 !important;font-weight: normal;}
h6 {color: #69BF29 !important;font-weight: normal;}

/* ------------------------------------ Buttons ------------------------------------ */

a.btn, .button, a.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
    background: #262622 !important;
    color: white !important;
    line-height: 180%;
    padding: 8px 30px;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: none;
    border-radius: 0;
    -webkit-border-radius: 0px;
    -webkit-appearance: none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    text-decoration: none;
    border: 2px solid #A6CC0A !important;
    font-family: TradeGothicCondensed,Arial,sans-serif;
}

a.btn:hover, .button:hover, a.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
    background: #A6CC0A !important;
}

/* ------------------------------------ Footer ------------------------------------ */

footer {
    background: #000;
    color: #fff;
    font-size: 12px;
    padding: 30px 20px 20px 20px;
    text-align: center;
}

#footer-hash-tag {
    font-size: 3em;
    margin-bottom: 20px;
    font-family: PhoenixHeadline,Arial,sans-serif;
    text-transform: lowercase;
}
#footer-social-media { margin-top: 20px; margin-bottom: 15px; }
#footer-social-media a { display: inline-block; margin: 0 10px;}
    
footer .footer-logo-wrap {
    margin: 0 auto;
    display: block;
    text-align: center;
}

footer img.footer-logo {
    display: inline-block;
    vertical-align: middle;
    max-height: 120px;
}

footer a, footer a:visited { color: #FFF;}

/* ----- CONTENT ------ */
div#campaign-sessions { max-width: 850px; }
div.campaign-session-item { max-width: 400px; }

/* ----  Volunteer ---- */
div#volunteer-banner, div#thankyou-tile {
    margin: 0 auto 2em;
}