/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/


/* Table of Content
==================================================
#Reset & Basics
#Basic Styles
#Site Styles
#Typography
#Colors
#Links
#Lists
#Images
#Buttons
#Tabs
#Forms
#Menu + Logo
#Homepage
#Misc
#Sidebar
#Footer
*/


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block; }
body {
    line-height: 1; }
ol, ul {
    list-style: none; }
blockquote, q {
    quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none; }
table {
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0; 
    max-width: 100% !important;
}


/* #Typography
================================================== 
font-family:'Rockwell W01 Bold';
font-family:'Rockwell W01';
font-family:'Rockwell W01 Light';
font-family:'Myriad W01 Regular';
font-family:'Myriad W01 It';
font-family:'Myriad W01 SmBd';
*/
@font-face {
    font-family: 'socicon';
    src: url('../fonts/socicon-webfont.eot');
    src: url('../fonts/socicon-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/socicon-webfont.woff') format('woff'),
         url('../fonts/socicon-webfont.ttf') format('truetype'),
         url('../fonts/socicon-webfont.svg#sociconregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.socicon {
    font-family: 'socicon' !important;
}


/* #Colors
================================================== */
:root {
  --heading-color: #004466;
  --container-color: #0068A8;
/*  --container-color: #970600;*/
  --container-secondary: #992266;
  --button-color: #004466;
/*  --cta-primary: #118844;*/
  --cta-primary: #992266;
  --cta-secondary: #e3e7ea;
  --menu-color: #115588;
  --menu-secondary: #3d464c;
}



/* #Basic Styles
================================================== */
body {
    background: #fff;
    font: 100%/1.2em 'Myriad W01 Regular', Arial, sans-serif;
    color: #000000;
}

.main { font-size: 70%; text-align: justify; }
.main article { padding-right: 3%; }



/* #Typography
================================================== */
h1, h2, h3, h4, h5, h6  {
    color: var(--heading-color,#970600);
    font-weight: normal; 
    line-height: 1.2em;
    font-family:'Rockwell W01 Bold';
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { font-size: 160%;  }
h2 { font-size: 150%;  }
h3 { font-size: 140%;  }
h4 { font-size: 130%;  }
h5 { font-size: 125%;  }
h6 { font-size: 100%;  }
.subheader { color: #000; }

.main h1 { margin-bottom: 1em; }
.main h2, .main h3, .main h4, .main h5, .main h6 { margin-bottom: .75em; }

p { margin: 0 0 1em 0; }
p img { margin: 0; }
p.lead { font-size: 1.2em; line-height: 1.2em; color: #000;  }

u, em { font-family:'Myriad W01 It'; font-style: normal; }
b, strong { font-family:'Myriad W01 SmBd'; font-weight: normal; }

h1 b, h1 strong {
    font-weight: normal; 
    font-family:'Rockwell W01 Bold';
    text-transform: uppercase; 
}

small { font-size: 80%; }


/*	Blockquotes  */
blockquote, blockquote p { font-style: italic; }
blockquote { margin: 0 0 1em; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
blockquote cite { display: block; font-size: 80%; color: #000; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #000; }

/*	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }*/


/* #Links
================================================== */
a, a:visited { color: #333; text-decoration: underline; outline: 0; }
a:hover, a:focus { color: #000; }
p a, p a:visited { line-height: inherit; }


/* #Lists
================================================== */
.main ul, .main ol { margin-bottom: 1em; margin-left: 1em; }
ul { list-style: disc outside; }
ol { list-style: decimal; }
.pum-content ul, .pum-content ol, .main ol, .main ul.square, .main ul.circle, .main ul.disc { margin-left: 2em; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.documents { list-style: none; }
ul.disc { list-style: disc outside; }
.main ul ul, .main ul ol,
.main ol ol, .main ol ul { margin: 4px 0 5px 2em; }
.main ul ul li, .main ul ol li,
.main ol ol li, .main ol ul li { margin-bottom: 6px; }
.main li { line-height: 18px; margin-bottom: 12px; }
.main form li { line-height: 1.2em; margin-bottom: 0; }
.main ul.large li { line-height: 21px; }
.main li p { line-height: 21px; }

/* #Images
================================================== */

img {
    max-width: 100%;
    height: auto;
}

img.scale-with-grid {
    max-width: 100%;
    height: auto; 
}

img.alignright { float: right; margin: 0 0 1em 1em; max-width: 50%; }
img.alignleft { float: left; margin: 0 1em 1em 0; max-width: 50%; }

.alignright { float: right; margin: 0 1em; }
.alignleft { float: left; margin: 0 1em; }


.banner-container, .nobanner-container { width: 100%; margin: 1em 0; position: relative; }
.banner-container img { width: 100%; height: auto; }
.banner-container .caption { 
    position: absolute; 
    left: 3em; 
    bottom: 3em;  
    background: rgb(255,255,255); 
    background: rgba(255,255,255,0.6); 
    padding: 2em; 
    padding: 1.5em; 
    max-width: 33%; 
}
.circle-image-container img { border-radius: 50%; }
.nobanner-container { border-bottom: 4px solid var(--container-color,#970600); margin-bottom: 1em; }

/* Buttons 
================================================== */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  font-family:'Rockwell W01';
  padding: .5em 1em;
  color: #fff;
  text-align: center;
  text-transform: none; 
  text-decoration: none;
  white-space: nowrap;
  background-color: var(--button-color,#970600);
  cursor: pointer;
}
a.button { color: #ffffff; text-decoration: none; }
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  text-decoration: underline;
  outline: 0; }
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF;
  background-color: var(--button-color,#970600);
}
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: var(--button-color,#970600);
}


/* #Forms
================================================== */

form {
    margin: 1em 0; 
}
fieldset {
    margin-bottom: 20px; }
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
    border: 1px solid #ccc;
    padding: 6px 4px;
    outline: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #777;
    margin: 0;
    width: 210px;
    max-width: 100%;
    display: block;
/*    margin-bottom: 20px;*/
    background: #fff; }
select {
    padding: 0; }
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
    border: 1px solid #aaa;
    color: #444;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
    box-shadow:  0 0 3px rgba(0,0,0,.2); }
textarea {
    min-height: 60px; }
label,
legend {
    display: block;
    font-weight: bold;
    font-size: 13px;  }
select {
    width: 220px; }
input[type="checkbox"] {
    display: inline; }
label span,
legend span {
    font-weight: normal;
    font-size: 13px;
    color: #444; }

.gform_wrapper form { max-width: 50%; }
.donation-form_wrapper form,
.full-width-form_wrapper form { max-width: 98%; }
.contact-form-wrapper { float: right; max-width: 50%; }
.contact-form-wrapper .gform_wrapper form { max-width: 100%; }

.gform_wrapper .ginput_complex label,
.gform_wrapper .gfield_time_hour label,
.gform_wrapper .gfield_time_minute label,
.gform_wrapper .gfield_date_month label,
.gform_wrapper .gfield_date_day label,
.gform_wrapper .gfield_date_year label,
.gform_wrapper .instruction {
	display: block;
	margin: 0 0 1em 0 !important;
	font-size: 11px;
	letter-spacing: 0.5pt;
}


/* #Menu & Logo
================================================== */
#toparea {
    background-color: var(--container-color,#970600);
    color: #ffffff;
    overflow: hidden;
    padding: .5em 1em;
    text-align: center;
    font-family:'Myriad W01 Regular';
/*    font-family:'Rockwell W01';*/
    font-variant: small-caps;
    font-size: .875em;
}
@media only screen and (max-width: 767px) {
    #toparea {
	background-color: var(--container-secondary,#EB9422);
    }
}
#toparea p { margin: 0; }
#hdrbuttonarea a { text-decoration: none; }
#hdrcenterarea { text-align: center; }

.header {
    clear: both;
}
/*.content { padding-top: 2em; }*/

.menu li {
    display: inline;
    list-style-type: none;
    font-size: 1em;
    padding-left: 5px;
}

li.hiddenmenu { display: none !important; }
.mean-nav li.hiddenmenu { display: inline !important; }

.logo img{
    width: 75%; height: auto;
    margin-top: 1em;
}
.logo a{
    text-decoration: none;
}

/* #Homepage
================================================== */
.home .banner-container { margin: 1em 0 0 0; position: relative; }
#homeslider { width: 100%;   background-color: var(--container-color,#970600); }
.mission-container { 
    padding: 1em 20%;
    font-family:'Myriad W01 Regular';
    text-align: center; 
    font-size: 100%;
    background-color: var(--container-color,#970600); 
    color: #ffffff; 
    line-height: 1.1em;
}

.hot-items {
    border: 1px solid var(--cta-primary,#970600);
    font-weight: 400;
    font-size: 105%;
    line-height: 1em;
    -webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    4px 4px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         4px 4px 5px 0px rgba(50, 50, 50, 0.75);
}
.hot-items .main { margin: 1em; }

.mission-container h1 { 
    font-family:'Rockwell W01';
    text-align: center; 
    font-size: 150%;  
    color: #ffffff; 
}

.flash-container p { text-align: left; }
.flash-container a { color: #ffffff; text-decoration: underline; }
.flash-container a:hover { color: #ffffff; text-decoration: none; }



.homecircles img { margin: 2em 0; border-radius: 50%; }
.homecircles { 
    text-align: center;
    font-size: 80%;
}
.homecircles a { text-decoration: none; }
.circle1 { margin-left: 30%; }
.circle2 { margin: 0 15% 0 15%; }
.circle3 { margin-right: 30%; }

/* #Misc
================================================== */
.title h1{
/*    padding-bottom: 1em;*/
}

.full-width{
    padding-left: 10px;
}

.gfield_label {
    color: var(--button-color,#970600);
    font-weight: normal; 
    line-height: 1.2em;
    font-family:'Rockwell W01 Bold';
}
.lislide { display: none; }

.locationcopy {
    width: 33%;
    float: left;
    line-height: 1.1em;
}

.locationcopy h5 {
    line-height: 1.1em;
    margin-bottom: 0; 
}

.locationcopy p {
    margin-top: .5em; 
}

.locationmap {
    width: 60%;
    float: right;
}

#amznCharityBanner {
    overflow: hidden; 
}
#amznCharityBanner table { width: 100% !important; }

span.charityNameSpan { display: block; overflow: hidden; font-size: 80%; line-height: 1em; }

td.edd .edd-input { width: 75px; }
table.tribe-events-tickets td { vertical-align: top; font-size: 90%; text-align: left; }
td.tickets_description { width: 60%; }

.partner-logo { width: 25%; float: left; margin-right: 2%; }
.partner-content { width: 73%; float: right;  }
.partner-content h2 { text-align: left;  }
.partner-logo img { width: 100%; height: auto; }
/* #Sidebar
================================================== */
.sidebar{

}

.sidebar li{
    list-style: none;
}

.sidemenu-container {
    border: 2px solid var(--cta-primary,#970600); 
    padding: 2em 1.5em 3em 1.5em; 
    font-family:'Rockwell W01';
    font-size: 70%; 
    font-weight: 700;
    color: #ffffff; 
    margin-bottom: 2em; 
    -webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    4px 4px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         4px 4px 5px 0px rgba(50, 50, 50, 0.75);
}

.home_cta {
    font-family:'Rockwell W01';
    line-height: 1.1em; 
    color: #ffffff;
    text-align: center; 
    -webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    4px 4px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         4px 4px 5px 0px rgba(50, 50, 50, 0.75);
}

.home_cta h4 {
    font-size: 130%;
    color: #ffffff;
    background-color: var(--cta-primary,#970600); 
    padding: 1em 0;
}

.home_cta_body {
    font-size: 110%;
    font-family:'Myriad W01 Regular';
    background-color: var(--cta-secondary,#EB9422);
    color: #000000; 
    padding: 1em 1em 2em 1em; 
    line-height: 1.2em; 
}

.sidebar_cta {
    font-size: 70%;
    font-family:'Rockwell W01';
    line-height: 1.1em; 
    color: #ffffff;
    text-align: center; 
    -webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    4px 4px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         4px 4px 5px 0px rgba(50, 50, 50, 0.75);
    margin-top: 1.75em; 
    margin-bottom: 2em; 
}


.sidebar_cta h4 {
    font-size: 95%;
    color: #ffffff;
    background-color: var(--cta-primary,#970600); 
    padding: 1em 0;
}

.sidebar_cta_body {
    font-family:'Myriad W01 Regular';
    background-color: var(--cta-secondary,#EB9422);
    color: #000000; 
    padding: 1em 1em 2em 1em; 
    line-height: 1.2em; 
}

.cta_email { font-size: 70%; }

.cartlink {
    text-align: center;
    font-family:'Rockwell W01';
    font-size: 70%; 
    font-weight: 700;
}
.cartlink a { text-decoration: underline !important; }
.cartlink a:hover { text-decoration: none !important; }


#sidebar_nav li {
    font-family:'Myriad W01 Regular';
    list-style-type: none;
    margin-left: 1em; 
    line-height: 1em; 
    margin-top: .5em; 
}

#sidebar_nav a, .sidebar_nav_title a  {
    font-size: 80%;
    color: var(--cta-primary,#970600); 
    text-decoration: none;
}

.newsletter-index h4 {
    font-size: 80%;
    margin-bottom: .5em; 
}
.newsletter-index p a {
    font-family:'Rockwell W01';
    font-size: 70%;
}

/* #Footer
================================================== */
.footer {
    padding-top: 5em; 
    text-align: center; 
    font-family:'Rockwell W01';
    color: #627676;
    font-size: 60%;
}
.footer_social a { margin: 0 2em; }
.footer_logos { margin-top: 1em; }
.footer_logos img { margin: 0 1em; }


.fa-file-pdf { color: #FF0A07; }
.fa-file-word { color: #1B5BBC; }
.fa-file-excel { color: #20744B; }
.fa-file-powerpoint { color: #D24625; }
.fa-folder { color: #EFD070; }