/*
	Theme Name: Samaritan's Purse
	Theme URI: https://samaritanspurse.org
	Description: Custom WordPress theme for Samaritan's Purse.
	Author: Samaritan's Purse
	Author URI: https://samaritanspurse.org
	Template: genesis
	Template Version: 1.9

*/

body,
h1,
h2,
h2 a,
h2 a:visited,
h3,
h4,
h5,
h6,
p,
select,
textarea {
            color: #3c3c3c;
            font-size: 14px;
            font-weight: 400;
            line-height: 1.4em;
            margin: 0;
            padding: 0;
            text-decoration: none;
}

input,
select,
textarea,
.author-box,
.breadcrumb,
.taxonomy-description,
.wp-caption {
            color: black;
            font-size: 12px;
}
li,
ol,
ul {
            margin: 0;
            padding: 0;
}
ol li {
            list-style-type: decimal;
}

/* Defaults */
.author-box,
.breadcrumb,
.taxonomy-description,
.wp-caption,
blockquote,
body,
h1,
h2,
h2 a,
h2 a:visited,
h3,
h4,
h5,
h6,
input,
p,
select,
textarea {
            font-family: 'Roboto', sans-serif;
}
body {
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
}
.blogByLine {
            font-style: italic;
            margin-bottom: 15px;
}
/* 2018-06-08 font-awesome removed, replacing with png/svg */
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
            content: url(https://sp-comm-arkfiles.s3.theark.cloud/website/global/navigation_icon.png);
}

.ubermenu-responsive-toggle .fa {
            width: 1em !important;
            margin-right: 0.9em !important;
}

code {
            font: 13px Monaco;
}
pre {
            background: #333;
            color: white;
            padding: 20px;
            margin: 0 0 20px 0;
}

/* Helper Classes */
.hidden {
            display: none !important;
            visibility: hidden;
}
.clear {
            clear: both;
}
.anchor-offset {
            position: relative;
            display: block;
            top: -125px;
}
.divider {
            border-bottom: 1px solid #e5e5e5;
            margin: 40px 0;
}
.border {
            border-bottom: 1px solid #e5e5e5;
            margin: 10px 0;
}
.center {
            text-align: center;
}

/* Mozilla error resets */
:invalid {
            box-shadow: none;
}
:-moz-submit-invalid {
            box-shadow: none;
}
:-moz-ui-invalid {
            box-shadow: none;
}

/* Hyperlinks */
a,
a:visited {
            color: #0d72c7;
            text-decoration: none;
}
a:hover {
            text-decoration: underline;
}
a img {
            border: none;
}

::-moz-selection {
            background-color: #0d72c7;
            color: #fff;
}
::selection {
            background-color: #fff0ad;
            color: #333;
}

h3 {
            font-weight: 700;
}

/* short code buttons */
.sc-button {
            background: #666666;
            text-shadow: 1px 1px 1px #000;
            -webkit-border-radius: 1px;
            -moz-border-radius: 1px;
            border-radius: 1px;
            -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
            -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
            box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
            cursor: pointer;
            padding: 1px;
            vertical-align: middle;
            display: inline-block;
            overflow: hidden;
            float: right;
}

.sc-button span,
button.sc-button {
            border-top: 1px solid rgba(255, 255, 255, 0.25);
            -webkit-border-radius: 1px;
            -moz-border-radius: 1px;
            border-radius: 1px;
            color: #fff;
            display: block;
            font-size: 13px;
            padding: 6px 12px;
            text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
            text-family: roboto condensed;
            text-transform: uppercase;
}
button.sc-button {
            padding: 3px 5px;
}

.diSuggested button.directCheckout {
            margin-top: 5px;
}

/**********************************/
/* START - Article Grid Shortcode */
/**********************************/

ul.articleGrid {
            list-style: none;
            text-align: center;
}

ul.articleGrid li {
            display: inline-block;
            position: relative;
            width: 360px;
            height: 385px;
            margin: 7px 7px !important;
            background: white;
            border: 1px solid #dfe0e4;
}
ul.articleGrid li div.gcWrap {
            left: 0;
            position: absolute;
            top: 0;
            padding-bottom: 5px;
}
ul.articleGrid li div.gcWrap img.diFeatImg {
            border-bottom: 3px solid white;
            height: 220px;
            width: 360px;
}
ul.articleGrid a {
            text-decoration: none;
            color: black;
}
ul li div.gcWrap div.catDate {
            display: none;
}
ul.articleGrid li div.gcWrap div.catDate {
            font-size: 12px;
            color: #5c5c5c;
            margin: 0 20px;
            padding: 12px 0;
            display: block;
}
ul.articleGrid li div.gcWrap div.catDate span.cat {
            float: left;
}
ul.articleGrid li div.gcWrap div.catDate span.date {
            float: right;
}
ul.articleGrid li div.gcWrap div.diTitle {
            height: 115px;
            line-height: 1;
            position: relative;
            margin: 20px;
            clear: both;
}
ul.articleGrid li div.gcWrap div.diTitle div.diTitleWrap {
            text-align: left;
}
ul.articleGrid li div.gcWrap div.diTitle div.diTitleWrap a {
            color: black;
            font-size: 18px;
            font-style: bold;
}
ul.articleGrid li div.gcWrap span.diExcerpt {
            font-size: 14px;
            display: block;
            margin: 20px 5px 10px 0;
            font-style: normal !important;
}

.gcItemTitle {
            float: left;
            width: 75%;
            height: 65px;
            display: block;
            text-align: center;
}
.gcItemTitle h3 {
            font-size: 24px;
            line-height: 18px;
            margin-bottom: 0;
            padding: 23px 0 0 0;
}
.gcItemTitle h4 {
            font-size: 16px;
}

.gcDonateButton {
            float: left;
            width: 25%;
            background-color: #b7bd19;
            display: block;
            height: 65px;
            text-align: center;
}

.gcDonateButton a {
            padding: 20px 0;
            color: #fff;
            font-size: 21px;
            display: block;
            font-weight: bold;
}

.gcItemText {
            margin: 40px 0 40px 0;
            clear: both;
}

@media (max-width: 765px) {
            .gcItemTitle {
                        width: 100%;
                        float: none;
            }

            .gcItemTitle h3 {
                        font-size: 20px;
                        line-height: 20px;
            }

            .gcDonateButton {
                        width: 100%;
                        float: none;
            }
            .gcItemText {
                        margin: 60px 0 40px 0;
                        clear: both;
            }
}

@media (max-width: 500px) {
            .gcItemTitle h3 {
                        font-size: 14px;
                        line-height: 12px;
            }

            .gcItemTitle h4 {
                        font-size: 12px;
            }

            .gcItemText {
                        margin: 60px 0 40px 0;
                        clear: both;
                        font-size: 12px;
            }

            .gcDonateButton {
                        height: 45px;
                        font-size: 12px;
            }

            .gcDonateButton a {
                        padding: 10px 0;
                        color: #fff;
                        font-size: 16px;
                        display: block;
            }

            .gcAllItemsBlue {
                        padding: 12px 45px;
            }
}

/**********************************/
/* END - Article Grid Shortcode */
/**********************************/

/* New fullwidth button designed by DHenn */
.dh-wrapper {
            width: 100%;
            max-width: 764px;
            margin: 40px 0;
            float: left;
}
.dh-button-wrapper {
            width: 100%;
            background-color: #b7bc18;
            border-bottom: 1px solid #707211;
            display: block;
            float: left;
}
.dh-button-text {
            width: 89%;
            text-align: center;
            color: #fff;
            padding: 14px 0 4px;
            float: left;
            font-size: 16px;
            font-family: 'Roboto', sans-serif;
}
.dh-button-icon {
            width: 10%;
            background-color: #8c8c34;
            text-align: center;
            float: right;
            padding: 13px 0;
            display: block;
            min-height: 17px;
}
.dh-button-icon img {
            width: 40%;
            height: auto;
}

@media (max-width: 500px) {
            .dh-button-text {
                        width: 87%;
                        padding: 13px 0 4px;
            }
            .dh-button-icon {
                        width: 12%;
                        padding: 15px 0;
            }
}

a.sc-button:hover {
            text-decoration: none !important;
}
.sc-button:hover {
            background: #00a1de;
} /* Default  */
.sc-button:active {
            background: #558938;
}

.green-button {
            background: #b7bb2f;
} /* Green Button  */
.green-button:hover {
            background: #d8dc55;
}
.green-button:active {
            background: #d8dc55;
}

.blue-button {
            background: #002e57;
} /* Green Button  */
.blue-button:hover {
            background: #28649a;
}
.blue-button:active {
            background: #28649a;
}

.lightblue-button {
            background: #00a1de;
} /* Light Blue Button  */
.lightblue-button:hover {
            background: #20aade;
}
.lightblue-button:active {
            background: #20aade;
}
.lightblue-button a,
.lightblue-button a:hover {
            color: #ffffff;
            text-decoration: none;
}

.red-button {
            background: #db402d;
} /* Light Blue Button  */
.red-button:hover {
            background: #f3250b;
}
.red-button:active {
            background: #f3250b;
}
.red-button a,
.red-button a:hover {
            color: #ffffff;
            text-decoration: none;
}

.image-gallery-button {
            background: #db4951;
} /* Camera Button */
.image-gallery-button:hover {
            background: #d7252f;
}
.image-gallery-button:active {
            background: #d7252f;
}

.wsh-button {
            background: #00a1de;
} /* WSH Button */
.wsh-button:hover {
            background: #45bae6;
}
.wsh-button:active {
            background: #45bae6;
}

/* alignment */
.left-button {
            float: left;
            margin: 10px;
}
.inline {
            display: inline-block;
}

/* Body */
body {
            background: #ebebeb;
            font-size: 100%;
}

/* ------------------------------------------------------------ */
/* Site Wrapper */

#wrap {
            margin: 0 auto;
            max-width: 1905px;
            overflow: hidden;
            padding: 0;
            position: relative;
            width: 100%;
}

#site-wrapper {
            margin: 0 auto;
            width: 100%;
}

.wrap {
            width: 100%;
}

/**************************************************
 *
 * START SITE HEADER:
 *
/**************************************************/

#site-wrapper #gblCart {
            width: 100%;
            background: #b7bc18;
            height: 40px;
            position: fixed;
            z-index: 9999;
}
.show-with-items.gblCartSpacer {
            height: 40px;
}
#site-wrapper #gblCart #gblCartWrap {
            width: 100%;
            max-width: 1140px;
            margin: 0 auto;
}
#site-wrapper #gblCart #gblCartWrap #gblCartContent {
            float: right;
            font-size: 16px;
            font-weight: bold;
            margin-top: 9px;
}
#site-wrapper #gblCart #gblCartWrap #gblCartContent #chkNow {
            background: #909412;
            margin-left: 15px;
            padding: 11px 10px 10px;
            cursor: pointer;
            color: black;
            text-decoration: none;
}
/* target web kit for 2 pixel shift */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
            #site-wrapper #gblCart #gblCartWrap #gblCartContent #chkNow {
                        padding: 11px 10px 11px 10px;
            }
}

#site-wrapper #gblCart #gblCartWrap #gblCartContent a:hover {
            text-decoration: none;
}
#site-wrapper #gblCart #gblCartWrap .mobileHide {
            display: inline;
}

#header {
            clear: both;
            height: 72px;
            width: 100%;
            z-index: 1010;
            background-color: #373737;
}

#header > div.wrap {
            margin: 0 auto;
            max-width: 1140px;
            height: 75px;
            position: relative;
}
.sub-nav > div.wrap {
            margin: 0 auto;
            max-width: 1140px;
}

#header-right {
            float: right;
            padding: 0 12px 0 0;
            height: 62px;
}

#site-wrapper .sub-nav {
            height: 60px;
            width: 100%;
            z-index: 1;
}
#site-wrapper .sub-nav #catNavTitle a {
            font-family: roboto condensed;
            color: white;
            float: left;
            font-size: 18px;
            margin: 18px 0 0 22px;
            text-transform: uppercase;
            text-decoration: none;
}
.regTrademark {
            font-size: 10px;
            vertical-align: top;
            position: relative;
            top: -8px;
}
#homeAlertWrap {
            background-color: #fff;
            text-align: center;
            max-width: 1140px;
            width: 100%;
            border-width: 0 1px 1px;
            border-style: solid;
            border-color: #e5e6e9 #dfe0e4 #d0d1d5;
            margin: 0 auto;
}
#homeAlertWrap.homeAlertClosed {
            border: none;
}
#homeAlert #homeSubNavTitle,
#homeAlert #homeSubNavDate,
#homeAlert #homeAlertTitle {
            font-size: 18px;
            padding-top: 18px;
            text-transform: uppercase;
            color: white;
            font-family: roboto condensed;
}
#homeAlert #homeSubNavTitle a {
            color: white;
            text-decoration: none;
}
#homeAlert #homeAlertTitle {
            margin-left: 15px;
            float: left;
            color: black;
            margin-right: 40px;
}
#homeAlert #homeSubNavTitle {
            float: left;
            margin-left: 5px;
}
#homeAlert #homeSubNavDate {
            float: right;
            margin-right: 20px;
}
#homeAlert #homeMiniWrapLeft {
            width: 50%;
            float: left;
            max-width: 570px;
}
#homeAlert #homeMiniWrapRight {
            width: 50%;
            float: right;
            max-width: 570px;
            background: white;
            height: 60px;
            position: relative;
            cursor: pointer;
}
#homeAlert #homeAlertOpen {
            padding-right: 10px;
            padding-top: 10px;
            position: absolute;
            right: 0;
}

div#homeAlertContent {
            background-color: #fff;
            padding: 15px 0;
            display: inline-block;
}

div#homeAlertContent .dropdown-wrapper {
            width: 100%;
            max-width: 1140px;
            margin: 0 auto;
            display: inline-block;
}

div#homeAlertContent .dropdown-wrapper .content-area-1 {
            width: 50%;
            float: left;
            padding-left: 0;
            height: auto;
}

div#homeAlertContent .dropdown-wrapper .content-area-2 {
            width: 50%;
            float: left;
            padding-right: 0;
            height: auto;
}

#navSearchWrap {
            position: absolute;
            right: 0;
            top: 12px;
}
#navSearchWrap img {
            cursor: pointer;
            position: relative;
            z-index: 5001;
            top: 1px;
            float: right;
}
#navSearch {
            background: url('//sp-comm-arkfiles.s3.theark.cloud/website/global/uber-menu/menu-search-bkg.png')
                        no-repeat scroll;
            float: left;
            height: 50px;
            position: relative;
            top: 1px;
            width: 180px;
            z-index: 5000;
            left: 30px;
}
#navSearch input {
            background: none repeat scroll 0 0 #ededed;
            border: 0 none;
            height: 30px;
            margin-left: 10px;
            margin-top: 5px;
            width: 145px;
}

#title-area {
            float: left;
            overflow: hidden;
            padding: 0;
            width: 27%;
            cursor: pointer;
            margin-top: 10px;
            margin-left: 5px;
            position: absolute;
            z-index: 4000;
}

/************ Start Ubermenu overrides ***************************/

#site-wrapper .sub-nav .ubermenu-horizontal {
            background: none !important;
} /*turn off background color so it can inherit the sub-nav div color*/
body.campaign-operation-christmas-child div.sub-nav > div.wrap > p,
body.campaign-operation-christmas-child-espanol div.sub-nav > div.wrap > p {
            margin: 0 !important;
} /* fixes extra gap thanks to p tag on ubermenu update, and bootstrap

/* main nav overrides */
ul.ubermenu-nav > li > a,
ul.ubermenu-nav > li > a:hover {
            cursor: default !important;
}
div#nav .ubermenu {
            background: #373737 !important;
            border: 0 !important;
            color: white !important;
            height: 72px !important;
            width: 87%;
            z-index: 2;
            margin-right: 150px;
}
div#nav .ubermenu ul.ubermenu-nav > li:hover {
            background: #262626 !important;
}
div#nav .ubermenu ul.ubermenu-nav > li > a.ubermenu-target {
            color: white !important;
            padding: 27px 14px !important;
            font-size: 14px;
            font-family: roboto condensed;
}
div#nav .ubermenu ul.ubermenu-nav > li > ul {
            color: white !important;
            background: #262626 !important;
            min-height: 60px !important;
}
div#nav .ubermenu ul.ubermenu-nav > li > ul .ubermenu-target-title,
div#nav .ubermenu ul.ubermenu-nav > li > ul .ubermenu-submenu {
            color: white;
            z-index: 999 !important;
}
.ubermenu-responsive-toggle {
            float: right;
            margin-top: 10px !important;
            margin-right: 45px !important;
            color: white;
}
li.ministry-title span.ministry-title {
            display: block;
            margin-bottom: 5px;
            border-bottom: 1px dotted #fff !important;
            padding-bottom: 0;
            padding-left: 0;
            margin-left: 20px;
            font-size: 13px;
            font-weight: bold;
}
span.min-hide span.ubermenu-target-title {
            display: block;
            visibility: hidden;
}
ul.ubermenu-submenu li.ubermenu-item a.ubermenu-target {
            padding-bottom: 20px;
            padding-top: 0;
}
ul.ubermenu-submenu li.ubermenu-item a.ubermenu-target span {
            font-size: 13px;
}
.ubermenu
            .ubermenu-submenu-type-stack
            > .ubermenu-item-normal
            > .ubermenu-target {
            padding-bottom: 8px;
            padding-top: 0;
            display: block;
}
div#nav .ubermenu ul.ubermenu-nav {
            position: relative;
            z-index: 4000;
            display: block;
}
div#nav .ubermenu ul.ubermenu-nav .ubermenu-target {
            background: none;
}

ul.ubermenu-submenu
            li.ubermenu-item
            a.ubermenu-target
            span.ubermenu-target-title:hover {
            color: #a4a4a4 !important;
}

.ubermenu-cat_nav ul.ubermenu-nav li.ubermenu-item a.ubermenu-target {
            font-size: 13px;
            z-index: 0;
}
.ubermenu-cat_nav .ubermenu-nav ul.ubermenu-submenu {
            background: white;
}

/* cat_nav overrides */
.ubermenu-cat_nav .ubermenu-item-level-0 > .ubermenu-target {
            color: #ffffff;
            padding: 22px 14px 22px;
}
.ubermenu-cat_nav.ubermenu-notouch
            .ubermenu-item-level-0:hover
            > .ubermenu-target,
.ubermenu-cat_nav .ubermenu-item-level-0.ubermenu-active > .ubermenu-target {
            background: #fff;
            color: black;
}
.ubermenu-target:focus,
.ubermenu-nav:focus,
.ubermenu-item:focus {
            outline: none !important;
            box-shadow: none !important;
}
.ubermenu-cat_nav ul.ubermenu-nav li.ubermenu-item a.subnav-lists {
            text-transform: none;
            padding-bottom: 5px;
            padding-top: 5px;
            color: #000000;
}

/************ End Ubermenu overrides ***************************/

/************ Ubermenu Fix For Safari Mobile ***************************/
.ubermenu .ubermenu-item .ubermenu-submenu-drop {
            visibility: visible !important;
}
.ubermenu .ubermenu-item.ubermenu-active .ubermenu-submenu-drop {
            display: block !important;
}
.ubermenu .ubermenu-item .ubermenu-submenu-drop {
            display: none !important;
}
/************ END Ubermenu Fix For Safari Mobile ***************************/

/* Social Media stuff
------------------------------------------------------------ */

div.social-bar {
            border-bottom: 1px solid #c2c2c2;
            border-top: 1px solid #c2c2c2;
            margin-top: 10px;
            margin-bottom: 20px;
            width: 100%;
            padding-top: 0 !important;
            text-align: center;
}
div.social-bar div {
            display: inline-block;
            margin: 0 7px;
            cursor: pointer;
}
div.social-bar img {
            border: 0;
            width: 30px;
            height: auto;
            vertical-align: baseline;
}
div.social-bar span {
            position: relative;
            top: -10px;
}

.sidebar-after-related .widgettitle {
            font-size: 14px;
            text-align: center;
            font-weight: bold;
}

.sidebar-after-related .cff-text,
.sidebar-after-related .cff-post-desc,
.sidebar-after-related .cff-date {
            font-size: 12px;
            color: #3c3c3c;
}
.sidebar-after-related .cff-desc-wrap,
.sidebar-after-related .cff-text-link {
            display: none;
}

#megaUber .megamenu-donate-button {
            background: url('//sp-comm-arkfiles.s3.theark.cloud/website/global/header-nav-checkout.png')
                        no-repeat scroll 5px 8px transparent;
            width: 170px;
}

#megaUber .megamenu-donate-button span {
            padding-left: 10px;
}
#megaUber .megamenu-donate-button span.cart-count {
            color: #ffffff;
            display: block;
            font-size: 18px;
            font-weight: 600;
            padding-top: 3px;
            position: absolute;
            right: 6px;
            text-align: center;
            text-shadow: 0 -1px rgba(92, 92, 92, 0.43);
            top: 10px;
            width: 38px;
}

#megaUber li.megamenu-donate a:hover {
            background: none !important;
            font-weight: 600;
}

/* LP Main Image
------------------------------------------------------------ */

.lp-main-image {
            position: relative;
            z-index: -1;
}

.lp-main-image img {
            max-height: 100%;
            width: 100%;
}

#articleDonateBookmark {
            position: relative;
            top: -125px;
            display: block;
}

/* Inner
------------------------------------------------------------ */

#inner {
            max-width: 1140px;
            clear: both;
            margin: 0 auto;
            margin-bottom: 50px !important;
            position: relative;
            z-index: 0;
}

/* Content-Sidebar Wrap  - wraps both the Post Content and the Sidebar
------------------------------------------------------------ */

#content-sidebar-wrap {
            height: 100%;
}

.content-sidebar #content-sidebar-wrap,
.full-width-content #content-sidebar-wrap {
            width: 100%;
}

/* Content
------------------------------------------------------------ */

#content {
            float: left;
            width: 67%;
            margin-top: 6px;
            position: relative;
            z-index: 1;
}
.home #content {
            position: relative;
}
.full-width-content #content {
            width: 100%;
}

.post {
            margin: 0;
}

.entry-content {
            overflow: hidden;
            margin: 0 2% 0 2%;
}

.entry-content p {
            margin: 0 0 25px;
}

blockquote {
            position: relative;
            padding-left: 1em;
            border-left: 0.2em solid #b17b08;
}
blockquote p {
            font-size: 21px !important;
            line-height: 1.5em;
            font-weight: 400;
            color: #b17b08;
            font-family: roboto slab;
}

.clear {
            clear: both;
}

/* Default Search Results
------------------------------------------------------------ */

.search-results-wrap {
            background: #fff url(images/default-article-bg.png) repeat-y scroll
                        0 0;
            -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08);
            -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08);
            box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08);
            margin: 20px 0 0 20px;
            padding: 50px;
            position: relative;
            z-index: 1000;
}

.search-results span.searchExerpt {
            display: block;
}

.search-results .catIcon {
            display: inline-block;
            height: 22px;
            margin-left: 0;
            width: 30px;
}

.search-results .category-sudan .catIcon {
            background: url('//sp-comm-arkfiles.s3.theark.cloud/website/global/nav-icons.png')
                        no-repeat scroll 0 2px;
}
.search-results .category-animals-and-agriculture .catIcon {
            background: url('//sp-comm-arkfiles.s3.theark.cloud/website/global/nav-icons.png')
                        no-repeat scroll 10px -38px;
}
.search-results .category-children .catIcon {
            background: url('//sp-comm-arkfiles.s3.theark.cloud/website/global/nav-icons.png')
                        no-repeat scroll 0 -76px;
}
.search-results .category-construction .catIcon {
            background: url('//sp-comm-arkfiles.s3.theark.cloud/website/global/nav-icons.png')
                        no-repeat scroll 0 -115px;
}
.search-results .category-disaster .catIcon {
            background: url('//sp-comm-arkfiles.s3.theark.cloud/website/global/nav-icons.png')
                        no-repeat scroll 0 -160px;
}
.search-results .category-education-2 .catIcon {
            background: url('//sp-comm-arkfiles.s3.theark.cloud/website/global/nav-icons.png')
                        no-repeat scroll 0 -197px;
}
.search-results .category-feeding .catIcon {
            background: url('//sp-comm-arkfiles.s3.theark.cloud/website/global/nav-icons.png')
                        no-repeat scroll 0 -238px;
}
.search-results .category-medical .catIcon {
            background: url('//sp-comm-arkfiles.s3.theark.cloud/website/global/nav-icons.png')
                        no-repeat scroll 0 -278px;
}
.search-results .category-operation-christmas-child .catIcon {
            background: url('//sp-comm-arkfiles.s3.theark.cloud/website/global/nav-icons.png')
                        no-repeat scroll 0 -318px;
}
.search-results .category-water .catIcon {
            background: url('//sp-comm-arkfiles.s3.theark.cloud/website/global/nav-icons.png')
                        no-repeat scroll 0 -358px;
}
.search-results .category-our-ministry .catIcon {
            background: url('//sp-comm-arkfiles.s3.theark.cloud/website/global/nav-icons.png')
                        no-repeat scroll 0 -8px;
}

.search-results-image {
            background: #fff;
            margin: 121px 0 0 20px;
            padding: 5px;
}
.search-results-headline {
            font-size: 40px;
}
.search-results-results {
            font-size: 40px;
            font-weight: 600;
}

/* Default Posts (Static pages)
------------------------------------------------------------ */
#postTitleWrap {
            width: 100%;
            margin: 32px 0;
}
#postTitleWrap #postTitleCont {
            width: 100%;
            max-width: 1140px;
            margin: 0 auto;
            text-align: center;
}
#postTitleWrap #postTitleCont #postTitle h1 {
            font-size: 46px;
            letter-spacing: -1px;
            line-height: 35px;
            margin-bottom: 35px;
            font-weight: 700;
}
body.single-post .entry-content p,
body.single-post .entry-content ul {
            padding-left: 45px;
}

body.campaign-operation-christmas-child .entry-content p,
body.single-post .entry-content ul {
            padding-left: 0;
}

/* Default Article Template
------------------------------------------------------------ */

#artTitleWrap {
            margin: 15px auto 0;
            max-width: 1140px;
            width: 100%;
}
#artTitleWrap #artTitleCont {
            color: black;
            width: 100%;
            max-width: 1140px;
            margin: 0 0 0 2%;
}
#artTitleWrap #artTitleCont #artTitle h1 {
            font-size: 42px;
            margin-top: 45px;
            line-height: 42px;
            font-weight: 700;
}
#artTitleWrap #artTitleCont #artDate {
            font-family: roboto condensed;
            font-size: 14px;
            margin: 10px 0 30px;
            color: #787878;
            text-transform: uppercase;
}

.sp-article-wrap {
            position: relative;
            z-index: 1000;
            height: 100%;
}

.hentry {
            padding: 5px 0;
}
.post.hentry {
            padding: 0;
}

.single-sp-landing-pages .hentry {
            padding: 0;
}

.spbloghr {
            background-color: #464646;
            height: 12px;
}

.page-template-page_blog-php .hentry {
            border-bottom: 2px solid black;
}

.spphotolink {
            color: #fefcfc;
            background-color: #de4654;
            height: 48px;
            font-size: 14px;
            letter-spacing: -0.02em;
            position: relative;
            z-index: 999;
}
.spphotolink a {
            color: #fefcfc;
}
.spphotolink img {
            width: 48px;
            height: 48px;
            vertical-align: middle;
}
.spphotohr {
            background-color: #de4654;
            height: 12px;
}

.article-headline {
            color: #000;
            font-size: 32px;
            letter-spacing: -0.02em;
            font-weight: normal;
            line-height: 85%;
            display: block;
            margin-top: 30px;
            margin-bottom: 5px;
}
.stories-headline {
            color: #000000;
            display: block;
            font-size: 35px;
            font-weight: normal;
            letter-spacing: 3px;
            line-height: 85%;
            margin: 45px 10px 10px 30px;
            text-transform: uppercase;
}

.entry-content p {
            font-size: 16px;
}

.article-summary {
            font-size: 23px;
            margin: 20px 0;
            display: block;
}

.iframeWrap {
            position: relative;
            padding-bottom: 65.25%;
            padding-top: 30px;
            height: 0;
            overflow: hidden;
}
.iframeWrap iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
}

body.article .entry-content p.wp-caption-text {
            padding: 10px 0;
            max-width: 100%;
            color: #787878;
            margin: 0 10px 0 0;
            font-family: roboto condensed;
            text-transform: uppercase;
}
body.article .article-summary {
            font-size: 20px;
            font-family: roboto condensed;
            color: #787878;
            text-transform: uppercase;
}

#footerMoreArts {
            color: #33361f;
            border-bottom: 5px solid black;
            height: 35px;
            margin: 0 10px;
}
#footerMoreArts h3 {
            text-transform: none;
}

/* Column Classes
------------------------------------------------------------ */

.one-half {
            float: left;
            margin: 0 0 20px;
            padding-left: 3%;
            width: 48%;
            padding-top: 10px;
}

.first {
            clear: both;
            padding-left: 5%;
            padding-right: 2%;
}

/* Headlines
------------------------------------------------------------ */

h1,
h2,
h2 a,
h2 a:visited,
h3,
h4,
h5,
h6 {
            line-height: 1.25;
            margin: 0 0 10px;
}

h1 {
            font-size: 30px;
}

h2,
h2 a,
h2 a:visited {
            font-size: 28px;
}

h2 a,
h2 a:visited {
            color: #333;
}

h2 a:hover {
            color: #0d72c7;
            text-decoration: none;
}

h2.entry-title {
            color: #000;
            font-size: 40px;
            letter-spacing: -1px;
            margin-bottom: 0;
            padding-top: 10px;
            text-transform: uppercase;
}

.widget-area h2,
.widget-area h2 a {
            font-size: 14px;
            margin: 0 0 5px;
}

h3 {
            font-size: 24px;
}

h4 {
            font-size: 20px;
}

.widget-area h4 a {
            color: #333;
            text-decoration: none;
}

h5 {
            font-size: 18px;
}

/* Ordered / Unordered Lists
------------------------------------------------------------ */

.entry-content ol,
.entry-content ul {
            margin: 0;
            padding: 0 0 25px;
}

.archive-page ul li,
.entry-content ul li {
            list-style-type: square;
            margin: 0 0 0 30px;
            padding: 0;
}

.entry-content ol li {
            margin: 0 0 0 35px;
}

.archive-page ul ul,
.entry-content ol ol,
.entry-content ul ul {
            padding: 0;
}

/* Post Info
------------------------------------------------------------ */

.post-info {
            color: #ccc !important;
            font-size: 12px;
            font-weight: 700;
            letter-spacing: 1px;
            margin: 0 0 15px 0;
            padding-top: 10px;
            text-transform: uppercase;

            width: 100%;
            font-style: italic;
            display: inline-block;
}

.post-info a {
            color: #ccc !important;
}

.post-info a:hover {
            text-decoration: none;
}

.post-info .date {
            padding-top: 4px;
            float: left;
            font-style: normal;
            margin-right: 15px;
}

/* Images
------------------------------------------------------------ */

img {
            height: auto;
            max-width: 100%;
            width: auto\9; /** IE8 hack */
}

.post-image {
            background-color: #f5f5f5;
            border: 1px solid #ddd;
            padding: 4px;
}

.post-image {
            margin: 0 10px 10px 0;
}

.aligncenter {
            display: block;
            margin: 0 auto 10px;
}

img.alignnone {
            display: inline;
            margin: 0 0 10px;
}

img.alignleft {
            display: inline;
            margin: 0 15px 10px 0;
}

img.alignright {
            display: inline;
            margin: 0 0 10px 15px;
}

.alignleft {
            float: left;
            margin: 0 30px 30px 0;
}

.alignright {
            float: right;
            margin: 0 0 30px 30px;
}

.wp-caption {
            padding: 2% 0 0 0;
            max-width: 96%;
            width: auto;
            text-align: left;
            margin-bottom: 25px;
}

body.single-post .entry-content p.wp-caption-text {
            font-size: 13px;
            text-align: left;
            margin: 0;
            padding: 5px 10px 5px;
            font-family: roboto condensed;
            text-transform: uppercase;
}

p.wp-caption-text {
            font-family: roboto condensed;
            font-size: 13px;
            text-align: left;
            margin: 0;
            padding: 5px 10px 5px;
}

/* Post Navigation
------------------------------------------------------------ */

.navigation {
            font-size: 14px;
            margin-left: 60px;
            overflow: hidden;
            padding: 20px 0;
            width: 85%;
}

.navigation li {
            display: inline;
}

.navigation li a,
.navigation li.disabled,
.navigation li a:hover,
.navigation li.active a {
            border: 1px solid #ddd;
            padding: 5px 8px;
}

.navigation li a:hover,
.navigation li.active a {
            background-color: #f5f5f5;
}

/* Primary / Secondary Sidebars
------------------------------------------------------------ */

.home .sidebar {
            display: inline;
            float: right;
            margin-top: 6px;
            position: relative;
            width: 33%;
            z-index: 11;
            margin-bottom: -23px !important;
}

.sp-article-full .sidebar {
            margin-top: 62% !important;
}

.widget {
            /* margin-bottom: 35px; */
}

.sidebar .widget-area {
            margin: 0 10px 10px;
}

.sidebar p {
            font-size: inherit;
            line-height: inherit;
            color: white;
}

.sidebar .widget {
            background-color: #fff;
            border: 1px solid #ddd;
            margin: 0 0 15px;
            padding: 0 0 15px;
}

.widget-area .textwidget {
            padding: 0;
}

.sidebar.widget-area ul li {
            border: none;
            list-style-type: none;
            margin: 0 0 7px;
            padding: 0 0 5px;
            word-wrap: break-word;
}

.sidebar.widget-area ul ul li {
            border: none;
            margin: 0;
}

/* Sidebar Social Icons Widget
------------------------------------------------------------ */

.socialicons h4 {
            text-align: center;
            color: #555555;
            display: block;
            font-size: 18px;
            font-weight: 700;
            outline: medium none;
            padding: 20px 0 0 0;
            text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}

.socialicons img {
            border: none;
            padding: 5px;
            margin-left: 2%;
            float: left;
}

.sidebar .socialicons {
            border-bottom: 1px solid #dddddd;
            border-top: 1px solid #dddddd;
            margin: 0 0 25px;
            padding: 20px 0 80px;
}

/* Tag Cloud
------------------------------------------------------------ */

.widget_tag_cloud div div {
            padding: 5px 15px 0;
}

/* Dropdowns
------------------------------------------------------------ */

.widget_archive select,
#cat {
            display: inline;
            margin: 10px 15px 0;
            padding: 3px;
            width: 85%;
}

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

input[type='button'],
input[type='submit'] {
            background: url(images/gradient.png) 0 0;
            border: 1px solid #ccc;
            cursor: pointer;
            line-height: 19px;
            padding: 5px 7px;
            text-decoration: none;
            color: #0d72c7;
}

.sidebar input[type='button'],
.sidebar input[type='submit'] {
            font-size: inherit;
}

input:hover[type='button'],
input:hover[type='submit'] {
            background: url(images/gradient.png) 0 -33px;
            border: 1px solid #ccc;
            text-decoration: none;
}

/* Sidebar Campaign Content
------------------------------------------------------------ */

.sidebar-main-content {
            border-top: 0 solid #e9e9e9;
            margin: 0;
            padding: 5px 40px 25px 20px;
}

.sidebar-main-content a.catHead {
            font-family: roboto condensed;
            color: #3c3c3c;
            font-size: 1.6em;
            letter-spacing: 0;
            line-height: 1.2em;
            text-shadow: 0 1px rgba(255, 255, 255, 0.5);
            text-transform: uppercase;
            padding-top: 0;
            display: block;
            text-decoration: none;
            text-align: center;
            float: none;
            margin: 0 auto 12px;
            width: 75%;
}

.sidebar-main-content p {
            color: black;
            font-size: 16px;
            line-height: 1.4em;
            margin-bottom: 1em;
}
sidebar-donation-content-copy {
            color: #5c5c5c;
            font-size: 16px;
            line-height: 1.4em;
            margin-bottom: 20px;
}
#sidebar-donation-content-headline {
            font-family: roboto condensed;
            font-size: 18px;
            margin-bottom: 20px;
            text-transform: uppercase;
            color: #3c3c3c;
}
#sidebar-donation-title {
            font-family: roboto condensed;
            font-size: 18px;
            font-weight: 700;
            float: left;
            margin-top: 20px;
            text-transform: uppercase;
}
.campaign .sidebar-main-content {
            border-top: 0 none;
            padding: 20px;
            position: relative;
}
.campaign .sidebar-main-content h1 {
            color: white;
            font-size: 1.6em;
            font-weight: 700;
            letter-spacing: 0;
            line-height: 1.2em;
            margin-bottom: 20px;
            text-shadow: 0 1px rgba(255, 255, 255, 0.5);
            text-transform: uppercase;
            padding-top: 0;
            display: block;
            width: 82%;
            float: left;
}

#sidebar-donation-wrapper {
            border: 1px solid #cbcbcb;
            width: 99%;
            max-width: 1000px;
            float: left;
            margin: 0 0 30px;
}
#sidebar-donation-header {
            border-bottom: 1px solid #cbcbcb;
            padding: 0 20px;
            font-size: 18px;
            min-height: 60px;
            font-weight: bold;
            background-color: #ebebeb;
}
#sidebar-donation-symbol {
            float: right;
            margin-top: 13px;
}
#sidebar-donation-content {
            clear: both;
            padding: 20px;
}
#sidebar-donation-content-code {
            color: #3c3c3c;
            font-size: 11px;
            margin: 20px;
            text-transform: uppercase;
            font-family: roboto condensed;
}
#sidebar-donation-content-button {
            color: #fff;
            width: 40%;
            float: right;
            background-color: #8c8c34;
            min-height: 30px;
            font-size: 12px;
            margin-bottom: 10px;
}
#sidebar-donation-content-button a {
            color: #fff;
            display: block;
            text-align: center;
            text-decoration: none;
            padding: 10px 0;
}

/* Sidebar Content
------------------------------------------------------------ */

.sidebar-below-main-content {
            padding-bottom: 40px;
}
.sidebar-below-main-content .widget-area {
            margin: 0;
}

/* SP Sidebar
------------------------------------------------------------ */

#sidebar-inner {
            width: 100%;
}
#sidebar-inner #sideTrend {
            margin: 40px 0 50px 0;
}
#sidebar-inner #sideTrendTitle {
            font-weight: 700;
            font-size: 26px;
            color: black;
            border-bottom: 5px solid black;
            padding-bottom: 10px;
}
#sidebar-inner #sideTrend .sideTrendArt {
            margin: 5px 0 0 10px;
            border-bottom: 1px solid #c2c2c2;
}
#sidebar-inner #sideTrend .sideTrendArt a {
            line-height: 16px;
            font-family: roboto condensed;
            text-transform: uppercase;
            color: black;
            display: block;
            padding: 10px 0;
            font-size: 13px;
}
.single-sp-landing-pages #sidebar-inner,
.single #sidebar-inner {
            height: 100%;
}

#sidebar-inner::-webkit-scrollbar {
            width: 0 !important;
}

.menu-occ-menu-container li {
            display: block;
}

/* Sidebar Copyright Info
------------------------------------------------------------ */

.sidebar-copyright {
            color: #3d3d3d;
            font-size: 12px;
            font-weight: 300;
            line-height: 1.6;
}

.sidebar-copyright a {
            color: #3d3d3d;
            text-decoration: underline;
}

.sidebar-copyright .quicklinks {
            font-size: 12px;
}

.quicklinks a {
            color: #7e7e7e;
}

/* Gravity Forms
------------------------------------------------------------ */

div.gform_wrapper input,
div.gform_wrapper select,
div.gform_wrapper textarea {
            box-sizing: border-box;
            font-size: 14px !important;
            padding: 4px 5px !important;
}

div.gform_footer input.button {
            color: #333;
}

div.gform_wrapper .ginput_complex label {
            font-size: 14px;
}

div.gform_wrapper li,
div.gform_wrapper form li {
            margin: 0 0 10px;
}

div.gform_wrapper .gform_footer {
            border: none;
            margin: 0;
            padding: 0;
}

.gform_wrapper .ginput_complex .ginput_right input[type='text'],
.gform_wrapper .ginput_complex .ginput_right input[type='url'],
.gform_wrapper .ginput_complex .ginput_right input[type='email'],
.gform_wrapper .ginput_complex .ginput_right input[type='tel'],
.gform_wrapper .ginput_complex .ginput_right input[type='number'],
.gform_wrapper .ginput_complex .ginput_right input[type='password'],
.gform_wrapper .ginput_complex .ginput_right select {
            width: 94% !important;
            border: 1px solid #bbbbbb;
}

.gform_wrapper .top_label input.large,
.gform_wrapper .top_label select.large,
.gform_wrapper .top_label textarea.textarea {
            width: 97.5%;
            border: 1px solid #bbbbbb;
}

.gform_wrapper input[type='text'],
.gform_wrapper input[type='url'],
.gform_wrapper input[type='email'],
.gform_wrapper input[type='tel'],
.gform_wrapper input[type='number'],
.gform_wrapper input[type='password'] {
            border: 1px solid #bbbbbb;
            font-family: inherit;
            font-size: 11px;
            letter-spacing: normal;
            outline-style: none;
            padding: 5px 2px;
}
div.diSuggWrap {
            font-size: 13px;
            margin-left: 5px;
}

span.diDollar {
            font-size: 16px;
            font-weight: bold;
}

span.diSummary {
            color: white;
            display: inline-block;
            font-size: 12px;
            line-height: 16px;
            margin: 7px;
            text-align: left;
}

/* Search Results */

body.search .hentry {
            display: block;
            padding-bottom: 0;
            padding-top: 0;
}

body.search .entry-title {
            margin: 0 0 0 28px;
}

body.search .entry-content {
            border-bottom: 1px solid #cccccc;
            margin-bottom: 20px;
            margin-top: 0;
}

body.search .entry-content .more {
            margin-bottom: 20px;
}

body.search h2 .icon {
            width: 22px;
            height: 25px;
            margin: 5px 10px 5px -28px;
            display: block;
            float: left;
}

.sidebar-category-select span.article-select {
            background: url('//sp-comm-arkfiles.s3.theark.cloud/website/global/article-icon.png')
                        no-repeat scroll -10px 0 transparent;
            display: block;
            height: 22px;
            width: 20px;
            margin: 0 8%;
}
.sidebar-category-select div {
            width: 23%;
            float: left;
}

.sidebar-category-select span#choose-text {
            background-position: -10px 0;
}
.sidebar-category-select span#choose-blog {
            background-position: -33px 0;
}
.sidebar-category-select span#choose-photo {
            background-position: -56px 0;
}
.sidebar-category-select span#choose-video {
            background-position: -80px 0;
}
.sidebar-category-select span.article-select p {
            position: relative;
}
.sidebar-category-select span#choose-text p {
            left: -18px;
}
.sidebar-category-select span#choose-blog p {
            left: -8px;
}
.sidebar-category-select span#choose-photo p {
            left: -13px;
}
.sidebar-category-select span#choose-video p {
            left: -13px;
}

body.search .search-donation h2 .icon {
            background: transparent url(images/diHand_sm.png) no-repeat scroll 0
                        0;
            position: absolute;
}

body.search .search-article h2 .icon,
span.icon-article {
            background: transparent
                        url(//sp-comm-arkfiles.s3.theark.cloud/website/global/article-icon.png)
                        no-repeat scroll -10px 0;
            position: absolute;
}

body.search .search-blog h2 .icon,
span.icon-blog {
            background: transparent
                        url(//sp-comm-arkfiles.s3.theark.cloud/website/global/article-icon.png)
                        no-repeat scroll -33px 0;
            position: absolute;
}

body.search .search-photo h2 .icon,
span.icon-photo {
            background: transparent
                        url(//sp-comm-arkfiles.s3.theark.cloud/website/global/article-icon.png)
                        no-repeat scroll -56px 0;
            position: absolute;
}

body.search .search-video h2 .icon,
span.icon-video {
            background: transparent
                        url(//sp-comm-arkfiles.s3.theark.cloud/website/global/article-icon.png)
                        no-repeat scroll -80px 0;
            position: absolute;
}
body.search .search-other h2 .icon {
            background: transparent
                        url(//sp-comm-arkfiles.s3.theark.cloud/website/global/article-icon.png)
                        no-repeat scroll -10px 0;
}

body.search #searchTitle {
            display: block;
            font-size: 36px;
            padding: 40px 0 10px 30px;
}
body.search #searchResults {
            display: block;
            font-size: 20px;
            margin: 10px 0 50px 30px;
}

/****************************/
/* Donation item updates    */
/*         2015             */
/****************************/
.diSlimWrap {
            border: 1px solid black;
            min-height: 45px;
            margin-bottom: 30px;
            width: 99%;
            overflow: hidden;
}
.diSlimTitleWrap {
            width: 60%;
            display: inline-block;
            float: left;
            min-height: 45px;
}
.diSlimAmt,
.diSlimBtn {
            width: 20%;
            display: inline-block;
            float: left;
            height: 45px;
}
.diSlimTitleWrap {
            background: #696969;
}
.diSlimTitleWrap span {
            margin-left: 10px;
}
.diSlimTitle,
.diSlimPC {
            font-size: 1.3em;
            color: white;
            line-height: 1.1em;
            margin-left: 10px;
}
.diSlimTitle {
            margin-top: 8px;
}
.diSlimPC {
            font-size: 0.5em;
}
.diSlimAmt .diDollar {
            display: inline-block;
            float: left;
            font-size: 1.4em;
            margin-top: 10px;
            width: 15%;
            text-align: center;
}
.diSlimAmt .diInput {
            display: inline-block;
            float: left;
            width: 85%;
}
.diSlimAmt input {
            height: 41px !important;
            width: 90%;
            font-size: 1.4em;
}
.diSlimBtn {
            font-size: 1.3em;
            height: 45px;
            border: none;
            text-shadow: none;
            box-shadow: none;
            font-weight: normal;
            text-transform: uppercase;
            cursor: pointer;
            color: white;
            text-align: center;
}
.diSlimBtn span {
            display: block;
            margin-top: 10px;
}

.single-sp-landing-pages #sidebar-inner {
            height: auto;
}

body.sp-landing-pages .entry-content {
            min-height: 485px;
}

ul.ccIcons {
            margin-top: 5px;
}
ul.ccIcons li {
            display: inline-block;
            margin: 3px !important;
}

.di-full-checkout a:hover {
            text-decoration: none;
}

#di-full-header {
            font-size: 36px;
            position: relative;
            top: 5px;
}

.di-full-wrapper {
            width: 95%;
            background-color: #fff;
            padding: 20px 15px 20px 15px;
            position: relative;
            border: 1px solid;
            border-color: #e5e6e9 #dfe0e4 #d0d1d5;
}

.di-full-col1 {
            float: left;
            width: 45%;
}

.di-full-col2 {
            border-left: 1px solid #707070;
            float: left;
            margin-left: 20px;
            width: 50%;
}

.di-full-content {
            margin-left: 10px;
            position: relative;
}

.di-full-title {
            color: black;
            display: block;
            font-size: 16px;
            font-weight: bold;
            margin: 0 0 5px 10px;
}

.di-full-post {
            display: block;
            font-size: 11.5px;
            line-height: 1.3em;
            margin: 0 0 20px 10px;
            overflow: hidden;
}
.suggMerchAmt {
            font-size: 11.5px;
            width: 160px;
}
.merchOOS {
            color: red;
            font-size: 14px;
            padding-left: 10px;
}
.donationitem-quantity {
            margin-bottom: 10px;
}
.di-full-payment {
            display: block;
}
div.di-full-payment div.diSuggested div.diSuggWrap {
            float: left;
            font-size: 13px;
            margin: 3px 25px 0 0;
}
div.di-full-payment div.diSuggested {
            color: #333333;
            height: 40px;
            margin: 5px 5px 0 5px;
            width: 100%;
}
div.di-full-payment div.diSuggested button.donationitem-add {
            margin-top: 5px;
}
div.di-full-payment div.diSuggested input,
div.diCartField input {
            border: solid 1px #dfdfdf;
            margin: 5px 5px 0 5px;
            width: 45%;
            height: 24px;
            font-size: 15px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
}

button.donationitem-add {
            cursor: pointer;
}
html.busy,
html.busy * {
            cursor: progress !important;
}
input.donationitem {
            color: #333333 !important;
            border: 0;
            height: 23px;
}

div.di-full-payment div.diCode {
            color: #6b6b6b;
            font-size: 13px;
            margin: 5px 0 5px 10px;
            display: inline-block;
            line-height: 13px;
}
div.di-full-payment div.diCode.pwred {
            color: red;
}
div.di-full-payment hr {
            color: #dddddd;
            width: 94%;
}
div.di-full-payment label {
            margin-left: 10px;
            margin-top: 8px;
            display: inline-block;
}
div.di-full-payment span {
            margin: 0 0 0 10px;
}
div.donationitem-group div.di-full-col1 img {
            display: block;
            margin: auto;
}

.di-full-wrapper #di-full-header {
            width: 100%;
            height: 45px;
            background: #ebebeb;
            margin-bottom: 30px;
}
div#di-full-header span#header-text {
            display: inline-block;
            font-size: 26px;
            margin: 13px;
}
.di-full-checkout {
            /*border-top: 10px solid white;*/
            background: none repeat scroll 0 0 #ebebeb;
            height: 55px;
            padding-top: 15px;
            width: 100%;
}
body.support-grid .di-full-checkout {
            background: none repeat scroll 0 0 #fff;
            border: 1px solid;
            border-color: #e5e6e9 #dfe0e4 #d0d1d5;
            height: 55px;
            padding-top: 15px;
            width: 100%;
            margin-left: 0 !important;
}

.di-full-checkout .megamenu-donate-title {
            float: left;
}
.di-full-checkout .megamenu-donate-button {
            background: url('//sp-comm-arkfiles.s3.theark.cloud/website/global/header-nav-checkout-circle.png')
                        no-repeat scroll 0 0 transparent;
            display: block;
            float: left;
            height: 40px;
            margin-left: 7px;
            margin-top: -10px;
            width: 42px;
}
.di-full-checkout .megamenu-donate-button span.cart-count {
            color: #ffffff;
            display: block;
            float: right;
            font-size: 18px;
            font-weight: 600;
            outline: medium none;
            padding-top: 3px;
            position: relative;
            right: 2px;
            text-align: center;
            text-shadow: 0 -1px rgba(92, 92, 92, 0.43);
            width: 38px;
}

.di-full-checkout .megamenu-donate .make-a-donation:hover {
            text-decoration: none;
}

.di-full-checkout .megamenu-donate-button {
            background: url('//sp-comm-arkfiles.s3.theark.cloud/website/global/header-nav-checkout.png')
                        no-repeat scroll 0 0 transparent;
            display: block;
            float: right;
            height: 40px;
            margin: 0 10px 0 0;
            width: 160px;
}

.di-full-checkout .megamenu-donate-button span.cart-text {
            color: #ffffff;
            display: block;
            float: left;
            font-size: 16px;
            font-weight: 600;
            outline: medium none;
            padding: 9px 0 7px 18px;
            position: relative;
            right: 0;
            text-align: center;
            text-shadow: 0 -1px rgba(92, 92, 92, 0.43);
}

.di-full-checkout .cart-info {
            float: right;
            font-weight: bold;
            height: 38px;
            margin-right: 10px;
            text-align: right;
}
.di-full-checkout .cart-info .cart-count {
            width: 100%;
            color: black;
}
.di-full-checkout .cart-info .cart-total-amount {
            display: inline-block;
}

div.di-full-checkout span.cart-display,
.single div.di-full-wrapper span.cart-display,
.single div.di-full-wrapper span.di-full-thanks {
            color: black;
            text-transform: uppercase;
            margin: 10px 0 0 15px;
            display: block;
}

.donationitem-group-add.sc-button {
            color: white;
            float: none;
            font: bold 13px;
            padding: 2px 5px;
            text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
            vertical-align: baseline;
}

/* Single Article Changes
 * @author Bill Erickson
------------------------------------------------------------ */

.single-sp-articles .article-image .image-wrapper {
            background: #2b2b2b;
            overflow: hidden;
            position: relative;
            width: 100%;
}

/* Single Article Changes
 * @author John Green
------------------------------------------------------------ */

.image-caption {
            font-family: roboto condensed;
            font-weight: 400;
            color: #787878;
            font-size: 12px;
            line-height: 14px;
            text-transform: uppercase;
}

/**********************************
/* Start home page updates     7/17/2014

/ Updated 10/13/2014

/**********************************/

.home div#slideWrap {
            position: relative;
            max-width: 1140px;
            max-height: 460px;
            margin: 30px 0 0 0;
}
.home div#slideWrap div#slideLeft {
            position: relative;
            width: 67%;
            float: left;
            cursor: pointer;
}
.home div#slideWrap div#slideLeft div#story0 {
            color: white;
            max-height: 460px;
            width: 100%;
            background: black;
}
.home div#slideWrap div.effectWrap a {
            color: white;
}
.home div#slideWrap div#slideRight div#slideRightWrap {
            margin-left: 10px;
}
.home div#slideWrap div#slideRight div#slideRightWrap div#story1,
.home div#slideWrap div#slideRight div#slideRightWrap div#story2 {
            color: white;
            position: relative;
            background: black;
}

.home div#slideLeft img {
            max-height: 459px;
            width: 100%;
}
.home div#storyWrap0 {
            bottom: 15px;
            left: 20px;
            position: absolute;
            width: 90%;
            z-index: 2;
}
.home span#storyCat0 {
            font-family: roboto condensed;
            color: white;
            font-size: 12px;
            left: -19px;
            padding: 4px 10px 3px 10px;
            text-transform: uppercase;
            position: relative;
}
.home span#storyTitle0 {
            font-size: 30px;
            color: white;
            line-height: 100%;
            font-weight: 700;
            display: block;
}
.home span#storySummary0 {
            font-size: 14px;
            color: white;
            line-height: 110%;
            display: block;
            max-width: 600px;
            margin-top: 10px;
}

.home div#slideRight {
            position: relative;
            width: 33%;
            float: right;
}
.home div#slideRight span.sideCat {
            font-family: roboto condensed;
            font-size: 11px;
            text-transform: uppercase;
            left: -9px;
            padding: 3px 8px;
            position: relative;
}
.home div#slideRight span.sideTitle {
            font-size: 18px;
            font-weight: bold;
            display: block;
            line-height: 18px;
}

.home div#slideRight div#storyTxtWrap {
            bottom: 10px;
            left: 10px;
            position: absolute;
            z-index: 2;
            margin-right: 35px;
}
.home div#story1 {
            margin-top: 3px;
}
.home div#story2 {
            margin-top: 10px;
}
.home div#story1 img,
.home div#story2 img {
            width: 100%;
            max-height: 225px;
}

.home div#slideWrap div.effectWrap {
            cursor: pointer;
            /*border: 1px solid #666666;*/
}
.cssMask {
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%;
            /* IE9 SVG, needs conditional override of 'filter' to 'none' */
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0OSUiIHN0b3AtY29sb3I9IiMxYzFjMWMiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSI3MyUiIHN0b3AtY29sb3I9IiMxYzFjMWMiIHN0b3Atb3BhY2l0eT0iMC41MCIvPgogICAgPHN0b3Agb2Zmc2V0PSI5NCUiIHN0b3AtY29sb3I9IiMxYzFjMWMiIHN0b3Atb3BhY2l0eT0iMC41NSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMWMxYzFjIiBzdG9wLW9wYWNpdHk9IjAuNiIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
            background: -moz-linear-gradient(
                        top,
                        rgba(15, 15, 15, 0.01) 0%,
                        rgba(15, 15, 15, 0.01) 49%,
                        rgba(15, 15, 15, 0.65) 100%
            ); /* FF3.6+ */
            background: -webkit-gradient(
                        linear,
                        left top,
                        left bottom,
                        color-stop(0%, rgba(15, 15, 15, 0.01)),
                        color-stop(49%, rgba(15, 15, 15, 0.01)),
                        color-stop(100%, rgba(15, 15, 15, 0.65))
            ); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(
                        top,
                        rgba(15, 15, 15, 0.01) 0%,
                        rgba(15, 15, 15, 0.01) 49%,
                        rgba(15, 15, 15, 0.65) 100%
            ); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(
                        top,
                        rgba(15, 15, 15, 0.01) 0%,
                        rgba(15, 15, 15, 0.01) 49%,
                        rgba(15, 15, 15, 0.65) 100%
            ); /* Opera 11.10+ */
            background: -ms-linear-gradient(
                        top,
                        rgba(15, 15, 15, 0.01) 0%,
                        rgba(15, 15, 15, 0.01) 49%,
                        rgba(15, 15, 15, 0.65) 100%
            ); /* IE10+ */
            background: linear-gradient(
                        to bottom,
                        rgba(15, 15, 15, 0.01) 0%,
                        rgba(15, 15, 15, 0.01) 49%,
                        rgba(15, 15, 15, 0.65) 100%
            ); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#030f0f0f', endColorstr='#a60f0f0f',GradientType=0 ); /* IE6-8 */
            z-index: 1;
}

/* Thanks to Bruno Fassino for the CSS-only grid: http://www.brunildo.org/thumb/tmicio_mo1_m.jpg */
div#moreArts {
            margin-top: 30px;
            text-align: center;
}

div#moreArts .thumbwrap {
            margin: 0;
}
div#moreArts .thumbwrap li {
            display: -moz-inline-box;
            display: inline-block;
            vertical-align: top;
            margin: 0 0.3% 15px;
            padding: 0;
}
/*  Moz: Or border here otherwise difficulty 'with width, otherwise problems in table text resize (solvable with refresh) */
div#moreArts .thumbwrap li div.artGrid {
            position: relative;
            height: 385px !important;
            width: 275px;
}
.single div#moreArts .thumbwrap li div.artGrid {
            width: 230px;
            display: table;
}
div#moreArts .thumbwrap a {
            color: #ffffff;
            cursor: pointer;
            display: inline-block;
            text-decoration: none;
}
/*div#moreArts .thumbwrap img {  //for more articles on non-home page
	vertical-align: middle;
        max-width: none;
        width:100%;
        height: auto;
}*/
div#moreArts .thumbwrap img {
            vertical-align: middle;
            max-width: none;
            width: 275px;
            height: 165px;
            /*border:1px solid; 
        /* border-color: #e5e6e9 #dfe0e4 #d0d1d5; *
        border-color: #666666;*/
}
div#moreArts .thumbwrap .titleSpacer {
            width: 100%;
            position: relative;
            text-align: left;
}
.single div#moreArts .thumbwrap img {
            width: 230px;
            height: auto;
}

div#moreArts .thumbwrap .thumbTitle {
            bottom: 0;
            min-height: 80px;
            position: absolute;
            text-align: left;
            width: 100%;
}
span.thumbTitleCat {
            font-size: 10px;
            padding: 0 20px;
            text-align: left;
            text-transform: uppercase;
            display: inline-block;
            position: relative;
            top: -22px;
}
div.blogIcon {
            background: url('/wp-content/themes/samaritans-purse/images/blog.jpg')
                        no-repeat scroll 0 0 transparent;
            display: inline-block;
            height: 22px;
            left: 0;
            position: absolute;
            width: 22px;
}
div.thumbTitleTxt {
            font-weight: 700;
            font-size: 18px;
            color: black;
            margin: 10px 0 0 5px;
            text-align: left;
            min-width: 170px;
}
div#moreArts .thumbwrap .thumbTitle div.thumbTitleTxt {
            font-size: 16px !important;
            color: white;
            margin: 5px 15px 10px;
            line-height: 17px;
}
div.vidIconLg {
            background: url('https://sp-comm-arkfiles.s3.theark.cloud/website/global/blue_play_button.png')
                        no-repeat scroll 0 0 rgba(0, 0, 0, 0);
            height: 41px;
            left: 44%;
            position: absolute;
            top: 16%;
            width: 41px;
}
div.vidIconSm {
            background: url('https://sp-comm-arkfiles.s3.theark.cloud/website/global/blue_play_button.png')
                        no-repeat scroll 0 0 / contain rgba(0, 0, 0, 0);
            height: 20px;
            left: 7%;
            position: absolute;
            top: 32%;
            width: 20px;
            z-index: 2;
}
div#slideWrap div.vidIconSm {
            left: 91%;
            top: 87%;
}
.single div.vidIconSm {
            left: 86%;
            top: 29%;
}
div#slideWrap div#story0 div.vidIconSm {
            left: 94%;
            top: 92%;
}
div#slideWrap div.vidIconLg {
            left: 46%;
            top: 37%;
}
div#slideWrap div#story0 div.vidIconLg {
            left: 52%;
            top: 42%;
}

body.single div.vidIcon {
            top: 22%;
}

div#moreArts .thumbwrap div.thumbArtSum {
            position: relative;
            height: 100px;
}

div#moreArts .thumbwrap div.thumbArtSum > a > p {
            margin: 15px 20px 15px 5px;
            text-align: left;
}
div#moreArts .thumbwrap div.thumbArtSum > a {
            text-decoration: none;
}
/* top ib e hover Op < 9.5 */
@media all and (min-width: 0px) {
            html:first-child div#moreArts .thumbwrap a {
                        display: inline-block;
                        vertical-align: top;
            }
            html:first-child div#moreArts .thumbwrap {
                        border-collapse: collapse;
            }
}

.home #content-sidebar-wrap {
            display: none;
}

.home #loadMore {
            background: none repeat scroll 0 0 #c6c5be;
            color: white;
            cursor: pointer;
            height: 30px;
            margin: 0 0 10px;
            text-align: center;
}
.home #loadMore > span {
            position: relative;
            top: -9px;
}
.home #loadMore:hover {
            font-weight: bold;
}

.home #wheel {
            background: white;
            overflow: hidden;
            position: relative;
            margin-top: 50px;
            /*border:1px solid; 
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;*/
}

.home #wheel-container-mobile {
            display: none;
}
.home #wheel-container {
            position: absolute;
            width: 95%;
            height: 95%;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            border: solid 20px #b4b4b4;
            border-radius: 50%;
            text-align: center;
            display: block;
}

.home #wheel-container div.radial {
            margin: -2em;
            position: absolute;
            z-index: 1;
            width: 55px;
            height: 55px;
            cursor: pointer;
}
.home #wheelWrap {
            position: relative;
            width: 40%;
            display: block;
            margin: 3% 3% 5% 4%;
            float: left;
}
.home #wheelWrap:before {
            content: '';
            display: block;
            padding-top: 100%; /* initial ratio of 1:1*/
}

.home #wheel #Our {
            top: -1%;
            left: 50%;
            background: url('//sp-comm-arkfiles.s3.theark.cloud/website/global/wheel_sprite.png')
                        repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.home #wheel #Children {
            top: 5%;
            right: 26%;
            background: url('//sp-comm-arkfiles.s3.theark.cloud/website/global/wheel_sprite.png')
                        repeat scroll -60px 0 rgba(0, 0, 0, 0);
}
.home #wheel #Constr {
            top: 25%;
            right: 6%;
            background: url('//sp-comm-arkfiles.s3.theark.cloud/website/global/wheel_sprite.png')
                        repeat scroll -120px 0 rgba(0, 0, 0, 0);
}
.home #wheel #DR {
            top: 50%;
            right: -1%;
            background: url('//sp-comm-arkfiles.s3.theark.cloud/website/global/wheel_sprite.png')
                        repeat scroll -180px 0 rgba(0, 0, 0, 0);
}
.home #wheel #Ag {
            bottom: 25%;
            right: 6%;
            background: url('//sp-comm-arkfiles.s3.theark.cloud/website/global/wheel_sprite.png')
                        repeat scroll -240px 0 rgba(0, 0, 0, 0);
}
.home #wheel #Feeding {
            bottom: 5%;
            right: 26%;
            background: url('//sp-comm-arkfiles.s3.theark.cloud/website/global/wheel_sprite.png')
                        repeat scroll -300px 0 rgba(0, 0, 0, 0);
}
.home #wheel #Medical {
            bottom: -2%;
            left: 50%;
            background: url('//sp-comm-arkfiles.s3.theark.cloud/website/global/wheel_sprite.png')
                        repeat scroll -360px 0 rgba(0, 0, 0, 0);
}
.home #wheel #OCC {
            bottom: 5%;
            left: 26%;
            background: url('//sp-comm-arkfiles.s3.theark.cloud/website/global/wheel_sprite.png')
                        repeat scroll -420px 0 rgba(0, 0, 0, 0);
}
.home #wheel #Water {
            bottom: 25%;
            left: 6%;
            background: url('//sp-comm-arkfiles.s3.theark.cloud/website/global/wheel_sprite.png')
                        repeat scroll -480px 0 rgba(0, 0, 0, 0);
}
.home #wheel #Women {
            top: 50%;
            left: -1%;
            background: url('//sp-comm-arkfiles.s3.theark.cloud/website/global/wheel_sprite.png')
                        repeat scroll -540px 0 rgba(0, 0, 0, 0);
}
.home #wheel #OHOP {
            top: 25%;
            left: 6%;
            background: url('//sp-comm-arkfiles.s3.theark.cloud/website/global/wheel_sprite.png')
                        repeat scroll -600px 0 rgba(0, 0, 0, 0);
}
.home #wheel #Edu {
            top: 5%;
            left: 26%;
            background: url('//sp-comm-arkfiles.s3.theark.cloud/website/global/wheel_sprite.png')
                        repeat scroll -660px 0 rgba(0, 0, 0, 0);
}

.home #wheel #Our:hover,
.home #wheel #Our.active {
            background: url('//sp-comm-arkfiles.s3.theark.cloud/website/global/wheel_sprite.png')
                        repeat scroll 0 55px rgba(0, 0, 0, 0);
}
.home #wheel #Children:hover,
.home #wheel #Children.active {
            background: url('//sp-comm-arkfiles.s3.theark.cloud/website/global/wheel_sprite.png')
                        repeat scroll -60px 55px rgba(0, 0, 0, 0);
}
.home #wheel #Constr:hover,
.home #wheel #Constr.active {
            background: url('//sp-comm-arkfiles.s3.theark.cloud/website/global/wheel_sprite.png')
                        repeat scroll -120px 55px rgba(0, 0, 0, 0);
}
.home #wheel #DR:hover,
.home #wheel #DR.active {
            background: url('//sp-comm-arkfiles.s3.theark.cloud/website/global/wheel_sprite.png')
                        repeat scroll -180px 55px rgba(0, 0, 0, 0);
}
.home #wheel #Ag:hover,
.home #wheel #Ag.active {
            background: url('//sp-comm-arkfiles.s3.theark.cloud/website/global/wheel_sprite.png')
                        repeat scroll -240px 55px rgba(0, 0, 0, 0);
}
.home #wheel #Feeding:hover,
.home #wheel #Feeding.active {
            background: url('//sp-comm-arkfiles.s3.theark.cloud/website/global/wheel_sprite.png')
                        repeat scroll -300px 55px rgba(0, 0, 0, 0);
}
.home #wheel #Medical:hover,
.home #wheel #Medical.active {
            background: url('//sp-comm-arkfiles.s3.theark.cloud/website/global/wheel_sprite.png')
                        repeat scroll -360px 55px rgba(0, 0, 0, 0);
}
.home #wheel #OCC:hover,
.home #wheel #OCC.active {
            background: url('//sp-comm-arkfiles.s3.theark.cloud/website/global/wheel_sprite.png')
                        repeat scroll -420px 55px rgba(0, 0, 0, 0);
}
.home #wheel #Water:hover,
.home #wheel #Water.active {
            background: url('//sp-comm-arkfiles.s3.theark.cloud/website/global/wheel_sprite.png')
                        repeat scroll -480px 55px rgba(0, 0, 0, 0);
}
.home #wheel #Women:hover,
.home #wheel #Women.active {
            background: url('//sp-comm-arkfiles.s3.theark.cloud/website/global/wheel_sprite.png')
                        repeat scroll -540px 55px rgba(0, 0, 0, 0);
}
.home #wheel #OHOP:hover,
.home #wheel #OHOP.active {
            background: url('//sp-comm-arkfiles.s3.theark.cloud/website/global/wheel_sprite.png')
                        repeat scroll -600px 55px rgba(0, 0, 0, 0);
}
.home #wheel #Edu:hover,
.home #wheel #Edu.active {
            background: url('//sp-comm-arkfiles.s3.theark.cloud/website/global/wheel_sprite.png')
                        repeat scroll -660px 55px rgba(0, 0, 0, 0);
}

.home #wheel #centerContent {
            height: 100%;
            margin: 0;
            position: relative;
            width: 100%;
}
.home #wheel #centerContent:before {
            content: '';
            display: inline-block;
            height: 100%;
            vertical-align: middle;
            margin-right: -0.25em; /* Adjusts for spacing */
}
.home #wheel #centerContent #centered {
            display: inline-block;
            vertical-align: middle;
            width: 80%;
}

.home #wheel #wheel-info {
            float: left;
            height: 100%;
            right: 0;
            position: absolute;
            width: 51%;
            margin-left: 2%;
}

.home #wheel #wheel-info #info-icon {
            position: absolute;
            width: 55px;
            height: 55px;
            left: -25px;
            top: 10px;
            background: url('//sp-comm-arkfiles.s3.theark.cloud/website/global/wheel_sprite.png')
                        repeat scroll 0 55px rgba(0, 0, 0, 0);
}
.home #wheel #wheel-info #donate-image img {
            width: 100%;
}
.home #wheel #wheel-info #donate-bar div ~ div,
.home #wheel #wheel-info #donate-any .directCheckout {
            cursor: pointer;
}
.home #wheel .woi-donate {
            display: table;
            width: 100%;
            table-layout: fixed;
            text-align: center;
            height: 9.4%;
            margin-bottom: 0.5%;
}

.home #wheel .woi-donate > div {
            display: table-cell;
            border: 0;
            vertical-align: middle;
}

.home #wheel #donate-title {
            font-size: 24px;
            color: black;
}
.home #wheel #donate-bar,
.home #wheel #donate-any {
            font-size: 18px;
            color: white;
}

.home #wheel #donate-any input {
            border: 0;
            height: 50px;
            width: 98%;
            font-size: 18px;
            color: black;
            text-align: center;
}

/**********************************
/* End home page updates     
/**********************************/

/**********************************
/* Start new footer code     
/**********************************/

.social {
            width: 30px;
            height: 30px;
            display: inline-block;
}
.social-bar .social {
            margin-top: 10px;
}

.social-fb {
            background: url('//sp-comm-arkfiles.s3.theark.cloud/website/global/social_icons/social-icons-sprite.png')
                        no-repeat scroll 0 -35px rgba(0, 0, 0, 0);
}
.social-tw {
            background: url('//sp-comm-arkfiles.s3.theark.cloud/website/global/social_icons/social-icons-sprite.png')
                        no-repeat scroll -35px -35px rgba(0, 0, 0, 0);
}
.social-pin {
            background: url('//sp-comm-arkfiles.s3.theark.cloud/website/global/social_icons/social-icons-sprite.png')
                        no-repeat scroll -70px -35px rgba(0, 0, 0, 0);
}
.social-goog {
            background: url('//sp-comm-arkfiles.s3.theark.cloud/website/global/social_icons/social-icons-sprite.png')
                        no-repeat scroll -105px -35px rgba(0, 0, 0, 0);
}
.social-yt {
            background: url('//sp-comm-arkfiles.s3.theark.cloud/website/global/social_icons/social-icons-sprite.png')
                        no-repeat scroll -140px -35px rgba(0, 0, 0, 0);
}
.social-rss {
            background: url('//sp-comm-arkfiles.s3.theark.cloud/website/global/social_icons/social-icons-sprite.png')
                        no-repeat scroll -175px -35px rgba(0, 0, 0, 0);
}
.social-em {
            background: url('//sp-comm-arkfiles.s3.theark.cloud/website/global/social_icons/social-icons-sprite.png')
                        no-repeat scroll -210px -35px rgba(0, 0, 0, 0);
}
.social-in {
            background: url('//sp-comm-arkfiles.s3.theark.cloud/website/global/social_icons/social-icons-sprite.png')
                        no-repeat scroll -245px -35px rgba(0, 0, 0, 0);
}
.social-ig {
            background: url('//sp-comm-arkfiles.s3.theark.cloud/website/global/social_icons/social-icons-sprite.png')
                        no-repeat scroll -280px -35px rgba(0, 0, 0, 0);
}

.social-fb:hover {
            background: url('//sp-comm-arkfiles.s3.theark.cloud/website/global/social_icons/social-icons-sprite.png')
                        no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.social-tw:hover {
            background: url('//sp-comm-arkfiles.s3.theark.cloud/website/global/social_icons/social-icons-sprite.png')
                        no-repeat scroll -35px 0 rgba(0, 0, 0, 0);
}
.social-pin:hover {
            background: url('//sp-comm-arkfiles.s3.theark.cloud/website/global/social_icons/social-icons-sprite.png')
                        no-repeat scroll -70px 0 rgba(0, 0, 0, 0);
}
.social-goog:hover {
            background: url('//sp-comm-arkfiles.s3.theark.cloud/website/global/social_icons/social-icons-sprite.png')
                        no-repeat scroll -105px 0 rgba(0, 0, 0, 0);
}
.social-yt:hover {
            background: url('//sp-comm-arkfiles.s3.theark.cloud/website/global/social_icons/social-icons-sprite.png')
                        no-repeat scroll -140px 0 rgba(0, 0, 0, 0);
}
.social-rss:hover {
            background: url('//sp-comm-arkfiles.s3.theark.cloud/website/global/social_icons/social-icons-sprite.png')
                        no-repeat scroll -175px 0 rgba(0, 0, 0, 0);
}
.social-em:hover {
            background: url('//sp-comm-arkfiles.s3.theark.cloud/website/global/social_icons/social-icons-sprite.png')
                        no-repeat scroll -210px 0 rgba(0, 0, 0, 0);
}
.social-in:hover {
            background: url('//sp-comm-arkfiles.s3.theark.cloud/website/global/social_icons/social-icons-sprite.png')
                        no-repeat scroll -245px 0 rgba(0, 0, 0, 0);
}
.social-ig:hover {
            background: url('//sp-comm-arkfiles.s3.theark.cloud/website/global/social_icons/social-icons-sprite.png')
                        no-repeat scroll -280px 0 rgba(0, 0, 0, 0);
}

/**********************************
/* End new footer code     
/**********************************/

.sidebar {
            display: inline;
            float: right;
            margin-top: 6px;
            position: relative;
            width: 29%;
            margin-left: 34px;
}

/* article grid */
.article-select {
            color: #828282 !important;
            float: left;
            font-size: 0.6em;
            font-weight: 600;
            height: 18px;
            letter-spacing: 1px;
            outline: medium none;
            padding: 0;
            width: 23%;
            text-shadow: 0 1px rgba(255, 255, 255, 0.43);
            text-transform: uppercase;
            vertical-align: middle;
}

/* ------------------------------------------------------------ */
/* Campaigns (Landing Pages) */

.sp-landing-pages .arrow {
            display: inline-block;
            padding: 0 0 0 1em;
}

.sp-landing-pages .campaign-item:after {
            content: '';
            display: block;
            clear: both;
}
.sp-landing-pages .campaign-item .pic {
            float: left;
            margin: 0 30px 30px 0;
}
.sp-landing-pages .campaign-item .pic img {
            width: 100%;
}
.sp-landing-pages .campaign-item .text {
            width: 100%;
            position: relative;
}
.sp-landing-pages .campaign-item .text h3 {
            font-size: 20px;
            text-transform: capitalize;
            color: #333333;
            padding-top: 0.5em;
}

.sp-landing-pages .campaign-item .text p {
            font-size: 0.9em;
}

.sp-landing-pages .campaign-item-wrapper {
            padding: 40px;
}

.sidebar-main-content .icon {
            float: left;
            width: 30px;
            margin-right: 0.5em;
}
.sidebar-main-content .description {
            float: left;
}
.sidebar-main-content .inset {
            float: right;
            margin: 0.5em 0 1em 2em;
            width: 42%;
}

.campaign-item-wrapper h3 {
            text-transform: capitalize;
}
.campaign-item-wrapper p {
            font-size: 0.9em;
}

.category-operation-christmas-child .occ-campaign-item {
            width: 29%;
            margin: 2%;
            float: left;
}
.category-operation-christmas-child .occ-campaign-item .pic {
            float: none;
            margin: 0 0 2%;
}
.category-operation-christmas-child .occ-campaign-item .pic img {
            width: 100%;
}
.category-operation-christmas-child .occ-campaign-item .text {
            background-color: #cad2c3;
            padding: 10px 25px;
            height: 180px;
}
.category-operation-christmas-child .occ-campaign-item .text h3 {
            font-size: 1.2em;
            text-transform: uppercase;
            color: #333333;
            padding-top: 10px;
}
.category-operation-christmas-child .occ-campaign-item .text p {
            font-size: 0.9em;
}
.category-operation-christmas-child .campaign-item-wrapper {
            background-color: #ffffff;
            padding: 40px;
}

.arrow {
            display: inline-block;
            padding-left: 10px;
}

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

/*---- Right Column ----*/

.sidebar-footer-area {
            float: left;
            width: 26%;
            margin: 0 30px 0 0;
}

.sidebar-footer-wrap {
            clear: both;
}
.sidebar-footer-wrap,
div#home-footer-right div.widget {
            margin-bottom: 25px;
}

.go-and-do {
}
.go-and-do .widgettitle {
            padding-left: 0;
}

.sidebar-copyright {
            margin-bottom: 0 !important;
}

.about-sp {
            color: #4a4a4a;
            font-size: 13px;
            font-weight: 400;
            -webkit-font-smoothing: antialiased;
}

/* Latest Tweet */
.latest-tweets {
            background: none repeat scroll 0 0 transparent;
            color: #4a4a4a;
            font-size: 0.8em;
            margin: 0 0 20px;
            padding: 0;
            line-height: 18px;
            position: relative;
}
.latest-tweets .widgettitle {
            color: #000000;
            font-size: 12px;
            font-weight: 600;
            padding: 2px 0;
            text-transform: uppercase;
}
.latest-tweets ul {
            list-style: none;
            padding: 0;
}
.latest-tweets li {
            list-style: none;
}
.latest-tweets li.last {
            background: url('images/tweet.png') no-repeat scroll 0 5px
                        transparent;
            font-size: 0.9em;
            padding: 2px 0 0 20px;
            position: relative;
}
.latest-tweets li.last a {
            color: #00aeef;
}

.latest-tweets a,
.latest-tweets a:hover,
.latest-tweets li.last a:hover {
            color: #00aeef;
            text-decoration: none;
}

.sidebar-copyright {
            color: #3d3d3d;
            font-size: 10px;
            font-weight: 300;
            line-height: 1.2;
}
.sidebar-copyright .quicklinks {
            font-size: 11px;
            margin-bottom: 20px;
}
.sidebar-copyright .quicklinks a {
            color: #000000;
}

/* cart-notification */

#cart-notification {
            display: none;
            background-image: url('//sp-comm-arkfiles.s3.theark.cloud/website/global/header-cart-notification-bkg.png');
            height: 130px;
            position: absolute;
            right: 2px;
            top: 120px;
            width: 183px;
            z-index: 10000;
}
#cart-notification p.header {
            font-weight: bold;
            font-size: 18px;
            color: #000000;
            margin: 22px 0 4px 0px;
}
#cart-notification p {
            font-size: 12px;
            color: #000000;
            padding: 0 22px;
}
#cart-notification p.total {
            padding-top: 10px;
            color: #71c7dd;
}

.diCartField .sc-button {
            margin-top: 6px;
            -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
            -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
            box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}
.diCartField .sc-button span {
            padding: 3px 12px;
}

/* cart-notification */

/* Mega Menu Submenu Styling */
/* ------------------------------------------------------------ */

#header .wrap .clear {
            display: block;
}

#menu-helping {
            position: absolute;
            z-index: 10001;
            top: 67px;
            text-transform: uppercase;
            display: block;
            font-size: 16px;
            font-weight: 400;
            float: left;
            color: #dddddd;
            padding: 16px 0 0 17px;
            letter-spacing: 1px;
}
#menu-helping a {
            color: #ffffff;
            text-decoration: none;
}

#menu-item-10949 ul.sub-menu {
            width: 58% !important;
}
#menu-item-10768 ul.sub-menu {
            width: 63% !important;
}

/* General Mega Menu Settings */

.sub-menu li a {
            font-size: 14px;
}

.gform_validation_error.footer-social-left-email_wrapper .gform_body {
            left: 198px;
            position: relative;
            top: -90px;
}
div.mobile-div {
            display: none;
}

/* special case for iFramed TGJ page */
body.postid-14497 div#wrap {
            overflow: visible;
}

/* video wrapper for flash and html5 responsive video */
.flex-video {
            position: relative;
            padding-top: 1.5625em;
            padding-bottom: 67.5%;
            height: 0;
            margin-bottom: 1em;
            margin-top: 1em;
            overflow: hidden;
            background-color: #ebebeb;
}

.flex-video.widescreen {
            padding-bottom: 57.25%;
}

.flex-video.no-chrome {
            padding-top: 0;
}

.flex-video.playlist {
            padding-top: 105px;
}

.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
            position: absolute;
            top: 0;
            left: 0;
            width: 100% !important;
            height: 100% !important;
}

body.full-width-content .flex-video.widescreen {
            width: 76% !important;
            padding-bottom: 43.68%;
            margin: 0 auto;
}

/*
------------------------------------------------------------

 Re-branding Design Changes
 
------------------------------------------------------------
*/

/* --- main styles --- */

body {
            background-repeat: no-repeat;
            background-position: center 128px;
            background-color: white;
}

#content-container {
            max-width: 1140px;
            margin: 0 auto;
}

body > div#wrap {
            background-position: center 128px;
            background-repeat: no-repeat;
            max-width: none;
}

body .sidebar-main-content,
.campaign .sidebar-main-content {
            margin: 0;
            padding: 30px 0 12px;
}

body .sidebar-main-content h1,
body.campaign .sidebar-main-content h1 {
            text-align: center;
            float: none;
            margin: 0 auto 12px;
            width: 75%;
}

body .sidebar-main-content h1 a,
body.campaign .sidebar-main-content h1 a {
            font-weight: 600;
}
.single-sp-landing-pages .sidebar-main-content,
body .sidebar-main-content .icon {
            margin: 0 auto 8px;
            float: none;
}

.sidebar-main-content .inset {
            padding: 0 20px;
}

.sidebar-category-select span#choose-text {
            background-position: -5px 0;
}
.sidebar-category-select span#choose-blog {
            background-position: -28px 0;
}
.sidebar-category-select span#choose-photo {
            background-position: -51px 0;
}
.sidebar-category-select span#choose-video {
            background-position: -73px 0;
}

.sidebar-category-select span.article-select p {
            text-shadow: none;
            color: white;
}

.sidebar-category-select > div {
            width: 25%;
}

.sidebar-category-select span.article-select {
            height: 48px;
}

.sidebar-below-main-content {
            padding: 0;
}

/* --- custom section styles --- */

/* - occ - */

body.campaign-operation-christmas-child.single-sp-landing-pages {
            background-image: url('https://sp-comm-arkfiles.s3.theark.cloud/website/images/occ/secondary-bgs/occ/occ-bg.jpg');
            background-repeat: repeat-x; /* this one needs to tile */
            background-color: #f4f4f4;
}

body.campaign-operation-christmas-child.single-sp-landing-pages > div#wrap {
            background-image: url('https://sp-comm-arkfiles.s3.theark.cloud/website/images/occ/occ-main-bg.jpg');
}

span#mobileCatTitle {
            display: none;
}

/********************************************/
/* OTHER STAIC PAGE MARGIN FIXES 
/********************************************/

.post-type-archive-sp-urgent-needs .sp-article-wrap .entry-content {
            margin: 0 5% 0 5% !important; /* adjust margins */
}

/*.sp-article-wrap .entry-content {
		margin: 0 2% 0 -8% !important;
	}
	*/
/*	.sp-article-wrap .entry-content {
		margin: 0 2% 0 2% !important; /* adjust margins *
	} */

/********************************************/
/* END - OTHER STAIC PAGE MARGIN FIXES 
/********************************************/

/************ REMOVE THIS AFTER POSTS STOP USING ARTICLE TEMPLATE *****************/
/* custom for OCC 'special' pages */
body.postid-17886 .sp-article-wrap .entry-content {
            margin: 0 !important;
}

/*****************************************/
/* RESPONSIVE Section Goes here
/*****************************************/

/* Between iPad landscape and potrait */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
            div#nav .ubermenu ul.ubermenu-nav > li > a.ubermenu-target {
                        font-size: 12px !important;
            }
            div#nav .ubermenu ul.ubermenu-nav > li > a.ubermenu-target {
                        padding: 25px 8px !important;
            }
            #homeAlert #homeSubNavTitle,
            #homeAlert #homeSubNavDate,
            #homeAlert #homeAlertTitle {
                        font-size: 15px;
            }
}

/* iPad Portrait-ish */
@media only screen and (max-width: 800px) {
            div#homeSubNavDate {
                        display: none;
            }
            #homeAlert #homeMiniWrapLeft {
                        width: 35%;
            }
            #homeAlert #homeMiniWrapRight {
                        width: 64%;
            }
            .diSlimTitleWrap {
                        width: 100%;
            }
            .diSlimAmt,
            .diSlimBtn {
                        width: 50%;
            }
            div#homeAlertContent {
                        display: block;
            }
            .metaslider .caption-wrap {
                        position: relative !important;
            }
}

/* smaller than iPad portrait*/
@media only screen and (max-width: 767px) {
            #header,
            div#header .wrap div#nav {
                        height: 50px;
            }
            #header > div.wrap {
                        height: auto;
            }
            #homeAlert #homeAlertOpen {
                        padding-right: 5px;
            }
            a.ubermenu-responsive-toggle {
                        margin: 15px 10px 0 0 !important;
                        padding: 0 !important;
            }
            #header .wrap #nav .ubermenu {
                        height: 100% !important;
                        display: block;
                        position: relative;
                        top: 50px;
                        margin-right: 0 !important;
                        left: 35px;
            }
            #site-wrapper .sub-nav {
                        height: 42px;
            }
            div#homeAlert div#homeMiniWrapLeft {
                        display: none;
            }
            div#homeAlert div#homeMiniWrapRight {
                        float: none;
                        clear: both;
                        margin: 0 auto;
                        width: 100%;
                        border-bottom: 1px solid gray;
                        max-width: none;
            }
            div#homeAlert div#homeMiniWrapRight div#homeAlertTitle {
                        font-size: 12px;
                        line-height: 13px;
                        margin: 20px 0 0 10px;
                        padding: 0;
                        width: 86%;
            }
            #homeAlertWrap {
                        margin-top: 20px;
            }
            div#header .wrap div#nav {
                        float: right;
                        position: relative;
                        z-index: 10;
                        margin-right: 100px;
            }
            div#header .wrap div#title-area {
                        width: 45%;
                        min-width: 170px;
                        padding-left: 5px;
                        max-width: 190px;
            }
            #navSearchWrap img {
                        width: 35px;
                        padding-right: 5px;
                        width: 35px;
            }
            #navSearch {
                        background-size: contain;
                        height: 27px;
                        left: 20px;
            }
            #navSearch input {
                        height: 19px;
                        margin-top: 2px;
            }
            #site-wrapper .sub-nav #catNavTitle a {
                        font-size: 15px;
                        margin: 10px 0 0 10px;
            }
            #site-wrapper .sub-nav .ubermenu-responsive-toggle {
                        margin: 13px 5px 0 0 !important;
                        padding: 0 !important;
            }
            #site-wrapper .sub-nav .ubermenu-responsive .ubermenu-item-level-0 {
                        width: 100% !important;
            }
            div#nav .ubermenu ul.ubermenu-nav > li > a.ubermenu-target {
                        text-align: center;
            }
            #site-wrapper .sub-nav .wrap .ubermenu-cat_nav {
                        margin-top: 10px;
            }
            #site-wrapper
                        .sub-nav
                        .wrap
                        .ubermenu-cat_nav
                        .ubermenu-nav
                        > li
                        > a {
                        background: #373737;
            }
            #site-wrapper
                        .sub-nav
                        .wrap
                        .ubermenu-cat_nav
                        .ubermenu-nav
                        > li
                        > a:active,
            #site-wrapper
                        .sub-nav
                        .wrap
                        .ubermenu-cat_nav
                        .ubermenu-nav
                        > li.ubermenu-active
                        > a,
            #site-wrapper
                        .sub-nav
                        .wrap
                        .ubermenu-cat_nav
                        .ubermenu-nav
                        > li
                        > a:hover {
                        color: white;
            }
            div#slideWrap div#story0 div.vidIconSm {
                        left: 88%;
                        top: 80%;
            }
            .home div#slideRight {
                        display: block;
                        float: none;
                        height: auto;
                        margin: 20px auto;
                        max-width: 430px;
                        width: 100%;
            }
            .home div#slideWrap div#slideLeft {
                        float: none;
                        position: relative;
                        width: 100%;
            }
            .home div#slideWrap {
                        max-height: none;
            }
            .home span#storySummary0 {
                        display: none;
            }
            .home span#storyTitle0 {
                        font-size: 18px;
                        line-height: 18px;
            }
            .home div#slideWrap div#slideRight div#slideRightWrap {
                        margin: 0 5px;
            }
}

/* iPhone Landscape and smaller */
@media only screen and (max-width: 480px) {
            #site-wrapper #gblCart #gblCartWrap #gblCartContent {
                        font-size: 12px;
                        margin-top: 6px;
            }
            .show-with-items.gblCartSpacer {
                        height: 35px;
            }
            #site-wrapper #gblCart {
                        height: 35px;
            }
            #site-wrapper #gblCart #gblCartWrap .mobileHide {
                        display: none;
            }
            #content-sidebar-wrap #content {
                        width: 100%;
            }
            #content-sidebar-wrap #sidebar {
                        width: 100%;
                        float: left;
            }
            .social-bar .social {
                        margin: 10px 0 0 0;
            }
}

/*****************************************/
/* JLG RESPONSIVE STYLES
/*****************************************/

/* ------------------------------------------ */
/* START BELOW IPAD LANDSCAPE RESPONSIZE STYLES */
/* ------------------------------------------ */
@media only screen and (max-width: 1023px) {
            /* Styles */
            #content-sidebar-wrap,
            #content,
            .sidebar {
                        float: left;
                        margin: 0;
                        max-width: 100%;
                        padding: 0;
                        width: 100%;
            }
            .sidebar-main-content {
                        height: auto !important;
                        top: 0 !important;
                        max-width: 96% !important;
            }
            #sideTrend {
                        position: relative !important;
                        max-width: 96% !important;
                        margin-top: auto !important;
            }
            .single-sp-landing-pages .sidebar-main-content {
                        max-width: 91.5% !important;
            }
            .single-sp-landing-pages .sidebar-below-main-content {
                        margin-top: 20% !important;
            }
            .single-sp-landing-pages #sideTrend {
                        display: none !important;
            }
}
/* ------------------------------------------ */
/* END - BELOW IPAD LANDSCAPE RESPONSIZE STYLES */
/* ------------------------------------------ */

/* ------------------------------------------ */
/* IPAD LANDSCAPE LANDING PAGE SIDEBAR FIX */
/* ------------------------------------------ */
@media only screen and (max-width: 1026px) {
            /* Styles */
            .single-sp-landing-pages .sidebar-main-content {
                        max-width: 91.5% !important;
                        height: auto !important;
            }
            .single-sp-landing-pages .sidebar-below-main-content {
                        margin-top: 23% !important;
            }
}
/* ------------------------------------------ */
/* END - IPAD LANDSCAPE LANDING PAGE SIDEBAR FIX  */
/* ------------------------------------------ */

/* ------------------------------------------ */
/* BELOW WIDTH OF 830 PIXELS RESPONSIZE STYLES */
/* ------------------------------------------ */
@media only screen and (max-width: 831px) {
            /* Styles */
            /* DUMP THE LANDING PAGE SIDEBAR HEADER */
            .single-sp-landing-pages .sidebar-main-content {
                        display: none !important;
            }
            .single-sp-landing-pages .sidebar-below-main-content {
                        margin-top: 5% !important;
            }
}
/* ------------------------------------------ */
/* END - BELOW WIDTH OF 830 PIXELS RESPONSIZE STYLES */
/* ------------------------------------------ */

/* ------------------------------------------ */
/* BELOW WIDTH OF 1024 PIXELS RESPONSIZE STYLES */
/* ------------------------------------------ */
@media only screen and (max-width: 1024px) {
            .single-sp-landing-pages .sidebar-main-content {
                        margin-top: -5% !important; /* move sidebar for mobile */
            }
            .single-sp-landing-pages .sidebar-below-main-content {
                        margin-top: 26% !important; /* move sidebar for mobile */
            }

            /* Show mobile version of Wheel O' Info'*/
            .home #wheelWrap,
            .home #wheel #wheel-info {
                        float: none;
                        width: 90%;
                        position: relative;
                        margin: 0 auto;
            }
            #wheelWrap {
                        margin-bottom: 20px;
            }
            span.learnMore {
                        margin-bottom: 30px;
                        display: block;
            }
            .home #wheel-container {
                        display: none;
            }
            .home #wheel-container-mobile {
                        display: block;
            }
            .home #wheel #wheel-info #info-icon {
                        left: 45%;
                        top: -25px;
            }

            .home #wheelWrap:before {
                        content: '';
                        display: block;
                        padding-top: 0;
            }
            #wheel-container-mobile #mobile-about-us {
                        width: 100%;
                        text-align: center;
                        margin-top: 10px;
            }
            /*.home #wheel #wheel-info #donate-image img {width:100%;display:block;margin:0 auto;}*/
            #mobile-about-us h2 {
                        font-size: 15px;
            }
            #mobile-about-us h3 {
                        font-size: 14px;
            }
            #wheel-container-mobile select {
                        font-size: 14px;
                        margin-bottom: 10px;
            }
            .home #wheel #donate-bar {
                        height: 30px;
            }
            #title-text {
                        height: 35px;
            }

            /* HOME ARTICLE GRID */
            .home #moreArts .thumbTitle {
                        min-height: 45px !important; /* removes the now empty tab space for mobile */
            }
            .home div#moreArts .thumbwrap li > div {
                        height: 385px !important; /* sets to height of summary text for mobile */
            }

            /* ARTICLE PAGE */
            #artTitleWrap {
                        width: 100%;
                        margin-top: -35px !important;
                        margin-bottom: -25px !important;
            }
            #artTitleWrap #artTitleCont #artTitle h1 {
                        line-height: 100% !important; /* adjust spacing when title wraps on mobile */
                        font-size: 160% !important; /* adjust font size for title on mobile */
                        width: 95%;
            }
            .post-info {
                        margin: 5px 0 0 0 !important;
                        padding: 0 0 0 0 !important;
                        font-size: 5% !important;
                        text-align: center !important; /* shrink text, remove space, center social on mobile */
            }
            .entry-content p.wp-caption-text {
                        padding: 2% !important; /* adjust margins and inset images on mobile */
            }
            .di-full-wrapper {
                        clear: both;
                        width: 95% !important;
                        /*margin-left: 25% !important;*/
                        padding: 15px !important; /* donation item on mobile */
                        margin-bottom: 15px;
            }
            .di-full-wrapper #di-full-header {
                        width: 100% !important;
                        height: 45px !important;
                        background: #ebebeb !important;
                        margin-bottom: 5% !important; /* donation item SUPPORT banner on mobile */
            }
            .di-full-col1 {
                        width: 100% !important;
                        /*margin-left: -9% !important;*/
            }
            .di-full-col2 {
                        width: 100% !important; /* donation item verbiage on mobile */
                        border-left: none;
                        margin-left: 0;
            }
            .di-full-post {
                        margin: 0 0 11% 0 !important;
                        font-size: 85% !important; /* donation item verbiage on mobile */
            }
            .sp-landing-pages .campaign-item-wrapper {
                        padding: 4% 2% 4% 10% !important; /* fixes layout on landing pages on mobile */
            }
            div.donationitem-group div.di-full-col1 img {
                        margin: auto auto 15px;
            }
            .di-full-title {
                        margin: 0 0 5px 0;
            }
            div.di-full-payment div.diCode {
                        margin: 5px 0 5px 0;
            }
            div.di-full-payment div.diSuggested {
                        margin: 5px 0 0 0;
            }
            div.di-full-payment div.diSuggested input,
            div.diCartField input {
                        width: 42%;
            }
}
/* ------------------------------------------ */
/* END - BELOW WIDTH OF 1024 PIXELS RESPONSIZE STYLES */
/* ------------------------------------------ */

/* ------------------------------------------ */
/* BELOW WIDTH OF 650 PIXELS RESPONSIZE STYLES */
/* ------------------------------------------ */
@media only screen and (min-width: 0px) and (max-width: 650px) {
            /* Styles */
            .post-info {
                        font-size: 0 !important;
                        text-align: center !important; /* remove text, remove space, center social on mobile */
            }
            .sp-landing-pages .entry-content {
                        margin: 0 0 0 -4% !important; /* fixes layout on landing pages on mobile */
            }
            .sp-landing-pages .campaign-item-wrapper {
                        padding: 4% 2% 4% 10% !important; /* fixes layout on landing pages on mobile */
            }
            .sp-landing-pages .campaign-item .pic {
                        margin-left: 50% !important;
                        margin-right: 50% !important;
                        margin: auto !important;
                        width: 100% !important; /* fixes layout on landing pages on mobile */
            }
            #site-wrapper .sub-nav {
                        position: inherit !important; /* fixes category cover lingering on nav menuon mobile */
            }

            .sp-articles .entry-content .img {
                        margin-left: 50% !important;
                        margin-right: 50% !important;
                        margin: auto !important;
                        width: 100% !important; /* fixes layout on landing pages on mobile */
            }
            .wp-caption {
                        padding: 2% 0 0 20%;
                        max-width: 100%;
                        width: auto;
                        text-align: left;
            }
            .single .alignleft,
            .single .alignright {
                        float: none;
                        margin: 0 0 10px 0;
            }
            .single .wp-caption {
                        padding: 0;
                        width: 100% !important;
            }
            .single .wp-caption img {
                        padding: 0;
                        width: 100% !important;
            }

            div#homeAlertContent .dropdown-wrapper .content-area-1,
            div#homeAlertContent .dropdown-wrapper .content-area-2 {
                        float: none;
                        width: 100%;
            }
}
/* ------------------------------------------ */
/* END - BELOW WIDTH OF 650 PIXELS RESPONSIZE STYLES */
/* ------------------------------------------ */

@media (max-width: 1140px) {
            div.sp-articles > div.image-caption {
                        margin-left: 2%;
            }
}

/***** DHENN's Responsive Design *************/

@media (max-width: 500px) {
            .di-full-wrapper {
                        width: 88% !important;
            }
            .di-full-col1 {
                        width: 100%;
            }
            .di-full-col2 {
                        width: 100%;
            }
            div.di-full-payment div.diSuggested {
                        width: 100%;
            }
            .di-full-checkout {
                        width: 100%;
                        height: 120px;
            }
            .di-full-checkout a {
                        float: left;
                        width: 100%;
            }
            .di-full-checkout .cart-info {
                        float: left;
                        width: 100%;
                        text-align: center;
            }
            div#diFilterBy {
                        float: left;
                        width: 100%;
                        text-align: center;
                        margin: 10px auto !important;
            }
            .di-full-checkout .megamenu-donate-button {
                        float: none;
                        width: 165px;
                        margin: 0 auto;
            }
            body.support-grid .di-full-checkout {
                        height: 125px;
            }
            div.di-full-checkout span.cart-display,
            .single div.di-full-wrapper span.cart-display {
                        float: none;
                        margin: 15px 0;
                        text-align: center;
            }
            #sidebar-inner {
                        padding: 0 25px 15px;
                        width: 89%;
            }
            .sidebar-main-content p {
                        font-size: 12px;
                        margin: 1.4em;
            }
            .sidebar-main-content strong {
                        font-size: 14px;
            }
            .sidebar.widget-area ul li {
                        font-size: 12px;
            }
            #artTitleWrap #artTitleCont {
                        font-size: 85% !important;
                        padding-top: 2% !important;
            }
}

@media (max-width: 360px) {
            div#moreArts {
                        width: 100%;
            }
            ul.thumbwrap {
                        width: 100%;
            }
            .home div#moreArts .thumbwrap li > div {
                        width: 100%;
                        height: auto;
            }
            div#moreArts .thumbwrap > li .wrimg {
                        width: 100%;
                        height: auto;
            }
            .home div#moreArts .thumbwrap img {
                        width: 100%;
                        height: auto;
            }
            div#moreArts .thumbwrap .titleSpacer {
                        position: relative;
                        width: 100%;
            }
            div.di-full-payment div.diSuggested input,
            div.diCartField input {
                        width: 42%;
            }
            #header .wrap #nav .ubermenu {
                        left: 110px;
                        top: 19px;
                        width: 150%;
            }
}