/*   
Theme Name: Goodwill of Greater Washington Theme
Theme URI: http://www.dcgoodwill.org
Description: Based off of the HTML5 Reset Theme from Monkey Do. But transformed into something much more. A responsive layout and fluid design has been developed to compensate mobile devices. 
Author: Original-Thomas O'Keefe, Editor-James Cabrera
Version: 2
*/

/*
	HTML5 Reset Wordpress Theme :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	Eric Meyer					:: http://ericmeyer.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com

	Special thanks: The Wordpress theme owes its start to an empty theme authored 
		by Chris Coyier & Jeff Starr: http://digwp.com
-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
header,
hgroup,
menu,
nav,
section,
menu,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites, like, say for Google Maps custom placemarkers. 
   There has been a report of problems with standard Google maps as well, but we haven't been able to duplicate or diagnose the issue. */
img,
object,
embed {
  max-width: 100%;
}

/* force a vertical scrollbar to prevent a jumpy page */
html {
  overflow-y: scroll;
}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}

/* tables still need cellspacing="0" in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
th {
  font-weight: bold;
  vertical-align: bottom;
}
td {
  font-weight: normal;
  vertical-align: top;
}

input,
select {
  vertical-align: middle;
}

input[type="text"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus,
input[type="email"]:focus,
select:focus,
option:focus,
textarea:focus,
input[type="number"]:focus {
  box-shadow: 0 0 5px rgba(0, 133, 207, 1);
  border: 1px solid rgba(0, 133, 207, 1);
}

pre {
  white-space: pre; /* CSS2 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
}

input[type="radio"] {
  margin: 0.15em 1% 0 0 !important;
  vertical-align: text-bottom;
}
input[type="checkbox"] {
  margin: 0.2em 1% 0 0 !important;
  vertical-align: bottom;
  *vertical-align: baseline;
  width: auto !important;
}
.ie6 input {
  vertical-align: text-bottom;
}

select,
input,
textarea {
  font: 99% Arial, Helvetica, sans-serif;
}

table {
  font-size: inherit;
  font: 100%;
}

/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */

a:hover,
a:active {
  outline: none;
}

strong,
th {
  font-weight: bold;
}

td,
td img {
  vertical-align: top;
}

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}

/* standardize any monospaced elements */
pre,
code,
kbd,
samp {
  font-family: Arial, Helvetica, sans-serif;
}

/* hand cursor on clickable elements */
.clickable,
label,
input[type="button"],
input[type="submit"],
button {
  cursor: pointer;
}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button,
input,
select,
textarea {
  margin: 0;
  outline: none;
}

/* make buttons play nice in IE */
button {
  width: auto;
  overflow: visible;
}

/* scale images in IE7 more attractively */
.ie7 img {
  -ms-interpolation-mode: bicubic;
}

/* let's clear some floats */
.clearfix:before,
.clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
}

@font-face {
  font-family: RalewayLight;
  src: url(fonts/raleway-light.ttf);
}
@font-face {
  font-family: Raleway;
  src: url(fonts/raleway-regular.ttf);
}
@font-face {
  font-family: RobotoSlab;
  src: url(fonts/robotoslab-bold.ttf);
}

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/
body {
  font: 100%;
  font-family: Arial, Helvetica, sans-serif;
  background: url(images/bg-img.png) #0085cf 0 0 repeat-x;
}

/* using local fonts? make sure to read up on Paul Irish's 
	Bulletproof @font-face syntax: http://mky.be/font-face/bulletproof/ */

/* we like off-black for text */
body,
select {
  color: #333;
}

input,
textarea {
  width: 95%;
  background: #fff;
}
.wpcf7 {
  display: block;
  float: left;
  width: 100%;
  height: auto;
  margin: 0px;
  padding: 0;
  background: #f1f1f1;
}
.wpcf7-checkbox .wpcf7-list-item,
.wpcf7-radio .wpcf7-list-item {
  display: block;
  width: 100%;
  margin: 0 !important;
}
.wpcf7-checkbox label,
.wpcf7-radio label {
  width: 100%;
}
.wpcf7-checkbox .wpcf7-list-item-label,
.wpcf7-radio .wpcf7-list-item-label {
  display: block;
  float: right;
  width: 85%;
  height: auto;
}
.wpcf7-checkbox input,
.wpcf7-radio input {
  float: left;
  width: 10% !important;
  height: auto;
  margin: 0.25em 2% 0 0;
}
.wpcf7-response-output {
  display: block;
  float: left;
}

a {
  color: #002596;
  text-decoration: none;
  outline: none;
}
a:hover {
  color: #333;
}
a.sub-head.white:hover {
  text-decoration: underline !important;
}
.entry p a,
.entry small a,
.entry ul a,
.entry ul li a,
.entry ol li a {
  text-decoration: underline;
}
.entry p a:hover {
  color: #333;
  text-decoration: underline;
}

a img {
  height: inherit;
  outline: none;
  border: 0;
}

small,
.entry p small,
.error {
  font-size: 0.75em;
  line-height: 1.25em !important;
}

h1 {
  font-size: 1.125em;
}
h2 {
  font-size: 1.375em;
}
h3 {
  font-size: 1em;
}
h4 {
  font-size: 1.375em;
  font-weight: 100;
}
h5 {
  font-size: 1.25em;
  line-height: 1.25em;
}

.center {
  float: left;
  width: 100%;
  height: auto;
  text-align: center !important;
}
.bold {
  font-weight: bold;
}

/***BUTTON CSS***/
-btn {
  font-size: 1.25em;
  font-weight: bold;
}

.btn,
.more,
.more:hover {
  display: inline-block;
  padding: 0.625em 0.938em;
  margin: 0.625em 0 0;
  background-color: #77b800;
  color: #ffffff !important;
  font-size: 0.875em;
  text-align: center;
  text-decoration: none !important;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; /* future proofing */
  -khtml-border-radius: 5px; /* for old Konqueror browsers */
}
#cat-desc .btn,
#cat-desc .more,
.entry .btn {
  display: block;
  width: 35%;
  height: auto;
  margin: 0.625em auto;
}
.sm-single-location-default-template .btn {
  float: left;
}

.btnAlt,
.moreAlt,
.moreAlt:hover {
  padding: 0.625em 0.938em;
  background-color: #fff;
  color: #77b800 !important;
  font-size: 0.875em;
  text-align: center;
  text-decoration: none !important;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; /* future proofing */
  -khtml-border-radius: 5px; /* for old Konqueror browsers */
}

.xlgBtn,
.xlgBtn:hover {
  display: block;
  padding: 0.625em 0.938em;
  margin: 0.625em 5% 0.625em;
  color: #ffffff !important;
  text-align: center;
  text-decoration: none !important;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px; /* future proofing */
  -khtml-border-radius: 8px; /* for old Konqueror browsers */
}

.lgBtn,
.lgBtn:hover {
  display: inline-block;
  width: 60%;
  height: auto;
  padding: 0.625em 5%;
  margin: 0.625em 15%;
  color: #ffffff !important;
  font-size: 1em;
  text-align: center;
  text-decoration: none !important;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; /* future proofing */
  -khtml-border-radius: 5px; /* for old Konqueror browsers */
}
p a.lgBtn {
  float: left;
}

.mdBtn,
.mdBtn:hover {
  display: inline-block;
  width: 50%;
  height: auto;
  padding: 0.625em 5%;
  margin: 1em 20% 0.313em;
  color: #ffffff !important;
  font-size: 1em;
  text-align: center;
  text-decoration: none !important;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; /* future proofing */
  -khtml-border-radius: 5px; /* for old Konqueror browsers */
}
p a.mdBtn {
  float: left;
}

.highlight {
  display: block;
  width: 50%;
  height: auto;
  padding: 0.625em;
  margin: 0 25% 0.625em;
  color: #ffffff !important;
  font-size: 1em;
  text-align: center;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; /* future proofing */
  -khtml-border-radius: 5px; /* for old Konqueror browsers */
}

a.topLink {
  display: block;
  float: left;
  width: 100%;
  height: 25px;
  border: none;
  margin: 1.25em 0 0;
  color: transparent;
  background: url(images/icons-arrows-sprite.png) 50% -914px no-repeat;
}

.head {
  float: left;
  width: 100%;
  height: auto;
  margin: 0.313em 0 0.25em;
  font-size: 2.5em !important;
  line-height: 1em !important;
  text-align: center;
  font-family: Raleway, Arial, Helvetica, sans-serif;
  font-weight: 200;
}
.sub-head {
  float: left;
  width: 80%;
  height: auto;
  margin: 0.313em 10% 0.25em;
  text-align: center;
  font-family: Raleway, Arial, Helvetica, sans-serif;
  font-weight: 200;
}
.small-head {
  float: left;
  width: 100%;
  height: auto;
  margin: 0 0 0.625em;
  font-size: 1.125em !important;
  line-height: 1.5em !important;
  font-weight: 200;
  text-align: center;
  font-family: Raleway, Arial, Helvetica, sans-serif;
}
.mdtxt {
  font-size: 1.25em !important;
}
.lgtxt {
  font-size: 1.5em !important;
}
.xlgtxt {
  font-size: 2.5em !important;
}
.stat-num {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  font-size: 1.5em;
  text-align: center;
  font-family: RobotoSlab, serif;
}
span.lg-num {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  font-size: 2.5em;
  text-align: center;
  font-family: RobotoSlab, serif;
}

.hide {
  display: none !important;
}
.wp-caption-text {
  font-size: 0.75em;
  color: #323232;
}

/***TEXT COLOR CSS***/
.blue,
a.blue {
  color: #002596 !important;
}
.lt-blue,
a.lt-blue {
  color: #0085cf !important;
}
.green,
a.green {
  color: #77b800 !important;
}
.orange,
a.orange {
  color: #ef8200 !important;
}
.lt-orange,
a.lt-orange {
  color: #ffcc00 !important;
}
.white,
a.white {
  color: #ffffff;
}
.light,
a.light {
  color: #999 !important;
}
.std,
a.std {
  color: #333 !important;
}
.red,
.error {
  color: #c00 !important;
}
.purple {
  color: #b163a3 !important;
}
.tan {
  color: #ab9779 !important;
}

/***SIDEBAR HEADER COLOR CSS***/
.blue-page .sidebar-wrap .small-head,
.category-donation-drives .sidebar-wrap .small-head,
.page-template-landing-template .sideInfo .small-head {
  color: #002596 !important;
}
.lt-blue-page .sidebar-wrap .small-head,
.category-news-events .sidebar-wrap .small-head {
  color: #0085cf !important;
}
.green-page .sidebar-wrap .small-head,
.category-job-training-programs .sidebar-wrap .small-head,
.category-success-story .sidebar-wrap .small-head {
  color: #77b800 !important;
}
.orange-page .sidebar-wrap .small-head {
  color: #ef8200 !important;
}

/***BACKGROUND COLOR CSS***/
.bg-blue {
  background-color: rgba(0, 37, 150, 0.9) !important;
}
.bg-lt-blue {
  background-color: rgba(0, 133, 207, 0.9) !important;
}
.bg-blueLT {
  background-color: rgba(0, 133, 207, 0.75) !important;
}
.bg-green {
  background-color: rgba(119, 184, 0, 0.9) !important;
}
.bg-greenLT {
  background-color: rgba(119, 184, 0, 0.75);
}
.bg-orange {
  background-color: rgba(239, 130, 0, 0.9) !important;
}
.bg-white {
  background-color: rgba(255, 255, 255, 1) !important;
}
.bg-grey {
  background-color: rgba(224, 224, 224, 0.7) !important;
}
.bg-ltGrey {
  background-color: #ccc !important;
}
.bg-purple {
  background-color: rgba(177, 99, 163, 1) !important;
}
.bg-tan {
  background-color: rgba(171, 151, 121, 0.8) !important;
}
.bg-red {
  background-color: rgba(200, 0, 0, 0.8) !important;
}

/***FADE BUTTON CSS***/
.fade {
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
}
.fade:hover {
  -moz-opacity: 0.8;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.bright {
  -moz-opacity: 0.7;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.bright:hover {
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
}

.shadow {
  -moz-box-shadow: 0px 1px 2px 1px #999;
  -webkit-box-shadow: 0px 1px 2px 1px #999;
  box-shadow: 0px 1px 2px 1px #999;
}

/***HR LINE CSS***/
hr {
  display: block;
  float: left;
  width: 100%;
  height: 25px;
  border: none;
  margin: 1.25em 0 0px;
  color: #ffffff;
  background: url(images/icons-arrows-sprite.png) 50% -50px no-repeat;
}
hr.line {
  display: block;
  float: left;
  width: 100%;
  height: auto;
  border: none;
  margin: 0.625em 0;
  border-top: 2px dashed #ccc;
}

/***OBJECT ALIGNMENT CSS***/
.alignright {
  float: right;
  padding: 0 0 0.5em 2.5%;
}
.alignleft {
  float: left;
  padding: 0 2.5% 0.5em 0;
}
.aligncenter {
  float: left;
  text-align: center;
  width: 100% !important;
  margin: 0 auto 0.625em;
  padding: 0;
}

.leftTxt {
  display: block;
  text-align: left;
}
.rightTxt {
  display: block;
  text-align: right;
}
.centerTxt {
  display: block;
  text-align: center;
}

.clear {
  float: none;
}

/***INTERNAL COLUMN CSS***/
.colWrapper {
  display: block;
  float: left;
  width: 100% !important;
  height: inherit;
  height: auto;
  margin: 0.625em 0;
  padding: 0;
}
.colLeft {
  display: block;
  height: auto;
  margin: 0 0 0.625em;
  padding: 0;
}
.colRight {
  display: block;
  height: auto;
  margin: 0 0 0.625em;
  padding: 0;
}
.colThree {
  display: block;
  height: auto;
  margin: 0 0 1em;
  padding: 0 0 0.625em;
}
.colFour {
  display: block;
  height: auto;
  margin: 0;
  padding: 0 0 0.625em;
  font-size: 0.875em !important;
}
ul.colFour,
ol.colFour {
  margin: 0.625em 0 1em 0 !important;
  list-style-type: none !important;
}
ul.colFour li,
ol.colFour li {
  list-style-type: none !important;
}

/***ACCORDION CONTENT CSS***/
.accordionWrap {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}

.accordionWrap .acc-btn {
  width: 90%;
  margin: 0 auto;
  padding: 0.25em 5%;
  color: #333;
  cursor: pointer;
  background: #ddd;
  border-bottom: 5px solid #fff;
}
.accordionWrap .accWrap.selected .acc-btn {
  color: #fff;
  background: #25408f;
  border-bottom: none;
}
.accordionWrap h3 {
  margin: 0.25em 0;
}
.selected .acc-btn h3:before {
  content: "\25b2 \00a0" !important;
  color: #fff;
  font-size: 0.75em;
}
.acc-btn h3:before {
  content: "\25bc \00a0";
  color: #999;
  font-size: 0.75em;
}
.accordionWrap .acc-content {
  width: 100%;
  height: 0px;
  margin: 0 auto;
  overflow: hidden;
  background: #fff;
}
.accordionWrap .acc-content.open {
  height: auto !important;
}
.acc-content-inner {
  display: block;
  float: left;
  padding: 0.75em 5% 1.25em;
}

/***ENTRY ELEMENT CSS***/
.page .entry {
  margin: 0.625em 5%;
  min-width: 90%;
}
.single .entry {
  min-width: 90%;
  margin: 0.875em 5% 0.625em !important;
}
.post .entry {
  min-width: 90%;
  margin: 0;
}

.entry p,
.impactEntry p {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 0 0.75em;
  line-height: 1.65em;
}

.entry ul,
.entry ol,
.descWrap ul,
.descWrap ol {
  display: block;
  width: 90%;
  float: left;
  margin: 0 0 0.625em 10%;
}
.entry ul li,
.descWrap ul li,
.impactEntry ul li {
  float: left;
  width: 100%;
  list-style-type: disc;
  margin: 0 0 0.625em;
  font-weight: normal !important;
}
.entry ol li,
.descWrap ol li,
.impactEntry ol li {
  float: left;
  width: 100%;
  margin: 0 0 1em;
  font-weight: normal !important;
  line-height: 1.65em !important;
}

.entry ol.numList {
  margin: 0 0 1em 10%;
  font-size: 1em !important;
  line-height: 1.25em;
}
.entry ol.numList li {
  margin: 0 0 0.625em;
  font-weight: bold;
}
.entry ul.check li {
  list-style-type: none !important;
}

ul.colRight,
ul.colLeft {
  margin: 0 !important;
}
ul.colRight li,
ul.colLeft li {
  margin: 0 0 0.625em 5% !important;
}

/***ENTRY IMAGE CSS***/
.entry .wp-caption.aligncenter img.size-full,
.entry img.aligncenter.size-full,
.entry .wp-caption a img.size-full {
  width: 100% !important;
  height: inherit !important;
  padding: 0 !important;
}
.entry div.wp-caption img {
  height: inherit !important;
}
.entry a.aligncenter img.size-full {
  width: 50% !important;
  height: inherit !important;
  margin: 0 25% !important;
}

.entry img.middle {
  vertical-align: middle;
}

.entry .wp-caption {
  width: auto !important;
}
.entry .wp-caption.aligncenter {
  width: 100% !important;
}
.entry .wp-caption p {
  text-align: center;
}
.entry blockquote {
  padding: 0.625em 5%;
  font-size: 0.875em;
}
.entry blockquote .credit {
  display: block;
  width: 50%;
  height: auto;
  text-align: left;
  padding: 0 0 0 50%;
}

.vidWrap {
  position: relative;
  display: block;
  float: left;
  width: 100%;
  padding-top: 25px;
  margin: 0 0 1em;
  padding-bottom: 56.25%; /*16:9*/
}
.vidWrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

/***Contact Form 7 CSS***/
.entry .wpcf7 form {
  display: block;
  width: 96%;
  height: auto;
  padding: 0 2% 1em;
}
.entry .wpcf7 .wpcf7-captchac {
  display: block;
  width: 84px;
  height: 28px;
  margin: 0 auto;
}

/***Custom Form CSS***/
#formWrap {
  display: block;
  float: left;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}
#formWrap form {
  padding: 0 0 0.625em;
}
#formWrap button {
  color: #fff !important;
}
#formWrap label {
  display: block;
  width: 100%;
  margin: 0 0 0.25em 0;
  font-weight: bold;
  line-height: 1.25em !important;
}
#formWrap p,
#formWrap .colLeft .colWrapper,
#formWrap .colRight .colWrapper {
  float: left !important;
  margin: 0.75em 0 !important;
}

#formWrap small.note {
  display: block;
  float: left;
  width: 100%;
  margin: 0 0 0.5em;
  color: #666666;
  font-style: italic;
  font-size: 0.75em !important;
}
#formWrap select {
  height: 33px;
  margin: 0 0 0.35em;
}
#formWrap input,
#formWrap textarea {
  width: 100%;
  height: auto;
  margin: 0 0 0.5em 0;
  padding: 0.25em;
  background: #f1f1f1;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px; /* future proofing */
  -khtml-border-radius: 3px; /* for old Konqueror browsers */
}

#formWrap .checkboxWrap {
  display: block;
  float: left;
  width: 46%;
  height: auto;
  margin: 0 2% 0.625em;
}
#formWrap .checkFullWrap {
  display: block;
  float: left;
  width: 100%;
  height: auto;
  margin: 0 0 0.625em;
}
.checkboxWrap input,
.checkFullWrap input {
  display: block;
  float: left;
  width: auto !important;
}
.checkboxWrap label,
.checkFullWrap label {
  font-weight: normal !important;
}
.checkboxWrap label {
  display: block;
  float: left;
  width: 75% !important;
  margin: 0 0 0 2% !important;
  font-weight: normal !important;
}
.checkFullWrap .checkTxt {
  display: block;
  float: left;
  width: 90% !important;
  margin: 0 0 0 2% !important;
  font-weight: normal !important;
}

#formWrap input#formSubmit,
#formWrap button.submitBtn {
  width: 80% !important;
  margin: 0.625em 10% !important;
  padding: 0.625em 10% !important;
  -moz-border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  border-radius: 5px !important; /* future proofing */
  -khtml-border-radius: 5px !important; /* for old Konqueror browsers */
}
/* Number Field - Hide Up/Down Arrows */
input[type="number"] {
  -moz-appearance: textfield;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.btnOff {
  background: #999 !important;
  cursor: not-allowed !important;
}
.emailGood {
  background: #99ff99 !important;
}
.emailBad {
  background: #ff9999 !important;
}

/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection {
  background: #ff9;
  color: #000;
  text-shadow: none;
}
::selection {
  background: #0085cf;
  color: #fff;
  text-shadow: none;
}

/*	j.mp/webkit-tap-highlight-color */
a:link {
  -webkit-tap-highlight-color: #fcd700;
}

ins {
  background-color: #fcd700;
  color: #000;
  text-decoration: none;
}
mark {
  background-color: #fcd700;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

/* And here begins the Wordpress fun.
-------------------------------------------------------------------------------*/

/**********
WEBSITE CONTAINERS & WRAPPERS
***********/

#wrapper {
  display: block;
  width: 100%;
  height: auto;
  margin: 0px auto;
  padding: 0;
}

#searchForm fieldset {
  position: relative;
  display: block;
}

#sticky-wrap {
  display: none;
  height: 120px;
}

#head-wrap {
  display: block;
  width: 100%;
  max-width: 960px;
  height: 85px;
  margin: 10px auto 0;
  padding: 0;
}

#sm-search {
  display: none !important;
}

/**********
CONTENT CSS
***********/
#content {
  display: block;
  width: 100%;
  max-width: 960px;
  height: auto;
  margin: 0 auto;
  padding: 0 !important;
  clear: both;
}
.content-wrap {
  display: block;
  float: left;
  width: 99.9%;
  height: auto;
  margin: -10px auto 0;
  padding: 0px 0px 20px !important;
  background-color: #fff;
  -moz-border-radius: 0 0 8px 8px;
  -webkit-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px; /* future proofing */
  -khtml-border-radius: 0 0 8px 8px; /* for old Konqueror browsers */

  -moz-box-shadow: 0px 1px 2px 1px #cccccc;
  -webkit-box-shadow: 0px 1px 2px 1px #cccccc;
  box-shadow: 0px 1px 2px 1px #cccccc;
}

/***SEARCH SLIDER CSS***/
#content #searchPanel {
  display: none;
  width: 100%;
  height: 75px;
  margin: 0px 0 0 0;
  background-color: rgba(224, 224, 224, 0.5);
  color: #fff;
}
#searchPanel #search-box {
  display: block;
  width: 80%;
  height: auto;
  margin: 0px auto;
  padding: 20px 0 0;
  text-align: center;
}
#searchPanel #search-box h3 {
  display: none !important;
}
#searchPanel #searchForm {
  display: block;
  width: 100%;
  height: auto;
  margin: 0px auto;
  padding: 0;
}
#searchPanel #searchForm input#s {
  display: block;
  float: left;
  width: 60%;
  height: auto;
  margin: 0px;
  padding: 7px 5px;
  font-size: 1.25em;
  font-weight: lighter;
}
#searchPanel #searchForm input#searchSubmit {
  display: block;
  float: left;
  width: 30%;
  height: auto;
  margin: 0 0 0 1%;
  padding: 7px 5px;
  font-size: 1.25em;
  color: #fff;
  border: none;
}

/***GOODNEWS SLIDEBOX CSS***/
#last {
  float: left;
  width: 100%;
}
#slidebox {
  position: fixed;
  bottom: 0px;
  right: -430px;
  width: 350px;
  height: auto;
  padding: 1em;
  background: #fff;
  -moz-box-shadow: -1px -1px 5px #ef8200;
  -webkit-box-shadow: -1px -1px 5px #ef8200;
  box-shadow: -1px -1px 5px #ef8200;
}
#slidebox a.close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 13px;
  height: 13px;
  background: transparent url(images/close.gif) no-repeat top left;
  cursor: pointer;
}
#slidebox a.close:hover {
  background-position: 0px -13px;
}
#slidebox img {
  display: block;
  float: left;
  width: 55% !important;
  height: inherit !important;
}
#slidebox a.lgBtn {
  display: block;
  float: right;
  width: 25% !important;
  height: auto !important;
  margin: 1.25em 0 0;
}

/***Social Media Buttons CSS***/
.socialWrapper {
  display: block;
  float: left;
  width: 100%;
  height: auto;
  margin: 0.625em 0;
}
.socialWrapper .fb-share-button,
.socialWrapper .twitter-share-button,
.socialWrapper #___plus_0,
.socialWrapper .IN-widget {
  display: block !important;
  float: left !important;
  width: 25% !important;
  height: auto;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}

/***SOCIAL MEDIA SLIDER CSS***/
.socialWrap {
  position: fixed;
  bottom: 0;
  left: 15px;
  display: block;
  margin: 0;
  padding: 0;
}
.socialWrap .followBtn {
  display: block;
  width: 110px;
  height: auto;
  margin: 0;
  padding: 0.375em 0;
  font-size: 0.875em;
  font-weight: bold;
  font-style: italic;
  text-align: center;
  color: #002596 !important;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0; /* future proofing */
  -khtml-border-radius: 5px 5px 0 0; /* for old Konqueror browsers */

  -moz-box-shadow: 0px 1px 2px 1px #ccc;
  -webkit-box-shadow: 0px 1px 2px 1px #ccc;
  box-shadow: 0px 1px 2px 1px #ccc;
}
.socialWrap #socialPanel {
  display: none;
  width: 340px;
  height: 35px;
  margin: 0;
  padding: 0.625em;
  -moz-box-shadow: 0px 1px 2px 1px #ccc;
  -webkit-box-shadow: 0px 1px 2px 1px #ccc;
  box-shadow: 0px 1px 2px 1px #ccc;
}
#socialPanel a {
  display: block;
  width: 35px;
  height: 35px;
  float: left;
  margin: 0 0.063em;
  padding: 0;
}
#socialPanel .mobileApp {
  background: url(images/icons-arrows-sprite.png) 0 0 no-repeat;
}
#socialPanel .facebook {
  background: url(images/icons-arrows-sprite.png) -35px 0 no-repeat;
}
#socialPanel .twitter {
  background: url(images/icons-arrows-sprite.png) -70px 0 no-repeat;
}
#socialPanel .foursquare {
  background: url(images/icons-arrows-sprite.png) -105px 0 no-repeat;
}
#socialPanel .googlePlus {
  background: url(images/icons-arrows-sprite.png) -141px 0 no-repeat;
}
#socialPanel .youtube {
  background: url(images/icons-arrows-sprite.png) -177px 0 no-repeat;
}
#socialPanel .pinterest {
  background: url(images/icons-arrows-sprite.png) -213px 0 no-repeat;
}
#socialPanel .dcgf {
  background: url(images/icons-arrows-sprite.png) -249px 0 no-repeat;
}
#socialPanel .green {
  background: url(images/icons-arrows-sprite.png) -285px 0 no-repeat;
}

/**********
PAGE CSS
***********/
/***Page Header CSS***/
#content #page-header {
  display: block;
  float: left;
  width: 100%;
  max-width: 960px;
  height: auto;
}
#page-header h1 {
  display: block;
  width: 90%;
  float: left;
  margin: 0;
  font-family: Raleway, Arial, Helvetica, sans-serif;
  font-weight: 200;
  text-align: center;
}
.blue-page #page-header {
  background-color: rgba(0, 37, 150, 1);
}
.ltblue-page #page-header {
  background-color: rgba(0, 133, 207, 1);
}
.green-page #page-header {
  background-color: rgba(119, 184, 0, 1);
}
.orange-page #page-header {
  background-color: rgba(239, 130, 0, 1);
}
.grey-page #page-header {
  background-color: rgba(238, 238, 238, 1);
}
.timeline-page #page-header {
  background-color: rgba(171, 151, 121, 1);
}

/***Page Slideshow CSS***/
#content #pageSlideshow {
  display: block;
  float: left;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

/***Page Navigation CSS***/
#content .page-nav-wrap {
  display: block;
  height: auto;
  margin: 0;
}
.page-nav-wrap .page-nav {
  display: block;
  float: right;
  width: 90%;
  height: auto;
  margin: 0.111em 0 0;
  padding: 0.625em 5%;
}
.page-nav-wrap .page-nav ul li {
  display: inline;
  float: right;
  height: auto;
  padding: 0;
  border-bottom: 0.111em solid #fff;
}
.page-nav-wrap .page-nav ul li a {
  display: block;
  float: right;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0.75em 0;
  color: #fff;
  font-size: 0.875em;
}
.page-nav-wrap .page-nav ul li:last-child {
  border-bottom: 0px none !important;
}

/***Internal Nav Button CSS***/
.page-nav-wrap .page-nav.donate,
.page-nav-wrap .page-nav.blogNav {
  background: url(images/icons-arrows-sprite.png) 50% -230px no-repeat rgba(0, 37, 150, 0.9);
}
.page-nav-wrap .page-nav.donate ul li a,
.page-nav-wrap .page-nav.blogNav ul li a {
  background-color: rgba(0, 37, 150, 0.3) !important;
}

.page-nav-wrap .page-nav.shop {
  background: url(images/icons-arrows-sprite.png) 50% -230px no-repeat rgba(0, 133, 207, 1);
}
.page-nav-wrap .page-nav.shop ul li a {
  background-color: rgba(0, 133, 207, 0.3) !important;
}

.page-nav-wrap .page-nav.edu {
  background: url(images/icons-arrows-sprite.png) 50% -230px no-repeat rgba(119, 184, 0, 1);
}
.page-nav-wrap .page-nav.edu ul li a {
  background-color: rgba(119, 184, 0, 0.3) !important;
}

.page-nav-wrap .page-nav.employ {
  background: url(images/icons-arrows-sprite.png) 50% -230px no-repeat rgba(239, 130, 0, 1);
}
.page-nav-wrap .page-nav.employ ul li a {
  background-color: rgba(239, 130, 0, 0.3) !important;
}

.page-nav-wrap .page-nav.about {
  background: url(images/icons-arrows-sprite.png) 50% -230px no-repeat rgba(238, 238, 238, 1);
}
.page-nav-wrap .page-nav.about ul li a {
  background-color: rgba(238, 238, 238, 0.3) !important;
  color: #333 !important;
}

.page-nav-wrap .page-nav.anniversaryNav {
  background: url(images/icons-arrows-sprite.png) 50% -230px no-repeat rgba(171, 151, 121, 0.9);
}
.page-nav-wrap .page-nav.anniversaryNav ul li a {
  background-color: rgba(171, 151, 121, 0.9) !important;
}

.page-nav-wrap .page-nav.gecNav {
  background: url(images/icons-arrows-sprite.png) 50% -230px no-repeat rgba(100, 154, 50, 0.9);
}
.page-nav-wrap .page-nav.gecNav ul li a {
  background-color: rgba(100, 154, 50, 0.9);
  color: #fff;
}

/***Internal Nav Button Hover & Active State CSS***/
.page-nav-wrap .page-nav.donate ul li a:hover,
.page-nav-wrap .page-nav.donate ul li.current-menu-item a,
.page-nav-wrap .page-nav.donate ul li.current-post-parent a {
  background-color: #fff !important;
  color: #002596;
}
.page-nav-wrap .page-nav.blogNav ul li a:hover,
.page-nav-wrap .page-nav.blogNav ul li.current-menu-item a,
.page-nav-wrap .page-nav.blogNav ul li.current-post-parent a {
  background-color: #fff !important;
  color: #002596;
}

.page-nav-wrap .page-nav.shop ul li a:hover,
.page-nav-wrap .page-nav.shop ul li.current-menu-item a,
.page-nav-wrap .page-nav.shop ul li.current-post-parent a {
  background-color: #fff !important;
  color: #0085cf;
}

.page-nav-wrap .page-nav.edu ul li a:hover,
.page-nav-wrap .page-nav.edu ul li.current-menu-item a,
.page-nav-wrap .page-nav.edu ul li.current-post-parent a {
  background-color: #fff !important;
  color: #77b800;
}

.page-nav-wrap .page-nav.employ ul li a:hover,
.page-nav-wrap .page-nav.employ ul li.current-menu-item a,
.page-nav-wrap .page-nav.employ ul li.current-post-parent a {
  background-color: #fff !important;
  color: #ef8200;
}

.page-nav-wrap .page-nav.about ul li a:hover,
.page-nav-wrap .page-nav.about ul li.current-menu-item a,
.page-nav-wrap .page-nav.about ul li.current-post-parent a {
  background-color: #fff !important;
}

.page-nav-wrap .page-nav.anniversaryNav ul li a:hover,
.page-nav-wrap .page-nav.anniversaryNav ul li.current-menu-item a,
.page-nav-wrap .page-nav.anniversaryNav ul li.current-post-parent a {
  background-color: #fff !important;
  color: #ab9779;
}

.page-nav-wrap .page-nav.gecNav ul li a:hover,
.page-nav-wrap .page-nav.gecNav ul li.current-menu-item a,
.page-nav-wrap .page-nav.gecNav ul li.current-post-parent a {
  background-color: #fff !important;
  color: #679a32;
}

/***Page Header CSS***/
#content .page-title {
  display: block;
  float: left;
  width: 100%;
  max-width: 960px;
  height: auto;
  margin: 0px;
  padding: 0;
}

/***Page Contact Information CSS***/
#content .entry .contactInfo {
  display: block;
  float: left;
  width: 100%;
  height: auto;
  margin: 1em 0;
  padding: 0 0 0.5em;
  border-bottom: 2px dashed #eeeeee;
}

/***Page Section CSS***/
#content .section {
  display: block;
  float: left;
  width: 100%;
  max-width: 960px;
  height: auto;
  margin: 0;
  padding: 0;
}

/***Page Content Wrapper CSS***/
#content .page-wrap {
  display: block;
  float: left;
  height: auto;
  min-height: 410px;
  margin: 0;
  padding: 0;
}

/***Page Tag List CSS***/
#content .tagWrapper {
  display: block;
  float: left;
  width: 90%;
  height: auto;
  margin: 0;
  padding: 5%;
  color: #999 !important;
  text-align: center;
  line-height: 1.25em;
}
#content .tagWrapper a {
  color: #999 !important;
  padding: 0 0 0 0.625em;
}
#content .tagWrapper a:hover {
  text-decoration: underline !important;
  color: #999 !important;
}

/***WFD Contact List Menu CSS***/
#menu-annandale-wfd-staff,
#menu-acc-wfd-career-staff,
#menu-dale-city-wfd-staff,
#menu-dc-wfd-career-staff {
  width: 100%;
  margin: 0.625em 0 1em !important;
}

/***80th Anniversary & Timeline CSS***/
.timeline-page .content-wrap {
  background: url(images/timeline-bg.jpg) top center repeat-y;
}
.timeline-page .decadeWrap {
  display: block;
  float: left;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}
.decadeWrap .colGoodwill {
  display: block;
  height: auto;
  margin: 0;
  padding: 0 1%;
}
.decadeWrap .colYear {
  display: block;
  height: auto;
  margin: 0;
  padding: 0;
}
.decadeWrap .colEvent {
  display: block;
  height: auto;
  margin: 0;
  padding: 0 1%;
}

.colGoodwill .fact {
  color: #fff !important;
  background-color: #002596;
}
.colEvent .fact {
  background-color: #f1f1f1;
  font-size: 0.75em;
  line-height: 1.5em;
}
.colYear .year {
  display: block;
  float: left;
  width: 90%;
  height: auto;
  margin: 0;
  padding: 2% 4%;
  border: 2px solid #002596;
  background: #fff;
  text-align: center;
  font-weight: bold;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; /* future proofing */
  -khtml-border-radius: 5px; /* for old Konqueror browsers */
}

.fact {
  display: block;
  float: left;
  width: 90%;
  height: auto;
  margin: 1em 0;
  padding: 0 5%;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; /* future proofing */
  -khtml-border-radius: 5px; /* for old Konqueror browsers */
}
.fact .wp-caption,
.fact img {
  display: block;
  float: left;
  width: 100% !important;
  height: inherit !important;
  margin: 0 0 0.5em;
  padding: 0;
}
.fact .wp-caption-text {
  color: #fff !important;
  text-align: left !important;
}

/**********
SINGLE PAGE CSS
***********/
/***ReadSpeaker CSS***/
.rsbtn {
  display: block;
  float: left;
  width: 100% !important;
  margin: 0 0 1em !important;
}
.rspopup {
  width: auto !important;
}
/***Full Width Page - ReadSpeaker Plugin***/
.page-template-blue-full-template .rsbtn,
.page-template-green-full-template .rsbtn,
.page-template-lt-blue-full-template .rsbtn {
  display: none !important;
}

/***SINGLE Page Header CSS***/
/***BLUE***/
.category-donation-toolbox #page-header,
.category-donation-drives #page-header,
.category-goodwill-donation-guidelines #page-header,
.category-donation-home-pickups #page-header,
.category-planned-giving #page-header,
.category-donate-to-goodwill #page-header,
.category-blog-posts #page-header {
  background-color: rgba(0, 37, 150, 1);
}
/*location pages*/
.postid-12835 #page-header,
.postid-12882 #page-header,
.postid-12885 #page-header,
.postid-12887 #page-header,
.postid-12903 #page-header,
.postid-12905 #page-header,
.postid-12907 #page-header,
.postid-12911 #page-header,
.postid-12913 #page-header,
.postid-12915 #page-header,
.postid-12917 #page-header,
.postid-12919 #page-header,
.postid-12921 #page-header,
.postid-12923 #page-header,
.postid-12925 #page-header,
.postid-12927 #page-header,
.postid-12929 #page-header {
  background-color: rgba(0, 37, 150, 1);
}
/***LT BLUE***/
.category-news-events #page-header,
.category-goodwill-on-the-hill #page-header,
.category-press-releases #page-header,
.category-photo-galleries #page-header,
.category-special-offers-rewards #page-header,
.category-shopping-faqs #page-header,
.single-bepro_listings #page-header,
.category-fashion-of-goodwill #page-header {
  background-color: rgba(0, 133, 207, 1);
}
/*location pages*/
.postid-12901 #page-header,
.postid-12909 #page-header {
  background-color: rgba(0, 133, 207, 1);
}
/***GREEN***/
.category-job-training-programs #page-header,
.category-success-story #page-header,
.category-annual-campaigns #page-header,
.category-disability-services #page-header,
.category-green-initiatives #page-header,
.category-career-services #page-header,
.category-young-professionals-council-board #page-header {
  background-color: rgba(119, 184, 0, 1);
}
/*location pages*/
.postid-12889 #page-header,
.postid-12892 #page-header,
.postid-12894 #page-header,
.postid-12896 #page-header {
  background-color: rgba(119, 184, 0, 1);
}
/***ORANGE***/
.category-job-fairs #page-header {
  background-color: rgba(239, 130, 0, 1);
}

.category-executive-staff #page-header,
.category-board-of-directors #page-header,
.category-web-policies #page-header,
.category-uncategorized #page-header {
  background-color: rgba(238, 238, 238, 1);
}

.category-web-policies h1,
.category-executive-staff h1,
.category-board-of-directors h1,
.category-uncategorized h1 {
  color: #333 !important;
}

/***Single Page Post Info CSS***/
#postInfo {
  display: block;
  float: left;
  width: 100%;
  height: auto;
  margin: 0 0 0.625em 0;
  padding: 0.75em 0;
  border-bottom: 2px dashed #eeeeee;
}
#postInfo .catBack {
  display: block;
  float: left;
  width: 65%;
  height: auto;
  padding: 0 0 0 2%;
  text-align: left;
}
#postInfo .date {
  display: block;
  float: right;
  width: 25%;
  height: auto;
  padding: 0 2% 0 0;
  text-align: right;
}

/***Single Event Map CSS***/
.acf-map {
  display: block;
  float: left;
  width: 100%;
  height: inherit;
  margin: 20px 0;
}
.acf-map iframe {
  width: 100% !important;
  height: 300px !important;
}

/***Priority Donation Pick-up Page CSS***/
#pickupformWrapper {
  display: block;
  float: left;
  width: 100%;
  height: auto;
  margin: 0px;
  padding: 0;
}
#pickupformWrapper .hidden {
  display: none !important;
}
#pickupformWrapper .fieldWrap {
  display: block;
  float: left;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}
#pickupformWrapper .dateWrap {
  display: block;
  float: left;
  width: 100%;
  height: auto;
  margin: 0.25em 0 0;
  padding: 0.5em 0;
}
#pickupformWrapper .dateWrap input {
  display: block;
  float: left;
  width: 25% !important;
  height: auto;
  margin: 0;
  text-align: center;
}
#pickupformWrapper .dateWrap .symbol {
  display: block;
  float: left;
  width: auto;
  height: auto;
  margin: 0.25em 1% 0;
}

/***FREE Donation Pick-up Page CSS***/
#wpcf7-f1489-p1232-o1 form {
  display: block;
  width: 92%;
  height: auto;
  margin: 0px;
  padding: 0.625em 4%;
}

/***Search Results Page CSS***/
.searchList {
  display: block;
  width: 90%;
  margin: 0 5%;
  padding: 0;
  border-bottom: 1px solid #cccccc;
}
.searchList .post {
  display: block;
  width: 100%;
  height: auto;
  margin: 0.625em 0;
  padding: 1em 0;
}
.searchList .post-text {
  display: block;
  width: 100%;
  height: auto;
  margin: 0.625em 0 0;
}
.noList {
  display: block;
  width: 90%;
  margin: 0 5%;
  padding: 0;
}
.noList h2 {
  display: block;
  width: 100%;
  margin: 0.625em 0;
  padding: 0;
  text-align: center;
}

.searchAgain {
  display: block;
  width: 90%;
  margin: 0.625em 0 0.875em;
  padding: 5%;
  background: #f1f1f1;
}
.searchAgain .btn {
  margin: 0.625em 0 0;
}

/***404 Page CSS***/
.entryWrapper {
  display: block;
  width: 90%;
  margin: 0 5%;
  padding: 0;
}
.pageMenu {
  display: block;
  width: 100%;
  margin: 0.625em 0;
  padding: 0;
}
.pageMenu ul#menu-404-menu {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}
.pageMenu li.menu-item-has-children {
  display: block;
  float: left;
  height: auto;
  margin: 0;
  padding: 0;
}
.pageMenu li.menu-item-has-children a {
  display: block;
  width: 90%;
  height: auto;
  margin: 0;
  padding: 5%;
  color: #fff;
  text-align: center;
}
.pageMenu li#menu-item-3000 a {
  background-color: rgba(0, 37, 150, 1);
}
.pageMenu li#menu-item-3001 a {
  background-color: rgba(0, 133, 207, 1);
}
.pageMenu li#menu-item-3002 a {
  background-color: rgba(119, 184, 0, 1);
}
.pageMenu li#menu-item-3003 a {
  background-color: rgba(239, 130, 0, 1);
}
.pageMenu li#menu-item-3858 a,
.pageMenu li#menu-item-3861 a,
.pageMenu li#menu-item-3862 a,
.pageMenu li#menu-item-3864 a {
  color: #000;
  background-color: rgba(224, 224, 224, 0.7);
}
.pageMenu li.menu-item ul.sub-menu {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}
.pageMenu li.menu-item ul.sub-menu li.menu-item {
  width: 100% !important;
  list-style-type: none !important;
}
.pageMenu li.menu-item ul.sub-menu li.menu-item a {
  display: block;
  width: 90%;
  height: auto;
  margin: 0;
  padding: 0.5em 0 0.5em 10%;
  color: #333333;
  background: none !important;
  text-align: left;
  font-size: 0.875em;
}
.page-template-blue-template-php
  .pageMenu
  li.menu-item
  ul.sub-menu
  li.menu-item
  a {
  font-size: 1.125em !important;
}
.pageMenu li.menu-item ul.sub-menu li.menu-item a:hover {
  background-color: rgba(224, 224, 224, 0.4) !important;
}

/***HOME PAGE NOTIFICATION CSS***/
#note {
  display: block;
  width: 95%;
  padding: 0.3em 2.5% 0.3em;
  height: auto;
  margin: 0;
}
#note h3 {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}
#note p {
  display: block;
  width: 80%;
  height: auto;
  margin: 0;
  padding: 0 10%;
  color: #fff;
  font-size: 0.85em;
  text-align: center;
}

/***PAGE COMMENT CSS***/
.commentWrapper {
  display: block;
  float: left;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}
.commentContent {
  display: block;
  width: 90%;
  height: auto;
  margin: 0;
  padding: 0 5%;
}
.reply,
.comment-meta {
  display: none !important;
}
.commentContent ol.commentlist {
  display: block;
  float: left;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
ol.commentlist li {
  display: block;
  float: left;
  width: 96%;
  height: auto;
  margin: 1em 0;
  padding: 2%;
  list-style-type: none;
  background: #eee;
}
.commentContent p {
  display: block;
  width: 100%;
  height: auto;
  margin: 0.625em 0;
  padding: 0;
  font-style: italic;
}
.commentContent form label {
  display: block;
  margin: 0.625em 0;
}

/***GOOGLE+ AUTHORSHIP CSS***/
.googleAuthor {
  display: block;
  float: left;
  width: 100%;
  height: auto;
  margin: 0;
}
.googleAuthor .author span {
  display: block;
  width: 100%;
  height: auto;
  padding: 0 0 0.5em 0;
}
.googleAuthor img.authorImg {
  display: block;
  float: left;
  padding: 0 0.625em 0 0;
}
.googleAuthor .author {
  display: block;
  float: left;
  padding: 0;
}

/***List Page Content Wrapper CSS***/
#content .list-wrap {
  display: block;
  float: left;
  width: 90%;
  height: auto;
  min-height: 410px;
  margin: 0;
  padding: 0 5%;
}
.list-wrap .fogWrap {
  display: block;
  float: left;
  height: auto;
  margin: 0 1% 0.625em;
  padding: 1%;
}
.fogWrap img {
  display: block;
  float: left;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}
.fogWrap .fogDesc {
  display: block;
  float: left;
  width: 94%;
  height: auto;
  margin: 0.625em 0 0;
  padding: 3%;
}
.fogDesc h3 {
  font-weight: normal !important;
  font-family: Raleway, Arial, Helvetica, sans-serif;
  min-height: 3.8em;
}

/**********
CATEGORY CSS
***********/
/***Category Header CSS***/
#content #cat-header {
  display: block;
  float: left;
  width: 100%;
  max-width: 960px;
  height: auto;
}
#cat-header h1 {
  display: block;
  width: 90%;
  float: left;
  margin: 0;
  font-family: Raleway, Arial, Helvetica, sans-serif;
  font-weight: 200;
  text-align: center;
}

.category-4 #cat-header,
.category-4 #cat-header,
.category-5 #cat-header,
.category-6 #cat-header,
.category-9 #cat-header,
.category-56 #cat-header,
.category-57 #cat-header,
.category-109 #cat-header,
.category-110 #cat-header,
.category-111 #cat-header,
.category-129 #cat-header,
.category-143 #cat-header,
.category-145 #cat-header,
.category-197 #cat-header,
.category-262 #cat-header,
.category-292 #cat-header {
  background-color: rgba(0, 37, 150, 1);
}

.category-13 #cat-header,
.category-14 #cat-header,
.category-15 #cat-header,
.category-16 #cat-header,
.category-3 #cat-header,
.category-26 #cat-header,
.category-28 #cat-header,
.category-80 #cat-header,
.category-82 #cat-header {
  background-color: rgba(0, 133, 207, 0.9);
}

.category-12 #cat-header,
.category-17 #cat-header,
.category-18 #cat-header,
.category-19 #cat-header,
.category-20 #cat-header,
.category-44 #cat-header,
.category-30 #cat-header,
.category-51 #cat-header,
.category-79 #cat-header,
.category-437 #cat-header {
  background-color: rgba(119, 184, 0, 1);
}
.category-21 #cat-header {
  background-color: rgba(239, 130, 0, 1);
}

.category-24 #cat-header,
.category-25 #cat-header,
.category-53 #cat-header {
  background-color: rgba(238, 238, 238, 1);
}
.category-24 h1,
.category-25 h1,
.category-53 h1 {
  color: #333 !important;
}

/***Category Description CSS***/
#content #cat-desc {
  display: block;
  float: left;
  width: 100%;
  height: auto;
  margin: 0.625em 0;
  padding: 0;
}
#content #cat-desc .descWrap,
#content .botDesc .descWrap {
  padding: 0 5%;
  line-height: 1.25em;
}
#content .no-posts {
  padding: 0 15%;
  line-height: 1.25em;
}

#content .botDesc {
  display: block;
  float: left;
  width: 100%;
  max-width: 960px;
  height: auto;
  margin: 0.625em 0;
  padding: 1em 0;
  background-color: rgba(0, 37, 150, 0.05);
}
#content #cat-desc .descWrap p,
#content .botDesc .descWrap p {
  line-height: 1.25em;
  padding: 0 0 0.938em;
}

/***Category Listings CSS***/
#content #catList {
  display: block;
  float: left;
  height: auto;
  margin: 0;
  padding: 0;
}
#catList .catWrap {
  display: block;
  float: left;
  margin: 0;
  padding: 0.625em 0.625em 1.25em;
}
#catList h2 {
  padding: 0.5em 0 0.5em 0.5em;
  background: #f1f1f1;
}
#catList small.postDate {
  display: block;
  float: left;
  width: 100%;
  height: auto;
  margin: 0.325em 0 0.625em;
  padding: 0 0 0 0.875em;
}
#catList .personTitle {
  display: block;
  float: left;
  width: 100%;
  height: inherit;
  margin: 0px;
  padding: 0;
}
#catList .articleImg {
  display: block;
  float: left;
  height: inherit;
  margin: 0px;
  padding: 0.625em 0 0;
}
#catList .articleImg img {
  width: 100% !important;
  height: inherit !important;
}
#catList .post-text {
  display: block;
  float: right;
  height: inherit;
  margin: 0px;
  padding: 0.625em 0 0;
}
#catList .post-text p {
  margin: 0 0 0.938em;
  line-height: 1.25em;
}
#catList .post-text .post-link {
  color: #333 !important;
}

/***Category Prev & Next Navigation CSS***/
/***Single Post Prev & Next Navigation CSS***/
#catNav,
.post-nav {
  display: block;
  float: left;
  width: 96%;
  height: auto;
  padding: 0 2%;
  margin: 0 0 1em;
}
#catNav #prev,
#catNav #next,
.post-nav #prevPost,
.post-nav #nextPost {
  display: block;
  width: 45%;
  height: auto;
  padding: 0 2.5%;
  text-align: left;
}
#catNav #prev,
.post-nav #prevPost {
  float: left;
}
#catNav #next,
.post-nav #nextPost {
  float: right;
}
#catNav a,
.post-nav a {
  display: block;
  width: 92%;
  height: auto;
  padding: 5% 4%;
  background-color: #002596;
  color: #ffffff !important;
  font-size: 1em;
  text-align: center;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; /* future proofing */
  -khtml-border-radius: 5px; /* for old Konqueror browsers */
}
#catNav a:hover,
.post-nav a:hover {
  -moz-opacity: 0.8;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

/***BLOG PAGE CSS***/
.blogWrap {
  display: block;
  float: left;
  min-width: 90%;
  margin: 0.875em 5% 1em;
  padding: 0 0 2em;
  border-bottom: 2px dashed #f1f1f1;
}
.blogWrap .blogImg {
  display: block;
  float: left;
  height: inherit;
  margin: 0px;
  padding: 0.625em 0 0;
}
.blogImg img {
  width: 100% !important;
  height: inherit !important;
}
.blogWrap .blogExcerpt {
  display: block;
  float: right;
  height: inherit;
  margin: 0px;
  padding: 0.625em 0 0;
}
.blogWrap a h1 {
  padding: 0.5em 0 0.5em 0.5em;
  background: #f1f1f1;
}

/***BLOG POST CSS***/
.blogHead {
  display: block;
  width: 100%;
  height: auto;
  padding: 0;
}
.blogHead h1 {
  padding: 0.5em 0 0.5em 0.5em;
  font-size: 2.5em;
  font-family: Raleway, Arial, Helvetica, sans-serif;
  font-weight: 200;
  background: #f1f1f1;
}

/**********
WIDGET CSS
***********/
/***Featured Success Story CSS***/
#content #success-feed {
  display: block;
  float: left;
  width: 100%;
  max-width: 960px;
  height: auto;
  margin: 0px;
  padding: 10px 0 10px;
}
#success-feed .post-wrap {
  display: block;
  width: 100%;
  float: left;
  height: auto;
  margin: 10px 0 20px;
  padding: 0;
}
#success-feed .post {
  padding: 0 10px;
}
#success-feed .post-img {
  display: block;
  float: left;
  height: inherit;
  margin: 0px;
  padding: 0 0 5px;
}
#success-feed .post-img img {
  width: 100% !important;
  height: inherit !important;
}
#success-feed .post-text {
  display: block;
  float: right;
  height: inherit;
  margin: 0px;
  padding: 0;
}
#success-feed .post-text .entry {
  padding: 10px 0;
  color: #ffffff;
}

/***Give Widget CSS***/
#content #giveWrap {
  display: block;
  float: left;
  width: 100%;
  max-width: 960px;
  height: auto;
  margin: 0px;
  padding: 0.625em 0 0.625em;
  background: url(images/donate-widget-img.png) top center repeat;
}
#giveWrap .giveContent {
  padding: 0 10px;
  color: #fff;
}
#giveWrap .giveContent #give-pitch {
  background-color: rgba(119, 184, 0, 0.7) !important;
}
#giveWrap .giveContent .colRight .lgtxt {
  display: block;
  float: left;
  width: 100%;
  padding: 0.625em 0 0;
}
#giveWrap .giveContent .colRight p {
  display: block;
  float: left;
  width: 100%;
  padding: 0.625em 0;
}

/***HR Widget CSS***/
#content #hrWrap {
  display: block;
  float: left;
  width: 100%;
  max-width: 960px;
  height: auto;
  margin: 0px;
  padding: 0.625em 0 0.625em;
}
#hrWrap .hrContent {
  padding: 0 10px;
  color: #fff;
}
.hrContent .colRight .lgtxt,
.hrContent .colLeft .lgtxt {
  display: block;
}
.hrContent .colRight p {
  display: block;
  float: left;
  width: 100%;
  padding: 0.625em 0;
}
.hrContent .colRight img {
  display: block;
  float: left;
  width: 100% !important;
  height: inherit !important;
  margin: 0.625em 0;
}

/***E-newsletter Opt-in From CSS***/
#content #enewsWrap {
  display: block;
  float: left;
  width: 100%;
  max-width: 960px;
  height: auto;
  margin: 0px;
  padding: 10px 0 10px;
}
#enewsWrap .enewsContent {
  padding: 0 10px;
  color: #fff;
}

.enewsDesc .enewsImg {
  display: block;
  width: 100% !important;
  height: inherit;
}

.enewsForm small {
  display: block;
  float: left;
  width: 100%;
  height: auto;
  margin: 0px;
  padding: 0px 0 10px;
  text-align: right;
}
.enewsForm form {
  display: block;
  float: left;
  width: 100%;
  height: auto;
  margin: 0px;
  padding: 0px 0 10px;
}
.enewsForm label {
  display: block;
  width: 100%;
  margin: 0 0 0.25em 0;
  font-weight: bold;
}
.enewsForm input {
  width: 100%;
  height: auto;
  margin: 0 0 0.5em 0;
  padding: 0.188em 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; /* future proofing */
  -khtml-border-radius: 5px; /* for old Konqueror browsers */
}

/***Social Media Widget CSS***/
#content #social-feed {
  display: block;
  float: left;
  width: 100%;
  max-width: 960px;
  height: auto;
  margin: 0px;
  padding: 10px 0 30px;
}
#social-feed .social-wrap {
  display: block;
  float: left;
  height: auto;
  padding: 0;
}
#social-feed a.feedBtn {
  display: block;
  float: left;
}
#dcgf-wrap .dcgf-feed,
.fb_iframe_widget iframe,
.fb_iframe_widget span,
.fb_iframe_widget {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; /* future proofing */
  -khtml-border-radius: 5px; /* for old Konqueror browsers */
}

/***Facebook Feed Widget CSS***/
.fb_iframe_widget {
  width: 100% !important;
}
.fb_iframe_widget span {
  width: 100% !important;
}
.fb_iframe_widget iframe {
  width: 100% !important;
  border: 0px none !important;
}
.fb_iframe_widget iframe,
.fb_iframe_widget span,
.fb_iframe_widget {
  background: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; /* future proofing */
  -khtml-border-radius: 5px; /* for old Konqueror browsers */
}

/***Twitter Feed Widget CSS***/
#twr-wrap iframe {
  width: 100% !important;
  max-width: none !important;
}

/***DCGF Blog Feed Widget CSS***/
#dcgf-wrap .dcgf-feed {
  display: block;
  float: left;
  height: auto;
  margin: 0px;
  padding: 0px 0px 10px 10px;
  background: #fff;
}
.dcgf-feed .dcgf-head {
  display: block;
  float: left;
  width: 100%;
  height: auto;
  margin: 0px;
  padding: 10px 0;
  font-size: 14px !important;
  font-weight: bold;
}

.dcgf-feed ul {
  display: block;
  float: left;
  width: 100%;
  height: 253px;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  border-top: 1px solid #ccc;
  overflow-y: scroll;
  overflow-x: hidden;
}
.dcgf-feed ul li {
  display: block;
  width: 96%;
  height: auto;
  margin: 5px 0;
  padding: 5px 0 10px 8px;
  border-left: 3px solid #0085cf;
  text-decoration: none;
}
.dcgf-feed ul li a {
  font-size: 0.813em;
  font-weight: bold;
  color: #906;
}
.dcgf-feed ul li small {
  color: #999;
}
.dcgf-feed ul li p {
  display: block;
  padding: 5px 0 0;
  font-size: 0.813em;
}

/***Sliding Box Tiles CSS***/
#content #boxtile-wrap {
  display: block;
  float: left;
  width: 100%;
  max-width: 960px;
  height: auto;
  margin: 20px 0 0;
  padding: 0;
}
#boxtile-wrap .boxgrid {
  position: relative;
  float: left;
  height: 170px;
  margin: 1%;
  overflow: hidden;
}
#boxtile-wrap .caption .boxcaption,
#sideGive-wrap .caption .boxcaption {
  top: 105px;
  left: 0;
}
#boxtile-wrap .boxcaption,
#sideGive-wrap .boxcaption {
  position: absolute;
  float: left;
  width: 95%;
  height: 170px;
  padding: 10px 3%;
  color: #fff;
  opacity: 0.95;
  /* For IE 5-7 */
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
}

#boxtile-wrap .boxcaption p,
#sideGive-wrap .boxcaption p {
  padding: 0 0 0.5em;
  font-size: 0.875em;
  line-height: 1.35em;
}
#boxtile-wrap .boxcaption p a,
#sideGive-wrap .boxcaption p a {
  color: #fff;
  font-weight: bold;
  font-size: 1em;
}
#boxtile-wrap .boxcaption p a:hover,
#sideGive-wrap .boxcaption p a:hover {
  text-decoration: underline;
}
#boxtile-wrap .blue .boxcaption,
#sideGive-wrap .blue .boxcaption {
  background: #002596;
}
#boxtile-wrap .ltblue .boxcaption {
  background: #0085cf;
}
#boxtile-wrap .green .boxcaption {
  background: #77b800;
}
#boxtile-wrap .orange .boxcaption {
  background: #ef8200;
}
#boxtile-wrap .tan .boxcaption {
  background: #ab9779;
}
#boxtile-wrap .donate.boxgrid {
  background: url(images/slidebox-sprite.jpg) 0 0 no-repeat;
}
#boxtile-wrap .shop.boxgrid {
  background: url(images/slidebox-sprite.jpg) 0 -200px no-repeat;
}
#boxtile-wrap .education.boxgrid {
  background: url(images/slidebox-sprite.jpg) 0 -400px no-repeat;
}
#boxtile-wrap .employment.boxgrid {
  background: url(images/slidebox-sprite.jpg) 0 -600px no-repeat;
}
#boxtile-wrap .donateFind.boxgrid {
  background: url(images/slidebox-sprite.jpg) -440px 0 no-repeat;
}
#boxtile-wrap .donateDonate.boxgrid {
  background: url(images/slidebox-sprite.jpg) -440px -200px no-repeat;
}
#boxtile-wrap .donateTool.boxgrid {
  background: url(images/slidebox-sprite.jpg) -440px -400px no-repeat;
}
#boxtile-wrap .donateGuide.boxgrid {
  background: url(images/slidebox-sprite.jpg) -440px -600px no-repeat;
}
#boxtile-wrap .shopFind.boxgrid {
  background: url(images/slidebox-sprite.jpg) -880px 0 no-repeat;
}
#boxtile-wrap .shopOnline.boxgrid {
  background: url(images/slidebox-sprite.jpg) -880px -200px no-repeat;
}
#boxtile-wrap .shopRewards.boxgrid {
  background: url(images/slidebox-sprite.jpg) -880px -600px no-repeat;
}
#boxtile-wrap .shopSpecial.boxgrid {
  background: url(images/slidebox-sprite.jpg) -880px -400px no-repeat;
}
#boxtile-wrap .shopFashion.boxgrid {
  background: url(images/slidebox-sprite.jpg) -880px -600px no-repeat;
}
#boxtile-wrap .centers.boxgrid {
  background: url(images/slidebox-sprite.jpg) -1320px 0 no-repeat;
}
#boxtile-wrap .programs.boxgrid {
  background: url(images/slidebox-sprite.jpg) -1320px -200px no-repeat;
}
#boxtile-wrap .success.boxgrid {
  background: url(images/slidebox-sprite.jpg) -1320px -400px no-repeat;
}
#boxtile-wrap .excel.boxgrid {
  background: url(images/slidebox-sprite.jpg) -1320px -400px no-repeat;
}
#boxtile-wrap .career.boxgrid {
  background: url(images/slidebox-sprite.jpg) -1320px -600px no-repeat;
}
#boxtile-wrap .employGoodwill.boxgrid {
  background: url(images/slidebox-sprite.jpg) -1760px 0 no-repeat;
}
#boxtile-wrap .employSolution.boxgrid {
  background: url(images/slidebox-sprite.jpg) -1760px -200px no-repeat;
}
#boxtile-wrap .employBest.boxgrid {
  background: url(images/slidebox-sprite.jpg) -1760px -400px no-repeat;
}
#boxtile-wrap .employContract.boxgrid {
  background: url(images/slidebox-sprite.jpg) -1760px -600px no-repeat;
}
#boxtile-wrap .anniversaryHome.boxgrid {
  background: url(images/slidebox-sprite.jpg) -2200px 0px no-repeat;
}
#boxtile-wrap .anniversaryTime.boxgrid {
  background: url(images/slidebox-sprite.jpg) -2200px -200px no-repeat;
}
#boxtile-wrap .anniversaryGive.boxgrid {
  background: url(images/slidebox-sprite.jpg) -2200px -400px no-repeat;
}
#boxtile-wrap .anniversaryTrain.boxgrid {
  background: url(images/slidebox-sprite.jpg) -2200px -600px no-repeat;
}

/***WFD STAFF CSS***/
#content #wfd-staff-wrap {
  display: block;
  float: left;
  width: 100%;
  max-width: 960px;
  height: auto;
  margin: 0.625em 0 0;
  padding: 0;
}
#wfd-staff-wrap li {
  display: inline;
  float: left;
  height: 5.25em;
  padding: 0;
  text-align: center;
}
#wfd-staff-wrap li .sub {
  color: #333333;
  line-height: 1em;
}

/***Progress Stats CSS***/
#footer #progress-wrap {
  display: block;
  float: left;
  width: 100%;
  max-width: 960px;
  height: auto;
  margin: 0px;
  padding: 0.625em 0 1.25em;
}
#progress-wrap .progress {
  display: block;
  float: left;
  width: 27.1%;
  height: auto;
  margin: 0px;
  padding: 0 3%;
  text-align: center;
  color: #ffffff;
}
#progress-wrap .stat2 {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}
#progress-wrap .stat1 .lg-num {
  color: #77b800;
}
#progress-wrap .stat2 .lg-num {
  color: #ef8200;
}
#progress-wrap .stat3 .lg-num {
  color: #0085cf;
}
#progress-wrap small {
  float: left;
  width: 90%;
  margin: 10px 0;
  padding: 0 5%;
  text-align: center;
}

/**********
SIDEBAR CSS
***********/
#content .sidebar-wrap {
  display: block;
  float: right;
  height: auto;
  margin: 0;
  padding: 0.5em 1.8%;
}
.sidebar-wrap .widget {
  margin: 0px 0 20px;
}
.sidebar-wrap .widget img {
  width: 100%;
  height: inherit;
  margin: 0 auto;
  padding: 0;
}
.sidebar-wrap .widget .rsswidget img {
  width: auto !important;
}
.sidebar-wrap p {
  margin: 10px 0;
}
.sidebar-wrap p strong {
  font-size: 1em;
}
.sidebar-wrap .small-head {
  display: block;
  float: left;
  width: 100%;
}

.sidebar-wrap .sideMap {
  color: #333 !important;
}
.sidebar-wrap .sideMap p {
  margin: 15px 0;
  color: #333 !important;
}
.sidebar-wrap .sideMap .careerCNTR {
  display: block;
  float: left;
  width: 100%;
  padding: 1em 0;
  border-top: 2px dashed #eeeeee;
}
.sidebar-wrap .sideMap .careerCNTR .icon {
  display: block;
  float: left;
  min-height: 40px;
  margin: 5px 0 10px;
  padding: 0 0 0 25%;
  background: url(images/icons-arrows-sprite.png) no-repeat 0 -250px;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto !important;
}
.fancybox-skin {
  height: 100% !important;
  padding: 4% !important;
}
.fancybox-outer {
  width: 100% !important;
  height: 100% !important;
}
.fancybox-outer .fancybox-inner {
  width: 100% !important;
  height: 100% !important;
}

/***Sidebar Contact Info CSS***/
.sidebar-wrap .sideContact,
.landingSidebar #sidebar .sideContact {
  display: block;
  float: left;
  padding: 0.875em 0;
  border-top: 2px dashed #eeeeee;
}
.sidebar-wrap .sideContact .sideInfo,
.landingSidebar #sidebar .sideInfo {
  display: block;
  min-height: 40px;
  margin: 5px 0 10px;
  padding: 0 0 0 25%;
  background: url(images/icons-arrows-sprite.png) no-repeat -280px -220px;
  font-size: 0.875em;
  line-height: 1.125em;
}

/***Sidebar Event Details CSS***/
.sidebar-wrap .eventDetails {
  padding: 1em 0;
  border-top: 2px dashed #eeeeee;
  text-align: center;
}

/***Sidebar iFrame CSS***/
.sidebar-wrap iframe {
  width: 100% !important;
  min-width: inherit !important;
}

/***Sidebar Recent Posts CSS***/
.sidebar-wrap #recent-posts,
.sidebar-wrap .widget {
  display: block;
  float: left;
  margin: 1em 0 0;
  border-top: 2px dashed #eeeeee;
}
#recent-posts li,
.widget ul li {
  display: block;
  width: 100%;
  height: auto;
  float: left;
  margin: 0.125em 0;
  padding: 0.5em 0;
  font-size: 0.813em;
  background: #f1f1f1;
}
#recent-posts ul li img {
  float: left;
  width: 20% !important;
  height: inherit !important;
}
#recent-posts ul li .recent-header {
  float: right;
  width: 75% !important;
  height: inherit !important;
  margin: 0 0 0 5%;
}

/***Sidebar YPC Events CSS***/
.sidebar-wrap #ypcFeed-wrap {
  display: block;
  float: left;
  margin: 0;
}
#ypcFeed-wrap .ypcFeed-content {
  display: block;
  padding: 1em 0;
}
#ypcFeed-wrap .post-wrap {
  display: block;
  float: left;
  width: 100%;
  height: auto;
  margin: 0 0 1.5em;
}
#ypcFeed-wrap .small-head {
  padding: 0 0 0.625em;
  border-bottom: 1px solid #f1f1f1;
}
#ypcFeed-wrap .post a.titleLink {
  display: block;
  float: left;
  width: 100%;
  height: auto;
  margin: 0 0 0.625em;
}

/***#sharethegood Sidebar CSS***/
.shareTwitter iframe#twitter-widget-0 {
  display: block;
  width: 100% !important;
}

/**********
HOME PAGE CSS
***********/

/***HOME PAGE Location Box CSS***/
#locationWrap {
  display: block;
  float: left;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  background: #ddd;
}
#locationWrap #locationBox {
  position: relative;
  float: left;
  width: 95%;
  height: auto;
  padding: 0;
  margin: 0.375em 2.5%;
  overflow: hidden;
}
#locationWrap #locationBox span {
  display: none !important;
}
#locationWrap #locationBox p {
  display: block;
  width: 70%;
  height: auto;
  margin: 0;
  padding: 0 15%;
}

/***Home Page News Feed CSS***/
#content #home-feed {
  display: block;
  float: left;
  width: 100%;
  max-width: 960px;
  height: auto;
  margin: 0px;
  padding: 10px 0 0;
}
#home-feed .post-wrap {
  display: block;
  float: left;
  height: auto;
  min-height: 275px;
  margin: 10px 0;
  padding: 0;
}
#home-feed .post {
  padding: 10px;
}
#home-feed .post-img {
  display: block;
  float: left;
  height: inherit;
  margin: 0.625em 0 0;
  padding: 0;
}
#home-feed .post-img img {
  width: 100% !important;
  height: inherit !important;
}
#home-feed .post-text {
  display: block;
  float: right;
  height: inherit;
  margin: 0.625em 0 0;
  padding: 0;
  line-height: 1.25em;
}
#home-feed .post-text .entry {
  padding: 10px 0;
}

/***Section Button CSS***/
#content #sectionWrap {
  display: block;
  float: left;
  width: 100%;
  max-width: 960px;
  height: auto;
  margin: 0px;
  padding: 0.625em 0;
}
#content .section-menu {
  display: block;
  float: left;
  width: 100%;
  max-width: 960px;
  height: auto;
  margin: 0;
  padding: 0;
}
.section-menu ul {
  display: block;
  width: 100%;
  height: auto;
  margin: 0px;
  padding: 0;
}
.section-menu ul li {
  display: block;
  float: left;
  height: auto;
  margin: 0;
  padding: 0;
}
.section-menu ul li a {
  display: block;
  width: auto;
  height: auto;
  margin: 0;
  padding: 15px 10px 10px;
  text-align: center;
  font-family: Raleway, Arial, Helvetica, sans-serif;
  font-weight: 200;
}
.section-menu ul li a img {
  display: block;
  float: left;
  width: 100% !important;
  height: inherit !important;
  margin: 0;
  padding: 0;
}
.section-menu ul li.menu-item-4159 a {
  color: #002596;
}
.section-menu ul li.menu-item-3391 a {
  color: #0085cf;
}
.section-menu ul li.menu-item-10999 a {
  color: #77b800;
}
.section-menu ul li.menu-item-262 a {
  color: #ef8200;
}

/***Footer Partners CSS***/
#content #partnerWrap {
  display: block;
  float: left;
  width: 100%;
  max-width: 960px;
  height: auto;
  margin: 0px;
  padding: 1em 0 0;
}
#partnerWrap .partners {
  display: block;
  float: left;
  width: 18%;
  height: auto;
  margin: 0.625em 0 0;
  padding: 0 1%;
}
#partnerWrap .partners img {
  display: block;
  width: auto;
  height: inherit !important;
  margin: 0 auto;
}
#partnerWrap .partners h2 {
  display: none;
}

/**********
LANDING PAGE CSS
***********/
.landingPage .landingWrap {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}
.landingWrap .landingContainer {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}
/***Landing Header***/
.landingHeader {
  position: absolute;
  bottom: 0px;
  height: inherit;
  margin: 0;
  padding: 0.625em 3%;
}
.landingHeader h1 {
  font-family: Raleway, Arial, Helvetica, sans-serif;
  font-weight: 200;
}
/***Landing Page Background Image***/
.landingContainer #landingImg {
  display: block;
  width: 100%;
  height: inherit;
  margin: 0;
  padding: 0;
}
#landingImg img {
  display: block;
  width: 100% !important;
  height: inherit !important;
  margin: 0;
  padding: 0;
}
/***Landing Content***/
.landingContent {
  display: block;
  float: left;
  height: 100%;
  margin: 0;
  padding: 0;
}
/***Landing Page Sidebar***/
.landingSidebar {
  display: block;
  height: 100%;
  margin: 0;
}
.landingSidebar .colorWrap,
.landingSidebar #sidebar {
  display: block;
  width: 90%;
  float: left;
  padding: 1.5% 5%;
}
.landingSidebar .landingWidgets,
.landingSidebar #sidebar .sideInfo {
  display: block;
  float: left;
  height: auto;
}
.landingWidgets p {
  color: #fff;
  margin: 10px 0;
}
.landingSidebar .sideInfo p {
  margin: 10px 0;
}

/****************************************************************************************************
DESKTOP CSS
*****************************************************************************************************/
@media all and (min-width: 726px) {
  /**********
HEADER CSS
***********/
  .fixed {
    position: fixed !important;
    z-index: 10000;
  }
  #mobile-logo {
    display: none;
    color: transparent;
  }
  #head-wrap #logo {
    display: block;
    float: left;
    width: 220px;
    height: 63px;
    margin: 5px 0 0 10px;
    padding: 0;
    background: url(images/icons-arrows-sprite.png) 0px -85px no-repeat;
    color: transparent;
  }

  /***App Dropdown CSS***/
  .appWrap {
    display: none !important;
  }

  /***QUICK NAV CSS***/
  #head-wrap #quick-nav {
    display: block;
    width: auto;
    height: 75px;
    margin: 0 0 0 240px;
    padding: 0;
    overflow: hidden;
  }
  #quick-nav ul#menu-quick-menu {
    margin: 0;
    padding: 0;
  }
  #quick-nav ul#menu-quick-menu li {
    display: block;
    float: right;
    width: 140px;
    height: 60px;
    margin: 3px 5px 0;
    padding: 0;
  }
  #quick-nav ul#menu-quick-menu li a {
    display: block;
    width: 85px;
    height: 60px;
    margin: 0;
    padding: 13px 0 0 55px;
    font-family: Raleway, Arial, Helvetica, sans-serif;
    font-weight: 200;
    font-size: 1.125em;
    letter-spacing: 0.02em;
    color: #666666;
  }
  #quick-nav ul li.excel-center {
    background: url(images/icons-arrows-sprite.png) -978px -155px no-repeat;
  }
  #quick-nav ul li.quick-blog {
    background: url(images/icons-arrows-sprite.png) -840px -155px no-repeat;
  }
  #quick-nav ul li.quick-give {
    background: url(images/icons-arrows-sprite.png) -415px -155px no-repeat;
  }
  #quick-nav ul li.quick-find {
    background: url(images/icons-arrows-sprite.png) -134px -155px no-repeat;
  }
  #quick-nav ul li.quick-receipt {
    background: url(images/icons-arrows-sprite.png) -273px -155px no-repeat;
  }
  #quick-nav ul li.quick-search {
    background: url(images/icons-arrows-sprite.png) -694px -155px no-repeat;
  }

  /**********
CONTENT CSS
***********/
  /***Page Content Wrapper CSS***/
  #content .page-wrap {
    width: 70%;
  }

  /***2 Column 50/50 CSS***/
  #content .colLeft,
  #formWrap .colLeft {
    float: left;
    width: 45%;
  }
  #content .colRight,
  #formWrap .colRight {
    float: right;
    width: 45%;
  }

  /***3 Column 1/3 CSS***/
  #content .colThree {
    float: left;
    width: 28.33%;
    margin: 0.625em 1.5%;
    padding: 0 1%;
  }
  .colThree img {
    display: block;
    float: left;
    width: 100% !important;
    height: inherit;
  }

  /***4 Column 1/4 CSS***/
  #content .colFour {
    float: left;
    width: 22%;
    padding: 0 1.5%;
  }
  .colFour img {
    display: block;
    float: left;
    width: 100% !important;
    height: inherit;
  }

  /***ENTRY IMAGE CSS***/
  .entry img.alignleft.size-full {
    width: 50% !important;
    height: inherit !important;
  }
  .entry img.alignright.size-full {
    width: 50% !important;
    height: inherit !important;
  }

  .entry div.wp-caption.alignleft {
    width: 47.5% !important;
    height: inherit !important;
  }
  .entry div.wp-caption.alignright {
    width: 47.5% !important;
    height: inherit !important;
  }

  /**********
STANDARD PAGE CSS
***********/
  /***HEADER CSS***/
  #page-header h1 {
    padding: 0.45em 5% 0.25em;
    font-size: 2.5em;
  }

  /***Internal Page Navigation CSS***/
  #content .page-nav-wrap {
    display: block;
    float: right;
    width: 30%;
    height: auto;
    margin: 0;
    padding: 0;
  }
  .page-nav-wrap .page-nav ul li {
    width: 100%;
    margin: 0;
    text-align: left;
  }
  .page-nav-wrap .page-nav ul li a {
    width: 90% !important;
    padding: 0.75em 5%;
  }

  /***Entry 50/50 CSS***/
  .entry .halfWrap {
    display: block;
    float: left;
    width: 100%;
    height: auto;
    margin: 0.625em 0;
    padding: 0;
  }
  .entry .halfWrap .halfWidth {
    display: block;
    float: left;
    width: 46%;
    height: auto;
    min-height: 200px;
    margin: 0 2%;
    padding: 0;
  }

  /***Entry image CSS***/
  .entry img.size-large {
    width: 45% !important;
    height: inherit !important;
  }

  /***404 Page CSS***/
  .pageMenu li.menu-item {
    width: 50%;
  }

  /***80th Anniversary & Timeline CSS***/
  .timeline-page .decadeWrap {
    background: url(//dcgoodwill.org/wp-content/themes/dcgoodwill/images/timeline-year-bg.png)
      top center repeat-y;
  }
  .decadeWrap .colGoodwill {
    float: left;
    width: 40%;
  }
  .decadeWrap .colEvent {
    float: right;
    width: 40%;
  }
  .decadeWrap .colYear {
    float: left;
    width: 16%;
  }
  .colYear .year {
    font-size: 1.5em;
  }

  /**********
CATEGORY PAGE CSS
***********/
  /***CATEGORY HEADER CSS***/
  #cat-header h1 {
    padding: 0.45em 5% 0.25em;
    font-size: 2.5em;
  }

  /***LISTING CSS***/
  #catList {
    width: 100%;
  }
  #catList .articleImg {
    width: 25%;
  }
  #catList .post-text {
    width: 70%;
  }

  /***BLOG PAGE CSS***/
  .blogWrap .blogImg {
    width: 30%;
  }
  .blogWrap .blogExcerpt {
    width: 65%;
  }

  /**********
SINGLE PAGE CSS
***********/
  /***Career Center Listing Page Header CSS***/
  .postid-1410 #page-header,
  .postid-1413 #page-header,
  .postid-1416 #page-header,
  .postid-1417 #page-header,
  .postid-1418 #page-header {
    background-color: rgba(119, 184, 0, 0.9) !important;
  }

  /***List Page Content Wrapper CSS***/
  .list-wrap .fogWrap {
    width: 21%;
  }
  .fogWrap .fogDesc {
    min-height: 8em;
  }

  /**********
HOME PAGE CSS
***********/
  /***HOME PAGE Slider CSS***/
  #home-slider {
    display: block;
    float: left;
    width: 100%;
    height: inherit;
    margin: 0;
    padding: 0;
  }

  /***HOME PAGE Section Button CSS***/
  .section-menu ul li {
    width: 25%;
  }
  .section-menu ul li a {
    font-size: 1.25em;
  }

  /***HOME PAGE News Feed CSS***/
  #home-feed .post-wrap {
    width: 50%;
  }
  #home-feed .post {
    min-height: 270px;
  }
  #home-feed .post-img {
    width: 30%;
  }
  #home-feed .post-text {
    width: 65%;
  }

  /**********
WIDGET CSS
***********/
  /***Success Story Feed CSS***/
  #success-feed .post-img {
    width: 40%;
  }
  #success-feed .post-text {
    width: 55%;
  }

  /***Give Widget CSS***/
  #giveWrap .giveContent .colLeft {
    padding: 3.25em 0 0;
  }

  /***Social Media Widget CSS***/
  #social-feed .social-wrap {
    width: 31%;
    margin: 0 1%;
  }
  #social-feed a.feedBtn {
    margin: 3% 39% 0;
  }

  /***DCGF Blog Feed Widget CSS***/
  #dcgf-wrap .dcgf-feed {
    width: 100%;
  }

  /***Sliding Box Tiles CSS***/
  #boxtile-wrap .boxgrid {
    width: 23%;
  }

  /***WFD Staff CSS***/
  #wfd-staff-wrap li {
    width: 28%;
    margin: 1% 2.5%;
  }
  #wfd-staff-wrap li .sub {
    font-size: 0.75em;
  }

  /**********
SIDEBAR CSS
***********/
  #content .sidebar-wrap {
    width: 26%;
    border-left: 2px dashed #eeeeee;
  }
  .sidebar-wrap p {
    font-size: 0.875em;
  }
  .sidebar-wrap .small-head {
    text-align: center !important;
  }
  .fancybox-wrap {
    top: 20% !important;
    left: 20% !important;
    width: 60% !important;
    height: 60% !important;
  }

  /***Sidebar Recent Posts CSS***/
  .sidebar-wrap #recent-posts,
  .sidebar-wrap .widget {
    padding: 1em 0 0;
  }

  /**********
LANDING PAGE CSS
***********/
  /***Landing Header***/
  .landingHeader {
    bottom: 3em;
  }
  .landingHeader h1 {
    font-size: 2.5em;
    margin: 0;
  }
  /***Landing Content***/
  .landingContent {
    width: 70%;
  }
  /***Landing Page Sidebar***/
  .landingSidebar {
    float: right;
    width: 30%;
  }
  .landingSidebar .landingWidgets {
    width: 100%;
    margin: 2% 0;
    padding: 0;
    border-bottom: 2px dashed #fff;
  }
  .landingWidgets img {
    width: 95% !important;
    height: inherit !important;
    margin: 0 2.5% 3%;
    padding: 0;
  }

  /**********
WP STORE LOCATOR PLUGIN
***********/
  /**Location Search Box**/
  #wpsl-search-wrap .wpsl-input,
  #wpsl-search-wrap .wpsl-select-wrap {
    width: 50% !important;
  }
  /***Location Detail PageLayout Styles***/
  .single-wpsl_stores .colLeft,
  .single-wpsl_stores .colRight {
    width: 48% !important;
  }

  /**********
FOOTER CSS
***********/
  #footer {
    display: block;
    float: left;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    background: #002596;
    clear: both;
  }

  #info-wrap {
    display: block;
    width: 100%;
    height: auto;
    margin: 15px 0px 10px 0;
    padding: 0;
  }
  .info-menu {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }
  .info-menu ul li {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    text-align: center;
  }
  .info-menu ul li a {
    color: #fff;
  }

  #footer #foot-wrap {
    display: block;
    width: 100%;
    max-width: 960px;
    height: auto;
    margin: 0px auto;
    padding: 0;
    color: #fff;
  }
  #foot-wrap .foot-menu {
    display: block;
    float: left;
    width: 100%;
    height: auto;
    margin: 15px 0 20px;
    padding: 0;
    color: #fff;
  }
  .foot-menu ul#menu-foot-menu {
    display: block;
    float: left;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }
  .foot-menu ul#menu-foot-menu li {
    display: block;
    float: left;
    width: 23%;
    height: auto;
    margin: 0;
    padding: 0 1%;
  }
  .foot-menu ul#menu-foot-menu li#menu-item-154 {
    background: url(images/icons-arrows-sprite.png) -53px -968px no-repeat;
  }
  .foot-menu ul#menu-foot-menu li#menu-item-155 {
    background: url(images/icons-arrows-sprite.png) -334px -968px no-repeat;
  }
  .foot-menu ul#menu-foot-menu li#menu-item-156 {
    background: url(images/icons-arrows-sprite.png) -612px -968px no-repeat;
  }
  .foot-menu ul#menu-foot-menu li#menu-item-157 {
    background: url(images/icons-arrows-sprite.png) -892px -968px no-repeat;
  }
  .foot-menu ul#menu-foot-menu li a {
    display: none;
    width: 100%;
    color: transparent;
  }

  .foot-menu ul#menu-foot-menu li ul.sub-menu {
    display: block;
    width: 95%;
    height: auto;
    margin: 35px 0 0;
    padding: 0 0 0 5%;
  }
  .foot-menu ul#menu-foot-menu li ul.sub-menu li {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .foot-menu ul#menu-foot-menu li ul.sub-menu li a {
    display: block;
    padding: 5px 0;
    color: #fff !important;
    font-size: 1em !important;
    line-height: normal !important;
  }
  .foot-menu ul#menu-foot-menu li ul.sub-menu li a:hover {
    color: #ccc !important;
  }

  #foot-wrap .legal-menu {
    display: block;
    float: left;
    width: 100%;
    height: auto;
    margin: 20px 0 20px;
    padding: 0;
    color: #fff;
  }
  .legal-menu ul {
    display: block;
    width: 100%;
    height: auto;
    margin: 5px auto 0;
    padding: 0;
  }
  .legal-menu ul li {
    display: block;
    float: left;
    width: 24%;
    height: auto;
    margin: 0px;
    text-align: center;
    border-right: 1px solid #fff;
  }
  .legal-menu ul li.menu-item-733 {
    display: none;
  }
  .legal-menu ul li:last-child {
    border-right: 0px none;
  }
  .legal-menu ul li a {
    color: #fff !important;
    font-size: 0.75em;
  }
  .legal-menu ul li a:hover {
    text-decoration: underline;
  }

  #foot-wrap #social-wrap {
    display: block;
    float: left;
    width: 100%;
    height: auto;
    margin: 15px 0px 0px;
    padding: 0;
    color: #fff;
  }
  #social-wrap #follow {
    float: left;
    width: 80px;
    height: 35px;
    margin: 0 5px 0;
    padding: 0;
    background: url(images/icons-arrows-sprite.png) -328px 2px no-repeat;
  }
  .social-menu ul {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }
  .social-menu ul li {
    display: inline;
    float: left;
    width: 35px;
    height: 35px;
    margin: 0 5px;
    padding: 0;
  }
  .social-menu ul li a {
    display: inline;
    color: transparent;
    float: left;
    width: 35px;
    height: 35px;
    margin: 0;
    padding: 0;
  }
  .social-menu ul li#menu-item-191 a {
    background: url(images/icons-arrows-sprite.png) 0px 0px no-repeat;
  }
  .social-menu ul li#menu-item-209 a {
    background: url(images/icons-arrows-sprite.png) -35px 0px no-repeat;
  }
  .social-menu ul li#menu-item-210 a {
    background: url(images/icons-arrows-sprite.png) -70px 0px no-repeat;
  }

  .social-menu ul li#menu-item-211 a {
    background: url(images/icons-arrows-sprite.png) -105px 0px no-repeat;
  }
  .social-menu ul li#menu-item-225 a {
    background: url(images/icons-arrows-sprite.png) -140px 0px no-repeat;
  }
  .social-menu ul li#menu-item-212 a {
    background: url(images/icons-arrows-sprite.png) -175px 0px no-repeat;
  }
  .social-menu ul li#menu-item-213 a {
    background: url(images/icons-arrows-sprite.png) -210px 0px no-repeat;
  }
  .social-menu ul li#menu-item-214 a {
    background: url(images/icons-arrows-sprite.png) -245px 0px no-repeat;
  }
  .social-menu ul li#menu-item-215 a {
    background: url(images/icons-arrows-sprite.png) -280px 0px no-repeat;
  }

  #foot-wrap #copyright-wrap {
    display: block;
    float: left;
    width: 100%;
    height: auto;
    margin: 20px 0 20px;
    padding: 0;
    color: #fff;
    text-align: center;
  }
  #foot-wrap #copyright-wrap a {
    color: #fff;
  }
  #foot-wrap #copyright-wrap a:hover {
    text-decoration: underline;
  }
}

/****************************************************************************************************
LARGE MOBILE DEVICE CSS
*****************************************************************************************************/
@media all and (max-width: 725px) and (min-width: 465px) {
  .center-wrap {
    display: inline-block;
    *display: inline; /* IE*/
    *zoom: 1; /* IE*/
  }

  /**********
HEADER CSS
***********/
  .fixed {
    position: relative !important;
  }

  #mobile-logo {
    display: block;
    position: absolute;
    left: 0;
    width: 198px;
    height: 44px;
    margin: 8px 0 0 10px;
    padding: 0;
    background: url(images/icons-arrows-sprite.png) -250px -93px no-repeat;
    z-index: 1;
    color: transparent;
  }
  #head-wrap #logo {
    display: none;
    color: transparent;
  }

  /***SOCIAL MEDIA CSS***/
  #social-media {
    display: block;
    float: left;
    width: 100%;
    margin: 15px 0 0;
    padding: 0 !important;
    text-align: center;
  }
  #social-media .lil-social {
    display: block;
    float: left;
    width: 33%;
    height: 25px;
    margin: 0;
    padding: 0;
  }
  #social-media .lil-social h3 {
    display: none;
  }

  /** JC EDIT HERE **/
  #head-wrap {
    height: 125px !important;
  }
  #wrapper #sm-search {
    display: none;
  }

  /***QUICK NAV CSS***/
  #head-wrap #quick-nav {
    display: block;
    position: absolute;
    right: 0;
    width: auto;
    height: 50px;
    /** JC EDIT HERE **/
    margin: 60px 90px 0 0;
    padding: 0;
    z-index: 10000;
  }
  #quick-nav ul#menu-quick-menu li {
    display: block;
    float: right;
    width: 48px;
    height: 60px;
    margin: 0;
    padding: 0;
    overflow: hidden;
  }
  #quick-nav ul#menu-quick-menu li a {
    display: block;
    width: 48px;
    height: 60px;
    color: transparent;
  }
  #quick-nav ul li.excel-center {
    background: url(images/icons-arrows-sprite.png) -971px -160px no-repeat;
  }
  #quick-nav ul li.quick-blog {
    background: url(images/icons-arrows-sprite.png) -833px -160px no-repeat;
  }
  #quick-nav ul li.quick-give {
    background: url(images/icons-arrows-sprite.png) -415px -160px no-repeat;
  }
  #quick-nav ul li.quick-find {
    background: url(images/icons-arrows-sprite.png) -134px -160px no-repeat;
  }
  #quick-nav ul li.quick-receipt {
    background: url(images/icons-arrows-sprite.png) -273px -160px no-repeat;
  }
  #quick-nav ul li.quick-search {
    background: url(images/icons-arrows-sprite.png) -694px -160px no-repeat;
  }

  /**********
CONTENT CSS
***********/
  /***Page Content Wrapper CSS***/
  #content .page-wrap {
    width: 70%;
  }

  /***2 Column 50/50 CSS***/
  #content .colLeft {
    float: left;
    width: 45%;
  }
  #content .colRight {
    float: right;
    width: 45%;
  }
  #content .wpcf7-form .colLeft,
  #content .wpcf7-form .colRight {
    float: left !important;
    width: 100% !important;
  }
  #formWrap .colLeft,
  #formWrap .colRight {
    float: left !important;
    width: 100% !important;
  }

  /***3 Column 1/3 CSS***/
  #content .colThree {
    float: left;
    width: 28.33%;
    margin: 0.625em 1.5%;
    padding: 0 1%;
  }
  .colThree img {
    display: block;
    float: left;
    width: 80% !important;
    height: inherit;
    padding: 0 10%;
  }

  /***4 Column 1/4 CSS***/
  #content .colFour {
    float: left;
    width: 45%;
    padding: 0 2.5%;
    margin: 0 0 1em;
  }
  .colFour img {
    display: block;
    float: left;
    width: 80% !important;
    height: inherit;
    padding: 0 10%;
  }

  /***ENTRY IMAGE CSS***/
  .entry img.alignleft.size-full {
    width: 50% !important;
    height: inherit !important;
  }
  .entry img.alignright.size-full {
    width: 50% !important;
    height: inherit !important;
  }

  .entry div.wp-caption.alignleft {
    width: 47.5% !important;
    height: inherit !important;
  }
  .entry div.wp-caption.alignright {
    width: 47.5% !important;
    height: inherit !important;
  }

  /**********
STANDARD PAGE CSS
***********/
  /***HEADER CSS***/
  #page-header h1 {
    padding: 0.278em 5% 0.278em;
    font-size: 1.6em;
  }

  /***Internal Page Navigation CSS***/
  #content .page-nav-wrap {
    display: block;
    float: right;
    width: 30%;
    height: auto;
    margin: 0;
    padding: 0;
  }
  .page-nav-wrap .page-nav ul li {
    width: 100%;
    margin: 0;
    text-align: left;
  }
  .page-nav-wrap .page-nav ul li a {
    width: 90% !important;
    padding: 0.75em 5%;
  }

  /***Entry image CSS***/
  .entry img.size-large {
    width: 45% !important;
    height: inherit !important;
  }

  /***404 Page CSS***/
  .pageMenu li.menu-item {
    width: 50%;
  }

  /***80th Anniversary & Timeline CSS***/
  .timeline-page .decadeWrap {
    background: url(//dcgoodwill.org/wp-content/themes/dcgoodwill/images/timeline-year-bg.png)
      5% top repeat-y;
  }
  .decadeWrap .colGoodwill {
    float: right;
    width: 80%;
  }
  .decadeWrap .colEvent {
    float: right;
    width: 80%;
  }
  .decadeWrap .colYear {
    float: left;
    width: 16%;
  }

  .colYear .year {
    font-size: 1em;
  }

  /**********
SINGLE PAGE CSS
***********/
  /***Career Center Listing Page Header CSS***/
  .postid-1410 #page-header,
  .postid-1413 #page-header,
  .postid-1416 #page-header,
  .postid-1417 #page-header,
  .postid-1418 #page-header {
    background-color: rgba(119, 184, 0, 0.9) !important;
  }

  /***Location Listing Pages CSS***/
  .locThumb {
    width: 95% !important;
  }
  .sm-single-location-data h3 {
    float: left !important;
    width: 100% !important;
    height: auto;
    margin: 0.625em 0 0;
  }
  .sm-single-location-data .sm-single-location-data-ul {
    float: left !important;
    width: 100% !important;
  }

  /***List Page Content Wrapper CSS***/
  .list-wrap .fogWrap {
    width: 46%;
  }
  .fogWrap .fogDesc {
    min-height: 8em;
  }

  /**********
CATEGORY PAGE CSS
***********/
  /***CATEGORY HEADER CSS***/
  #cat-header h1 {
    padding: 0.278em 5% 0.278em;
    font-size: 1.6em;
  }

  /***LISTING CSS***/
  #catList {
    width: 100%;
  }
  .catWrap {
    min-height: 180px;
  }
  #catList .articleImg {
    width: 20%;
  }
  #catList .post-text {
    width: 75%;
  }

  /***BLOG PAGE CSS***/
  .blogWrap .blogImg {
    width: 20%;
  }
  .blogWrap .blogExcerpt {
    width: 75%;
  }

  /**********
SIDEBAR CSS
***********/
  #content .sidebar-wrap {
    width: 25.8%;
    border-left: 2px dashed #eeeeee;
  }
  .sidebar-wrap p {
    font-size: 0.875em;
  }
  .fancybox-wrap {
    top: 20% !important;
    left: 20% !important;
    width: 60% !important;
    height: 60% !important;
  }

  /***Sidebar Recent Posts CSS***/
  .sidebar-wrap #recent-posts,
  .sidebar-wrap .widget {
    padding: 1em 0 0;
  }

  /***Sidebar Career Center Location CSS***/
  .sidebar-wrap .sideMap .careerCNTR .icon {
    padding: 0 !important;
    background: none !important;
  }

  /***Sidebar Contact Info CSS***/
  .sidebar-wrap .sideContact .sideInfo {
    padding: 0 !important;
    background: none !important;
  }
  .sidebar-wrap .sideContact .sideInfo,
  .landingSidebar .sideContact .sideInfo {
    margin: 2% 20% 0 !important;
  }

  /**********
HOME PAGE CSS
***********/
  /***HOME PAGE Slider CSS***/
  #home-slider {
    display: block;
    float: left;
    width: 100%;
    height: inherit;
    margin: 0;
    padding: 0;
  }

  /***Section Button CSS***/
  .section-menu ul li {
    width: 25%;
  }
  .section-menu ul li a {
    font-size: 0.938em;
  }

  /***Home Page News Feed CSS***/
  #home-feed .post-wrap {
    width: 100%;
  }
  #home-feed .post {
    min-height: 180px;
  }
  #home-feed .post-img {
    width: 20%;
  }
  #home-feed .post-text {
    width: 75%;
  }

  /**********
WIDGET CSS
***********/
  /***Success Story Feed CSS***/
  #success-feed .post-img {
    width: 100%;
  }
  #success-feed .post-img img {
    max-width: 50% !important;
    margin-left: 25%;
  }
  #success-feed .post-text {
    width: 100%;
  }

  /***Give Widget CSS***/
  #giveWrap .giveContent .colLeft {
    padding: 3.25em 0 0;
  }

  /***Social Media Widget CSS***/
  #social-feed .social-wrap {
    width: 98%;
    margin: 0 1%;
  }
  #social-feed a.feedBtn {
    margin: 3% 35% 0;
  }

  /***Progress Stats CSS***/
  #progress-wrap .progress span.lg-num {
    font-size: 2em !important;
  }

  /***Sliding Box Tiles CSS***/
  #boxtile-wrap .boxgrid {
    width: 48%;
  }

  /***WFD Staff CSS***/
  #wfd-staff-wrap li {
    width: 45%;
    margin: 1% 2.5%;
  }
  #wfd-staff-wrap li .sub {
    font-size: 0.75em;
  }

  /**********
LANDING PAGE CSS
***********/
  /***Landing Header***/
  .landingHeader {
    bottom: 0.5em;
  }
  .landingHeader h1 {
    font-size: 1.5em;
    margin: 0 0 0.25em;
  }
  /***Landing Content***/
  .landingContent {
    width: 100%;
  }
  /***Landing Page Sidebar***/
  .landingSidebar {
    float: left;
    width: 97%;
  }
  .landingSidebar .landingWidgets {
    width: 40%;
    margin: 0.25em 5%;
    padding: 0;
  }
  .landingWidgets img {
    width: 98% !important;
    height: inherit !important;
    margin: 0 1% 3%;
    padding: 0;
  }
  .landingWidgets p {
    color: #fff;
    margin: 0;
    text-align: center;
    padding: 0 0 3%;
  }

  /**********
WP STORE LOCATOR PLUGIN
***********/
  /**Location Search Box**/
  #wpsl-search-wrap .wpsl-input,
  #wpsl-search-wrap .wpsl-select-wrap {
    width: 50% !important;
  }
  /***Location Detail PageLayout Styles***/
  .single-wpsl_stores .colLeft,
  .single-wpsl_stores .colRight {
    width: 48% !important;
  }

  /**********
FOOTER CSS
***********/
  #footer {
    display: block;
    float: left;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    background: #002596;
    clear: both;
  }

  #info-wrap {
    display: block;
    width: 100%;
    height: auto;
    margin: 15px 0px 10px 0;
    padding: 0;
  }
  .info-menu {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }
  .info-menu ul li {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    text-align: center;
  }
  .info-menu ul li a {
    color: #fff;
  }

  #footer #foot-wrap {
    display: block;
    width: 100%;
    height: auto;
    margin: 0px auto;
    padding: 0;
    color: #fff;
  }

  #foot-wrap .foot-menu {
    display: block;
    float: left;
    width: 100%;
    height: auto;
    margin: 20px 0 0 0;
    padding: 0;
    color: #fff;
  }
  .foot-menu ul#menu-foot-menu {
    display: block;
    float: left;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }

  .foot-menu ul#menu-foot-menu li {
    display: block;
    float: left;
    width: 25%;
    height: auto;
    margin: 0px;
    padding: 0;
    text-align: center;
  }
  .foot-menu ul#menu-foot-menu li#menu-item-154 {
    background-color: #003399;
  }
  .foot-menu ul#menu-foot-menu li#menu-item-155 {
    background-color: #0085cf;
  }
  .foot-menu ul#menu-foot-menu li#menu-item-156 {
    background-color: #77b800;
  }
  .foot-menu ul#menu-foot-menu li#menu-item-157 {
    background-color: #ef8200;
  }

  .foot-menu ul#menu-foot-menu li a {
    display: block;
    padding: 10px 0 0;
    color: #fff;
    font-weight: bold;
  }
  .foot-menu ul#menu-foot-menu li ul.sub-menu {
    display: block;
    width: 100%;
    height: auto;
    margin: 10px 0 0;
    padding: 0;
  }
  .foot-menu ul#menu-foot-menu li ul.sub-menu li {
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #002596 !important;
  }
  .foot-menu ul#menu-foot-menu li ul.sub-menu li a {
    display: block;
    padding: 5px 10px;
    color: #fff !important;
    font-size: 0.75em !important;
    line-height: normal !important;
  }
  .foot-menu ul#menu-foot-menu li ul.sub-menu li a:hover {
    color: #ccc !important;
  }

  #foot-wrap #info-wrap {
    display: block;
    float: right;
    width: 100%;
    height: auto;
    margin: 15px 0px 20px 10px;
    padding: 0;
    color: #fff;
    text-align: right;
  }

  #foot-wrap .legal-menu {
    display: block;
    float: left;
    width: 100%;
    height: auto;
    margin: 20px 0 20px;
    padding: 0;
    color: #fff;
  }
  .legal-menu ul {
    display: block;
    width: 100%;
    height: auto;
    margin: 5px auto 0;
    padding: 0;
  }
  .legal-menu ul li {
    display: block;
    float: left;
    width: 23%;
    height: auto;
    margin: 0px auto;
    padding: 0 3px;
    border-right: 1px solid #fff;
  }
  .legal-menu ul li.menu-item-733 {
    display: none;
  }
  .legal-menu ul li:last-child {
    border-right: 0px none;
  }

  .legal-menu ul li a {
    display: block;
    width: 100%;
    height: auto;
    color: #fff !important;
    font-size: 0.75em;
    text-align: center;
  }
  .legal-menu ul li a:hover {
    text-decoration: underline;
  }

  #foot-wrap #social-wrap {
    display: block;
    float: left;
    width: 100%;
    height: auto;
    margin: 25px 0px 0px;
    padding: 0;
    color: #fff;
    overflow: hidden;
  }
  #social-wrap #follow {
    float: left;
    width: 80px;
    height: 35px;
    margin: 0 5px 0;
    padding: 0;
    background: url(images/icons-arrows-sprite.png) -328px 2px no-repeat;
  }
  .social-menu {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }
  .social-menu ul {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }
  .social-menu ul li {
    display: inline;
    float: left;
    width: 35px;
    height: 35px;
    margin: 0 2px;
    padding: 0;
  }
  .social-menu ul li a {
    display: inline;
    color: transparent;
    float: left;
    width: 35px;
    height: 35px;
    margin: 0;
    padding: 0;
  }
  .social-menu ul li#menu-item-191 a {
    background: url(images/icons-arrows-sprite.png) 0px 0px no-repeat;
  }
  .social-menu ul li#menu-item-209 a {
    background: url(images/icons-arrows-sprite.png) -35px 0px no-repeat;
  }
  .social-menu ul li#menu-item-210 a {
    background: url(images/icons-arrows-sprite.png) -70px 0px no-repeat;
  }
  .social-menu ul li#menu-item-211 a {
    background: url(images/icons-arrows-sprite.png) -105px 0px no-repeat;
  }
  .social-menu ul li#menu-item-225 a {
    background: url(images/icons-arrows-sprite.png) -140px 0px no-repeat;
  }
  .social-menu ul li#menu-item-212 a {
    background: url(images/icons-arrows-sprite.png) -175px 0px no-repeat;
  }
  .social-menu ul li#menu-item-213 a {
    background: url(images/icons-arrows-sprite.png) -210px 0px no-repeat;
  }
  .social-menu ul li#menu-item-214 a {
    background: url(images/icons-arrows-sprite.png) -245px 0px no-repeat;
  }
  .social-menu ul li#menu-item-215 a {
    background: url(images/icons-arrows-sprite.png) -280px 0px no-repeat;
  }

  #foot-wrap #copyright-wrap {
    display: block;
    float: left;
    width: 100%;
    height: auto;
    margin: 7px 0 20px;
    padding: 0;
    color: #fff;
    text-align: center;
  }
  #foot-wrap #copyright-wrap a {
    color: #fff;
  }
  #foot-wrap #copyright-wrap a:hover {
    text-decoration: underline;
  }
}

/****************************************************************************************************
SMART PHONE CSS
*****************************************************************************************************/
@media all and (max-width: 464px) and (min-width: 295px) {
  .fixed {
    position: relative !important;
  }
  .center-wrap {
    display: inline-block;
    *display: inline; /* IE*/
    *zoom: 1; /* IE*/
  }

  /**********
HEADER/QUICK NAV CSS
***********/

  /** JC EDIT HERE **/
  #head-wrap {
    height: 125px !important;
  }
  #head-wrap #quick-nav {
    display: block;
    position: absolute;
    right: 0;
    width: auto;
    height: 50px;
    /** JC EDIT HERE **/
    margin: 60px 100px 0 0;
    padding: 0;
    z-index: 10000;
  }
  #quick-nav ul#menu-quick-menu li {
    display: block;
    float: right;
    width: 48px;
    height: 60px;
    margin: 0;
    padding: 0;
    overflow: hidden;
  }
  #quick-nav ul#menu-quick-menu li a {
    display: block;
    width: 48px;
    height: 60px;
    color: transparent;
  }
  #quick-nav ul li.excel-center {
    background: url(images/icons-arrows-sprite.png) -971px -160px no-repeat;
  }
  #quick-nav ul li.quick-blog {
    background: url(images/icons-arrows-sprite.png) -833px -160px no-repeat;
  }
  #quick-nav ul li.quick-give {
    background: url(images/icons-arrows-sprite.png) -415px -160px no-repeat;
  }
  #quick-nav ul li.quick-find {
    background: url(images/icons-arrows-sprite.png) -134px -160px no-repeat;
  }
  #quick-nav ul li.quick-receipt {
    background: url(images/icons-arrows-sprite.png) -273px -160px no-repeat;
  }
  #quick-nav ul li.quick-search {
    background: url(images/icons-arrows-sprite.png) -694px -160px no-repeat;
  }

  #mobile-logo {
    display: block;
    position: absolute;
    left: 50%;
    width: 198px;
    height: 44px;
    margin: 8px 0 8px -99px;
    padding: 0;
    background: url(images/icons-arrows-sprite.png) -250px -93px no-repeat;
    z-index: 1;
    color: transparent;
  }
  #head-wrap #logo {
    display: none;
    color: transparent;
  }

  /***SOCIAL MEDIA CSS***/
  #social-media {
    display: block;
    float: left;
    width: 100%;
    margin: 15px 0 0;
    padding: 0 !important;
    text-align: center;
  }
  #social-media .lil-social {
    display: block;
    float: left;
    width: 33%;
    height: 25px;
    margin: 0;
    padding: 0;
  }
  #social-media .lil-social h3 {
    display: none;
  }

  /***Search Panel CSS***/
  #searchPanel #searchForm input#searchSubmit {
    color: rgba(0, 0, 0, 0) !important;
    background: #77b800 url(images/icons-arrows-sprite.png) -425px 2px no-repeat;
  }

  /**********
CONTENT CSS
***********/

  /***Page Content Wrapper CSS***/
  #content .page-wrap {
    width: 100%;
  }

  /***2 Column 50/50 CSS***/
  #content .colLeft,
  #content .colRight {
    float: left;
    width: 100%;
  }

  /***3 Column 1/3 CSS***/
  #content .colThree {
    float: left;
    width: 90%;
    padding: 0 5%;
  }
  .colThree img {
    display: block;
    float: left;
    width: 80% !important;
    height: inherit;
    padding: 0 10%;
  }

  /***4 Column 1/4 CSS***/
  #content .colFour {
    float: left;
    width: 45%;
    padding: 0 2.5%;
    margin: 0 0 1em;
  }
  .colFour img {
    display: block;
    float: left;
    width: 80% !important;
    height: inherit;
    padding: 0 10%;
  }

  /***ENTRY IMAGE CSS***/
  .entry img.alignleft.size-full {
    width: 100% !important;
    height: inherit !important;
  }
  .entry img.alignright.size-full {
    width: 100% !important;
    height: inherit !important;
  }

  .entry div.wp-caption.alignleft {
    width: 100% !important;
    height: inherit !important;
  }
  .entry div.wp-caption.alignright {
    width: 100% !important;
    height: inherit !important;
  }

  /***GOODNEWS SLIDEBOX CSS***/
  #slidebox {
    display: none !important;
  }

  /***SOCIAL MEDIA SLIDER CSS***/
  .socialWrap {
    display: none !important;
  }

  /***Custom Form CSS***/
  #formWrap .checkboxWrap {
    width: 100% !important;
    margin: 0 0 0.625em !important;
  }

  /**********
STANDARD PAGE CSS
***********/
  /***HEADER CSS***/
  #page-header h1 {
    width: 90%;
    padding: 0.278em 5% 0.278em;
    font-size: 1.6em;
    text-align: center;
  }

  /***Page Slideshow CSS***/
  #content #pageSlideshow {
    display: none !important;
  }

  /***Internal Page Navigation CSS***/
  #content .page-nav-wrap {
    display: block;
    float: right;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }
  #content .page-nav-wrap .page-nav {
    padding: 0.625em 5% !important;
  }
  .page-nav-wrap .page-nav ul li {
    width: 49%;
    margin: 0 0.25% 0.25%;
    border: 0px none !important;
    text-align: center;
  }
  .page-nav-wrap .page-nav ul li a {
    padding: 0.75em 0;
  }

  /***Entry image CSS***/
  .entry img.size-large {
    width: 100% !important;
    height: inherit !important;
  }

  /***404 Page CSS***/
  .pageMenu li.menu-item {
    width: 50%;
  }

  /***80th Anniversary & Timeline CSS***/
  .timeline-page .decadeWrap {
    background: url(//dcgoodwill.org/wp-content/themes/dcgoodwill/images/timeline-year-bg.png)
      5% top repeat-y;
  }
  .decadeWrap .colGoodwill {
    float: right;
    width: 80%;
  }
  .decadeWrap .colEvent {
    float: right;
    width: 80%;
  }
  .decadeWrap .colYear {
    float: left;
    width: 16%;
  }

  .colYear .year {
    font-size: 1em;
  }

  /**********
SINGLE PAGE CSS
***********/
  /***List Page Content Wrapper CSS***/
  .list-wrap .fogWrap {
    width: 46%;
  }
  .fogWrap .fogDesc {
    min-height: 12em;
  }

  /**********
CATEGORY PAGE CSS
***********/
  /***CATEGORY HEADER CSS***/
  #cat-header h1 {
    width: 90%;
    padding: 0.278em 5% 0.278em;
    font-size: 1.6em;
    text-align: center;
  }

  /***LISTING CSS***/
  #catList {
    width: 100%;
  }
  #catList h2 {
    text-align: center;
  }
  #catList .articleImg {
    display: block;
    margin-left: 25%;
    margin-right: 25%;
  }
  #catList .post-text {
    width: 100%;
  }

  /***BLOG PAGE CSS***/
  .blogWrap .blogImg {
    display: block;
    margin-left: 25%;
    margin-right: 25%;
  }
  .blogWrap .blogExcerpt {
    width: 100%;
  }
  .blogWrap a h1 {
    text-align: center;
  }

  /**********
HOME PAGE CSS
***********/

  /***HOME PAGE WELCOME POP-UP CSS***/
  #CoverPop-cover {
    display: none !important;
  }

  /***HOME PAGE Slider CSS***/
  #home-slider {
    display: block;
    float: left;
    width: 100%;
    height: inherit;
    margin: 0;
    padding: 0;
  }

  /***Section Button CSS***/
  .section-menu ul li {
    width: 50%;
  }
  .section-menu ul li a {
    font-size: 0.875em;
  }

  /***Home Page Social Feed CSS***/
  #social-feed {
    display: none !important;
  }

  /***Home Page News Feed CSS***/
  #home-feed .post-wrap {
    width: 100%;
  }
  #home-feed .post-img {
    display: block;
    margin-left: 25%;
    margin-right: 25%;
  }
  #home-feed .post-text {
    width: 100%;
  }

  /**********
SIDEBAR CSS
***********/
  /***Page Sidebar Wrapper CSS***/
  #content .sidebar-wrap {
    width: 100%;
    padding: 1.25em 0 !important;
  }
  .sidebar-wrap p {
    padding: 0 1.25em;
    font-size: 0.875em;
  }

  .sidebar-wrap .sideMap .icon {
    float: none !important;
    padding: 0 !important;
    background: none !important;
  }
  .sidebar-wrap .sideMap {
    text-align: center;
  }
  .fancybox-wrap {
    top: 10% !important;
    left: 5% !important;
    width: 90% !important;
    height: 80% !important;
  }

  /***Sidebar Contact Info CSS***/
  .sidebar-wrap .sideContact .sideInfo,
  .landingSidebar .sideContact .sideInfo {
    margin: 2% 10% 0 !important;
  }

  /***Sidebar Recent Posts CSS***/
  .sidebar-wrap #recent-posts,
  .sidebar-wrap .widget {
    padding: 1em 0 0;
  }

  /***Sidebar YPC Events CSS***/
  .sidebar-wrap #ypcFeed-wrap {
    padding: 0 1em;
  }

  /**********
WIDGETS CSS
***********/
  /***Success Story Feed CSS***/
  #success-feed .post-img {
    width: 100%;
  }
  #success-feed .post-text {
    width: 100%;
  }

  /***Social Media Widget CSS***/
  #social-feed .social-wrap {
    width: 98%;
    margin: 0 1%;
  }
  #social-feed a.feedBtn {
    margin: 3% 27% 0;
  }

  /***Progress Stats CSS***/
  #progress-wrap .progress {
    width: 90% !important;
    padding: 0 0 0 5% !important;
  }
  #progress-wrap .stat2 {
    border-left: 0px none !important;
    border-right: 0px none !important;
  }

  /***Sliding Box Tiles CSS***/
  #boxtile-wrap .boxgrid {
    width: 98%;
  }

  /***WFD Staff CSS***/
  #wfd-staff-wrap li {
    width: 95%;
    margin: 1% 2.5%;
  }
  #wfd-staff-wrap li .sub {
    font-size: 0.75em;
  }

  /**********
LANDING PAGE CSS
***********/
  /***Landing Header***/
  .landingHeader {
    position: relative !important;
  }
  .landingHeader h1 {
    font-size: 1.5em;
    margin: 0;
    text-align: center;
  }
  /***Landing Content***/
  .landingContent {
    width: 100%;
  }
  /***Landing Page Sidebar***/
  .landingSidebar {
    float: left;
    width: 97%;
  }
  .landingSidebar .landingWidgets {
    width: 80%;
    margin: 0.25em 10%;
    padding: 0 0 1.25em;
    border-bottom: 2px dashed #fff;
  }
  .landingWidgets img {
    width: 98% !important;
    height: inherit !important;
    margin: 0 1% 3%;
    padding: 0;
  }
  .landingWidgets p {
    color: #fff;
    margin: 0;
    text-align: center;
    padding: 0 0 3%;
  }

  /**********
WP STORE LOCATOR PLUGIN
***********/
  /**Location Search Box**/
  #wpsl-search-wrap .wpsl-input,
  #wpsl-search-wrap .wpsl-select-wrap {
    width: 100% !important;
  }

  /**********
FOOTER CSS
***********/

  #footer {
    display: block;
    float: left;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    background: #002596;
    clear: both;
  }

  #info-wrap {
    display: block;
    width: 100%;
    height: auto;
    margin: 15px 0px 10px 0;
    padding: 0;
  }
  .info-menu {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }
  .info-menu ul li {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    text-align: center;
  }
  .info-menu ul li a {
    color: #fff;
  }

  #footer #foot-wrap {
    display: block;
    width: 100%;
    height: auto;
    margin: 0px auto;
    padding: 0;
    color: #fff;
  }

  #foot-wrap .foot-menu {
    display: block;
    float: left;
    width: 100%;
    height: auto;
    margin: 20px 0 0;
    padding: 0;
    color: #fff;
  }
  .foot-menu ul#menu-foot-menu {
    display: block;
    float: left;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }
  .foot-menu ul#menu-foot-menu li {
    display: block;
    float: left;
    width: 25%;
    height: auto;
    margin: 0px;
    padding: 0;
    text-align: center;
  }
  .foot-menu ul#menu-foot-menu li#menu-item-154 {
    background-color: #003399;
  }
  .foot-menu ul#menu-foot-menu li#menu-item-155 {
    background-color: #0085cf;
  }
  .foot-menu ul#menu-foot-menu li#menu-item-156 {
    background-color: #77b800;
  }
  .foot-menu ul#menu-foot-menu li#menu-item-157 {
    background-color: #ef8200;
  }

  .foot-menu ul#menu-foot-menu li a {
    display: block;
    padding: 5px 0;
    color: #fff;
    font-size: 0.75em;
    font-weight: bold;
  }
  .foot-menu ul#menu-foot-menu li ul.sub-menu {
    display: none !important;
  }

  #foot-wrap #info-wrap {
    display: block;
    float: right;
    width: 100%;
    height: auto;
    margin: 15px 0px 20px 10px;
    padding: 0;
    color: #fff;
    text-align: right;
  }

  #foot-wrap .legal-menu {
    display: block;
    float: left;
    width: 100%;
    height: auto;
    margin: 10px 0 10px;
    padding: 0;
    color: #fff;
  }
  .legal-menu ul {
    display: block;
    width: 100%;
    height: auto;
    margin: 5px auto 0;
    padding: 0;
  }
  .legal-menu ul li {
    display: block;
    float: left;
    width: 100%;
    height: auto;
    margin: 0px auto;
    padding: 0;
  }
  .legal-menu ul li.menu-item-733 {
    display: block;
  }
  .legal-menu ul li.menu-item-186,
  li.menu-item-187,
  li.menu-item-188,
  li.menu-item-189 {
    display: none !important;
  }

  .legal-menu ul li a {
    display: block;
    width: 100%;
    height: auto;
    color: #fff !important;
    font-size: 0.75em;
    text-align: center;
  }
  .legal-menu ul li a:hover {
    text-decoration: underline;
  }

  #foot-wrap #social-wrap {
    display: block;
    float: left;
    width: 100%;
    height: auto;
    margin: 25px 0px 0px;
    padding: 0;
    color: #fff;
    overflow: hidden;
  }
  #social-wrap #follow {
    display: none !important;
  }

  .social-menu {
    display: block;
    width: 97%;
    height: auto;
    margin: 0;
    padding: 0;
    text-align: center;
  }
  .social-menu ul {
    display: inline-block;
    *display: inline; /* IE*/
    *zoom: 1; /* IE*/
  }
  .social-menu ul li {
    display: inline;
    float: left;
    width: 35px;
    height: 35px;
    margin: 0 2px;
    padding: 0;
  }
  .social-menu ul li a {
    display: inline;
    color: transparent;
    float: left;
    width: 35px;
    height: 35px;
    margin: 0;
    padding: 0;
  }
  .social-menu ul li#menu-item-191 a {
    background: url(images/icons-arrows-sprite.png) 0px 0px no-repeat;
  }
  .social-menu ul li#menu-item-209 a {
    background: url(images/icons-arrows-sprite.png) -35px 0px no-repeat;
  }
  .social-menu ul li#menu-item-210 a {
    background: url(images/icons-arrows-sprite.png) -70px 0px no-repeat;
  }
  .social-menu ul li#menu-item-211 a {
    background: url(images/icons-arrows-sprite.png) -105px 0px no-repeat;
  }
  .social-menu ul li#menu-item-225 a {
    background: url(images/icons-arrows-sprite.png) -140px 0px no-repeat;
  }
  .social-menu ul li#menu-item-213 a {
    background: url(images/icons-arrows-sprite.png) -210px 0px no-repeat;
  }

  .social-menu ul li#menu-item-212,
  li#menu-item-214,
  li#menu-item-215 {
    display: none !important;
  }

  #foot-wrap #copyright-wrap {
    display: block;
    float: left;
    width: 94%;
    height: auto;
    margin: 7px 0 20px;
    padding: 0 7px;
    color: #fff;
    text-align: center;
  }
  #foot-wrap #copyright-wrap a {
    color: #fff;
  }
  #foot-wrap #copyright-wrap a:hover {
    text-decoration: underline;
  }
}

/****************************************************************************************************
NOT SMART PHONE CSS
*****************************************************************************************************/
@media all and (max-width: 294px) {
  .fixed {
    position: relative !important;
  }
  .center-wrap {
    display: inline-block;
    *display: inline; /* IE*/
    *zoom: 1; /* IE*/
  }

  /***App Dropdown CSS***/
  .appWrap {
    display: none !important;
  }

  /**********
HEADER/QUICK NAV CSS
***********/
  /** JC EDIT HERE **/
  #head-wrap {
    height: 125px !important;
  }
  #head-wrap #quick-nav {
    display: block;
    position: absolute;
    right: 0;
    width: auto;
    height: 50px;
    /** JC EDIT HERE **/
    margin: 60px 90px 0 55px;
    padding: 0;
    z-index: 10000;
    overflow: hidden;
  }

  #quick-nav ul#menu-quick-menu li {
    display: block;
    float: right;
    width: 48px;
    height: 60px;
    margin: 0;
    padding: 0;
    overflow: hidden;
  }
  #quick-nav ul#menu-quick-menu li a {
    display: block;
    width: 48px;
    height: 60px;
    color: transparent;
  }
  #quick-nav ul li.quick-give {
    background: url(images/icons-arrows-sprite.png) -415px -160px no-repeat;
  }
  #quick-nav ul li.quick-find {
    background: url(images/icons-arrows-sprite.png) -134px -160px no-repeat;
  }
  #quick-nav ul li.quick-receipt {
    background: url(images/icons-arrows-sprite.png) -273px -160px no-repeat;
  }
  #quick-nav ul li.quick-search {
    background: url(images/icons-arrows-sprite.png) -694px -160px no-repeat;
  }

  #mobile-logo {
    display: block;
    position: absolute;
    left: 50%;
    width: 198px;
    height: 44px;
    margin: 8px 0 8px -99px;
    padding: 0;
    background: url(images/icons-arrows-sprite.png) -250px -93px no-repeat;
    z-index: 1;
    color: transparent;
  }
  #head-wrap #logo {
    display: none;
    color: transparent;
  }

  /***SOCIAL MEDIA CSS***/
  #social-media {
    display: block;
    float: left;
    width: 100%;
    margin: 15px 0 0;
    padding: 0 !important;
    text-align: center;
  }
  #social-media .lil-social {
    display: block;
    width: 100%;
    height: 25px;
    margin: 0;
    padding: 0;
  }
  #social-media .lil-social h3 {
    display: none;
  }

  /***Search Panel CSS***/
  #searchPanel #searchForm input#searchSubmit {
    color: rgba(0, 0, 0, 0) !important;
    background: #77b800 url(images/icons-arrows-sprite.png) -425px 2px no-repeat;
  }

  /**********
CONTENT CSS
***********/

  /***Page Content Wrapper CSS***/
  #content .page-wrap {
    width: 100%;
  }

  /***2 Column 50/50 CSS***/
  #content .colLeft,
  #content .colRight {
    float: left;
    width: 100%;
  }

  /***3 Column 1/3 CSS***/
  #content .colThree {
    float: left;
    width: 90%;
    padding: 0 5%;
  }
  .colThree img {
    display: block;
    float: left;
    width: 100% !important;
    height: inherit;
  }

  /***4 Column 1/4 CSS***/
  #content .colFour {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0 0 1em;
  }
  .colFour img {
    display: block;
    float: left;
    width: 100% !important;
    height: inherit;
  }

  /***ENTRY IMAGE CSS***/
  .entry img.alignleft.size-full {
    width: 100% !important;
    height: inherit !important;
  }
  .entry img.alignright.size-full {
    width: 100% !important;
    height: inherit !important;
  }

  .entry div.wp-caption.alignleft {
    width: 100% !important;
    height: inherit !important;
  }
  .entry div.wp-caption.alignright {
    width: 100% !important;
    height: inherit !important;
  }

  /***GOODNEWS SLIDEBOX CSS***/
  #slidebox {
    display: none !important;
  }

  /***SOCIAL MEDIA SLIDER CSS***/
  .socialWrap {
    display: none !important;
  }

  /***Custom Form CSS***/
  #formWrap .checkboxWrap {
    width: 100% !important;
    margin: 0 0 0.625em !important;
  }

  /**********
STANDARD PAGE CSS
***********/
  /***HEADER CSS***/
  #page-header h1 {
    width: 90%;
    padding: 0.278em 5% 0.278em;
    font-size: 1.5em;
    text-align: center;
  }

  /***Internal Page Navigation CSS***/
  #content .page-nav-wrap {
    display: block;
    float: right;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }
  #content .page-nav-wrap .page-nav {
    padding: 0.625em 0 !important;
  }
  .page-nav-wrap .page-nav ul li {
    width: 49%;
    margin: 0 0.25% 0.25%;
    border: 0px none !important;
    text-align: center;
  }
  .page-nav-wrap .page-nav ul li a {
    padding: 0.75em 0;
  }

  /***Page Slideshow CSS***/
  #content #pageSlideshow {
    display: none !important;
  }

  /***Entry image CSS***/
  .entry img.size-large {
    width: 100% !important;
    height: inherit !important;
  }

  /***404 Page CSS***/
  .pageMenu li.menu-item {
    width: 100%;
  }

  /***80th Anniversary & Timeline CSS***/
  .timeline-page .decadeWrap {
    background: url(//dcgoodwill.org/wp-content/themes/dcgoodwill/images/timeline-year-bg.png)
      5% top repeat-y;
  }
  .decadeWrap .colGoodwill {
    float: right;
    width: 80%;
  }
  .decadeWrap .colEvent {
    float: right;
    width: 80%;
  }
  .decadeWrap .colYear {
    float: left;
    width: 16%;
  }

  .colYear .year {
    font-size: 1em;
  }

  /**********
SINGLE PAGE CSS
***********/
  /***Navigation CSS***/
  .page-nav-wrap {
    display: none !important;
  }

  /***List Page Content Wrapper CSS***/
  .list-wrap .fogWrap {
    width: 96%;
  }

  /**********
CATEGORY PAGE CSS
***********/
  /***CATEGORY HEADER CSS***/
  #cat-header h1 {
    width: 90%;
    padding: 0.278em 5% 0.278em;
    font-size: 1.5em;
    text-align: center;
  }

  /***LISTING CSS***/
  #catList {
    width: 100%;
  }
  #catList h2 {
    text-align: center;
  }
  #catList .articleImg {
    display: none !important;
  }
  #catList .post-text {
    width: 100%;
  }

  /***BLOG PAGE CSS***/
  .blogWrap .blogImg {
    display: none !important;
  }
  .blogWrap .blogExcerpt {
    width: 100%;
  }
  .blogWrap a h1 {
    text-align: center;
  }

  /**********
HOME PAGE CSS
***********/

  /***HOME PAGE WELCOME POP-UP CSS***/
  #CoverPop-cover {
    display: none !important;
  }

  /***HOME PAGE Slider CSS***/
  #home-slider {
    display: block;
    float: left;
    width: 100%;
    height: inherit;
    margin: 0;
    padding: 0;
  }

  /***HOME PAGE Location Box CSS***/
  #locationWrap {
    display: none !important;
  }

  /***Section Button CSS***/
  .section-menu ul li {
    width: 100%;
  }
  .section-menu ul li a {
    font-size: 0.875em;
  }

  /***Home Page News Feed CSS***/
  #home-feed .post-wrap {
    width: 100%;
  }
  #home-feed .post-img {
    display: none !important;
  }
  #home-feed .post-text {
    width: 100%;
  }

  /***Home Page Social Feed CSS***/
  #social-feed {
    display: none !important;
  }

  /***Footer Partners CSS***/
  #content #partnerWrap {
    display: none;
  }

  /**********
SIDEBAR CSS
***********/
  /***Page Sidebar Wrapper CSS***/
  #content .sidebar-wrap {
    width: 100%;
    padding: 1.25em 0 !important;
  }
  .sidebar-wrap p {
    padding: 0 1.25em;
    font-size: 0.875em;
  }

  .sidebar-wrap .sideMap .icon {
    float: none !important;
    padding: 0 !important;
    background: none !important;
  }
  .sidebar-wrap .sideMap {
    text-align: center;
  }
  .fancybox-wrap {
    top: 10% !important;
    left: 5% !important;
    width: 90% !important;
    height: 80% !important;
  }

  /***Sidebar Contact Info CSS***/
  .sidebar-wrap .sideContact .sideInfo,
  .landingSidebar .sideContact .sideInfo {
    margin: 2% 5% 0 !important;
  }

  /***Sidebar Recent Posts CSS***/
  .sidebar-wrap #recent-posts,
  .sidebar-wrap .widget {
    padding: 1em 0 0 1em;
  }

  /***Sidebar YPC Events CSS***/
  .sidebar-wrap #ypcFeed-wrap {
    padding: 0 1em;
  }

  /**********
WIDGET CSS
***********/
  /***Success Story Feed CSS***/
  #success-feed .post-img {
    width: 100%;
  }
  #success-feed .post-text {
    width: 100%;
  }

  /***Social Media Widget CSS***/
  #social-feed .social-wrap {
    display: none !important;
  }
  #social-feed a.feedBtn {
    margin: 2% 27% 0;
  }

  /***Progress Stats CSS***/
  #progress-wrap .progress {
    width: 90% !important;
    padding: 0 0 0 5% !important;
  }
  #progress-wrap .stat2 {
    border-left: 0px none !important;
    border-right: 0px none !important;
  }

  /***Sliding Box Tiles CSS***/
  #boxtile-wrap .boxgrid {
    width: 98%;
  }

  /***WFD Staff CSS***/
  #wfd-staff-wrap li {
    width: 95%;
    margin: 1% 2.5%;
  }
  #wfd-staff-wrap li .sub {
    font-size: 0.75em;
  }

  /**********
LANDING PAGE CSS
***********/
  /***Landing Header***/
  .landingHeader {
    position: relative !important;
  }
  .landingHeader h1 {
    font-size: 1.5em;
    margin: 0;
    text-align: center;
  }
  /***Landing Content***/
  .landingContent {
    width: 100%;
  }
  /***Landing Page Sidebar***/
  .landingSidebar {
    float: left;
    width: 97%;
  }
  .landingSidebar .landingWidgets {
    width: 100%;
    margin: 0.25em 0;
    padding: 0 0 1.25em;
    border-bottom: 2px dashed #fff;
  }
  .landingWidgets img {
    display: none !important;
  }
  .landingWidgets p {
    color: #fff;
    margin: 0;
    text-align: center;
    padding: 0 0 3%;
  }

  /**********
WP STORE LOCATOR PLUGIN
***********/
  /**Location Search Box**/
  #wpsl-search-wrap .wpsl-input,
  #wpsl-search-wrap .wpsl-select-wrap {
    width: 100% !important;
  }

  /**********
FOOTER CSS
***********/
  #footer {
    display: block;
    float: left;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    background: #002596;
    clear: both;
  }

  #info-wrap {
    display: block;
    width: 100%;
    height: auto;
    margin: 15px 0px 10px 0;
    padding: 0;
  }
  .info-menu {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }
  .info-menu ul li {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    text-align: center;
  }
  .info-menu ul li a {
    color: #fff;
  }

  #footer #foot-wrap {
    display: block;
    width: 100%;
    height: auto;
    margin: 0px auto;
    padding: 0;
    color: #fff;
  }

  #foot-wrap .foot-menu {
    display: block;
    float: left;
    width: 100%;
    height: auto;
    margin: 20px 0 0;
    padding: 0;
    color: #fff;
  }
  .foot-menu ul#menu-foot-menu {
    display: block;
    float: left;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }
  .foot-menu ul#menu-foot-menu li {
    display: block;
    float: left;
    width: 25%;
    height: auto;
    margin: 0px;
    padding: 0;
  }
  .foot-menu ul#menu-foot-menu li#menu-item-154 {
    background-color: #003399;
  }
  .foot-menu ul#menu-foot-menu li#menu-item-155 {
    background-color: #0085cf;
  }
  .foot-menu ul#menu-foot-menu li#menu-item-156 {
    background-color: #77b800;
  }
  .foot-menu ul#menu-foot-menu li#menu-item-157 {
    background-color: #ef8200;
  }

  .foot-menu ul#menu-foot-menu li a {
    display: block;
    float: left;
    width: 100%;
    height: 25px;
    color: transparent;
    font-size: 0em;
  }
  .foot-menu ul#menu-foot-menu li ul.sub-menu {
    display: none !important;
  }

  #foot-wrap #info-wrap {
    display: none;
    float: right;
    width: 100%;
    height: auto;
    margin: 15px 0px 20px 10px;
    padding: 0;
    color: #fff;
    text-align: right;
  }

  #foot-wrap .legal-menu {
    display: block;
    float: left;
    width: 100%;
    height: auto;
    margin: 10px 0 10px;
    padding: 0;
    color: #fff;
  }
  .legal-menu ul {
    display: block;
    width: 100%;
    height: auto;
    margin: 5px auto 0;
    padding: 0;
  }
  .legal-menu ul li {
    display: block;
    float: left;
    width: 100%;
    height: auto;
    margin: 0px auto;
    padding: 0;
  }
  .legal-menu ul li.menu-item-733 {
    display: block;
  }
  .legal-menu ul li.menu-item-186,
  li.menu-item-187,
  li.menu-item-188,
  li.menu-item-189 {
    display: none !important;
  }
  .legal-menu ul li a {
    display: block;
    width: 100%;
    height: auto;
    color: #fff !important;
    font-size: 0.75em;
    text-align: center;
  }
  .legal-menu ul li a:hover {
    text-decoration: underline;
  }

  #foot-wrap #social-wrap {
    display: block;
    float: left;
    width: 100%;
    height: auto;
    margin: 25px 0px 0px;
    padding: 0;
    color: #fff;
  }
  #social-wrap #follow {
    display: none !important;
  }
  .social-menu {
    display: block;
    width: 97%;
    height: auto;
    margin: 0;
    padding: 0;
    text-align: center;
  }
  .social-menu ul {
    display: inline-block;
    *display: inline; /* IE*/
    *zoom: 1; /* IE*/
  }
  .social-menu ul li {
    display: inline;
    float: left;
    width: 35px;
    height: 35px;
    margin: 0 2px;
    padding: 0;
  }
  .social-menu ul li a {
    display: inline;
    color: transparent;
    float: left;
    width: 35px;
    height: 35px;
    margin: 0;
    padding: 0;
  }
  .social-menu ul li#menu-item-191 a {
    background: url(images/icons-arrows-sprite.png) 0px 0px no-repeat;
  }
  .social-menu ul li#menu-item-209 a {
    background: url(images/icons-arrows-sprite.png) -35px 0px no-repeat;
  }
  .social-menu ul li#menu-item-210 a {
    background: url(images/icons-arrows-sprite.png) -70px 0px no-repeat;
  }
  .social-menu ul li#menu-item-211 a {
    background: url(images/icons-arrows-sprite.png) -105px 0px no-repeat;
  }
  .social-menu ul li#menu-item-225 a {
    background: url(images/icons-arrows-sprite.png) -140px 0px no-repeat;
  }
  .social-menu ul li#menu-item-212,
  li#menu-item-213,
  li#menu-item-214,
  li#menu-item-215 {
    display: none !important;
  }

  #foot-wrap #copyright-wrap {
    display: block;
    float: left;
    width: 90%;
    height: auto;
    margin: 5px 0 20px;
    padding: 0 7px;
    color: #fff;
    text-align: center;
  }
  #foot-wrap #copyright-wrap a {
    color: #fff;
  }
  #foot-wrap #copyright-wrap a:hover {
    text-decoration: underline;
  }
}

/****************************************************************************************************
PLUGIN CSS
*****************************************************************************************************/
/**********
MEGA MENU DESKTOP 
***********/
/***Make menu image text transparent on all screens***/
#megaUber li .wpmega-img {
  color: rgba(0, 0, 0, 0) !important;
  font-size: 0px !important;
}
@media all and (max-width: 726px) {
  #megaUber li .wpmega-img {
    display: none !important;
  }
}

@media all and (min-width: 726px) {
  a#top {
    height: 0px;
    width: 0px;
    background: url(images/menu-images.png) 0 0 no-repeat !important;
  }

  #megaMenu {
    background: url(images/nav-bg.png) 0 -15px repeat-x;
    margin: 0;
    padding: 0 10px;
    z-index: 1000;
    -moz-box-shadow: 0 -3px 2px 0 #cccccc;
    -webkit-box-shadow: 0 -3px 2px 0 #cccccc;
    box-shadow: 0 -3px 2px 0 #cccccc;
  }

  #megaMenu #megaUber li.lg-btn {
    color: #fff;
    margin: 0 5px 0 0;
    -moz-border-radius: 0px 0px 8px 0px;
    -webkit-border-radius: 0px 0px 8px 0px;
    border-radius: 0px 0px 8px 0px; /* future proofing */
    -khtml-border-radius: 0px 0px 8px 0px; /* for old Konqueror browsers */

    -moz-box-shadow: 0 0px 5px 0px #ffffff;
    -webkit-box-shadow: 0 0px 5px 0px #ffffff;
    box-shadow: 0 0px 5px 0px #ffffff;
  }

  #megaMenu #megaUber {
    display: block !important;
    float: none !important;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    max-width: 960px;
    z-index: 1000;
  }

  #megaMenu ul#megaUber li {
    width: 13.97% !important;
    font-weight: bold;
    font-size: 0.813em;
  }
  #megaMenu #megaUber li.ss-nav-menu-nolink .um-anchoremulator {
    padding: 22px 0 10px 10px;
  }
  #megaMenu #megaUber li.ss-nav-menu-nolink:hover {
    -moz-opacity: 0.9;
    opacity: 0.9;
    filter: alpha(opacity=90);
  }

  #megaMenu #megaUber li#menu-item-37 {
    background-color: #002596;
  }
  #megaMenu #megaUber li#menu-item-38 {
    background-color: #0085cf;
  }
  #megaMenu #megaUber li#menu-item-39 {
    background-color: #77b800;
  }
  #megaMenu #megaUber li#menu-item-40 {
    background-color: #ef8200;
    margin: 0 !important;
  }

  /* Normal Buttons */
  li.nml-btn .um-anchoremulator {
    color: #464646;
    text-align: center;
    padding: 22px 0 4px 0 !important;
  }
  li.nml-btn .um-anchoremulator:after {
    border-color: #464646 transparent !important;
    margin: 0;
    top: 65% !important;
  }
  li#menu-item-46.wpmega-expanded,
  li#menu-item-47.wpmega-expanded,
  li#menu-item-3390.wpmega-expanded {
    padding: 0px 0 10px !important;
    background-color: #f1f1f1 !important;
  }
  li.nml-btn:hover {
    color: #000;
    background-color: #f1f1f1 !important;
  }
  li.nml-btn .sub-menu-1 {
    margin: 10px 0 0 !important;
    background-color: #f1f1f1 !important;
    border: 2px solid #f1f1f1 !important;
  }
  li.nml-btn .sub-menu-1 li .wpmega-link-title,
  li.nml-btn .sub-menu-1 li .wpmega-item-description {
    color: #333333 !important;
  }

  #megaMenu ul.megaMenu li.nml-btn > span.um-anchoremulator:after {
    border-color: #464646 transparent transparent !important;
    margin: 0 2px 0 0;
    top: 67% !important;
    right: 0 !important;
  }
  #megaMenu ul.megaMenu li.lg-btn > span.um-anchoremulator:after {
    border-color: #ffffff transparent transparent !important;
    margin: 0 5px 0 0;
    top: 65% !important;
    right: 0 !important;
  }

  .wpmega-expanded {
    -moz-opacity: 1 !important;
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important; /* future proofing */
    -khtml-border-radius: 0px !important; /* for old Konqueror browsers */
  }

  #megaMenu #megaUber .wpmega-expanded .sub-menu {
    margin: 5px 0 0;
  }
  #megaMenu #megaUber li.lg-btn.wpmega-expanded {
    padding: 0 0 5px;
  }

  /* MENU ELEMENTS */
  #megaMenu #megaUber .sub-menu li {
    display: block !important;
    height: inherit !important;
    min-height: 130px;
    width: 100% !important;
    margin: 5px 0;
    padding: 0 8px 0;
  }
  #megaMenu #megaUber .sub-menu a:hover {
    -moz-opacity: 0.8;
    opacity: 0.8;
    filter: alpha(opacity=80);
  }
  #megaMenu #megaUber .sub-menu li .wpmega-link-title {
    float: left;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 0 3px;
    font-size: 1.25em;
  }
  #megaMenu #megaUber .sub-menu li img {
    width: 100% !important;
    max-width: 170px;
    height: inherit !important;
    max-height: 60px;
    border: 1px solid #fff;
  }
  #megaMenu #megaUber .sub-menu li .wpmega-item-description {
    float: left;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    font-size: 1.125em;
    line-height: 1.188em !important;
  }

  /* MENU IMAGES */
  #megaUber li .wpmega-img {
    display: block;
    height: 60px;
    width: 100% !important;
  }
  #megaUber li.donationCenters .wpmega-img {
    background: url(images/menu-images.png) 0 0 no-repeat !important;
  }
  #megaUber li.giveOnline .wpmega-img {
    background: url(images/menu-images.png) 0 -60px no-repeat !important;
  }
  #megaUber li.donationItems .wpmega-img {
    background: url(images/menu-images.png) 0 -120px no-repeat !important;
  }
  #megaUber li.planGiving .wpmega-img {
    background: url(images/menu-images.png) 0 -180px no-repeat !important;
  }
  #megaUber li.partnerHope .wpmega-img {
    background: url(images/menu-images.png) 0 -240px no-repeat !important;
  }
  #megaUber li.pickUps .wpmega-img {
    background: url(images/menu-images.png) 0 -300px no-repeat !important;
  }
  #megaUber li.impactCalc .wpmega-img {
    background: url(images/menu-images.png) 0 -360px no-repeat !important;
  }
  #megaUber li.donationGuide .wpmega-img {
    background: url(images/menu-images.png) 0 -420px no-repeat !important;
  }
  #megaUber li.donationDrives .wpmega-img {
    background: url(images/menu-images.png) 0 -480px no-repeat !important;
  }
  #megaUber li.volunteers .wpmega-img {
    background: url(images/menu-images.png) 0 -540px no-repeat !important;
  }
  #megaUber li.mail .wpmega-img {
    background: url(images/menu-images.png) 0 -600px no-repeat !important;
  }
  #megaUber li.vehicle .wpmega-img {
    background: url(images/menu-images.png) 0 -660px no-repeat !important;
  }

  #megaUber li.stores .wpmega-img {
    background: url(images/menu-images.png) -170px 0 no-repeat !important;
  }
  #megaUber li.shopOnline .wpmega-img {
    background: url(images/menu-images.png) -170px -60px no-repeat !important;
  }
  #megaUber li.rewardsClub .wpmega-img {
    background: url(images/menu-images.png) -170px -480px no-repeat !important;
  }
  #megaUber li.specialsRewards .wpmega-img {
    background: url(images/menu-images.png) -170px -120px no-repeat !important;
  }
  #megaUber li.clothingVouchers .wpmega-img {
    background: url(images/menu-images.png) -170px -180px no-repeat !important;
  }
  #megaUber li.fog .wpmega-img {
    background: url(images/menu-images.png) -170px -240px no-repeat !important;
  }
  #megaUber li.fashionBlog .wpmega-img {
    background: url(images/menu-images.png) -170px -300px no-repeat !important;
  }
  #megaUber li.shopFaq .wpmega-img {
    background: url(images/menu-images.png) -170px -360px no-repeat !important;
  }
  #megaUber li.returnPrice .wpmega-img {
    background: url(images/menu-images.png) -170px -420px no-repeat !important;
  }

  #megaUber li.careerCenter .wpmega-img {
    background: url(images/menu-images.png) -340px 0px no-repeat !important;
  }
  #megaUber li.trainProgram .wpmega-img {
    background: url(images/menu-images.png) -340px -60px no-repeat !important;
  }
  /** #megaUber li.excelCenter .wpmega-img{background:url(images/menu-images.png) -340px -360px no-repeat !important;} **/
  #megaUber li.careerService .wpmega-img {
    background: url(images/menu-images.png) -340px -120px no-repeat !important;
  }
  #megaUber li.careerStaff .wpmega-img {
    background: url(images/menu-images.png) -340px -300px no-repeat !important;
  }
  #megaUber li.successStory .wpmega-img {
    background: url(images/menu-images.png) -340px -240px no-repeat !important;
  }
  #megaUber li.energy .wpmega-img {
    background: url(images/menu-images.png) -340px -540px no-repeat !important;
  }
  #megaUber li.healthcare .wpmega-img {
    background: url(images/menu-images.png) -340px -600px no-repeat !important;
  }
  #megaUber li.hospitality .wpmega-img {
    background: url(images/menu-images.png) -340px -420px no-repeat !important;
  }
  #megaUber li.security .wpmega-img {
    background: url(images/menu-images.png) -340px -480px no-repeat !important;
  }

  #megaUber li.careers .wpmega-img {
    background: url(images/menu-images.png) -510px 0px no-repeat !important;
  }
  #megaUber li.employSolutions .wpmega-img {
    background: url(images/menu-images.png) -510px -60px no-repeat !important;
  }
  #megaUber li.bkb .wpmega-img {
    background: url(images/menu-images.png) -510px -120px no-repeat !important;
  }
  #megaUber li.contractService .wpmega-img {
    background: url(images/menu-images.png) -510px -180px no-repeat !important;
  }
  #megaUber li.jobFairs .wpmega-img {
    background: url(images/menu-images.png) -510px -240px no-repeat !important;
  }

  #megaUber li.about .wpmega-img {
    background: url(images/menu-images.png) -680px 0px no-repeat !important;
  }
  #megaUber li.history .wpmega-img {
    background: url(images/menu-images.png) -680px -60px no-repeat !important;
  }
  #megaUber li.execStaff .wpmega-img {
    background: url(images/menu-images.png) -680px -120px no-repeat !important;
  }
  #megaUber li.boardDirector .wpmega-img {
    background: url(images/menu-images.png) -680px -180px no-repeat !important;
  }
  #megaUber li.serviceArea .wpmega-img {
    background: url(images/menu-images.png) -680px -240px no-repeat !important;
  }
  #megaUber li.financialReport .wpmega-img {
    background: url(images/menu-images.png) -680px -300px no-repeat !important;
  }
  #megaUber li.webPolicies .wpmega-img {
    background: url(images/menu-images.png) -680px -360px no-repeat !important;
  }
  #megaUber li.partSupport .wpmega-img {
    background: url(images/menu-images.png) -680px -420px no-repeat !important;
  }
  #megaUber li.nowYouknow .wpmega-img {
    background: url(images/menu-images.png) -680px -480px no-repeat !important;
  }
  #megaUber li.gwIsgb .wpmega-img {
    background: url(images/menu-images.png) -680px -540px no-repeat !important;
  }

  #megaUber li.newsEvents .wpmega-img {
    background: url(images/menu-images.png) -850px 0px no-repeat !important;
  }
  #megaUber li.onHill .wpmega-img {
    background: url(images/menu-images.png) -850px -60px no-repeat !important;
  }
  #megaUber li.newsDrives .wpmega-img {
    background: url(images/menu-images.png) -850px -120px no-repeat !important;
  }
  #megaUber li.newsFairs .wpmega-img {
    background: url(images/menu-images.png) -850px -180px no-repeat !important;
  }
  #megaUber li.pressRelease .wpmega-img {
    background: url(images/menu-images.png) -850px -240px no-repeat !important;
  }

  #megaUber li.getInvolved .wpmega-img {
    background: url(images/menu-images.png) -1020px 0px no-repeat !important;
  }
  #megaUber li.goodClub .wpmega-img {
    background: url(images/menu-images.png) -1020px -60px no-repeat !important;
  }
  #megaUber li.greenInitiatives .wpmega-img {
    background: url(images/menu-images.png) -1020px -120px no-repeat !important;
  }
  #megaUber li.ypc .wpmega-img {
    background: url(images/menu-images.png) -1020px -180px no-repeat !important;
  }
  #megaUber li.missionBlog .wpmega-img {
    background: url(images/menu-images.png) -1020px -240px no-repeat !important;
  }
  #megaUber li.sharegood .wpmega-img {
    background: url(images/menu-images.png) -1020px -300px no-repeat !important;
  }
  #megaUber li.annualCampaign .wpmega-img {
    background: url(images/menu-images.png) -1020px -360px no-repeat !important;
  }
  #megaUber li.eightyAnniversary .wpmega-img {
    background: url(images/menu-images.png) -1020px -420px no-repeat !important;
  }

  /* MENU SPECIFIC */
  #megaMenu #megaUber li.ss-nav-menu-mega-fullWidth .sub-menu,
  .sub-menu a {
    color: #fff;
  }
  #megaMenu #megaUber ul.sub-menu-1 {
    border-bottom: 1px solid #ffffff !important;
  }

  #megaMenu #megaUber li ul.sub-menu-1 {
    left: 0px !important;
  }
  #megaMenu #megaUber li#menu-item-37 .sub-menu-1 {
    background-color: #002596;
  }
  #megaMenu #megaUber li#menu-item-38 .sub-menu-1 {
    background-color: #0085cf;
  }
  #megaMenu #megaUber li#menu-item-39 .sub-menu-1 {
    background-color: #77b800;
  }
  #megaMenu #megaUber li#menu-item-40 .sub-menu-1 {
    background-color: #ef8200;
  }
}

/**********
MEGA MENU TABLETS 
***********/
@media all and (max-width: 725px) {
  #megaMenu {
    background: url(../images/nav-bg.png) 0 0 repeat-x;
    margin: 60px 0 0px;
    padding: 0;
    z-index: 1000;
    -moz-box-shadow: 0 -2px 2px 0 #cccccc;
    -webkit-box-shadow: 0 -2px 2px 0 #cccccc;
    box-shadow: 0 -2px 2px 0 #cccccc;
  }

  #megaMenu #megaMenuToggle {
    padding: 25px 10px !important;
    font-size: 0.813em !important;
    font-weight: bold;
    color: #002596;
  }
  #megaMenu #megaMenuToggle:hover {
    -moz-opacity: 0.8;
    opacity: 0.8;
    filter: alpha(opacity=80);
  }

  #megaMenu #megaMenuToggle .megaMenuToggle-icon {
    float: left !important;
    margin-right: 0.5em;
  }

  #megaMenu #megaUber {
    position: absolute;
    width: 100%;
    height: auto;
    margin: -5px auto 0;
    padding: 0;
    background-color: #fff;
    z-index: 1000;
  }
  #megaMenu ul#megaUber li.ss-nav-menu-item-depth-0 {
    width: 100%;
    height: auto;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center;
    font-weight: bold;
    font-size: 1em;
    border-bottom: 1px solid #fff;
  }

  /* Normal Buttons */
  #megaMenu #megaUber li.nml-btn {
    background-color: #eeeeee;
  }
  li.nml-btn .um-anchoremulator {
    color: #464646;
  }
  li.nml-btn .sub-menu-1 {
    margin: 0 !important;
    background-color: #fff !important;
  }
  li.nml-btn .sub-menu-1 li a {
    margin: 0 !important;
    padding: 10px 0 !important;
    color: #464646;
  }
  li.nml-btn .sub-menu-1 li a:hover {
    background-color: #eee !important;
  }

  #megaMenu #megaUber li.lg-btn {
    color: #fff !important;
  }
  #megaMenu #megaUber li#menu-item-37 {
    background-color: #002596;
  }
  #megaMenu #megaUber li#menu-item-38 {
    background-color: #0085cf;
  }
  #megaMenu #megaUber li#menu-item-39 {
    background-color: #77b800;
  }
  #megaMenu #megaUber li#menu-item-40 {
    background-color: #ef8200;
  }

  #megaMenu ul.megaMenu li.nml-btn > span.um-anchoremulator:after {
    border-color: #464646 transparent transparent !important;
    margin: 0 10px 0 0;
    top: 50% !important;
  }
  #megaMenu ul.megaMenu li.lg-btn > span.um-anchoremulator:after {
    border-color: #ffffff transparent transparent !important;
    margin: 0 10px 0 0;
    top: 50% !important;
  }

  #megaMenu #megaUber .sub-menu {
    left: 0 !important;
    position: inherit !important;
    border: none !important;
  }
  #megaMenu #megaUber #menu-item-37 .sub-menu {
    background-color: #003399;
  }
  #megaMenu #megaUber #menu-item-38 .sub-menu {
    background-color: #0099cc;
  }
  #megaMenu #megaUber #menu-item-39 .sub-menu {
    background-color: #99cc33;
  }
  #megaMenu #megaUber #menu-item-40 .sub-menu {
    background-color: #ff9933;
  }

  #megaMenu #megaUber .sub-menu li {
    width: 50%;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 0.875em !important;
    text-align: center;
  }
  #megaMenu #megaUber li.lg-btn .sub-menu li a {
    display: block;
    margin: 0;
    padding: 10px 0;
    color: #fff;
  }
  #megaMenu #megaUber #menu-item-37 .sub-menu li a:hover {
    background-color: #002596;
  }
  #megaMenu #megaUber #menu-item-38 .sub-menu li a:hover {
    background-color: #0085cf;
  }
  #megaMenu #megaUber #menu-item-39 .sub-menu li a:hover {
    background-color: #77b800;
  }
  #megaMenu #megaUber #menu-item-40 .sub-menu li a:hover {
    background-color: #ef8200;
  }

  #megaMenu #megaUber .sub-menu li .wpmega-link-title {
    padding: 0 !important;
  }
  #megaMenu #megaUber .sub-menu li img {
    display: none !important;
  }
  #megaMenu #megaUber .sub-menu li .wpmega-item-description {
    display: none;
  }
}

/**********
MEGA REMOVE LINE LEVEL ARROW
***********/
@media all and (max-width: 800px) and (min-width: 726px) {
  #megaMenu ul.megaMenu li.lg-btn > span.um-anchoremulator:after,
  #megaMenu ul.megaMenu li.nml-btn > span.um-anchoremulator:after {
    display: none !important;
  }
}

/**********
MEGA MOBILE DEVICE NAVIGATION LISTS
***********/
@media all and (max-width: 726px) and (min-width: 601px) {
  #megaMenu #megaUber .sub-menu li {
    width: 33.333333%;
  }
}
@media all and (max-width: 600px) and (min-width: 401px) {
  #megaMenu #megaUber .sub-menu li {
    width: 50%;
  }
}
@media all and (max-width: 400px) {
  #megaMenu #megaUber .sub-menu li {
    width: 100%;
    text-align: center;
  }
}

/**********
MEGA MOBILE DEVICE
***********/
@media all and (max-width: 725px) {
  #megaMenu #megaUber li.ss-nav-menu-mega {
    font-size: 0.75em;
  }
  #megaMenu #megaUber .ss-nav-menu-reg {
    font-size: 0.75em;
  }

  #megaMenu
    ul.megaMenu
    li.menu-item.ss-nav-menu-reg
    li.menu-item.megaReg-with-sub
    > a:after,
  #megaMenu ul.megaMenu li.menu-item.mega-with-sub > a:after,
  #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > a:after,
  #megaMenu
    ul.megaMenu
    li.menu-item.ss-nav-menu-reg
    li.menu-item.megaReg-with-sub
    > span.um-anchoremulator:after,
  #megaMenu
    ul.megaMenu
    li.menu-item.mega-with-sub
    > span.um-anchoremulator:after,
  #megaMenu
    ul.megaMenu
    li.menu-item.ss-nav-menu-mega
    > span.um-anchoremulator:after {
    display: none !important;
  }

  #megaMenu #megaUber .sub-menu li .wpmega-link-title {
    font-size: 1.25em;
  }
  #megaMenu #megaUber .sub-menu li .wpmega-item-description {
    display: none;
  }
}

/**********
REMOVE MEGA MENU CLASSES
***********/
#megaMenu ul.megaMenu a span.uber-close,
#megaMenu ul.megaMenu span.um-anchoremulator span.uber-close {
  display: none !important;
}
/* MEGA MENU END */

/**********
RAZORS EDGE ONLINE GIFT FORM 
***********/
.giftWrap {
  display: block;
  float: left;
  width: 95%;
  height: auto;
  margin: 0.625em 2%;
  padding: 0;
}
.giftWrap #bboxdonation_BBEmbeddedForm {
  display: block;
  width: 100%;
  height: auto;
  margin: 0.625em 0;
  padding: 0;
}
#bboxdonation_recurrence_chkMonthlyGift,
.giftWrap #bboxdonation_billing_chkAnonymous {
  width: auto !important;
}
.giftWrap .BBFormButtonRow {
  padding: 0 0 1em;
}
.giftWrap p {
  margin: 0 0 0.938em;
  line-height: 1.5em;
}

/***Form STYLING***/
@media all and (max-width: 863px) and (min-width: 580px) {
  .BBFormFieldLabel {
    width: 100% !important;
    text-align: left !important;
  }
  #bboxdonation_payment_lblExpiryLbl,
  #bboxdonation_payment_lblSecCode {
    margin: 0 !important;
  }
  #bboxdonation_comment_fldComments {
    margin: 0 15px 0 !important;
  }
}

/***Thank you message STYLING***/
.giftWrap #bboxdonation_divThanks {
  padding: 1em !important;
}
.giftWrap #bboxdonation_divThanks ul {
  padding: 1em;
}
.giftWrap #bboxdonation_divThanks ul li {
  margin: 0.625em;
  list-style: disc !important;
}
.giftWrap #bboxdonation_divThanks a {
  text-decoration: underline !important;
  color: #002596 !important;
}

/**********
CONTACT FORM 7
***********/
div.wpcf7-response-output {
  width: 96%;
  margin: -40px 0 25px !important;
  padding: 0.25em 2% !important;
}
.wpcf7-form-control-wrap span.wpcf7-not-valid-tip {
  position: static !important;
  padding: 9px 0 !important;
}

/**********
WIDGET Video Lightbox
***********/
.pp_description {
  font-size: 1em !important;
  font-weight: normal !important;
}

/**********
Careers Page Profile Tabs
***********/
.profileWrap {
  display: block;
  float: left;
  width: 100%;
  height: auto;
  margin: 0 auto 1em;
}

ul.hrTabs {
  display: block;
  float: left;
  width: 100%;
  height: auto;
  margin: 0px;
  padding: 0px;
  list-style: none;
}

ul.hrTabs li {
  display: inline;
  float: left;
  width: 25%;
  height: auto;
  padding: 0.9em 0 0;
  margin: 0;
  color: #222;
  background: #ffffff;
  cursor: pointer;
}
ul.hrTabs li img {
  float: left;
  width: 100% !important;
  height: inherit !important;
}
ul.hrTabs li.current {
  padding: 0.625em 0 0 !important;
  background: #f1f1f1;
  color: #222;
  border-bottom: 4px solid #ef8200;
}

.tab-content {
  position: relative;
  display: none;
  float: left;
  width: 96%;
  height: auto;
  min-height: 200px;
  padding: 0 2% 2%;
  background: #f1f1f1;
  border-bottom: 4px solid #ef8200;
}
.tab-content img {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 28%;
  height: inherit;
}
.tab-content p {
  display: block;
  width: 72%;
  height: inherit;
  margin: 0;
  padding: 0.625em 0 0;
}
.tab-content.current {
  display: inherit;
}

/**********
POP-UP Home Page Lightbox
***********/
#mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100% !important;
  z-index: 100000;
  background-color: #000;
  display: none;
}

#boxes .window {
  position: fixed;
  left: 10% !important;
  top: 10% !important;
  width: 80% !important;
  max-width: 80%;
  height: inherit !important;
  display: none;
  z-index: 100001;
  padding: 1% !important;
  border-radius: 15px;
  text-align: center;
}

#boxes #dialog {
  padding: 1%;
  background-color: #ffffff;
}
#boxes p {
  width: 60%;
  height: auto;
  margin: 1em auto 0;
}
#boxes .dmBtn,
#boxes .dmBtn:hover {
  display: block;
  width: 50%;
  height: auto;
  padding: 0.625em 0.938em;
  margin: 0.625em auto;
  background-color: #002596;
  color: #ffffff !important;
  font-size: 1em;
  text-align: center;
  text-decoration: none !important;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; /* future proofing */
  -khtml-border-radius: 5px; /* for old Konqueror browsers */
}

/**********
App Dropdown CSS
***********/
@media all and (max-width: 725px) {
  .appWrap {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    background-color: rgba(0, 0, 0, 0.85);
    z-index: 100;
  }
  .appContent {
    display: block;
    float: left;
    width: 90%;
    height: auto;
    margin: 0.5em auto;
    padding: 0 5%;
  }
  .appContent .appIcon {
    display: block;
    float: left;
    width: 75px;
    height: 75px;
    background: url(//www.dcgoodwill.org/wp-content/uploads/2016/11/75x75_app_icon.png)
      0 0 no-repeat;
  }
  .appContent .appClose {
    position: absolute;
    top: -20px;
    right: 1%;
    display: block;
    width: 40px;
    height: 40px;
    background: url(images/app_close_btn.png) 0 0 no-repeat;
  }
  .appContent .appDetails {
    position: absolute;
    bottom: 1.75em;
    right: 5%;
    display: block;
    width: auto;
    height: 50px;
    margin: 0;
    font-size: 14px;
    color: #fff;
    text-align: right;
  }
  .appDetails .ctaApp {
    display: block;
    width: 100%;
    height: auto;
    margin: 0.25em 0 0.35em;
    padding: 0;
  }
  .appDetails a.installBtn {
    display: block;
    float: right;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0.5em 1.25em;
    font-size: 18px;
    color: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; /* future proofing */
    -khtml-border-radius: 5px; /* for old Konqueror browsers */
  }
}

/**********
WP STORE LOCATOR PLUGIN
***********/
/***Locator Search Form***/
.wpsl-search {
  width: 90%;
  height: auto;
  margin: 0 !important;
  padding: 1% 5% 1.25em !important;
  border-bottom: 7px solid #ccc;
}
/***Locator Search Form No. of Results***/
#wpsl-wrap #wpsl-results {
  display: none !important;
}
/***Locator Search Form Fields***/
#wpsl-search-wrap .wpsl-input,
#wpsl-search-wrap .wpsl-select-wrap {
  float: left;
  height: auto;
  margin: 0 !important;
}
.wpsl-input div,
#wpsl-radius label {
  width: 100% !important;
  margin: 0 !important;
}
#wpsl-search-wrap .wpsl-input label {
  float: left;
  width: 95%;
  height: auto;
  margin: 0 5% 0 0 !important;
}
#wpsl-search-wrap label {
  font-size: 0.75em;
  font-weight: bold;
}
.wpsl-input #wpsl-search-input {
  width: 85% !important;
  margin: 0 5% 0 0 !important;
  padding: 0.5em 5% !important;
}
/***Locator Search Form Button***/
#wpsl-search-wrap .wpsl-search-btn-wrap {
  float: left;
  width: 100%;
  height: auto;
  margin: 1em 0 0 !important;
}
.wpsl-search-btn-wrap #wpsl-search-btn {
  width: 90%;
  height: auto;
  margin: 0 5% !important;
  color: #fff !important;
  background: #77b800 !important;
}
.wpsl-search-btn-wrap #wpsl-search-btn:hover {
  -moz-opacity: 0.8;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
/***Locator Search List Results***/
#wpsl-result-list ul {
  width: 95% !important;
  padding: 10px 0 !important;
}
#wpsl-result-list ul li {
  padding: 10px 0 !important;
  font-size: 0.875em !important;
}
#wpsl-result-list li p.locCategory {
  margin: 0 !important;
  font-size: 0.75em !important;
  text-transform: uppercase;
  font-weight: bold;
}
#wpsl-result-list .wpsl-store-location {
  margin: 0 0 0.625em !important;
}
/***Location Detail Page***/
/***Location Header Styles***/
.single-wpsl_stores #page-header h1 {
  padding: 0.45em 5% 0 !important;
  font-weight: normal !important;
}
.single-wpsl_stores #page-header h2 {
  padding: 0.45em 5% 0.35em !important;
  font-family: Raleway, Arial, Helvetica, sans-serif;
  font-weight: normal !important;
}
/***Location Image Styles***/
.locImg {
  border-top: 4px solid #002596;
  border-bottom: 4px solid #002596;
}
/***Location Detail Styles***/
.wpsl-store-location p {
  line-height: 1.5em !important;
}
.single-wpsl_stores ul small,
.single-wpsl_stores ul.locHours {
  font-size: 0.875em !important;
}
/***Location Default Details***/
.wpsl-locations-details {
  display: none !important;
}