/*
Theme Name: Samaritan's Purse
Theme URI: https://www.samaritans-purse.org.uk/
Description: Custom WordPress theme for Samaritan's Purse.
Author: Samaritan's Purse
Author URI: https://www.samaritans-purse.org.uk/
Template: genesis
Template Version: 2.0
*/

/* Defaults */
.author-box,
.breadcrumb,
.sticky,
.taxonomy-description,
.wp-caption,
blockquote,
body,
h1,
h2,
h2 a,
h2 a:visited,
h3,
h4,
h5,
h6,
input,
p,
select,
textarea {
    font-family: "Droid Sans", sans-serif;
}

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;
}

h2,
h3 {
    text-transform: uppercase;
}

input,
select,
textarea,
.author-box,
.breadcrumb,
.sticky,
.taxonomy-description,
.wp-caption {
    color: black;
    font-size: 12px;
}

li,
ol,
ul {
    margin: 0;
    padding: 0;
}

ol li {
    list-style-type: decimal;
}

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

.btnnn {
    background: #3498db;
    background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
    background-image: linear-gradient(to bottom, #3498db, #2980b9);
    border-radius: 28px;
    font-family: "Droid Sans", sans-serif;
    color: #ffffff;
    font-size: 20px;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}

.btnnn:hover {
    background: #3cb0fd;
    background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
    background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
    text-decoration: none;
}

.btnnn:active {
    color: #ffffff;
    text-decoration: none;
}

/* 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;
}

/* short code buttons */
.sc-button {
    background: #666666;
    text-shadow: 1px 1px 1px #000;
    border-radius: 1px;
    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);
    border-radius: 1px;
    color: #fff;
    display: block;
    font-size: 13px;
    font-weight: bold;
    padding: 6px 12px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
}
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;
    font-weight: bold;
    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: "Droid Sans", 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;
}

.black-button {
    background: #000000;
} /* Black Button  */
.black-button:hover {
    background: #000000;
}
.black-button:active {
    background: #000000;
}
.black-button a,
.black-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;
}

.idr-button {
    background: #fe580b;
} /* IDR Button  */
.idr-button:hover {
    background: #ff6319;
}
.idr-button:active {
    background: #ff6319;
}
.idr-button a,
.idr-button a:hover {
    color: #ffffff;
    text-decoration: none;
}

.rf-button {
    background: #f7941e;
} /* RF Button  */
.rf-button:hover {
    background: #f7941e;
}
.rf-button:active {
    background: #f7941e;
}
.rf-button a,
.rf-button a:hover {
    color: #ffffff;
    text-decoration: none;
}

.tgj-button {
    background: #60c2c0;
} /* TGJ Button  */
.tgj-button:hover {
    background: #60c2c0;
}
.tgj-button:active {
    background: #60c2c0;
}
.tgj-button a,
.tgj-button a:hover {
    color: #ffffff;
    text-decoration: none;
}

.occ-button {
    background: #69be28;
} /* OCC Button  */
.occ-button:hover {
    background: #69be28;
}
.occ-button:active {
    background: #69be28;
}
.occ-button a,
.occ-button a:hover {
    color: #ffffff;
    text-decoration: none;
}

/* 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;
}
#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: 10px;
    cursor: pointer;
    color: black;
    text-decoration: none;
}
#site-wrapper #gblCart #gblCartWrap #gblCartContent a:hover {
    text-decoration: none;
}

#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 {
    color: white;
    float: left;
    font-size: 18px;
    margin: 18px 0 0 22px;
    text-transform: uppercase;
    text-decoration: none;
}
#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;
}

#homeAlert #homeSubNavTitle,
#homeAlert #homeSubNavDate,
#homeAlert #homeAlertTitle {
    font-size: 18px;
    font-weight: bold;
    padding-top: 18px;
    text-transform: uppercase;
    color: white;
}
#homeAlert #homeSubNavTitle a {
    color: white;
    text-decoration: none;
}
#homeAlert #homeAlertTitle {
    margin-left: 15px;
    float: left;
    color: black;
    margin-right: 40px;
}
#homeAlert #homeSubNavTitle {
    float: left;
}
#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: 61px;
    position: relative;
    cursor: pointer;
}
#homeAlert #homeAlertOpen {
    padding-right: 10px;
    padding-top: 10px;
    position: absolute;
    right: 0;
}

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

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

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

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

div#homeAlertContent .dropdown-wrapper .content-area-1 .inner-content {
    padding-left: 35px;
}
div#homeAlertContent .dropdown-wrapper .content-area-2 .inner-content {
    padding-right: 35px;
}

#navSearchWrap {
    position: absolute;
    right: 0;
    top: 12px;
}
#navSearchWrap img {
    cursor: pointer;
    position: relative;
    z-index: 5001;
    top: 1px;
    float: right;
}
#navSearch {
    background: url("//s3.amazonaws.com/static.samaritanspurse.org/sp-genesis-assets/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;
}

/************ 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*/

/* main nav overrides */
div#nav .ubermenu {
    background: #373737 !important;
    border: 0 !important;
    color: white !important;
    height: 72px !important;
    width: 72% !important;
}
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 27px !important;
    font-size: 14px;
}
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 li {
    width: 100%;
}
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.ubermenu-ministry-title a.ministry-title {
    display: block;
    margin-bottom: 5px;
    border-bottom: 1px dotted #fff !important;
    padding-bottom: 0px;
    padding-left: 0px;
    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-top: 10px;
}
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: 0px;
    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;
}
.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: 0px !important;
}
div.social-bar div {
    display: inline-block;
    margin: 0 5px;
    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: 26px;
    color: black;
    border-bottom: 5px solid black;
    padding-bottom: 10px;
}

.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("//s3.amazonaws.com/static.samaritanspurse.org/sp-genesis-assets/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;
}

/* 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%;
}

.page-template-full-width-image #content .article-featured-image img {
    display: none;
}

.page-template-single-sp-articles #content .article-featured-image img {
    display: none;
}

.post {
    margin: 0;
}

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

.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: 600;
    font-style: italic;
    color: #b17b08;
}

.clear {
    clear: both;
}

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

.search-results-wrap {
    background: #fff url(images/default-article-bg.png) repeat-y scroll 0 0;
    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: 0px;
    width: 30px;
}

.search-results .category-sudan .catIcon {
    background: url("//s3.amazonaws.com/static.samaritanspurse.org/sp-genesis-assets/global/nav-icons.png")
        no-repeat scroll 0px 2px;
}
.search-results .category-animals-and-agriculture .catIcon {
    background: url("//s3.amazonaws.com/static.samaritanspurse.org/sp-genesis-assets/global/nav-icons.png")
        no-repeat scroll 10px -38px;
}
.search-results .category-children .catIcon {
    background: url("//s3.amazonaws.com/static.samaritanspurse.org/sp-genesis-assets/global/nav-icons.png")
        no-repeat scroll 0px -76px;
}
.search-results .category-construction .catIcon {
    background: url("//s3.amazonaws.com/static.samaritanspurse.org/sp-genesis-assets/global/nav-icons.png")
        no-repeat scroll 0px -115px;
}
.search-results .category-disaster .catIcon {
    background: url("//s3.amazonaws.com/static.samaritanspurse.org/sp-genesis-assets/global/nav-icons.png")
        no-repeat scroll 0px -160px;
}
.search-results .category-education-2 .catIcon {
    background: url("//s3.amazonaws.com/static.samaritanspurse.org/sp-genesis-assets/global/nav-icons.png")
        no-repeat scroll 0px -197px;
}
.search-results .category-feeding .catIcon {
    background: url("//s3.amazonaws.com/static.samaritanspurse.org/sp-genesis-assets/global/nav-icons.png")
        no-repeat scroll 0px -238px;
}
.search-results .category-medical .catIcon {
    background: url("//s3.amazonaws.com/static.samaritanspurse.org/sp-genesis-assets/global/nav-icons.png")
        no-repeat scroll 0px -278px;
}
.search-results .category-operation-christmas-child .catIcon {
    background: url("//s3.amazonaws.com/static.samaritanspurse.org/sp-genesis-assets/global/nav-icons.png")
        no-repeat scroll 0px -318px;
}
.search-results .category-water .catIcon {
    background: url("//s3.amazonaws.com/static.samaritanspurse.org/sp-genesis-assets/global/nav-icons.png")
        no-repeat scroll 0px -358px;
}
.search-results .category-our-ministry .catIcon {
    background: url("//s3.amazonaws.com/static.samaritanspurse.org/sp-genesis-assets/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 {
    font-size: 46px;
    letter-spacing: -1px;
    line-height: 35px;
    margin-bottom: 35px;
}
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 {
    font-size: 42px;
    margin-top: 45px;
}
#artTitleWrap #artTitleCont #artDate {
    font-size: 14px;
    margin: 10px 0 0px;
    color: #7d7d7d;
}
#artDate {
    visibility: hidden;
}

.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;
}

.spbloglink {
    color: #fefcfc;
    background-color: #464646;
    height: 48px;
    font-size: 14px;
    letter-spacing: -0.02em;
}
.spbloglink a {
    color: #fefcfc;
}
.spbloglink img {
    width: 48px;
    height: 48px;
    vertical-align: middle;
}
.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: 20px;
    margin: 20px 0;
    display: block;
}

.sp-article-video .sp-article-wrap {
    margin: 0px 0 0 20px;
}

.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: #262626;
    margin: 0 10px 0 0;
}
body.article span.article-summary {
    font-size: 20px;
	color:#787878;
	text-transform: uppercase;
}
/*body.article div#moreArts .thumbwrap > li .wrimg {width:100%}
body.article div#moreArts .thumbwrap img {width:100%}
body.article .thumbTitle {min-height:35px!important;}
body.article div#moreArts .thumbwrap .thumbTitle > a > span {margin:0px; font-size:14px;}
body.article .thumbArtSum{min-height:110px;}
body.article div#moreArts .thumbwrap div.thumbArtSum > p {margin:0px;}
body.single-post div#moreArts .thumbwrap > li .wrimg {width:100%}
body.single-post div#moreArts .thumbwrap img {width:100%}
body.single-post .thumbTitle {min-height:35px!important;}
body.single-post div#moreArts .thumbwrap .thumbTitle > a > span {margin:0px; font-size:14px;}
body.single-post .thumbArtSum{padding:15px; min-height:110px;}
body.single-post div#moreArts .thumbwrap div.thumbArtSum > a > p {margin:0px;}
*/

#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%;
    background: url(//open.south.io/client/temp/col-divider.png) no-repeat top
        left;
    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;
}

h1,
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-style: italic;
	text-transform: uppercase;
}

p.wp-caption-text {
    font-size: 13px;
    text-align: left;
    margin: 0;
    padding: 5px 10px 5px;
    font-style: italic;
	text-transform: uppercase;
}

/* 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: 0px solid #e9e9e9;
    margin: 0;
    padding: 5px 40px 25px 20px;
}

.sidebar-main-content h1 {
    color: black;
    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;
}

.sidebar-main-content h1 a {
    color: black;
    text-decoration: none;
}

.sidebar-main-content p {
    color: black;
    font-size: 14px;
    line-height: 1.2em;
    margin-bottom: 1em;
}

.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 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-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 {
    color: black;
    display: block;
    padding: 12px 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("//s3.amazonaws.com/static.samaritanspurse.org/sp-genesis-assets/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(//s3.amazonaws.com/static.samaritanspurse.org/sp-genesis-assets/global/article-icon.png)
        no-repeat scroll -10px 0;
    position: absolute;
}

body.search .search-blog h2 .icon,
span.icon-blog {
    background: transparent
        url(//s3.amazonaws.com/static.samaritanspurse.org/sp-genesis-assets/global/article-icon.png)
        no-repeat scroll -33px 0;
    position: absolute;
}

body.search .search-photo h2 .icon,
span.icon-photo {
    background: transparent
        url(//s3.amazonaws.com/static.samaritanspurse.org/sp-genesis-assets/global/article-icon.png)
        no-repeat scroll -56px 0;
    position: absolute;
}

body.search .search-video h2 .icon,
span.icon-video {
    background: transparent
        url(//s3.amazonaws.com/static.samaritanspurse.org/sp-genesis-assets/global/article-icon.png)
        no-repeat scroll -80px 0;
    position: absolute;
}
body.search .search-other h2 .icon {
    background: transparent
        url(//s3.amazonaws.com/static.samaritanspurse.org/sp-genesis-assets/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;
    background: white;
}
.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 button.sc-button {
    font-size: 1.3em;
    width: 100% !important;
    height: 45px !important;
    border: none !important;
    text-shadow: none !important;
    box-shadow: none !important;
    font-weight: normal !important;
    text-transform: uppercase;
}

.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;
    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: 0px !important;
}

.di-full-checkout .megamenu-donate-title {
    float: left;
}
.di-full-checkout .megamenu-donate-button {
    background: url("//s3.amazonaws.com/static.samaritanspurse.org/sp-genesis-assets/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("//s3.amazonaws.com/static.samaritanspurse.org/sp-genesis-assets/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 {
    color: #808080;
    font-size: 12px;
    line-height: 14px;
}

/**********************************
/* 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: 460px;
    width: 100%;
}
.home div#storyWrap0 {
    bottom: 15px;
    left: 20px;
    position: absolute;
    width: 90%;
    z-index: 2;
}
.home span#storyCat0 {
    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: bold;
    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-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;
}
.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: 0pt;
    position: absolute;
    top: 0pt;
    width: 100%;
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0OSUiIHN0b3AtY29sb3I9IiMxYzFjMWMiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSI3MyUiIHN0b3AtY29sb3I9IiMxYzFjMWMiIHN0b3Atb3BhY2l0eT0iMC41MCIvPgogICAgPHN0b3Agb2Zmc2V0PSI5NCUiIHN0b3AtY29sb3I9IiMxYzFjMWMiIHN0b3Atb3BhY2l0eT0iMC41NSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMWMxYzFjIiBzdG9wLW9wYWNpdHk9IjAuNiIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* 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+ */ /* Opera 11.10+ */ /* IE10+ */
    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%
    );
    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: https://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: 365px;
    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: 0px 20px;
    text-align: left;
    text-transform: uppercase;
    display: inline-block;
}
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-size: 18px;
    color: black;
    margin: 10px 0 0 20px;
    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("//s3.amazonaws.com/static.samaritanspurse.org/sp-genesis-assets/website/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("//s3.amazonaws.com/static.samaritanspurse.org/sp-genesis-assets/website/blue_play_button.png")
        no-repeat scroll 0 0 / contain rgba(0, 0, 0, 0);
    height: 20px;
    left: 7%;
    position: absolute;
    top: 38%;
    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;
    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;
        display: inline-block;
    }
}

.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("//s3.amazonaws.com/static.samaritanspurse.org/sp-genesis-assets/global/wheel_sprite.png")
        repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.home #wheel #Children {
    top: 5%;
    right: 26%;
    background: url("//s3.amazonaws.com/static.samaritanspurse.org/sp-genesis-assets/global/wheel_sprite.png")
        repeat scroll -60px 0 rgba(0, 0, 0, 0);
}
.home #wheel #Constr {
    top: 25%;
    right: 6%;
    background: url("//s3.amazonaws.com/static.samaritanspurse.org/sp-genesis-assets/global/wheel_sprite.png")
        repeat scroll -120px 0 rgba(0, 0, 0, 0);
}
.home #wheel #DR {
    top: 50%;
    right: -1%;
    background: url("//s3.amazonaws.com/static.samaritanspurse.org/sp-genesis-assets/global/wheel_sprite.png")
        repeat scroll -180px 0 rgba(0, 0, 0, 0);
}
.home #wheel #Ag {
    bottom: 25%;
    right: 6%;
    background: url("//s3.amazonaws.com/static.samaritanspurse.org/sp-genesis-assets/global/wheel_sprite.png")
        repeat scroll -240px 0 rgba(0, 0, 0, 0);
}
.home #wheel #Feeding {
    bottom: 5%;
    right: 26%;
    background: url("//s3.amazonaws.com/static.samaritanspurse.org/sp-genesis-assets/global/wheel_sprite.png")
        repeat scroll -300px 0 rgba(0, 0, 0, 0);
}
.home #wheel #Medical {
    bottom: -2%;
    left: 50%;
    background: url("//s3.amazonaws.com/static.samaritanspurse.org/sp-genesis-assets/global/wheel_sprite.png")
        repeat scroll -360px 0 rgba(0, 0, 0, 0);
}
.home #wheel #OCC {
    bottom: 5%;
    left: 26%;
    background: url("//s3.amazonaws.com/static.samaritanspurse.org/sp-genesis-assets/global/wheel_sprite.png")
        repeat scroll -420px 0 rgba(0, 0, 0, 0);
}
.home #wheel #Water {
    bottom: 25%;
    left: 6%;
    background: url("//s3.amazonaws.com/static.samaritanspurse.org/sp-genesis-assets/global/wheel_sprite.png")
        repeat scroll -480px 0 rgba(0, 0, 0, 0);
}
.home #wheel #Women {
    top: 50%;
    left: -1%;
    background: url("//s3.amazonaws.com/static.samaritanspurse.org/sp-genesis-assets/global/wheel_sprite.png")
        repeat scroll -540px 0 rgba(0, 0, 0, 0);
}
.home #wheel #OHOP {
    top: 25%;
    left: 6%;
    background: url("//s3.amazonaws.com/static.samaritanspurse.org/sp-genesis-assets/global/wheel_sprite.png")
        repeat scroll -600px 0 rgba(0, 0, 0, 0);
}
.home #wheel #Edu {
    top: 5%;
    left: 26%;
    background: url("//s3.amazonaws.com/static.samaritanspurse.org/sp-genesis-assets/global/wheel_sprite.png")
        repeat scroll -660px 0 rgba(0, 0, 0, 0);
}

.home #wheel #Our:hover,
.home #wheel #Our.active {
    background: url("//s3.amazonaws.com/static.samaritanspurse.org/sp-genesis-assets/global/wheel_sprite.png")
        repeat scroll 0 55px rgba(0, 0, 0, 0);
}
.home #wheel #Children:hover,
.home #wheel #Children.active {
    background: url("//s3.amazonaws.com/static.samaritanspurse.org/sp-genesis-assets/global/wheel_sprite.png")
        repeat scroll -60px 55px rgba(0, 0, 0, 0);
}
.home #wheel #Constr:hover,
.home #wheel #Constr.active {
    background: url("//s3.amazonaws.com/static.samaritanspurse.org/sp-genesis-assets/global/wheel_sprite.png")
        repeat scroll -120px 55px rgba(0, 0, 0, 0);
}
.home #wheel #DR:hover,
.home #wheel #DR.active {
    background: url("//s3.amazonaws.com/static.samaritanspurse.org/sp-genesis-assets/global/wheel_sprite.png")
        repeat scroll -180px 55px rgba(0, 0, 0, 0);
}
.home #wheel #Ag:hover,
.home #wheel #Ag.active {
    background: url("//s3.amazonaws.com/static.samaritanspurse.org/sp-genesis-assets/global/wheel_sprite.png")
        repeat scroll -240px 55px rgba(0, 0, 0, 0);
}
.home #wheel #Feeding:hover,
.home #wheel #Feeding.active {
    background: url("//s3.amazonaws.com/static.samaritanspurse.org/sp-genesis-assets/global/wheel_sprite.png")
        repeat scroll -300px 55px rgba(0, 0, 0, 0);
}
.home #wheel #Medical:hover,
.home #wheel #Medical.active {
    background: url("//s3.amazonaws.com/static.samaritanspurse.org/sp-genesis-assets/global/wheel_sprite.png")
        repeat scroll -360px 55px rgba(0, 0, 0, 0);
}
.home #wheel #OCC:hover,
.home #wheel #OCC.active {
    background: url("//s3.amazonaws.com/static.samaritanspurse.org/sp-genesis-assets/global/wheel_sprite.png")
        repeat scroll -420px 55px rgba(0, 0, 0, 0);
}
.home #wheel #Water:hover,
.home #wheel #Water.active {
    background: url("//s3.amazonaws.com/static.samaritanspurse.org/sp-genesis-assets/global/wheel_sprite.png")
        repeat scroll -480px 55px rgba(0, 0, 0, 0);
}
.home #wheel #Women:hover,
.home #wheel #Women.active {
    background: url("//s3.amazonaws.com/static.samaritanspurse.org/sp-genesis-assets/global/wheel_sprite.png")
        repeat scroll -540px 55px rgba(0, 0, 0, 0);
}
.home #wheel #OHOP:hover,
.home #wheel #OHOP.active {
    background: url("//s3.amazonaws.com/static.samaritanspurse.org/sp-genesis-assets/global/wheel_sprite.png")
        repeat scroll -600px 55px rgba(0, 0, 0, 0);
}
.home #wheel #Edu:hover,
.home #wheel #Edu.active {
    background: url("//s3.amazonaws.com/static.samaritanspurse.org/sp-genesis-assets/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("//s3.amazonaws.com/static.samaritanspurse.org/sp-genesis-assets/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 #donate-click {
    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: 100%;
    width: 98%;
    font-size: 18px;
    color: black;
    text-align: center;
}

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

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

.footer-area {
    margin-top: 50px !important;
    min-height: 300px;
    background: #ced3d4;
    width: 100%;
    font-size: 12px;
    color: black;
    position: relative;
    float:left;
    width: 100%;
}

.footer-area-occ {
    margin-top: 50px !important;
    min-height: 300px;
    background: #06f536;
    width: 100%;
    font-size: 12px;
    color: black;
    position: relative;
}

.footer-area #footer-wrap {
    margin: 0 auto;
    width: 100%;
    max-width: 1160px;
    overflow: hidden;
}
.footer-area #footer-left {
    float: left;
    line-height: 15px;
    margin: 0 2% 0 10px;
    width: 47%;
}
.footer-area #footer-right {
    width: 47%;
    float: right;
    padding-top: 40px;
    margin-right: 10px;
}
.footer-area #footer-right #footer-right-head {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 10px;
}
.footer-area #footer-right #footer-right-subhead {
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 10px;
}
.footer-area #footer-left #footer-left-head {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 10px;
}
.footer-area #footer-left #footer-left-subhead {
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 10px;
}
.footer-area #footer-right #emailForm input {
    height: 35px;
    border-radius: 8px;
    -khtml-border-radius: 8px;
    border: solid 1px gray;
    margin-bottom: 15px;
    padding-left: 2%;
    color: gray;
}
.footer-area #footer-right #emailForm #emFirstName {
    width: 46%;
    float: left;
}
.footer-area #footer-right #emailForm #emLastName,
.footer-area #footer-right #emailForm #emSubmit {
    width: 46%;
    float: right;
}
.footer-area #footer-right #emailForm #emSubmit {
    background: darkgray;
    color: white;
    font-size: 15px;
    font-weight: bold;
}
.footer-area #footer-right #emailForm #emEmail {
    width: 98%;
    clear: both;
}
.footer-area a,
.footer-area a:visited {
    text-decoration: none;
    color: black;
}

.footer-area #footer-area-social {
    padding: 40px 0 10px 0;
}
.social {
    width: 30px;
    height: 30px;
    display: inline-block;
}
#footer-area-social a:not(:first-child) {
    margin: 0 0 0 5px;
}
.social-bar .social {
    margin-top: 10px;
}

.social-fb {
    background: url("https://spuk.s3.amazonaws.com/social-icons-sprite.png")
        no-repeat scroll 0 -35px rgba(0, 0, 0, 0);
}
.social-tw {
    background: url("https://spuk.s3.amazonaws.com/social-icons-sprite.png")
        no-repeat scroll -35px -35px rgba(0, 0, 0, 0);
}
.social-goog {
    background: url("https://spuk.s3.amazonaws.com/social-icons-sprite.png")
        no-repeat scroll -70px -35px rgba(0, 0, 0, 0);
}
.social-yt {
    background: url("https://spuk.s3.amazonaws.com/social-icons-sprite.png")
        no-repeat scroll -105px -35px rgba(0, 0, 0, 0);
}
.social-ing {
    background: url("https://spuk.s3.amazonaws.com/social-icons-sprite.png")
        no-repeat scroll -140px -35px rgba(0, 0, 0, 0);
}
.social-em {
    background: url("https://spuk.s3.amazonaws.com/social-icons-sprite.png")
        no-repeat scroll -175px -35px rgba(0, 0, 0, 0);
}

.social-fb:hover {
    background: url("https://spuk.s3.amazonaws.com/social-icons-sprite.png")
        no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.social-tw:hover {
    background: url("https://spuk.s3.amazonaws.com/social-icons-sprite.png")
        no-repeat scroll -35px 0 rgba(0, 0, 0, 0);
}
.social-goog:hover {
    background: url("https://spuk.s3.amazonaws.com/social-icons-sprite.png")
        no-repeat scroll -70px 0 rgba(0, 0, 0, 0);
}
.social-yt:hover {
    background: url("https://spuk.s3.amazonaws.com/social-icons-sprite.png")
        no-repeat scroll -105px 0 rgba(0, 0, 0, 0);
}
.social-ing:hover {
    background: url("https://spuk.s3.amazonaws.com/social-icons-sprite.png")
        no-repeat scroll -140px 0 rgba(0, 0, 0, 0);
}
.social-em:hover {
    background: url("https://spuk.s3.amazonaws.com/social-icons-sprite.png")
        no-repeat scroll -175px 0 rgba(0, 0, 0, 0);
}

.occ-social-fb {
    background: url("https://spuk.s3.amazonaws.com/social-icons-sprite-occ.png")
        no-repeat scroll 0 -35px rgba(0, 0, 0, 0);
}
.occ-social-tw {
    background: url("https://spuk.s3.amazonaws.com/social-icons-sprite-occ.png")
        no-repeat scroll -35px -35px rgba(0, 0, 0, 0);
}
.occ-social-pin {
    background: url("https://spuk.s3.amazonaws.com/social-icons-sprite-occ.png")
        no-repeat scroll -70px -35px rgba(0, 0, 0, 0);
}
.occ-social-yt {
    background: url("https://spuk.s3.amazonaws.com/social-icons-sprite-occ.png")
        no-repeat scroll -105px -35px rgba(0, 0, 0, 0);
}
.occ-social-ing {
    background: url("https://spuk.s3.amazonaws.com/social-icons-sprite-occ.png")
        no-repeat scroll -140px -35px rgba(0, 0, 0, 0);
}
.occ-social-em {
    background: url("https://spuk.s3.amazonaws.com/social-icons-sprite-occ.png")
        no-repeat scroll -175px -35px rgba(0, 0, 0, 0);
}

.occ-social-fb:hover {
    background: url("https://spuk.s3.amazonaws.com/social-icons-sprite-occ.png")
        no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.occ-social-tw:hover {
    background: url("https://spuk.s3.amazonaws.com/social-icons-sprite-occ.png")
        no-repeat scroll -35px 0 rgba(0, 0, 0, 0);
}
.occ-social-pin:hover {
    background: url("https://spuk.s3.amazonaws.com/social-icons-sprite-occ.png")
        no-repeat scroll -70px 0 rgba(0, 0, 0, 0);
}
.occ-social-yt:hover {
    background: url("https://spuk.s3.amazonaws.com/social-icons-sprite-occ.png")
        no-repeat scroll -105px 0 rgba(0, 0, 0, 0);
}
.occ-social-ing:hover {
    background: url("https://spuk.s3.amazonaws.com/social-icons-sprite-occ.png")
        no-repeat scroll -140px 0 rgba(0, 0, 0, 0);
}
.occ-social-em:hover {
    background: url("https://spuk.s3.amazonaws.com/social-icons-sprite-occ.png")
        no-repeat scroll -175px 0 rgba(0, 0, 0, 0);
}

.social-fb-bar {
    background: url("https://spuk.s3.amazonaws.com/social-icons-sprite-bar.png")
        no-repeat scroll 0 -35px rgba(0, 0, 0, 0);
}
.social-tw-bar {
    background: url("https://spuk.s3.amazonaws.com/social-icons-sprite-bar.png")
        no-repeat scroll -35px -35px rgba(0, 0, 0, 0);
}
.social-pin-bar {
    background: url("https://spuk.s3.amazonaws.com/social-icons-sprite-bar.png")
        no-repeat scroll -70px -35px rgba(0, 0, 0, 0);
}
.social-goog-bar {
    background: url("https://spuk.s3.amazonaws.com/social-icons-sprite-bar.png")
        no-repeat scroll -105px -35px rgba(0, 0, 0, 0);
}
.social-yt-bar {
    background: url("https://spuk.s3.amazonaws.com/social-icons-sprite-bar.png")
        no-repeat scroll -140px -35px rgba(0, 0, 0, 0);
}
.social-rss-bar {
    background: url("https://spuk.s3.amazonaws.com/social-icons-sprite-bar.png")
        no-repeat scroll -175px -35px rgba(0, 0, 0, 0);
}
.social-em-bar {
    background: url("https://spuk.s3.amazonaws.com/social-icons-sprite-bar.png")
        no-repeat scroll -210px -35px rgba(0, 0, 0, 0);
}

.social-fb-bar:hover {
    background: url("https://spuk.s3.amazonaws.com/social-icons-sprite-bar.png")
        no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.social-tw-bar:hover {
    background: url("https://spuk.s3.amazonaws.com/social-icons-sprite-bar.png")
        no-repeat scroll -35px 0 rgba(0, 0, 0, 0);
}
.social-pin-bar:hover {
    background: url("https://spuk.s3.amazonaws.com/social-icons-sprite-bar.png")
        no-repeat scroll -70px 0 rgba(0, 0, 0, 0);
}
.social-goog-bar:hover {
    background: url("https://spuk.s3.amazonaws.com/social-icons-sprite-bar.png")
        no-repeat scroll -105px 0 rgba(0, 0, 0, 0);
}
.social-yt-bar:hover {
    background: url("https://spuk.s3.amazonaws.com/social-icons-sprite-bar.png")
        no-repeat scroll -140px 0 rgba(0, 0, 0, 0);
}
.social-rss-bar:hover {
    background: url("https://spuk.s3.amazonaws.com/social-icons-sprite-bar.png")
        no-repeat scroll -175px 0 rgba(0, 0, 0, 0);
}
.social-em-bar:hover {
    background: url("https://spuk.s3.amazonaws.com/social-icons-sprite-bar.png")
        no-repeat scroll -210px 0 rgba(0, 0, 0, 0);
}

.footer-area #email_signup {
    height: 23px;
    left: -3px;
    padding: 3px;
    position: relative;
    vertical-align: top;
    width: 200px;
}

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

#title-area {
    float: left;
    overflow: hidden;
    padding: 0;
    width: 27%;
    cursor: pointer;
    margin-top: 10px;
}

#title-area #title {
    width: 100%;
    height: 50px;
}

.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 0em 1em 2em;
    width: 42%;
}

.campaign-construction .inset {
    margin: 0.5em 0em 1em 0.5em;
}

.campaign-medical .sidebar-main-content .inset {
    margin: 1.7em 0em 1em 1.5em;
}
.campaign-children .sidebar-main-content h1 {
    padding-top: 7px;
}
.campaign-feeding .sidebar-main-content h1 {
    padding-top: 7px;
}
.campaign-medical .sidebar-main-content h1 {
    padding-top: 7px;
}
.campaign-water .sidebar-main-content .inset {
    margin: 0.5em 0.5em 0 2em;
}

.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 0px;
    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("//s3.amazonaws.com/static.samaritanspurse.org/sp-genesis-assets/global/header-cart-notification-bkg.png");
    height: 130px;
    position: absolute;
    right: 2px;
    top: 120px;
    width: 183px;
    z-index: 10000;
}
#cart-notification p.header {
    font-size: 16px;
    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;
    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;
    font-size: 18px;
    text-transform: uppercase;
    display: block;
    font-size: 16px;
    font-weight: 400;
    float: left;
    color: #dddddd;
    padding: 16px 0 0px 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;
}

#ooyalaplayer,
.ooyalaplayer {
    padding: 0 0 56.2%;
    height: auto !important;
    width: auto !important;
    position: relative;
    margin-bottom: 1em;
    margin-top: 0;
    overflow: hidden;
    background-color: transparent;
    z-index: 0;
}

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

#ooyalaplayer > div,
.ooyalaplayer > div {
    position: static !important;
}

#ooyalaplayer div.oo_controls_wrap,
.ooyalaplayer div.oo_controls_wrap {
    position: static !important;
}

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

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("httpss://s3.amazonaws.com/static.samaritanspurse.org/images/redesign2013/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("httpss://s3.amazonaws.com/static.samaritanspurse.org/images/redesign2013/secondary-bgs/occ/occ-main-bg.jpg");
}

span#mobileCatTitle {
    display: none;
}

/******************************************************
    #######################################
/\/\/\/ ######## FOLLOW YOUR BOX PAGE ######### /\/\/\/
/\/\/\/ ##### ADDED VISIONTANK 08/07/15 ####### /\/\/\/
    #######################################
******************************************************/
.fade {
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.sprite {
    background: url("images/newocc/sprite.png") no-repeat;
    background-size: 400px;
    float: left;
}
/*********/
.box_sec {
    float: left;
    width: 100%;
}
.box_content {
    width: 1140px;
    position: relative;
    margin: 0 auto;
}
.box_content h1 {
    color: #69be28;
    font-family: "Lucida Grande", Arial, sans-serif;
    font-size: 42px;
    line-height: 56px;
    font-weight: bold;
    text-transform: none;
    margin: 0 0 30px;
    padding: 0;
}
.box_content h1#steps_title {
    margin-bottom: 0;
}
#follow_box_content h2 {
    color: #575859;
    font-size: 32px;
    font-weight: bold;
    text-transform: none;
    margin: 0 0 25px;
}
#follow_box_content p {
    color: #a6a6a6;
    font-family: "Lucida Grande", Arial, sans-serif;
    font-size: 17px;
    line-height: 29px;
}
#follow_box-give #give_steps .give_steps-single p {
    color: #a6a6a6;
}
#follow_box_content #follow_box_head {
    background: url("images/newocc/head_img3.jpg") no-repeat center top;
    background-attachment: fixed;
    background-size: cover;
    float: left;
    width: 100%;
    height: 450px;
    margin: 6px 0 0;
}
#follow_box_content #follow_box_head img {
    height: auto;
    width: 402px;
    float: left;
    margin: 3% 0 0;
}
#follow_box-sec2 #box_txt-sec2 {
    padding: 75px 18% 25px;
    width: 64%;
    text-align: center;
}
#follow_box-sec2 #box_txt-sec2 p {
    margin: 15px 0;
    padding: 0 18%;
}
#follow_box-sec2 #box_txt-sec2 img {
    width: 715px;
    height: auto;
    margin: 40px 0 50px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
}
#follow_box-sec2 #box_txt-sec2 #box_video {
    border-bottom: 5px solid #69be28;
    width: 640px;
    height: auto;
    margin: 40px auto 50px;
    overflow: hidden;
    border-radius: 8px;
    -webkit-border-radius: 8px;
}
#follow_box-sec2 #box_txt-sec2 #box_video img {
    width: 100%;
}
.step_label {
    float: left;
    width: 100%;
}
.step_label span {
    background: #ed1b24;
    color: #fff;
    width: 100px;
    height: 20px;
    padding: 40px 0;
    margin: 0 auto -49px;
    display: block;
    position: relative;
    z-index: 5;
    text-align: center;
    font-size: 25px;
    font-family: "Lucida Grande", Arial, sans-serif;
    text-transform: uppercase;
    border-radius: 50px;
    -webkit-border-radius: 50px;
}
.box_step {
    background: #e1e1e1;
    position: relative;
    border-bottom: 7px solid #dbd7d7;
    min-height: 320px;
}
.step_arrow {
    float: left;
    width: 100%;
    margin: 0 0 50px;
}
.step_arrow span {
    width: 0px;
    height: 0px;
    margin: 0 auto;
    display: block;
    border: 50px solid transparent;
    border-top: 35px solid #dbd7d7;
    border-bottom: 0;
}
.step_left {
    background: #69be28;
    width: 50%;
    float: left;
    height: 100%;
    position: absolute;
}
#follow_box-step2 .step_left {
    background: #f1c830;
}
#follow_box-step3 .step_left {
    background: #a0bdc2;
}
.step_left img {
    float: right;
    width: 400px;
    height: auto;
    margin: 17px 60px 0 0;
}
#follow_box-step2 .step_left img {
    width: 380px;
}
#follow_box-step3 .step_left img {
    width: 460px;
    margin: 5px 40px 0 0;
}
.step_right {
    float: right;
    width: 50%;
    height: 100%;
}
.step_right .step_half_txt {
    width: 67%;
    padding: 40px 10%;
}
#follow_box_content .step_right .step_half_txt p {
    color: #4c4c4c;
    font-size: 17px;
    line-height: 29px;
}
#follow_box-give #box_txt-give {
    text-align: center;
}
#box_txt-give #give_steps {
    float: none;
    width: 75%;
    margin: 0 auto;
}
#box_txt-give #give_steps .give_steps-single {
    float: left;
    margin: 0 9% 0 0;
    opacity: 0.5;
}
#box_txt-give #give_steps .give_step-active {
    opacity: 1;
}
#box_txt-give #give_steps .give_steps-single:last-of-type {
    margin-right: 0;
}
#box_txt-give #give_steps .give_steps-single span {
    background: #a6a6a6;
    float: left;
    width: 25px;
    height: 25px;
    margin: 0 10px 0 0;
    border-radius: 13px;
}
#box_txt-give #give_steps .give_step-active span {
    background: #9ac543;
}
#box_txt-give #give_steps .give_steps-single p {
    float: left;
}
#box_txt-give #give_form {
    background: #ededed;
    float: left;
    width: 80%;
    height: 400px;
    margin: 40px 10% 0;
    padding: 45px 0;
    border-radius: 13px;
}
#box_txt-give #give_form .give_option {
    float: left;
    width: 80%;
    margin: 0 10%;
    position: relative;
}
#box_txt-give #give_form #box_amount {
    margin-bottom: 35px;
}
#box_txt-give #give_form #other_amount {
}
.show-shippinglabel #box_txt-give #give_steps #checkout-step-one {
    opacity: 1;
}
.show-shippinglabel #box_txt-give #give_steps #checkout-step-one span {
    background: #9ac543;
}
.show-tgj #box_txt-give #give_steps #checkout-step-one {
    opacity: 1;
}
.show-tgj #box_txt-give #give_steps #checkout-step-one span {
    background: #9ac543;
}
.view-checkout #box_txt-give #give_steps #checkout-step-two {
    opacity: 1;
}
.view-checkout #box_txt-give #give_steps #checkout-step-two span {
    background: #9ac543;
}
.view-payment #box_txt-give #give_steps #checkout-step-three {
    opacity: 1;
}
.view-payment #box_txt-give #give_steps #checkout-step-three span {
    background: #9ac543;
}
.give_option h3 {
    text-transform: none;
}
.give_option .form-control span.giveform_icon {
    background: #69be28 url("images/newocc/givesprite.png") no-repeat -1px -4px;
    background-size: 86px;
    width: 85px;
    height: 85px;
    position: absolute;
    left: -7px;
    border-radius: 42px;
    -webkit-border-radius: 42px;
}
.give_option .form-control.shoebox-amt span.giveform_icon {
    background-position: 0px -93px;
}
.give_option input[type="number"] {
    color: #69be28;
    background: #fff;
    float: left;
    font-size: 24px;
    max-width: 100%;
    width: 100%;
    border-radius: 8px;
    border: 2px solid #e1e1e1;
    text-align: center;
    padding: 7px 0;
    margin: 20px 0 8px;
}
.give_option .help-text {
    color: #9c9c9c;
    font-size: 16px;
    margin: 0 0 20px;
}
.give_option button.target-button {
    background: #ed1b24;
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
    border: 0;
    border-radius: 5px;
    padding: 7px 130px;
    margin: 26px 0 30px;
    cursor: pointer;
}
.give_option button.target-button:hover {
    background: #ad1219;
}
.tgj {
}
.tgj h3 {
    color: #3c3c3c;
    text-align: left;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
}
.tgj p {
    text-align: left;
    margin: 12px 0;
}
.tgj p strong {
    color: #3c3c3c;
}
.tgj .tgj-options {
    margin: 20px 0 0;
}
.tgj .tgj-options p {
    margin: 0;
}
.cartsummary {
    width: 100%;
}
.cartsummary h3 {
    color: #fff;
    background-color: #69be28;
    width: 60%;
    margin: 0 20% 30px;
    padding: 5px 0;
    border-radius: 5px;
}
#follow_box_questions {
    background: #ededed;
    margin: 0 0 50px;
}
#follow_box_questions #box_questions_txt {
    width: 70%;
    padding: 40px 15%;
    text-align: center;
}
a.occ_link_style {
    color: #69be28;
    font-size: 15px;
    text-transform: uppercase;
    border: 2px solid #69be28;
    text-align: center;
    border-radius: 8px;
    padding: 12px 0;
    width: 250px;
    margin: 22px auto;
    display: block;
}

a.occ_link_style:hover {
    color: #fff;
    background: #69be28;
    text-decoration: none;
}

a.donate_link_style {
    color: #002d56;
    font-size: 15px;
    text-transform: uppercase;
    border: 2px solid #002d56;
    text-align: center;
    border-radius: 8px;
    padding: 12px 0;
    width: 250px;
    margin: 22px auto;
    display: block;
}

a.donate_link_style:hover {
    color: #fff;
    background: #002d56;
    text-decoration: none;
}

a.livelihoods_link_style {
    color: #aea444;
        font-size: 15px;
    text-transform: uppercase;
    border: 2px solid #C9BA29;
    text-align: center;
    border-radius: 8px;
    padding:12px 0;
    width: 300px;
    margin: 22px auto;
    display: block;
}
a.livelihoods_link_style:hover {
    color: #fff;
    background: #aea444;
    text-decoration: none;
}

#social_foot {
    background: url("images/newocc/foot_img2.jpg") no-repeat center;
    background-attachment: fixed;
    background-size: cover;
    float: left;
    width: 100%;
    height: 400px;
}
#rf-footer-area #social_foot {
    background-image: url("images/newrf/rf-foot_img.jpg");
    height: 500px;
}
#social_foot .box_content {
    padding: 100px 0;
}
.footer-area h1 {
    color: #fff;
    text-shadow: 0 0 15px #000;
    text-align: center;
}
.footer-area p {
    color: #fff;
    font-size: 17px;
    line-height: 30px;
    margin: 0 0 40px;
    text-align: center;
}
#box_social_links {
    width: 592px;
    margin: 0 auto;
}
#sp-footer-area #box_social_links,
#rf-footer-area #box_social_links,
#tott-footer-area #box_social_links {
    width: 464px;
}
#rf-footer-area #social_foot .box_content {
    padding: 150px 0 0;
}
#box_social_links a {
    float: left;
}
#box_social_links a span {
    background-color: #ed1b24;
    background-position: 15px -225px;
    width: 78px;
    height: 78px;
    margin: 0 50px 0 0;
    border-radius: 39px;
    opacity: 1;
}
#box_social_links #twit span {
    background-position: -47px -225px;
}
#box_social_links #yt span {
    background-position: -123px -225px;
}
#box_social_links #gplus span {
    background-position: -194px -225px;
}
#box_social_links #insta span {
    background-position: -266px -225px;
}
#box_social_links #pintr span {
    background-position: -333px -225px;
}
#box_social_links a:last-of-type span {
    margin-right: 0;
}
#box_social_links a span:hover {
    background-color: #373737;
}
#signup_foot {
    background: #275c71;
    padding: 40px 0;
}
#signup_foot p.signup_promise {
    margin-top: 30px;
    font-size: 14px;
    line-height: 24px;
}
#signup_foot p.signup_promise a {
    text-decoration: underline;
    color: #fff;
}
#occ-footer-area #signup_foot {
    background: #69be28;
}
#rf-footer-area #signup_foot {
    background: #eec32c;
}
#rf-footer-area #signup_foot h1,
#rf-footer-area #signup_foot p {
    color: #231f20;
}
#signup_foot .box_content {
    width: 960px;
}
#signup_foot h1 {
    text-shadow: none;
}
#signup_foot .gform_wrapper {
    width: 80%;
    max-width: 100%;
    margin: 0 10%;
}
/* #signup_foot .gform_wrapper .gfield {margin:0;} */
/* #signup_foot .gform_wrapper .gfield label {display:none;} */
/* #signup_foot .gform_wrapper .gfield input[type="text"], #signup_foot .gform_wrapper .gfield input[type="email"] {color: #002D56;font-size: 16px !important;background: #fff;float: left;width: 100%;border: 0;padding: 7px 10px !important;margin: 10px 0;} */
#occ-footer-area #signup_foot .gform_wrapper .gfield input[type="text"],
#occ-footer-area #signup_foot .gform_wrapper .gfield input[type="email"] {
    color: #69be28;
}
#rf-footer-area #signup_foot .gform_wrapper .gfield input[type="text"],
#rf-footer-area #signup_foot .gform_wrapper .gfield input[type="email"] {
    color: #f7941e;
}
#signup_foot .gform_wrapper .gfield span {
    width: 49%;
    float: left;
}
#signup_foot .gform_wrapper .gfield span.name_first {
    margin-right: 2%;
}
/* #signup_foot .gform_wrapper .gform_footer input[type="submit"] {-webkit-appearance: none;-moz-appearance: none;background: #e41b23;color: #fff;float: none;display: block;font-size: 16px !important;text-transform: uppercase;border: 0;padding: 7px 70px !important;margin: 80px auto 0;cursor: pointer;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} */
#signup_foot .gform_wrapper .gform_footer input[type="submit"]:hover {
    background: #ad1219;
}
#bottom-foot {
    background: #373737;
    padding: 20px 2%;
    width: 100%;
    box-sizing: border-box;
}
#sp-footer-area #bottom-foot,
#rf-footer-area #bottom-foot {
    width: 100%;
}
#bottom-foot p {
    text-align: left;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
}
#bottom-foot p a {
    color: #adadad;
}
#bottom-foot #foot_logo {
    width: 14%;
    float: left;
    padding: 20px 0;
}
#bottom-foot #foot_logo img {
    width: 100%;
    height: auto;
}
#bottom-foot #foot_mid {
    float: left;
    border-right: 5px solid #474747;
    border-left: 5px solid #474747;
    padding: 10px 25px;
    margin: 0 30px;
    width: 36%;
}
#bottom-foot #foot_right {
    float: left;
    width: 27%;
    padding: 10px 0;
    border-right: 5px solid #474747;
}
#bottom-foot #foot_far_right {
    padding: 10px 0 0 25px;
    width: 7%;
    float: left;
}
#bottom-foot #foot_far_right img {
    width: 100%;
}
/*
/\/\/\/ ######## OCC HOME PAGE ######### /\/\/\/
/\/\/\/ ##### ADDED VISIONTANK 06/08/15 ####### /\/\/\/
*/
.occ_popup_wrap {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(50, 50, 50, 0.85);
    z-index: 9999;
    visibility: hidden;
    display: none;
}
.occ_popup {
    max-width: 560px;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    right: 20px;
    left: 20px;
    background-color: #ffffff;
    border-radius: 10px;
    padding: 40px;
    transform: translateY(-50%);
    text-align: center;
    box-sizing: border-box;
    visibility: hidden;
    display: none;
}
.occ_popup--show {
    display: block;
    visibility: visible;
}
.occ_popup__close {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}
.occ_popup h2 {
    text-transform: none;
    font-size: 24px;
}
.occ_popup__logo {
    margin: 20px 0 0;
}
#occ_home_head {
    border-bottom: 7px solid #dbd7d7;
    background: url("images/newocc/OCC_Home_Page_Cover_3.jpg") no-repeat center
        top;
    background-size: cover;
    float: left;
    width: 100%;
    height: 750px;
    /*    margin: 6px 0 0;*/
    position: relative;
}
#occ_home_head #head_overlay {
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
}
#occ_home_head #occ_logo_contain {
    text-align: center;
}
#occ_home_head #occ_logo_contain img {
    width: 100%;
    height: auto;
}
#occ_home_head #occ_logo_contain h1 {
    color: #fff;
    font-size: 30px;
    line-height: 30px;
    text-transform: uppercase;
    margin: 15px 0 10px;
    text-shadow: 0 0 15px #000;
}
#occ_home_head #occ_logo_contain h3 {
    color: #fff;
    font-size: 17px;
    line-height: 17px;
    text-transform: uppercase;
    margin: 0;
    text-shadow: 0 0 15px #000;
    line-height: 24px;
}
#occ_head_links {
    width: 100%;
    max-width: 1200px;
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 0 20px;
}
#occ_head_links .box_link {
    border: 2px solid #fff;
    float: left;
    width: 270px;
    margin: 0 20px 0 0;
}
#occ_head_links .box_link#box_link-three {
    margin-right: 0;
}
#occ_head_links .box_link .box_link_img {
    background: url("images/newocc/head_link1.jpg") no-repeat center;
    background-size: cover;
    float: left;
    width: 100%;
    height: 143px;
}
#occ_head_links .box_link#box_link-one .box_link_img {
    background-image: url("images/newocc/2019 Updates/How_to_pack_button.jpg");
}
#occ_head_links .box_link#box_link-two .box_link_img {
    background-image: url("images/newocc/2020 Updates/shoebox-online.jpg");
}
#occ_head_links .box_link#box_link-three .box_link_img {
    background-image: url("images/newocc/2020 Updates/Drop_Off_Locations.jpg");
}
#occ_head_links .box_link .box_link_txt {
    background: #69be29;
    float: left;
    width: 100%;
    padding: 5px 0;
    position: relative;
}
#occ_head_links .box_link .box_link_txt h3 {
    color: #fff;
    text-align: center;
    font-size: 16px;
    line-height: 18px;
    margin: 0;
}
#occ_head_links .box_link#box_link-two .box_link_txt {
    padding: 5px 0;
}
#occ_head_links .box_link#box_link-two .box_link_txt h3 {
    line-height: 18px;
}
#occ_head_links .box_link .box_link_txt span {
    background-color: #fff;
    background-position: -13px -173px;
    position: absolute;
    top: 8px;
    right: 10px;
    width: 32px;
    height: 32px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
}
#occ_head_links .box_link:hover .box_link_txt span {
    background-color: #69be29;
    background-position: -8px -199px;
}
#occ_head_links .box_link:hover .box_link_txt {
    background: #fff;
}
#occ_head_links .box_link:hover .box_link_txt h3 {
    color: #69be29;
}
#occ_head_links #small_links {
    float: right;
    width: 255px;
}
#occ_head_links #small_links a {
    background: #fff;
    float: left;
    width: 100%;
    padding: 22px 20% 22px 6%;
    margin: 0 0 8px;
    position: relative;
}
#occ_head_links #small_links a#small_link-three {
    margin-bottom: 0;
}
#occ_head_links #small_links a h4 {
    color: #69be29;
    font-size: 15px;
    margin: 0;
}
#occ_head_links #small_links a span {
    background-color: #69be29;
    background-position: -7px -200px;
    position: absolute;
    top: 14px;
    right: 10px;
    width: 32px;
    height: 32px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
}
#occ_head_links #small_links a:hover {
    background: #69be29;
    text-decoration: none;
}
#occ_head_links #small_links a:hover h4 {
    color: #fff;
}
#occ_head_links #small_links a:hover span {
    background-color: #fff;
    background-position: -13px -173px;
}
.occ_banner_link {
    background: #d10000;
    border-bottom: 7px solid #dbd7d7;
    padding: 20px 0;
    display: inline-block;
    width: 100%;
    text-align: center;
}
.occ_banner_link a {
    display: inline-block;
    padding: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.occ_banner_link a:hover {
    text-decoration: none;
    background: #a50101;
}
.occ_banner_link a span {
    background: url("images/ipackedashoebox-box.png") no-repeat center;
    width: 138px;
    height: 75px;
    display: inline-block;
    vertical-align: middle;
}
.occ_banner_link .occ_banner_link_txt {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}
.occ_banner_link a h3 {
    vertical-align: top;
    color: #fff;
    font-weight: 900;
    margin: 0;
}
.occ_banner_link a p {
    font-size: 20px;
    color: #fff !important;
}
.occ_banner_link a p strong {
    font-weight: 700;
}
#occ_home-sec2 #occ_txt-sec2 {
    padding: 0 18%;
    width: 64%;
    text-align: center;
}
#occ_home-sec2 #occ_txt-sec2 #box_video {
    border-bottom: 5px solid #69be29;
    width: 640px;
    height: auto;
    margin: 40px auto 50px;
    overflow: hidden;
    border-radius: 8px;
    -webkit-border-radius: 8px;
}
#occ_txt-sec3 {
    float: left;
    width: 80%;
    margin: 0 10% 50px;
}
#occ_txt-sec3 .occ_mid_link {
    float: left;
    width: 44%;
    margin: 0 0 0 12%;
}
#occ_txt-sec3 .occ_mid_link:first-of-type {
    margin-left: 0;
}
#occ_txt-sec3 .occ_mid_link h3 {
    color: #9ac543;
    font-size: 25px;
    margin: 0 0 24px;
    text-align: center;
    text-transform: capitalize;
}
#occ_txt-sec3 .occ_mid_link img {
    border-bottom: 5px solid #69be29;
    margin: 0 0 24px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
}
#occ_txt-sec3 .occ_mid_link p {
    text-align: center;
}
#occ_txt-sec3 .occ_mid_link a {
}
.occ_full_img {
    background: no-repeat center;
    background-size: cover;
    background-attachment: fixed;
    height: 450px;
    background-position: center top;
}
#occ_home_full-1 {
    background-image: url("images/newocc/occbg_1.jpg");
}
#occ_home_full-2 {
    background-image: url("images/newocc/occbg_2.jpg");
}
#occ_story_full-1 {
    background-image: url("images/newocc/story1.jpg");
}
#occ_txt-sec4 {
    float: left;
    width: 100%;
    margin: 30px 0 0;
    text-align: center;
    padding: 70px 0;
}
#occhome_steps {
    float: left;
    width: 100%;
}
#occhome_steps .occhome_step {
    float: left;
    width: 30.66666666666667%;
    margin: 0 4% 0 0;
}
#occhome_steps .occhome_step:last-of-type {
    margin-right: 0;
}
#occhome_steps .occhome_step a {
    text-decoration: none;
}
#occhome_steps .occhome_step a:hover {
    opacity: 0.7;
}
#occhome_steps .occhome_step img {
    width: 60%;
}
#occ_txt-sec5 {
    float: left;
    width: 78%;
    margin: 0;
    text-align: center;
    padding: 70px 11% 0;
}
#occ_txt-sec5 #quote_bg {
    background-position: -260px -9px;
    display: block;
    float: none;
    width: 115px;
    height: 115px;
    margin: 0 auto;
}
#occ_txt-sec5 h4.quote {
    color: #838383;
    font-size: 30px;
    line-height: 46px;
    font-style: italic;
    margin: 30px 0 45px;
}
#occ_txt-sec5 p {
    font-size: 17px;
    line-height: 30px;
    margin: 0 0 20px;
}
/*
/\/\/\/ ######## OCC HOWTO PACK A BOX ######### /\/\/\/
/\/\/\/ ##### ADDED VISION TANK 12/08/15 ####### /\/\/\/
*/
#follow_box-sec2 #box_txt-sec2 .occ_top_title {
    width: 690px;
    margin: 0 auto;
}
#follow_box-sec2 #box_txt-sec2 .occ_top_title .occ_head_img {
    width: 25%;
    float: left;
    margin: 0;
}

#follow_box-sec2 #box_txt-sec2 .occ_top_title h1 {
    float: left;
    margin: 55px 0 70px 4%;
    width: 70%;
}

#follow_box-sec2 #box_txt-sec2 .intro_txt p {
    font-size: 20px;
    color: #3c3c3c;
}

.in_shoebox_wrap #follow_box-sec2 #box_txt-sec2 .occ_top_title .occ_head_img {
    width: 23%;
}

.in_shoebox_wrap #follow_box-sec2 #box_txt-sec2 .occ_top_title h1 {
    width: 73%;
}

.social_follow_box_content #follow_box-sec2 #box_txt-sec2 .occ_top_title h1 {
    margin: 55px 0 20px 4%;
}

.social_follow_box_content #follow_box-sec2 #box_txt-sec2 .occ_top_title h3 {
    width: 70%;
    float: left;
    margin: 0 0 50px 4%;
    line-height: 36px;
    text-transform: initial;
}

#follow_box-sec2.howto_box-sec1 #box_txt-sec2 {
    width: 100%;
    padding: 75px 0 25px;
}
#follow_box-sec2.howto_box-sec1 #box_txt-sec2 p {
    padding: 0 14%;
    clear: both;
}
#howto_box-step2 .step_left {
    background: #f26c4f;
}
#howto_box-step3 .step_left {
    background: #a0bdc3;
}
#howto_box-step4 .step_left {
    background: #f1c80a;
}
#howto_box-step5 .step_left {
    background: #f0ede4;
}
#howto_box-step1 .step_left img {
    width: 350px;
}
#howto_box-step2 .step_left img {
    width: 350px;
}
#howto_box-step3 .step_left img {
    width: 460px;
    margin-top: 30px;
}
#howto_box-step4 .step_left img {
    width: 460px;
}
#howto_box-step5 .step_left img {
    width: 460px;
    margin-top: 30px;
}
#follow_box_content .step_right .step_half_txt p a {
    color: #ed1b24;
}

#follow_box_content .step_right .step_half_txt p a.occ_link_style {
    color: #69be28;
    font-size: 15px;
    text-transform: uppercase;
    border: 2px solid #69be28;
    text-align: center;
    border-radius: 8px;
    padding: 12px 0;
    width: 250px;
    margin: 22px auto;
    display: block;
}

#follow_box_content .step_right .step_half_txt p a.occ_link_style:hover {
    color: #fff;
    background: #69be28;
    text-decoration: none;
}


#quick_tools {
    background: #ededed;
    margin: 20px 0 0;
}
#quick_tools #quick_tools_txt {
    width: 100%;
    padding: 40px 0;
    text-align: center;
    float: left;
}
#quick_tools #quick_tools_txt .quick_tool {
    float: left;
    width: 32%;
    margin: 0 2% 0 0;
}
#quick_tools #quick_tools_txt .quick_tool:last-of-type {
    margin-right: 0;
}
#quick_tools #quick_tools_txt .quick_tool p {
    color: #4c4c4c;
}
#gift_suggest #gift_suggest_txt {
    text-align: center;
    padding: 50px 15%;
    width: 70%;
    float: left;
}
#gift_suggest .gift_idea {
    float: left;
    width: 100%;
    margin: 0 0 60px;
}
#gift_suggest .gift_idea:last-of-type {
    margin-bottom: 0;
}
#gift_suggest .gift_idea img {
    float: left;
    width: 19%;
    margin: 0 4% 0 0;
    height: auto;
}
#gift_suggest .gift_idea .gift_idea_txt {
    float: left;
    width: 77%;
    text-align: left;
}
#gift_suggest .gift_idea .gift_idea_txt h2 {
    color: #575859;
    font-size: 32px;
}
#gift_suggest .gift_idea .gift_idea_txt p {
    color: #4c4c4c;
    font-size: 16px;
}
/*
/\/\/\/ ######## OCC WHAT GOES IN MY SHOEBOX ######### /\/\/\/
/\/\/\/ ##### ADDED VISION TANK 18/08/16 ####### /\/\/\/
*/

.in_shoebox_wrap #follow_box-sec2 #box_txt-sec2 .occ_top_title {
    width: 770px;
    margin: 0 auto 70px;
    overflow: hidden;
}
.in_shoebox_step .step_left {
    background-color: #f26c4f;
}
.in_shoebox_step .step_left img {
    position: absolute;
    top: -100px;
    right: 40px;
    width: 600px;
    float: none;
    margin: 0;
}
.in_shoebox_step .step_half_txt h2 {
    text-transform: initial;
    color: #575859;
    font-weight: bold;
    margin: 0 0 20px;
}
.in_shoebox_step .step_half_txt p {
    line-height: 28px;
    font-size: 17px;
    color: #575859;
}
#gift_suggestion_wrap * {
    box-sizing: border-box;
}
.box_sec#gift_suggestion_wrap .box_content {
    width: 100%;
    overflow: hidden;
}
.box_sec#gift_suggestion_wrap h1 {
    text-align: center;
    margin: 30px 0;
}
.gift_gender_nav {
    text-align: center;
}
.gift_gender__tab {
    display: inline-block;
    padding: 40px 60px;
    cursor: pointer;
    transition: 0.2s;
}
.gift_gender__tab.girls {
    background-color: #ed0017;
    margin: 0 14px 0 0;
}
.gift_gender__tab.girls:hover {
    background-color: #c20013;
}
.gift_gender__tab.boys {
    background-color: #69bd28;
}
.gift_gender__tab.boys:hover {
    background-color: #59a022;
}
.gift_gender_tab__icon {
    height: auto;
    /*background-color: #c3c3c3;*/
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 0;
}
.gift_gender__tab.boys .gift_gender_tab__icon {
    width: 60px;
}
.gift_gender__tab.girls .gift_gender_tab__icon {
    width: 75px;
}
.gift_gender__tab h3 {
    color: #ffffff;
    text-transform: initial;
    font-size: 40px;
    display: inline-block;
    vertical-align: middle;
}
.gift_gender_nav__sub {
    background-color: #f3f3f3;
    padding: 20px 0;
    margin: 0 0 20px;
    font-size: 21px;
    transition: 0.4s;
}
.gift_gender__age_wrap.girls {
    color: #ed0017;
}
.gift_gender__age_wrap.boys {
    color: #69bd28;
    display: none;
}
.gift_gender_nav__sub.girls {
    border-top: 7px solid #ed0017;
}
.gift_gender_nav__sub.boys {
    border-top: 7px solid #69bd28;
}
.gift_gender__age_label {
    margin: 0 20px 0 0;
}
.gift_gender__age {
    margin: 0 10px;
    padding: 5px 10px;
    cursor: pointer;
    transition: 0.2s;
}
.gift_gender__age--active,
.gift_gender__age:hover {
    background-color: #ed0017;
    color: #ffffff;
}
.gift_gender__age_wrap.boys .gift_gender__age--active,
.gift_gender__age_wrap.boys .gift_gender__age:hover {
    background-color: #69bd28;
    color: #ffffff;
}
.gift_suggestion_half {
    width: 50%;
    float: left;
}
.gift_suggestion_half.one {
    padding: 0 10px 0 0;
}
.gift_suggestion_half.two {
    padding: 0 0 0 10px;
}
.gift_wrap {
    background-color: #f3f3f3;
    padding: 30px;
    margin: 20px 0 0;
}
.gift {
    display: none;
}
.gift--active {
    display: block;
}
.gift h3 {
    color: #575859;
    font-size: 20px;
    text-transform: capitalize;
}
.gift li {
    list-style: none;
    font-size: 17px;
    line-height: 26px;
    padding: 0 0 0 20px;
    position: relative;
}
.gift li:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    margin: 0 8px 0 0;
    position: absolute;
    top: 8px;
    left: 0;
}
.gift--girl li:before {
    background-color: #ed0017;
}
.gift--boy li:before {
    background-color: #69bd28;
}
#gift_suggestion_wrap .occ_link_style {
    width: 280px;
    clear: both;
    margin: 60px auto 0;
}

/*
/\/\/\/ ######## OCC SHOEBOX FAQ ######### /\/\/\/
/\/\/\/ ##### ADDED VISION TANK 18/08/16 ####### /\/\/\/
*/
.shoebox_faq {
    padding: 50px 0;
}
.shoebox_faq * {
    box-sizing: border-box;
}
.shoebox_faq h1 {
    color: #69be28;
    font-family: "Lucida Grande", Arial, sans-serif;
    font-size: 42px;
    line-height: 56px;
    font-weight: bold;
    text-transform: none;
    text-align: center;
    margin: 0 0 30px;
    padding: 0;
}
.faq {
    position: relative;
    cursor: pointer;
    margin: 0 0 20px;
}
.faq__top {
    padding: 20px 60px 20px 30px;
    background-color: #f3f3f3;
}
.faq__top__title {
    color: #575859;
    font-family: "Lucida Grande", Arial, sans-serif;
    font-size: 17px;
    font-weight: bold;
    text-transform: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
}
.faq__top__arrow {
    width: 18px;
    height: 36px;
    display: inline-block;
    background-image: url(images/newocc/arrow_green_right.png);
    background-repeat: no-repeat;
    background-size: 18px;
    vertical-align: middle;
    position: absolute;
    top: 12px;
    right: 30px;
}
.faq__top__arrow--active {
    width: 36px;
    height: 18px;
    background-image: url(images/newocc/arrow_green_down.png);
    background-size: 36px;
    top: 22px;
}
.faq__bottom {
    background-color: #f9f9f9;
    padding: 20px 30px;
    display: none;
}
.faq__bottom p {
    color: #575859;
    font-size: 17px;
}

/*
/\/\/\/ ######## OCC RESOURCES ######### /\/\/\/
/\/\/\/ ##### ADDED VISION TANK 13/08/15 ####### /\/\/\/
*/
#occ_resources {
    margin: 0 0 30px;
}
#occ_resources .operation-christmas-child {
    float: left;
    border: 2px solid #9ac543;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    overflow: hidden;
    width: 26.9%;
    margin: 0 1% 20px;
    padding: 10px 2%;
}
#occ_resources .operation-christmas-child .-item-image {
    width: 100%;
    height: 215px;
    padding: 0 0 5px;
    overflow: hidden;
    border-bottom: 2px solid #e5e5e5;
}
#occ_resources .operation-christmas-child .-item-image img {
    width: 70%;
    margin: 0 auto;
    display: block;
}
#occ_resources .operation-christmas-child .-item-content label {
    color: #9ac543;
    font-size: 25px;
    font-weight: 500;
    line-height: 25px;
    text-align: center;
    margin: 20px 0;
    min-height: 50px;
}
#occ_resources .operation-christmas-child .-item-content p {
    color: #4c4c4c;
    font-size: 17px;
    line-height: 29px;
    min-height: 170px;
}
#occ_resources .operation-christmas-child .-item-footer {
    float: left;
    height: 166px;
    width: 100%;
}
#occ_resources .operation-christmas-child .-item-footer .-quantity {
    width: 100%;
    border-color: #e5e5e5;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    text-align: center;
}
#occ_resources .operation-christmas-child .-item-footer button.order {
    background: #e41b23;
    color: #fff !important;
    font-size: 15px;
    text-transform: uppercase;
    float: left;
    width: 100% !important;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 0;
    margin: 12px 0 !important;
    cursor: pointer;
    text-align: center;
}
#occ_resources .operation-christmas-child .-item-footer button.order:hover {
    background: #bb141b;
}
#occ_resources .operation-christmas-child .-item-footer a.btn-download {
    background: #98cb2e;
    color: #fff !important;
    font-size: 15px;
    text-transform: uppercase;
    float: left;
    width: 100% !important;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 0;
    text-align: center;
}
#occ_resources .operation-christmas-child .-item-footer a.btn-download:hover {
    background: #7fa928;
    text-decoration: none;
}
#occ_story .occ_top_title {
    width: 690px;
    margin: 0 auto;
}
#occ_story .occ_top_title img {
    width: 25%;
    float: left;
    margin: 0;
}
#occ_story .occ_top_title h1 {
    float: left;
    margin: 55px 0 70px 4%;
    width: 70%;
}
#occ_story {
    width: 100%;
    padding: 75px 0 25px;
}
#occ_story p {
    padding: 0 14%;
    clear: both;
    margin: 15px 0;
    text-align: center;
}
#occ_story .gform_wrapper {
    width: 66%;
    padding: 20px 2%;
    margin: 30px 15%;
    background-color: #e1e1e1;
}
#occ_story .gform_wrapper input[type="text"],
#occ_story .gform_wrapper input[type="email"],
#occ_story .gform_wrapper textarea {
    font-size: 18px !important;
    width: 100%;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 2px solid #e1e1e1;
    padding: 7px 2px !important;
}
#occ_story .gform_wrapper select {
    height: 39px;
}
#occ_story .gform_wrapper select {
    font-size: 18px !important;
    width: 100%;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 2px solid #e1e1e1;
    padding: 7px 2px !important;
}
#occ_story .gform_wrapper .name_prefix {
    float: left !important;
}
#occ_story .gform_wrapper .name_first {
    clear: both;
    float: left;
}
#occ_story .gform_wrapper .name_last {
    float: left;
}
#occ_story .gform_wrapper .gform_footer input[type="submit"] {
    background: #9ac543;
    color: #fff;
    border: 0;
    font-size: 20px !important;
    padding: 6px 10px !important;
    margin: 10px 0 0;
}
#occ_story .gform_wrapper .gform_footer input[type="submit"]:hover {
    background: #3c3c3c;
}
/*
/\/\/\/ ######## RAISING FAMILIES ######### /\/\/\/
/\/\/\/ ##### ADDED VISION TANK 26/10/15 ####### /\/\/\/
*/
/*.sub-nav {border-bottom:6px solid #fff;}*/
.sub-nav.fixed {
    position: fixed;
    top: 0;
    z-index: 9999 !important;
}
.sub-nav.rf_sub_menu .ubermenu-nav li:last-of-type a {
    background: #373737;
    text-transform: uppercase;
    padding: 10px 10px;
    margin: 11px 0 11px 10px;
    font-size: 15px !important;
}
#occ_home_head.rf_home_head {
    background: url("images/newrf/main_head_bg.jpg");
    background-position: center bottom;
    background-size: cover;
}
#occ_home_head.rf_xmas {
    background: url("images/newrf/xmas_banner.jpg");
    background-position: center bottom;
    background-size: cover;
}
#rf_logo_contain {
    margin: 50px 0 0;
}
#rf_logo_contain img {
    width: 346px;
    height: auto;
    float: left;
}
.rf_content .box_content .rf_head_tag {
    float: left;
    padding: 60px 0 0;
    margin: 0 0 0 45px;
    position: relative;
}
.rf_content .box_content .rf_head_tag h1 {
    color: #fff;
    font-size: 65px;
    font-weight: 400;
    font-family: "alternate-gothic-no-2-d", sans-serif;
    margin: 0 0 5px;
    text-transform: uppercase;
    text-shadow: 0 0 15px #000;

}
.rf_content .box_content .rf_head_tag h3 {
    color: #fff;
    font-size: 17px;
    text-transform: uppercase;
    text-shadow: 0 0 15px #000;
    margin: 0;
}
.rf_content .box_content .rf_head_tag .rf_slice {
    background: url("images/newrf/rf_sprite.png") no-repeat 0px 0px;
    background-size: 134px;
    position: absolute;
    width: 113px;
    height: 42px;
    top: 62px;
    left: -26px;
}
#occ_head_links.rf_head_links {
    margin: 220px 0 0;
}
#occ_head_links.rf_head_links .box_link#box_link-one .box_link_img {
    background: url("images/newrf/rf-head_link1.jpg") no-repeat center;
    background-size: cover;
    float: left;
    width: 100%;
    height: 143px;
}
#occ_head_links.rf_head_links .box_link#box_link-two .box_link_img {
    background-image: url("images/newrf/rf-head_link2.jpg");
}
#occ_head_links.rf_head_links .box_link#box_link-three .box_link_img {
    background-image: url("images/newrf/rf-head_link3.jpg");
}
#occ_head_links.rf_head_links .box_link .box_link_txt {
    background: #f7941e;
    padding: 15px 0;
}
#occ_head_links.rf_head_links .box_link#box_link-two .box_link_txt {
    padding: 16px 0;
}
#occ_head_links.rf_head_links .box_link:hover .box_link_txt {
    background: #fff;
}
#occ_head_links.rf_head_links .box_link:hover .box_link_txt h3 {
    color: #f7941e;
}
#occ_head_links.rf_head_links .box_link .box_link_txt span {
    background-image: url("images/newrf/rf_sprite.png");
    background-size: 134px;
    background-position: -5px -95px;
}
#occ_head_links.rf_head_links .box_link:hover .box_link_txt span {
    background-color: #f7941e;
    background-position: -7px -200px;
    background-image: url("images/newocc/sprite.png");
    background-size: 400px;
}
#occ_head_links.rf_head_links #small_links a {
    padding: 22px 20% 22px 6% !important;
    height: 15px !important;
    width: 100%;
}
#occ_head_links.rf_head_links #small_links a#small_link-three {
    margin-bottom: 0;
    height: 15px !important;
}
#occ_head_links.rf_head_links #small_links a:hover {
    background-color: #f7941e;
}
#occ_head_links.rf_head_links #small_links a h4 {
    color: #f7941e;
}
#occ_head_links.rf_head_links #small_links a:hover h4 {
    color: #fff;
}
#occ_head_links.rf_head_links #small_links span {
    background-color: #f7941e;
}
#occ_head_links.rf_head_links #small_links a:hover span {
    background-image: url("images/newrf/rf_sprite.png");
    background-size: 134px;
    background-position: -5px -95px;
}
.rf_content .box_content h1 {
    color: #f7941e;
    font-size: 62px;
    line-height: 56px;
    font-weight: 400;
    font-family: "alternate-gothic-no-2-d", sans-serif;
    text-transform: uppercase;
    text-align: center;
    margin: 30px 0;
}
.rf_content a.occ_link_style {
    color: #f7941e;
    border: 2px solid #f7941e;
    margin-top: 80px;
}
.rf_content a.occ_link_style:hover {
    color: #fff;
    background-color: #f7941e;
}
#follow_box_content.rf_content #occ_txt-sec2 #box_video {
    border-bottom: 5px solid #f7941e;
}
.rf_content #occ_txt-sec3 {
    width: 96%;
    margin: 0 0 50px;
}
.rf_content #occ_txt-sec3 img {
    width: 327px;
    height: auto;
    margin-right: 52px;
}
.rf_content #occ_txt-sec3 img:last-of-type {
    margin-right: 0;
}
.rf_content #occ_txt-sec4,
.rf_content #occ_txt-sec5 {
    padding-top: 0;
}
.box_content#rf_full_quote {
    height: 100%;
}
.box_content#rf_full_quote h1 {
    color: #fff;
    text-shadow: 0 0 15px #000;
    text-transform: none;
    position: absolute;
    bottom: 30px;
    width: 66%;
    font-size: 50px;
    text-align: right;
    right: 2%;
}
#rf_home_full-1 {
    border-bottom: 7px solid #dbd7d7;
    background-image: url("images/newrf/rfbg_1.jpg");
    position: relative;
}
#rf_home_full-2 {
    border-bottom: 7px solid #dbd7d7;
    background-image: url("images/newrf/rfbg_2.jpg");
}
#rf_home_full-3 {
    border-bottom: 7px solid #dbd7d7;
    background-image: url("images/newrf/rfbg_3.jpg");
}
#rf_home_full-3 {
    border-bottom: 7px solid #dbd7d7;
    background-image: url("images/newrf/rfbg_3.jpg");
}
.rf_content #occ_home-sec3 #occ_txt-sec4.rf_v-circle p {
    text-align: center;
    margin: 0 0 18px;
    width: 80%;
    padding: 0 10%;
}
.rf_content #occ_home-sec3 img {
    width: 100%;
    margin: 55px 0;
}
.rf_content #occ_txt-sec5 #hunger_imgs {
    width: 100%;
    margin: 0 0 50px;
    float: left;
}
.rf_content #occ_txt-sec5 #hunger_imgs img {
    width: 218px;
    height: auto;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}
.rf_content #occ_txt-sec5 #hunger_imgs img:nth-of-type(2) {
    margin: 0 110px;
}
.rf_content #occ_txt-sec5 a.occ_link_style {
    margin-bottom: 50px;
}
.rf_content #occ_txt-sec5 a#home_getinv_link {
    margin-top: 0;
}
.rf_content #occ_txt-sec6 p em {
    font-size: 30px;
}
.rf_content #occ_txt-sec5.rf_give_contain {
    width: 100%;
    padding: 0;
}
.rf_content .rf_give_contain .rf_giving_section {
    float: left;
    width: 100%;
}
.rf_content .rf_give_contain .rf_giving_section p.give_p {
    font-size: 20px !important;
}
.rf_content .rf_give_contain .rf_giving_section .rf_giving {
    background: #f6f6f6;
    margin: 30px 0 50px;
    float: left;
    width: 100%;
    border-radius: 12px;
    webkit-border-radius: 12px;
}
.rf_content .rf_give_contain p {
    margin: 0 0 40px;
}
#follow_box_content.rf_content .rf_giving_section .rf_giving h2 {
    background: #f7941e;
    color: #fff;
    float: left;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 300;
    padding: 10px 0;
    margin: -25px 20% 0;
    width: 60%;
    border-radius: 12px;
    webkit-border-radius: 12px;
}
.rf_content
    .rf_giving_section
    .new_give_section
    .raising-families-update-donation {
    width: 26%;
    margin: 40px 3.5% 0;
}
.rf_content .rf_giving_section .raising-families-update-donation .-item-image {
    width: 82%;
    margin: 0 auto 35px;
}
.rf_content
    .rf_giving_section
    .raising-families-update-donation
    .-item-image
    img {
    width: 100%;
    height: auto;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.rf_content
    .rf_giving_section
    .raising-families-update-donation
    .-item-image
    img:hover {
    opacity: 0.8;
}
.rf_content
    .rf_giving_section
    .raising-families-update-donation
    .-item-content
    label {
    display: none;
}
#follow_box_content.rf_content
    .rf_giving_section
    .raising-families-update-donation
    .-item-content
    p.-item-description {
    color: #2f3941;
    font-size: 16px;
    line-height: 26px;
    margin: 0;
    min-height: auto;
}
.rf_content .rf_giving_section .raising-families-update-donation .-item-footer {
    display: none;
}
.rf_content
    .rf_giving_section
    .raising-families-update-donation
    input[value="221"]
    ~ div.-item-footer {
    display: block;
}
#follow_box_content.rf_content
    .raising-families-update-donation
    input[value="221"]
    ~ div.-item-content
    p.-item-description {
    margin: 0 0 16px;
}
.rf_content
    .raising-families-update-donation
    input[value="221"]
    ~ div.-item-footer
    .-amount {
    border: none;
    padding: 0;
    width: 100%;
}
.rf_content
    .raising-families-update-donation
    input[value="221"]
    ~ div.-item-footer
    .-amount:before {
    color: #fff;
    position: absolute;
    left: 8px;
    top: 18px;
    font-size: 32px;
}
.rf_content
    .raising-families-update-donation
    input[value="221"]
    ~ div.-item-footer
    .-amount
    input[type="number"] {
    background: #f7941e;
    outline: none;
    border: none;
    font-size: 30px;
    padding: 8px 4% 8px 12%;
    color: #fff;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    margin: 0;
    float: left;
    width: 84%;
    max-width: 100%;
}
.rf_content
    .raising-families-update-donation
    input[value="221"]
    ~ div.-item-footer
    .-amount
    input[type="number"]::-webkit-inner-spin-button,
.rf_content
    .raising-families-update-donation
    input[value="221"]
    ~ div.-item-footer
    .-amount
    input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}
.rf_content
    .raising-families-update-donation
    input[value="221"]
    ~ div.-item-footer
    .-amount
    input[type="number"]::-webkit-input-placeholder {
    color: #f7941e;
}
.rf_content
    .raising-families-update-donation
    input[value="221"]
    ~ div.-item-footer
    .-amount
    input[type="number"]:-moz-placeholder {
    color: #f7941e;
}
.rf_content
    .raising-families-update-donation
    input[value="221"]
    ~ div.-item-footer
    .-amount
    input[type="number"]::-moz-placeholder {
    /* Firefox 19+ */
    color: #f7941e;
}
.rf_content
    .raising-families-update-donation
    input[value="221"]
    ~ div.-item-footer
    .-amount
    input[type="number"]:-ms-input-placeholder {
    color: #f7941es;
}
.rf_content
    .raising-families-update-donation
    input[value="221"]
    ~ div.-item-footer
    button[type="submit"] {
    color: #f7941e !important;
    background: #fff;
    font-family: "museo-sans", sans-serif;
    text-transform: none;
    font-size: 21px;
    border: 2px solid #f7941e;
    margin: 30px 0 50px 0 !important;
    text-align: center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 11px 0 10px;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.rf_content
    .raising-families-update-donation
    input[value="221"]
    ~ div.-item-footer
    button[type="submit"]:hover {
    color: #fff !important;
    background-color: #f7941e;
}
.rf_content
    .raising-families-update-donation
    input[value="221"]
    ~ div.-item-footer
    button[type="submit"]:after {
    display: none;
}
#follow_box_content p.rf_giving_asterisk {
    margin: -20px 0 40px;
    font-size: 15px;
}
#follow_box_content p.rf_giving_small_print {
    font-size: 14px;
    line-height: 20px;
}
.rf_content #occ_txt-sec5 {
    width: 88%;
    padding: 0 6% 0;
}
.rf_content p.rf_quote {
    font-size: 24px;
    font-style: italic;
    text-align: center;
    margin: 40px 0 0;
}
.rf_content p.rf_quote em {
    font-size: 33px;
    line-height: 45px;
    display: block;
}
#rf_give {
    text-align: center;
}
/* RF FOOD CRISIS*/
#occ_home_head.rf_crisis_head {
    background: url("images/newrf/crisis_head_bg.jpg");
    background-position: center bottom;
    background-size: cover;
    height: 520px;
}
#occ_home_head.rf_home_head.adjust {
    margin-top: 66px;
}
.rf_content #rf_head_tag-pages {
    width: 46%;
    margin: 20px 0 0;
    padding: 0 0 0 4.5%;
    clear: both;
}
.rf_content .rf_involved_head #rf_head_tag-pages {
    width: 40%;
}
.rf_content #rf_head_tag-pages h1 {
    text-align: left;
}
.rf_content #rf_head_tag-pages p {
    color: #fff;
    text-transform: uppercase;
    font-size: 17px;
    line-height: 22px;
    text-shadow: 0 0 15px #000;
}
.rf_content #rf_head_tag-pages p em {
    color: #f7941e;
}
.rfcrisis_content #occ_home-sec2 #occ_txt-sec2 {
    width: 86%;
    padding: 0 7% 50px;
}
#rf_crisis_full-1 {
    border-bottom: 7px solid #dbd7d7;
    background-image: url("images/newrf/rfcrisisbg_1.jpg");
}
#rf_crisis_full-2 {
    border-bottom: 7px solid #dbd7d7;
    background-image: url("images/newrf/rfcrisisbg_2.jpg");
}
#rf_crisis_full-3 {
    border-bottom: 7px solid #dbd7d7;
    background-image: url("images/newrf/rfcrisisbg_3.jpg");
}
.rfcrisis_content #occ_home-sec3 #occ_txt-sec3 {
    width: 82%;
    padding: 0 9%;
}
.rfcrisis_content #occ_home-sec3 #occ_txt-sec3 h1 {
    text-align: center;
}
#rf_list {
    margin: 30px 0;
    float: left;
    width: 100%;
}
#rf_list #single-rf_list {
    float: left;
    width: 100%;
    margin: 0 0 15px;
}
#rf_list #single-rf_list img {
    height: auto;
    width: 108px;
    float: left;
    margin: 0 35px 5px 0 !important;
}
#rf_list #single-rf_list p {
    margin: 12px 0 0;
    text-align: left;
}
.rfcrisis_content #occ_home-sec3 img#stats_img {
    margin-top: 70px;
}
.rfcrisis_content #occ_txt-sec3 p.link_para {
    text-align: center;
    margin: 70px 0 0;
}
.rf_content #occ_txt-sec3 a.occ_link_style {
    margin-top: 30px;
}
.story_selec {
    float: left;
    width: 100%;
}
.story_selec .img_selec {
    float: left;
    width: 100%;
}
.story_selec .img_selec img {
    width: 22%;
    height: auto;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    cursor: pointer;
    opacity: 0.4;
}
.story_selec .img_selec img:hover,
.story_selec .img_selec img.selec_but_active {
    opacity: 1;
}
.story_selec .img_selec img:nth-of-type(2) {
    margin: 0 8%;
}
.story_selec .txt_selec {
    margin: 50px 5% 0;
    float: left;
    width: 90%;
    height: 450px;
}
#follow_box_content .story_selec .txt_selec h2 {
    color: #f7941e;
    text-transform: uppercase;
    font-size: 50px;
    font-weight: 500;
    font-family: "alternate-gothic-no-2-d", sans-serif;
}
#occ_home_head.rf_solutions_head {
    background: url("images/newrf/solutions_head_bg.jpg");
    background-position: center top;
    background-size: cover;
    height: 520px;
}
#rf_sol_full-1 {
    border-bottom: 7px solid #dbd7d7;
    background-image: url("images/newrf/rf-sol-bg_3.jpg");
}
#rf_sol_full-2 {
    border-bottom: 7px solid #dbd7d7;
    background-image: url("images/newrf/rf-sol-bg_2.jpg");
}
#rf_sol_full-3 {
    border-bottom: 7px solid #dbd7d7;
    background-image: url("images/newrf/rf-sol-bg_1.jpg");
}
#rf_sol_full-4 {
    border-bottom: 7px solid #dbd7d7;
    background-image: url("images/newrf/rf-sol-bg_4.jpg");
}
.rfsolutions_content #occ_home-sec3 #occ_txt-sec3 {
    width: 82%;
    padding: 0 9%;
}
#sol_maths {
    float: left;
    width: 96%;
    padding: 0 2%;
}
#sol_maths .sol_maths_single {
    float: left;
    width: 30%;
}
#sol_maths .sol_maths_single img {
    width: 80%;
    height: auto;
    margin: 0 auto !important;
    display: block;
    float: none;
}
#sol_maths .sol_maths_single h2 {
    color: #f7941e;
    margin-top: 15px;
    text-transform: uppercase;
    font-size: 30px;
    line-height: 32px;
    font-weight: 500;
    font-family: "alternate-gothic-no-2-d", sans-serif;
    text-align: center;
}
#sol_maths .sol_maths_plus {
    float: left;
    width: 5%;
}
#sol_maths .sol_maths_equal {
    float: left;
    width: 5%;
}
#sol_maths .sol_maths_plus img,
#sol_maths .sol_maths_equal img {
    width: 100%;
    margin: 85px 0 0;
}
#country_story_selec {
    margin-top: 40px;
}
#country_story_selec .img_selec img {
    margin: 0 2% 0 0;
    width: 23%;
}
#country_story_selec .img_selec img:last-of-type {
    margin-right: 0;
}
.text_selec_cont ul {
    list-style: none;
    margin: 10px 0;
}
.text_selec_cont ul li {
    color: #a6a6a6;
    font-size: 17px;
    line-height: 30px;
}
/* RF GET INVOLVED */
#occ_home_head.rf_involved_head {
    background: url("images/newrf/involved_head_bg.jpg");
    background-position: center;
    background-size: cover;
    height: 600px;
}
.rfinvolved_content .rf_invoved1 a.occ_link_style {
    width: 42%;
    margin: 40px 4% 60px;
    float: left;
    box-sizing: border-box;
}
#follow_box_content.rfinvolved_content #occ_txt-sec2.rf_ideas {
    width: 90%;
    padding: 0px 5%;
}
#fundrasing_ideas {
    float: left;
    width: 100%;
}
#fundrasing_ideas .single-fundrasing_ideas {
    float: left;
    width: 31.33333%;
    margin: 0 3% 15px 0;
}
#fundrasing_ideas .single-fundrasing_ideas:nth-of-type(3n + 3) {
    margin-right: 0;
}
#fundrasing_ideas .single-fundrasing_ideas img {
    width: 100%;
    margin: 0 0 16px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}
#fundrasing_ideas .single-fundrasing_ideas h3 {
    color: #f7941e;
    font-size: 19px;
    line-height: 26px;
    text-align: center;
    min-height: 52px;
}
#fundrasing_ideas .single-fundrasing_ideas p {
    min-height: 210px;
}
#rf_inv_full-1 {
    border-bottom: 7px solid #dbd7d7;
    background-image: url("images/newrf/rf-inv-bg_1.jpg");
}
/* RF GIVE NOW */
.rf_content .rf_give_head #rf_head_tag-pages {
    width: 30%;
}
#give_story_selec {
    margin-top: 50px;
}
#occ_home_head.rf_give_head {
    background: url("images/newrf/give_head_bg.jpg");
    background-position: center;
    background-size: cover;
    height: 600px;
}
#rf_give_full-1 {
    border-bottom: 7px solid #dbd7d7;
    background-image: url("images/newrf/rf-give-bg_1.jpg");
}
/* RF RESOURCES */
#occ_home_head.rf_resources_head {
    background: url("images/newrf/resources_head_bg.jpg");
    background-position: center;
    background-size: cover;
    height: 500px;
}
.box_sec#rf_res_cont {
    width: 100%;
}
#follow_box_content .rf_gift_aid {
    width: 70%;
    clear: both;
    overflow: hidden;
    margin: 40px auto;
}
#follow_box_content .rf_gift_aid h1 {
    font-size: 50px;
}
#follow_box_content .gift_envelopes img {
    width: 20%;
    float: left;
}
#follow_box_content .gift_envelopes p {
    width: 80%;
    float: left;
    padding: 0 0 0 30px;
    font-size: 20px;
    box-sizing: border-box;
}
/* GIVE NOW LINK */
.give_now_link {
    float: left;
    width: 100%;
    margin: 40px 0 0;
    text-align: center;
}
.give_now_link p {
    margin-bottom: 40px;
}
.give_now_link a {
    color: #fff;
    text-decoration: none;
    background: #f7941e;
    font-family: "museo-sans", sans-serif;
    text-transform: none;
    font-size: 21px;
    border: 2px solid #f7941e;
    text-align: center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 11px 30px 10px;
}
.give_now_link a:hover {
    background: #fff;
    color: #f7941e;
}
/* SOUP AND ROLL PAGE */
.rfsoup_content #occ_txt-sec2 {
    margin-bottom: 40px;
}
#occ_home_head.rf_soup_head {
    background: url("images/newrf/soup_head.jpg");
    background-position: center top;
    background-size: cover;
    height: 520px;
}
#rf_soup_full-1 {
    border-bottom: 7px solid #dbd7d7;
    background-image: url("images/newrf/crisis_head_bg.jpg");
}
#rf_soup_full-3 {
    border-bottom: 7px solid #dbd7d7;
    background-image: url("images/newrf/rfcrisisbg_2.jpg");
}
#rf_list.rf_soup_list span {
    background: #f7931e;
    border-radius: 50%;
    width: 70px;
    margin: 0 35px 5px 0;
    padding: 23px 0;
    float: left;
    text-align: center;
    color: #fff;
    font-size: 30px;
}
#rf_soup_full-1 #rf_full_quote h1 {
    right: auto;
    left: 2%;
    text-align: left;
}
.rfsoup_content #rf_list #single-rf_list p {
    color: #848484;
    float: right;
    width: 87%;
}
.rfsoup_content #rf_list a {
    color: #f7931e;
}
/* Abadonment Page */
.rf_content .rf_abandon_head .box_content,
.rf_content .rf_ketti_head .box_content {
    position: static;
}
.rf_content .rf_abandon_head #rf_logo_contain img,
.rf_content .rf_ketti_head #rf_logo_contain img {
    position: absolute;
    left: 16%;
}
.rf_content .rf_abandon_head .box_content #rf_head_tag-pages,
.rf_content .rf_ketti_head .box_content #rf_head_tag-pages {
    margin: 20px 0 0;
    padding: 0 45% 30px 18%;
    bottom: 0;
    position: absolute;
    width: 40%;
    left: 0;
    clear: both;
    background: -moz-linear-gradient(
        top,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 3) 16%,
        rgba(0, 0, 0, 6) 71%
    );
    background: -webkit-linear-gradient(
        top,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0.3) 16%,
        rgba(0, 0, 0, 6) 71%
    );
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 9%,
        rgba(0, 0, 0, 0.3) 34%,
        rgba(0, 0, 0, 0.6) 90%
    );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0);
}
#occ_home_head.rf_abandon_head {
    background: url("images/newrf/abandon_head.jpg");
    background-position: center top;
    background-size: cover;
    height: 520px;
}
#occ_home-sec2 #occ_txt-sec2.abandon_txt-1 {
    padding: 0 13% 40px;
    width: 74%;
}
.abandon_txt-1 p {
    margin: 15px 0;
}
#rf_abandon_bg2 {
    background-image: url("images/newrf/abandon_bg2.jpg");
}
#rf_abandon_bg3 {
    background-image: url("images/newrf/abandon_bg3.jpg");
}
/* Ketti Chose */
#occ_home_head.rf_ketti_head {
    background: url("images/newrf/ketti_head.jpg");
    background-position: center top;
    background-size: cover;
    height: 520px;
}
#rf_ketti_bg2 {
    background-image: url("images/newrf/ketti_bg2.jpg");
}
#rf_ketti_bg3 {
    background-image: url("images/newrf/ketti_bg3.jpg");
}
#give_now_link-ketti {
    margin-bottom: 50px;
}
/*
/\/\/\/ ######## TURN ON THE TAP ######### /\/\/\/
/\/\/\/ ##### ADDED VISION TANK 18/02/16 ####### /\/\/\/
*/
/* TOTT HEADER */
#site-wrapper .sub-nav.tott_sub_menu #catNavTitle a {
    font-family: "franklin-gothic-urw-cond", sans-serif;
    font-size: 36px;
    line-height: 36px;
    margin-top: 12px;
    margin-left: 0;
}

.sub-nav.tott_sub_menu .ubermenu-nav li:last-of-type a {
    background: #fff;
    color: #1a82b5;
    text-transform: uppercase;
    padding: 10px 10px 7px;
    margin: 11px 0 11px 10px;
    font-size: 15px !important;
    border-radius: 7px;
    -webkit-border-radius: 7px;
}
.sub-nav.tott_sub_menu .ubermenu-nav li:last-of-type a:hover,
.sub-nav.tott_sub_menu
    .ubermenu-nav
    li:last-of-type.ubermenu-current_page_item
    a {
    background: #373737;
    color: #fff;
}
.sub-nav.tott_sub_menu .ubermenu-nav li:last-of-type {
    background: none;
}
.sub-nav.tott_sub_menu li a {
    padding: 22px 5px 22px;
}
.sub-nav.tott_sub_menu li.ubermenu-current_page_item {
    background: #fff;
}
.sub-nav.tott_sub_menu li.ubermenu-current_page_item a {
    color: #1a82b5;
}

/* TOTT CONTENT */
.tott_content * {
    font-family: "proxima-nova", sans-serif;
    box-sizing: border-box;
}

.tott_content {
    text-align: center;
}

.tott_content.adjust {
    margin-top: 60px;
}

.tott_content p {
    font-size: 20px;
    line-height: 34px;
    margin: 0 0 40px;
    font-family: "proxima-soft", sans-serif;
}

.tott_content h1,
.tott_content h2,
.tott_content h3 {
    color: #1a82b5;
    margin: 0 0 50px;
    font-family: "franklin-gothic-urw-cond", sans-serif;
    text-transform: uppercase;
    font-size: 46px;
    line-height: 56px;
    font-weight: 800;
}

.tott_content h2 {
    font-size: 36px;
    line-height: 40px;
}

.tott_content h3 {
    font-size: 30px;
    line-height: 30px;
}

.tott_content .button {
    background: #1a82b5;
    color: #fff;
    font-size: 28px;
    padding: 10px 25px;
    border-radius: 5px;
    font-family: "franklin-gothic-urw-cond", sans-serif;
    text-transform: uppercase;
    transition: 0.2s;
}

.tott_content .button:hover {
    background: #ddecf4;
    color: #1a82b5;
    text-decoration: none;
}

.tott_blue {
    background: #1a82b5;
}

.tott_blue h1,
.tott_blue p {
    color: #fff;
}

.tott_blue .button {
    background: #fff;
    color: #1a82b5;
}

.tott_blue .button:hover {
    background: #ddecf4;
}

.tott_head {
    background: url("images/safewater/Water_Head_May_2019_12104CB-E053 2.jpg") no-repeat center;
    background-size: cover;
    height: 650px;
    position: relative;
}



.tott_head_cwhl {
    background: url("images/safewater/cwhl_head.jpg") no-repeat center;
    background-size: cover;
    height: 800px;
    position: relative;
}


.tott_head .tott_head__cont {
    display: inline-block;
    text-align: center;
}



.tott_head_cwhl .tott_head_cwhl__cont {
    display: inline-block;
    text-align: center;
}


.tott_content--home .tott_head {
    clear: both;
    background-position: left top;
    text-align: left;
}

.tott_content--cwhl-home .tott_head_cwhl {
    clear: both;
    background-position: center center;
    text-align: center;
}

.tott_head .water_logo {
    max-width: 400px;
    width: 100%;
    margin: 80px auto 10px;
    display: inline-block;
    position: relative;
    z-index: 10;
}



.tott_head_cwhl .water_logo {
    max-width: 600px;
    width: 100%;
    margin: 80px auto 10px;
    display: inline-block;
    position: relative;
    z-index: 10;
}


.tott_head h3 {
    color: #fff;
    z-index: 10;
    position: relative;
}

.tott_head h1{
    font-size: 2.625rem;
    color:#fff;
    text-align: center;
    text-shadow: 0 .125rem .625rem #000;
    margin: 0 auto 1.625rem}



.tott_head_cwhl h3 {
    color: #fff;
    z-index: 10;
    position: relative;
}


.tott_head .button {
    z-index: 10;
    position: relative;
    padding: 10px 25px;
    font-size: 26px;
    display: inline-block;
    vertical-align: middle;
}



.tott_head_cwhl .button {
    z-index: 10;
    position: relative;
    padding: 10px 25px;
    font-size: 26px;
    display: inline-block;
    vertical-align: middle;
}


.tott_head .donate_top {
    position: relative;
    z-index: 100;
}



.tott_head_cwhl .donate_top {
    position: relative;
    z-index: 100;
}


.tott_head .donate_top .donate_top_currency {
    position: absolute;

    font-size: 20px;
    font-weight: 600;
    top: 11px;
}



.tott_head_cwhl .donate_top .donate_top_currency {
    position: relative;
    left: 2%;
    font-size: 20px;
    font-weight: 600;
    top: 11px;
}




.tott_head .donate_top input {
    font-size: 18px;
    padding: 10px 10px 10px 30px;
    border-radius: 5px;
    border: 0;
    font-family: "proxima-nova", sans-serif;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0;
}



.tott_head_cwhl .donate_top input {
    font-size: 18px;
    padding: 10px 10px 10px 30px;
    border-radius: 5px;
    border: 0;
    font-family: "proxima-nova", sans-serif;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0;
}


.tott_head .donate_top .donate_top_submit {
    z-index: 10;
    position: relative;
    padding: 10px 25px;
    font-size: 26px;
    display: inline-block;
    vertical-align: middle;
    font-family: "franklin-gothic-urw-cond", sans-serif;
    -webkit-appearance: none;
}



.tott_head_cwhl .donate_top .donate_top_submit {
    z-index: 10;
    position: relative;
    padding: 10px 25px;
    font-size: 26px;
    display: inline-block;
    vertical-align: middle;
    font-family: "franklin-gothic-urw-cond", sans-serif;
    -webkit-appearance: none;
}



.tott_head .donate_top input:focus {
    outline: none;
}


.tott_head_cwhl .donate_top input:focus {
    outline: none;
}






.tott_head__gradient {
    position: absolute;
    left: -100px;
    right: -100px;
    bottom: -600px;
    height: 600px;
    box-shadow: 0px -140px 320px #000;
    z-index: 0;
}

.tott_head_cwhl__gradient {
    position: absolute;
    left: -100px;
    right: -100px;
    bottom: -600px;
    height: 600px;
    box-shadow: 0px -140px 320px #000;
    z-index: 0;
}

.tott_head__landing {
    background-image: url(images/safewater/water_head_landing.jpg);
}



.tott_head_cwhl__landing {
    background-image: url(images/safewater/water_head_landing.jpg);
}



.tott_head__landing .vt-inner {
    text-align: center;
}



.tott_head_cwhl__landing .vt-inner {
    text-align: center;
}



.tott_head__landing .video_sec {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    padding: 50px 0 0;
}



.tott_head_cwhl__landing .video_sec {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    padding: 50px 0 0;
}




.tott_head__landing .video_sec h1 {
    color: #fff;
    font-size: 40px;
    line-height: 44px;
    margin: 0;
    text-shadow: 0 0 15px #000;
}



.tott_head_cwhl__landing .video_sec h1 {
    color: #fff;
    font-size: 40px;
    line-height: 44px;
    margin: 0;
    text-shadow: 0 0 15px #000;
}


.tott_head__landing .video_sec .vol_vid {
    background-image: url(images/safewater/water_video.jpg);
    border-radius: 5px;
    height: 320px;
}



.tott_head_cwhl__landing .video_sec .vol_vid {
    background-image: url("images/safewater/Water-is-Life.jpg");
    border-radius: 5px;
    height: 320px;
}



.tott_head__landing .tott_head__cont {
    vertical-align: middle;
    margin: 0 0 0 50px;
    padding: 50px 0 0;
}



.tott_head_cwhl__landing .tott_head__cont {
    vertical-align: middle;
    margin: 0 0 0 50px;
    padding: 50px 0 0;
}


.tott_head__landing h3 {
    text-shadow: 0 0 15px #000;
    margin: 50px 0 20px;
}



.tott_head_cwhl__landing h3 {
    text-shadow: 0 0 15px #000;
    margin: 50px 0 20px;
}



.tott_head__landing .tott_head__cont .water_logo {
    margin: 0;
    padding: 20px 0 0;
}



.tott_head_cwhl__landing .tott_head__cont .water_logo {
    margin: 0;
    padding: 20px 0 0;
}


.tott_copy {
    padding: 80px 0;
    z-index: 15;
    position: relative;
    background: #fff;
}

.tott_copy .video_sec {
    margin: 70px 0 0;
}

.tott_copy .video_sec h1 {
    font-size: 45px;
}

.tott_copy .video_sec .vol_vid {
    background-image: url("images/safewater/water_video.jpg");
    border-radius: 5px;
    margin: 50px 0 0;
}

.tott_copy .video_sec h1 {
    margin-bottom: 0;
}

.tott_cwhl {
    padding: 80px 0;
    z-index: 15;
    position: relative;
    background: #fff;
}

.tott_cwhl .video_sec {
    margin: 70px 0 0;
}

.tott_cwhl .video_sec h1 {
    font-size: 45px;
}

.tott_cwhl .video_sec .vol_vid {
    background-image: url("images/safewater/Water-is-Life.jpg");
    border-radius: 5px;
    margin: 50px 0 0;
}

.tott_cwhl .video_sec h1 {
    margin-bottom: 0;
}

.tott_gift {
    padding: 80px 0;
    position: relative;
}

.tott_gift {
    padding: 80px 0;
    position: relative;
}

.tott_biosand {
    padding: 80px 0 120px;
    background: url("images/safewater/filter_bg.jpg") no-repeat center bottom;
    background-size: cover;
    position: relative;
    background-attachment: fixed;
}

.tott_biosand img.filter {
    /* width: 230px;
    position: absolute;
    top: -50px;
    left: 20%; */
    display: none;
}

.tott_biosand h1 {
    color: #fff;
    width: 50%;
    margin: 0 auto 50px;
    text-shadow: 0 0 15px #000;
}

.tott_biosand .button {
    cursor: pointer;
}

.filter_details {
    padding: 80px 50px;
    display: none;
    background: #ddecf4;
    position: relative;
}

.filter_details .filter_image {
    width: 40%;
    display: inline-block;
    vertical-align: top;
    min-height: 726px;
    position: relative;
    margin: 74px 0 0;
}

.filter_details .filter_image img {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
}

.filter_details .filter_tags {
    width: 34%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    margin: 0 5% 0 10%;
}

.filter_tags h3 {
    color: #fff;
    margin: 0 0 10px;
}

.filter_tags p {
    color: #29404e;
    padding: 0 0 0 50px;
}

.filter_tags .filter_tags_single {
    position: relative;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-10px);
    transition: 0.5s;
}

.filter_tags .filter_tags_single.tag_active {
    opacity: 1;
    visibility: visible;
    transform: translateX(0px);
}

.filter_tags .filter_tags_single span {
    color: #fff;
    background: #1a82b5;
    font-family: "franklin-gothic-urw-cond", sans-serif;
    font-size: 30px;
    line-height: 30px;
    font-weight: 800;
    width: 40px;
    height: 40px;
    padding: 5px 0;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    left: 0;
}

.filter_tags .filter_tags_single__five span {
    font-family: "pragmatica-slabserif", sans-serif;
}

.tott_difference {
    padding: 80px 0;
}

.tott_difference h1 {
    width: 40%;
    margin: 0 auto 40px;
}

.tott_difference p {
    margin-bottom: 0;
}

.tott_difference .stats {
    margin: 60px 0 0;
    font-size: 0;
    letter-spacing: -1em;
}

.tott_difference .stats .stats__single {
    width: 33.33333%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    font-size: 20px;
}

.stats .stats__single svg {
    height: 80px;
}

.stats .stats__single svg .cls-1 {
    fill: #29404e;
}

.stats .stats__single h2 {
    margin: 20px 0;
    letter-spacing: normal;
}

.stats .stats__single p {
    margin: 0;
    letter-spacing: normal;
    padding: 0 25px;
}

.tott_links {
    padding: 80px 0;
    background: #ddecf4;
    position: relative;
}

.tott_links .button {
    color: #fff;
    margin: 0 5px;
}

.tott_links .button:hover {
    background: #fff;
}

/* TOTT FOOTER */
.tott_foot_verse * {
    box-sizing: border-box;
}
.tott_foot_verse {
    padding: 60px 0;
    text-align: center;
}
.tott_foot_verse h1 {
    color: #1a82b5;
    margin: 0 0 20px;
    font-family: "franklin-gothic-urw-cond", sans-serif;
    text-transform: uppercase;
    font-size: 46px;
    line-height: 56px;
    font-weight: 800;
}
.tott_foot_verse small {
    font-size: 18px;
    font-family: "proxima-nova", sans-serif;
}
.tott_foot_verse img {
    width: 150px;
    display: block;
    margin: 40px auto 0;
}
/* TOTT RESOURCES */
.tott_content--resources .tott_head {
    background-image: url("images/safewater/water_resource_head.jpg");
    background-position: center bottom;
    text-align: left;
}

.tott_resources_cont {
    background: #fff;
    padding: 80px 0;
    position: relative;
}

.tott_resources_cont .sp_resources {
    background: #fff;
    position: relative;
    padding: 0 0 50px;
}

.tott_resources_cont .sp_resources .sp_resource .sp_resource-meta h2 {
    font-size: 25px !important;
    line-height: 29px;
}

.tott_resources_cont .tott_envelopes {
    padding: 0 0 80px;
    display: inline-block;
    width: 100%;
}

.tott_resources_cont .tott_envelopes h2 {
    margin: 0 0 20px;
}

.tott_resources_cont a.button {
    position: relative;
}

/* TOTT INVOLVED */
.tott_content--involved .tott_head {
    background-image: url("images/safewater/water_fundraising_head.jpg");
    text-align: right;
}

.tott_content--involved .tott_copy {
    padding-bottom: 0;
}
/* TOTT Stories */

.tott__story_wrap {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    z-index: 99999;
    overflow-y: scroll;
    visibility: hidden;
    display: none;
    /*cursor: zoom-out;*/
}

.tott__story {
    width: 100%;
    max-width: 700px;
    background-color: #ffffff;
    padding: 40px 60px;
    margin: 0 auto 40px;
    position: absolute;
    top: 40px;
    right: 0;
    left: 0;
    visibility: hidden;
    display: none;
    cursor: default;
}

.tott__story__close {
    top: 40px;
    right: 190px;
    color: #ffffff;
    font-size: 20px;
    cursor: pointer;
    position: fixed;
}

.tott__story h1 {
    font-family: "franklin-gothic-urw-cond", sans-serif;
    font-size: 46px;
    font-weight: 800;
    margin: 0 0 20px;
    color: #1a82b5;
    text-transform: uppercase;
    text-align: center;
}

.tott__story img {
    width: 100%;
    max-width: 600px;
    margin: 0 auto 40px;
    display: block;
}

.tott__story h3 {
    font-family: "proxima-nova-soft", sans-serif;
    font-size: 27px;
    font-weight: bold;
    margin: 0 0 20px;
    color: #1a82b5;
    text-transform: none;
}

.tott__story p {
    font-size: 18px;
    line-height: 30px;
    margin: 0 0 20px;
}

.tott_content--stories .tott_head {
    background-image: url("images/safewater/water_stories_head.jpg");
    background-position: center top;
    text-align: right;
}

.tott_content--stories_single .tott_head {
    text-align: left;
    background-position: center;
}

.tott_stories {
    margin: 0 0 40px;
    font-size: 0px;
    letter-spacing: -1em;
}
.tott_stories__single {
    display: inline-block;
    width: 50%;
    padding: 0 20px;
    vertical-align: top;
    font-size: 18px;
    letter-spacing: normal;
    cursor: pointer;
}
.tott_stories__single_img {
    background: url("images/safewater/harriette.jpg") no-repeat center;
    background-size: cover;
    width: 100%;
    height: 250px;
    border-radius: 5px;
    margin: 0 0 20px;
    transition: 0.2s;
}

.story2 .tott_stories__single_img {
    background-image: url("images/safewater/joanne.jpg");
}
.tott_stories__single h2 {
    margin: 0 0 20px;
}

.tott_stories__single:hover .tott_stories__single_img {
    opacity: 0.7;
}
/* TOTT Give */
.tott_content--give .tott_head {
    background-image: url("images/safewater/water_give_head.jpg");
    text-align: right;
}

.tott_content--give .tott_copy h1 {
    text-transform: none;
    font-size: 37px;
    line-height: 47px;
}

.tott_content--give .video_sec .button {
    cursor: pointer;
}

.tott_content--give #tott_give {
    position: relative;
}

#tott_content #tott_repack h4 {
    width: 82%;
    margin: 0 9% 50px;
}
#tott_repack .resourcepack_header {
    float: left;
    width: 100%;
    margin: 0 0 60px;
}
#tott_repack .resourcepack_header * {
    box-sizing: border-box;
}
#tott_repack .resourcepack_header img {
    width: 50%;
    float: left;
}
#tott_repack .resourcepack_header .resourcepack_list {
    width: 46%;
    margin: 0 0 0 4%;
    float: left;
    border: 5px solid #e0e0e0;
    border-radius: 7px;
    padding: 20px;
}
#tott_repack .resourcepack_header h3 {
    float: left;
    width: 100%;
    margin: 0 0 25px 0;
    text-align: left;
    font-size: 28px;
    font-weight: 600;
}
#tott_repack .resourcepack_header ul {
    float: left;
    width: 100%;
    margin: 0 0 0 20px;
    text-align: left;
    font-size: 22px;
    line-height: 32px;
    font-weight: 600;
}
#tott_repack .resource_button {
    background: #1a82b5;
    color: #fff !important;
    border: 2px solid #1a82b5;
    font-size: 24px;
    padding: 10px 20px 8px;
    margin: 0 10px;
    text-transform: uppercase;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    cursor: pointer;
    text-decoration: none !important;
}
#tott_repack .resource_button:hover {
    background: #fff;
    color: #1a82b5 !important;
}
.sp_resource {
    display: inline-block;
}
#tott_fundraising_ideas {
    position: relative;
    background: #fff;
}
#tott_fundraising_ideas #choice_links {
    width: 94%;
    margin: 0 3%;
}
#tott_fundraising_ideas #choice_links h2 {
    margin-bottom: 40px;
}
#tott_fundraising_ideas #choice_links .choice_link {
    width: 22%;
    margin: 0 4% 40px 0;
}
#tott_fundraising_ideas #choice_links .choice_link:nth-of-type(4n + 4) {
    margin-right: 0;
}
#tott_fundraising_tools * {
    box-sizing: border-box;
}
#tott_fundraising_tools .tott-wide h4 {
    width: 82%;
    margin: 0 9% 50px;
}
#tott_fundraising-links {
    float: left;
    width: 100%;
    padding: 40px 0 60px;
}
#tott_fundraising-links a.tott_fundraising-link {
    background: #f2f2f2;
    color: #3c3c3c;
    font-size: 25px;
    padding: 30px 0;
    float: left;
    width: 31%;
    margin: 0 2% 20px 0;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    text-decoration: none;
}
#tott_fundraising-links a.tott_fundraising-link:nth-of-type(3n + 3) {
    margin-right: 0;
}
#tott_fundraising-links a.tott_fundraising-link:hover {
    background: #1a82b5;
    color: #fff;
}
#tott_fundraising_tools .button {
    display: inline-block;
    margin: 0 0 70px;
    padding: 14px 30px;
}
#tott_fundraising_tools {
    padding-top: 40px;
}

#choice_links {
    float: left;
    width: 100%;
    margin: 50px 0 40px;
}
#choice_links .choice_link {
    position: relative;
    float: left;
    width: 28%;
    border-radius: 10px;
    overflow: hidden;
}
#choice_links .choice_link#choice_link-2 {
    margin: 0 8%;
}
#choice_links .choice_link img {
    width: 100%;
    height: auto;
}
#choice_links .choice_link p {
    color: #fff;
    font-size: 18px;
    width: 100%;
    padding: 50px 0 20px;
    position: absolute;
    bottom: -41px;
    background: -moz-linear-gradient(
        top,
        rgba(0, 0, 0, 0) 20%,
        rgba(0, 0, 0, 0.8) 100%
    ); /* FF3.6-15 */
    background: -webkit-linear-gradient(
        top,
        rgba(0, 0, 0, 0) 20%,
        rgba(0, 0, 0, 0.8) 100%
    ); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 20%,
        rgba(0, 0, 0, 0.8) 100%
    ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
#choice_links .choice_link:hover p {
    padding: 40px 0 30px;
}

/* TOTT FOOTER */
#tott-footer-area {
    margin-top: 0 !important;
}
#tott-footer-area #social_foot {
    background-image: url("images/safewater/water_foot.jpg");
    height: 500px;
}
#tott-footer-area #signup_foot {
    background: #1a82b5;
}

/* NEW GIVE SECTION */
.sp_give_section {
    padding: 50px 0;
    background: #002d56;
}
.sp_give_section h1 {
    color: #fff;
}
.sp_give_section .tott-narrow {
    width: 780px;
    margin: 0 auto;
}
.sp_give_section p.give_p {
    color: #fff !important;
}
.give-cont {
    width: 100%;
    box-sizing: border-box;
}
.give-cont * {
    box-sizing: border-box;
}
.give-cont .give-button {
    background: #373737;
    color: #fff;
    font-size: 18px;
    padding: 12px 0;
    width: 45%;
    margin: 0 10px;
    border-radius: 8px;
    border: 2px solid white;
    cursor: pointer;
    display: inline-block;
}
.give-cont .give-button:hover,
.give-cont .give-button.give_active {
    background: #fff;
    color: #373737;
}
.general_give.general_give__no_options .give-cont .give_active,
.general_give.general_give__no_options #give_steps {
    display: none;
}
.general_give.general_give__no_options .give-option #give-oneother,
.general_give.general_give__no_options .give-cont .give-option {
    margin: 0;
}
.give-cont #give-reg {
    margin-right: 0;
}
.give-cont .give-option {
    margin-top: 50px;
    float: left;
    width: 100%;
}
#give_steps .give_steps-single.active-step span {
    background: #434343;
}
#give_steps {
    float: left;
    width: 100%;
    margin: 0 0 30px;
}
#give_steps .give_steps-single {
    margin: 0 10px;
    opacity: 0.5;
    display: inline-block;
}
#give_steps .give_steps-single.active-step {
    opacity: 1;
}
#give_steps .give_steps-single#checkout-step-three {
    margin-right: 0;
}
#give_steps .give_steps-single p {
    color: #fff;
    float: none;
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
}
#give_steps .give_steps-single span {
    background: #fff;
    float: none;
    width: 25px;
    height: 25px;
    margin: 0 10px 0 0;
    border-radius: 13px;
    display: inline-block;
    vertical-align: middle;
}
#give_steps .give_steps-single.active-step span {
    background: #fff;
}
.give-cont .give-option form {
    width: 33.3333333333%;
    float: left;
    padding: 0 4%;
}
.give-cont .give-option form:nth-of-type(2) {
    border: 6px solid #fff;
    border-top: 0;
    border-bottom: 0;
}
.give-option form button[type="submit"].give_button {
    background: #fff;
    color: #434343;
    border: none;
    border-radius: 50%;
    width: 78px;
    height: 78px;
    font-family: "Droid Sans", sans-serif;
    font-size: 26px;
    font-weight: bold;
    cursor: pointer;
    clear: none;
    float: none;
}
.give-option form button[type="submit"].give_button:hover {
    background: #373737;
    color: #fff;
}
.give-option form p {
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    margin: 20px 0 0;
}
.give-option #give-oneother {
    float: left;
    width: 100%;
    margin: 40px 0 0;
}
.give-option #give-oneother label {
    color: #fff;
    font-size: 20px;
    float: left;
    width: 100%;
    margin: 0 0 15px;
}
.give-option #give-oneother .give-item {
    float: left;
    width: 68%;
    position: relative;
}
.give-option #give-oneother #currency {
    position: absolute;
    left: 2%;
    font-size: 20px;
    font-weight: 600;
    top: 10px;
}
.give-option #give-oneother input.one_off_donate {
    float: left;
    width: 100%;
    font-size: 18px;
    padding: 10px 10px 10px 30px;
    border-radius: 5px;
    border: 0;
}
.give-option #give-oneother button[type="submit"],
.give-option form button[type="submit"],
.give-option form a.submit {
    background: #434343;
    color: #fff;
    float: left;
    width: 28%;
    font-size: 18px;
    border-radius: 5px;
    height: auto;
    padding: 8px 0;
    margin: 0 0 0 4%;
    border: 2px solid #fff;
    clear: none;
}
.give-option #give-oneother button[type="submit"]:hover,
.give-option form button[type="submit"]:hover {
    background: #fff;
    color: #434343;
}
.give-option #give-oneother button[type="submit"].one_off_donate_submit_button {
    float: right;
}
#give-option-reg .give_option {
    width: 33.3333333333%;
    float: left;
    padding: 0 4%;
}
#give-option-reg .give_option:nth-of-type(2) {
    border: 6px solid #fff;
    border-top: 0;
    border-bottom: 0;
}
#give-option-reg .give_option a {
    background: #fff;
    color: #434343;
    border: none;
    border-radius: 50%;
    width: 78px;
    height: 78px;
    font-family: "Droid Sans", sans-serif;
    font-size: 26px;
    font-weight: bold;
    text-decoration: none;
    display: block;
    margin: 0 auto;
    position: relative;
}
#give-option-reg .give_option a h1 {
    color: #434343;
    font-family: "Droid Sans", sans-serif;
    font-size: 26px;
    font-weight: bold;
    text-decoration: none;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    padding: 0;
    margin: 0;
    transform: translateY(-50%);
}
#give-option-reg .give_option a:hover {
    background: #373737;
    color: #fff;
}
#give-option-reg .give_option a:hover h1 {
    color: #fff;
}
#give-option-reg .give_option p {
    color: #fff;
    font-size: 16px;
    margin: 20px 0 0;
}
p.give_p {
    color: #fff;
    float: left;
    width: 100%;
    text-align: center;
    font-size: 20px;
    margin-top: 30px;
    font-weight: 600;
}
/* NEW GIVE STAGE 2 */
#give_stage2 {
    margin-top: 0;
}
#give_stage2 form#donation_form {
    border: 0;
}
.give-option h2#donation_amount {
    margin: 30px 0 40px;
}
.give-option h2 {
    color: #fff;
    text-align: left;
    text-transform: none;
    font-size: 26px;
}
#give_stage2 form,
#give_stage3 form {
    float: left;
    width: 100%;
}
.give_form_cont {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.giveform_field {
    float: left;
    width: 100%;
    margin: 0 2% 10px 0;
}
.giveform_field.giveform_10 {
    width: 10%;
}
.giveform_field.giveform_42 {
    width: 43%;
}
.giveform_field.giveform_50 {
    width: 49%;
}
.giveform_field.last {
    margin-right: 0;
}
.giveform_field label {
    float: left;
    color: #fff;
}
.giveform_field input,
.giveform_field select {
    width: 100%;
    width: 100%;
    font-size: 18px;
    padding: 10px;
    border-radius: 5px;
    border: 0;
}
.giveform_field input[type="checkbox"] {
    width: 22px;
    margin: 0;
}
.giveform_field select {
    height: 41px;
}
.give_form_cont p {
    text-align: left;
}
#giveform_giftaid .radio label {
    float: left;
    width: 100%;
    text-align: left;
    margin: 0 0 5px;
}
#giveform_giftaid .radio input {
    float: left;
    width: auto;
}
#giveform_giftaid .giftaid_agree {
    text-align: left;
    float: left;
    width: 100%;
    padding: 0 5%;
    margin: 10px 0 20px;
}
.give-option form button[type="submit"],
.give-option form a.submit {
    width: auto;
    height: auto;
    float: right;
    margin: 20px 0 0;
    font-weight: 500;
    padding: 8px 0 6px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    clear: both;
}
.give-option form a.submit {
    margin: 20px 20px 0 0;
}
#int_give .give-option form a.submit {
    display: none;
}
.give-option form a.submit:hover {
    text-decoration: none;
}
.give-option form button.edit_donation {
    float: left;
}
#give_stage2 form {
    padding: 0;
    border: none;
}
#give_stage2 form#checkout_form {
    margin: 20px 0 0;
}
.sp_cart_basket {
    width: 100%;
    text-align: left;
    background: #fff;
    padding: 10px 2%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}
.sp_cart_basket th,
.sp_cart_basket td {
    color: #434343;
    padding: 0 4px;
}
.give_form_cont input[type="button"],
.give-cont input.sp-cart-epqd-payment-button {
    background: #434343;
    color: #fff;
    text-transform: uppercase;
    float: left;
    width: 100%;
    font-size: 18px;
    border-radius: 5px;
    height: auto;
    padding: 8px 0;
    margin: 0 0 0 4%;
    border: 2px solid #fff;
    clear: none;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.give_form_cont input[type="button"]:hover,
.give-cont input.sp-cart-epqd-payment-button:hover {
    background: #fff;
    color: #434343;
}
.give-cont input.sp-cart-epqd-payment-button {
    width: auto;
    float: right;
    padding: 8px;
}
#keeping_in_touch_details img {
    float: right;
    width: 16%;
    margin: 0 0 10px 10px;
}
#keeping_in_touch_details .giveform_field label {
    width: 100%;
    text-align: left;
}
#keeping_in_touch_details .giveform_field span {
    width: 55%;
    display: inline-block;
}
#keeping_in_touch_details .giveform_field input {
}
/* NEW GIVE STAGE 3 */
#give_stage3 {
    margin-top: 0;
}
#give_stage3.give-option form button[type="submit"] {
    clear: none;
}
/* GENERAL GIVING IN PAGES */
.general_give {
    background: #002d56;
    float: left;
    width: 94%;
    padding: 30px 3% 35px;
    margin: 20px 0;
    border-radius: 7px;
    -webkit-border-radius: 7px;
}
.general_give h1 {
    color: #fff;
    font-size: 30px;
    text-align: center;
    margin: 0 0 30px;
    padding: 0;
}
.general_give .give-cont {
    text-align: center;
}
.general_give .give-cont .give-button {
    text-align: center;
    margin: 0 auto;
    float: none;
    cursor: pointer;
    padding: 6px 0;
    display: inline-block;
    margin: 0 1%;
    width: 48%;
}
.general_give .give-cont .give-option {
    margin-top: 30px;
}
.general_give #give_steps {
    margin: 0 0 30px;
    text-align: center;
}
.general_give #give_steps .give_steps-single {
    margin: 0 20px 0 0;
    display: inline-block;
    float: none;
}
.general_give #give_steps .give_steps-single p {
    padding-left: 0;
    font-size: 16px;
    margin: 3px 0 10px;
}
.general_give #give_steps .give_steps-single.active-step span {
    background: #fff;
}
.general_give .give-cont .give-option .give_p {
    padding: 0 5%;
    margin: 0;
    font-size: 18px;
    font-weight: 400;
}
/*.general_give .give-cont .give-option #give-oneother {padding: 0 18%;}*/
.general_give .give-cont .give-option #give-oneother label {
    display: none;
}
/* OCC GIVE STYLES UNIQUE TO OCC GIVING */
#occ_give {
    background: #69be28;
}
#occ_give .box_content h1 {
    color: #fff;
}
#occ_give .give-cont .give-button {
    background: #8cde4d;
    color: #fff;
    border-color: #8cde4d;
}
#occ_give .give-cont .give-button:hover,
#occ_give .give-cont .give-button.give_active {
    background: #fff;
    color: #8cde4d;
}
#occ_give #give_steps .give_steps-single.active-step span {
    background: #8cde4d;
}
#occ_give #give_steps .give_steps-single.active-step span {
    background: #8cde4d;
}
#occ_give .give-cont .give-option form:nth-of-type(2),
#occ_give #give-option-reg .give_option:nth-of-type(2) {
    border-color: #8cde4d;
}
#occ_give .give-option #give-oneother button[type="submit"],
#occ_give .give-option form button.submit,
#occ_give .give-option form a.submit {
    background: #8cde4d;
    color: #fff;
    border-color: #8cde4d;
}
#occ_give .give-option #give-oneother button[type="submit"]:hover,
#occ_give .give-option form button.submit:hover,
#occ_give .give-option form a.submit:hover {
    background: #fff;
    color: #8cde4d;
}
#occ_give .give_form_cont input[type="button"],
#occ_give .give-cont input.sp-cart-epqd-payment-button {
    background: #8cde4d;
    color: #fff;
    border-color: #8cde4d;
    margin: 0px;
}
#occ_give .give_form_cont input[type="button"]:hover,
#occ_give .give-cont input.sp-cart-epqd-payment-button:hover {
    background: #fff;
    color: #8cde4d;
}
#occ_give .give-button {
    display: none;
}
#occ_give #give_steps .give_steps-single p {
    font-size: 16px;
}
/* ######################## */
/* TOTT GIVE STYLES UNIQUE TO TOTT GIVING */
#tott_give * {
    box-sizing: border-box;
}
#tott_give {
    background: #1a82b5;
    width: 100%;
    box-sizing: border-box;
}
#tott_give .box_content h1 {
    color: #fff;
}
#tott_give .give-cont .give-button {
    background: #8fd1f5;
    color: #fff;
    border-color: #ddecf4;
}
#tott_give .give-cont .give-button:hover,
#tott_give .give-cont .give-button.give_active {
    background: #fff;
    color: #1a82b5;
}
#tott_give #give_steps {
    text-align: center;
    width: 770px;
    margin: 0 auto 40px;
    float: none;
    display: inline-block;
}
#tott_give #give_steps .give_steps-single p {
    margin: 0;
}
#tott_give #give_steps .give_steps-single.active-step span {
    background: #ddecf4;
}
#tott_give #give_steps .give_steps-single.active-step span {
    background: #ddecf4;
}
#tott_give .give-cont .give-option form:nth-of-type(2),
#tott_give #give-option-reg .give_option:nth-of-type(2) {
    border-color: #97d0fa;
}
#tott_give .give-option #give-oneother button[type="submit"],
#tott_give .give-option form button.submit,
#tott_give .give-option form a.submit {
    background: #8fd1f5;
    color: #fff;
    border-color: #ddecf4;
}
#tott_give .give-option #give-oneother button[type="submit"]:hover,
#tott_give .give-option form button.submit:hover,
#tott_give .give-option form a.submit:hover {
    background: #fff;
    color: #1a82b5;
}
#tott_give .give_form_cont input[type="button"],
#tott_give .give-cont input.sp-cart-epqd-payment-button {
    background: #8fd1f5;
    color: #fff;
    border-color: #ddecf4;
    margin: 0px;
}
#tott_give .give_form_cont input[type="button"]:hover,
#tott_give .give-cont input.sp-cart-epqd-payment-button:hover {
    background: #fff;
    color: #ddecf4;
}
#tott_give .give-option form button[type="submit"].give_button {
    padding: 0;
}
#tott_give #give-option-reg .give_option a h1 {
    padding: 13px 0;
}
/* ######################## */
/* GIVE STYLES UNIQUE TO RF GIVING */
#rf_give {
    background: #eec32c;
    border-bottom: 7px solid #fff;
}
#rf_give .box_content h1 {
    font-weight: 600;
    color: #fff;
    font-family: "pragmatica-slabserif", sans-serif;
    font-size: 40px;
    letter-spacing: 1px;
    text-transform: none;
}
#rf_give .give-cont .give-button {
    background: #d8ae1d;
    color: #fff;
    border-color: #d8ae1d;
}
#rf_give .give-cont .give-button:hover,
#rf_give .give-cont .give-button.give_active {
    background: #fff;
    color: #d8ae1d;
}
#rf_give .give-option form button[type="submit"].give_button {
    text-align: center;
    width: 100px;
    height: 100px;
    padding: 0;
}
#rf_give #give-option-reg .give_option a {
    width: 100px;
    height: 100px;
    padding: 23px 0;
}
#rf_give .give-option p {
    color: #fff !important;
    font-size: 16px !important;
}
#rf_give #give_steps .give_steps-single.active-step span {
    background: #d8ae1d;
}
#rf_give #give_steps .give_steps-single.active-step span {
    background: #d8ae1d;
}
#rf_give .give-cont .give-option form:nth-of-type(2),
#rf_give #give-option-reg .give_option:nth-of-type(2) {
    border-color: #f6e195;
}
#rf_give .give-option #give-oneother button[type="submit"],
#rf_give .give-option form button.submit,
#rf_give .give-option form a.submit {
    background: #d8ae1d;
    color: #fff;
    border-color: #d8ae1d;
}
#rf_give .give-option #give-oneother button[type="submit"]:hover,
#rf_give .give-option form button.submit:hover,
#rf_give .give-option form a.submit:hover {
    background: #fff;
    color: #d8ae1d;
}
#rf_give .give_form_cont input[type="button"],
#rf_give .give-cont input.sp-cart-epqd-payment-button {
    background: #d8ae1d;
    color: #fff;
    border-color: #d8ae1d;
    margin: 0px;
}
#rf_give .give_form_cont input[type="button"]:hover,
#rf_give .give-cont input.sp-cart-epqd-payment-button:hover {
    background: #fff;
    color: #d8ae1d;
}
.footer-area#rf-footer-area {
    margin-top: 0 !important;
}
/* NEW RESOURCES */
.sp_resources {
    float: left;
    width: 100%;
    background-color: #f7f7f7;
    padding: 40px 0;
}
.sp_resources * {
    box-sizing: border-box;
}
.sp_resources .sp_resource {
    background: #efefef;
    float: left;
    width: 32%;
    padding: 25px 35px;
    margin: 0 2% 25px 0;
    border-radius: 7px;
    -webkit-border-radius: 7px;
}
.sp_resources .sp_resource:nth-of-type(3n + 3) {
    margin-right: 0;
}
.sp_resources .sp_resource img {
    border-radius: 7px;
    max-height: 280px;
    height: auto;
    width: 100%;
}
.sp_resources .sp_resource .sp_resource-meta {
    margin-top: -55px;
    z-index: 999;
    position: relative;
    float: left;
    width: 100%;
}
.sp_resources .sp_resource .sp_resource-meta span.price {
    background: #fff;
    float: right;
    font-size: 20px;
    font-weight: 600;
    padding: 8px 14px;
    border-radius: 7px 0 0 0;
    text-transform: uppercase;
}
.sp_resources .sp_resource .sp_resource-meta h2 {
    background: #373737;
    color: #fff !important;
    text-transform: uppercase !important;
    font-size: 20px !important;
    line-height: 28px;
    padding: 10px;
    border-radius: 0 0 7px 7px;
    -webkit-border-radius: 0 0 7px 7px;
    margin: 0 !important;
    min-height: 78px;
    float: left;
    width: 100%;
}
.sp_resources .sp_resource a.dnld,
.sp_resources .sp_resource form button[type="submit"] {
    background: #373737;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 20px;
    padding: 10px;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    margin: 20px 0 0;
    width: 100%;
    float: left;
    border: 2px solid #373737;
    height: 46px;
}
.sp_resources .sp_resource a.dnld:hover,
.sp_resources .sp_resource form button[type="submit"]:hover {
    background: #fff;
    color: #373737;
}
.sp_resources .sp_resource form {
    float: left;
    width: 100%;
    margin: 20px 0 0;
}
.sp_resources .sp_resource form input[type="number"],
.sp_resources .sp_resource form select {
    width: 30%;
    margin: 0 4% 0 0;
    font-size: 20px;
    padding: 10px 0;
    text-align: center;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    border: 2px solid #f7f7f7;
    height: 46px;
    display: inline-block;
    vertical-align: middle;
}
.sp_resources .sp_resource form select:focus {
    outline: none;
}
.sp_resources .sp_resource form button[type="submit"] {
    width: 66%;
    float: left;
    margin: 0;
    cursor: pointer;
    height: 46px;
}
.sp_resources .sp_resource form button.resource_button {
    width: 100%;
}

/* DUAL RESOURCES */
.sp_resources .sp_dual_resource img {
    max-height: 192px;
}

.sp_resources .sp_dual_resource .resource_or_text {
    text-align: center;
    font-weight: bold;
    display: block;
    clear: both;
    margin: 0 0 -10px;
    padding: 10px 0 0;
}

/* RESOURCES WITH DESCRIPTION */
.sp_resources .sp_resource.sp_resource_with_description {
    width: 100%;
    max-width: 900px;
    margin: 20px auto;
    padding: 20px;
    background: #fff;
    border-radius: 0;
    position: relative;
    float: none;
    display: block;
}
.sp_resources .sp_resource.sp_resource_with_description img {
    height: auto;
    max-height: none;
    width: 28%;
    max-width: 240px;
    border-radius: 0;
    display: inline-block;
    vertical-align: top;
}
.sp_resources .sp_resource.sp_resource_with_description .sp_resource-meta {
    float: none;
    padding: 0 0 20px 40px;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    width: 72%;
    position: initial;
}
.sp_resources .sp_resource.sp_resource_with_description .sp_resource-meta h2 {
    font-size: 24px !important;
    background: none;
    width: 100%;
    padding: 0;
    margin: 0 0 20px !important;
    color: #373737 !important;
    text-transform: capitalize !important;
    min-height: 0;
    border-radius: 0;
    display: block;
    vertical-align: top;
}
.sp_resources .sp_resource.sp_resource_with_description .sp_resource-meta p {
    font-size: 17px;
    line-height: 27px;
    color: #7b7a7a !important;
}
.sp_resources
    .sp_resource.sp_resource_with_description
    .sp_resource-meta
    .sp_resource-description {
    display: inline-block;
    vertical-align: top;
    float: left;
}

/* changes here */
.sp_resources .sp_resource.sp_resource_with_description .sp_resource-bottom_row {
    width: 100%;
    position: relative;
    min-height: 126px;
    display: block;
    width: 72%;
    padding: 0 0 20px 40px;
    margin: 0 0 0 28%;
    float: none;
}

.sp_resources .sp_resource.sp_resource_with_description .sp_resource-bottom_row .price {
    width: 100%;
    font-size: 25px;
    font-weight: 600;
}

.sp_resources .sp_resource.sp_resource_with_description .sp_resource-bottom_row form {

}

.sp_resources .sp_resource.sp_resource_with_description .sp_resource-bottom_row form.sp_resource_order_button {
}

.sp_resources .sp_resource.sp_resource_with_description .sp_resource-bottom_row form.sp_resource_order_button:before {
    content: "Quantity";
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    font-weight: 600;
    margin: 0 10px 0 0;
}

.sp_resources .sp_resource.sp_resource_with_description .sp_resource-bottom_row .resource_or_text {
    display: block;
    text-align: right;
    padding: 5px 95px 0 0;
}

.sp_resources .sp_resource-bottom_row span.price, .sp_resources .sp_resource-bottom_row span.resource_or_text {
    padding: 0;
    text-transform: none;
    display: inline-block;
    vertical-align: middle;
    min-width: 45px;
}
.sp_resources .sp_resource-bottom_row form {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    width: 100%;
    float: none;
    padding: 0;
    text-align: right;
}
.sp_resources .sp_resource.sp_resource_with_description form select {
    float: none;
}

.sp_resources
    .sp_resource.sp_resource_with_description
    form
    button[type="submit"] {
    width: 200px;
    border-radius: 0;
    display: inline-block;
    vertical-align: middle;
    float: none;
}

/* OCC RESOURCES */
#occ_resources.sp_resources .sp_resource a.dnld,
#occ_resources.sp_resources .sp_resource form button[type="submit"] {
    background: #69be28;
    border-color: #69be28;
}
#occ_resources.sp_resources .sp_resource a.dnld:hover,
#occ_resources.sp_resources .sp_resource form button[type="submit"]:hover {
    background: #fff;
    color: #69be28;
}
/* TOTT RESOURCES */
#occ_home_head.tott_resources_head {
    background: url("images/newtott/resources_bg1.jpg") no-repeat center;
    background-size: cover;
}
#tott_resources.sp_resources .sp_resource a.dnld,
#tott_resources.sp_resources .sp_resource form button[type="submit"] {
    background: #1a82b5;
    border-color: #1a82b5;
}
#tott_resources.sp_resources .sp_resource a.dnld:hover,
#tott_resources.sp_resources .sp_resource form button[type="submit"]:hover {
    background: #fff;
    color: #1a82b5;
}
/* RF RESOURCES */
#rf_resources.sp_resources .sp_resource a.dnld,
#rf_resources.sp_resources .sp_resource form button[type="submit"] {
    background: #eec32c;
    border-color: #eec32c;
}
#rf_resources.sp_resources .sp_resource a.dnld:hover,
#rf_resources.sp_resources .sp_resource form button[type="submit"]:hover {
    background: #fff;
    color: #eec32c;
}
/* SINGLE RESOURCE IDEA */
#single_res_idea .tott-wide {
    margin-top: 50px;
}
#single_res_idea .tott-wide .idea_img {
    float: left;
    width: 30%;
    margin: 0 8% 50px 0;
}
#single_res_idea .tott-wide .idea_img img {
    border-radius: 7px;
    -webkit-border-radius: 7px;
}
#single_res_idea .tott-wide h2 {
    float: left;
    width: 62%;
    text-align: left;
    font-weight: 600;
}
#single_res_idea .tott-wide .idea_entry {
    float: left;
    width: 56%;
    text-align: left;
    margin-bottom: 50px;
}
.idea_entry p {
    font-size: 17px;
    line-height: 26px;
    margin: 8px 0;
    float: left;
    width: 100%;
}
.idea_entry ul {
    width: 100%;
    font-size: 17px;
    line-height: 26px;
    margin: 10px 0 10px 20px;
    float: left;
}
.idea_entry ul li {
    margin: 10px 0;
}
#single_res_idea .idea_entry h2 {
    width: 100%;
    font-size: 20px;
    font-weight: 600;
}
#single_res_idea a.tott_button {
    font-size: 18px;
    padding: 8px 20px 6px;
    float: right;
    margin: 10px 0 20px;
}
/* TOTT GIVE PAGE */
#tott_give_full-2 {
    background-image: url("images/newtott/give_bg2.jpg");
    position: relative;
}
#tott_giving_content p {
    margin: 12px 0;
    font-size: 17px;
    line-height: 24px;
}
/* CART BUTTON */
.sub-nav form input[name="spdr-view-basket"] + button {
    background: #fff url("images/shop-cart.png") no-repeat center;
    background-size: 24px;
    border: none;
    text-indent: -99999px;
    width: 44px;
    height: 44px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 7px 0 0 14px;
    cursor: pointer;
}
.sub-nav form input[name="spdr-view-basket"] + button:hover {
    background-color: #b4b4b4;
}
/* TOTT VIDEO POPUP */
.video_popup_overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(50, 50, 50, 0.85);
    z-index: 9999;
    visibility: hidden;
}
.video_popup {
    width: 720px;
    position: fixed;
    left: 0;
    right: 0;
    margin: -240px auto 0;
    background: #2e2a27;
    padding: 20px;
    visibility: hidden;
    top: 50%;
}
.video_popup__quit {
    float: right;
    color: #fff;
    cursor: pointer;
}
.video_popup__title h3 {
    color: #fff;
}

/* Gift donations styling */
#gift_give {
    background-color: #002d56;
    width: 100%;
    border-radius: 0;
}

#gift_give .give-option form a.submit {
    color: transparent;
    font-size: 0;
    padding-bottom: 0;
}
#gift_give .give-option form a.submit:after {
    content: "Add Gifts";
    color: #fff;
    font-size: 20px;
}
#gift_give .give-option form a.submit:hover {
    color: #434343;
    background-color: #fff;
}
#gift_give .give-option form a.submit:hover:after {
    color: #434343;
}

/******************************************************
/\/\/\/ ######## END OF ALL CODE ######### /\/\/\/
/\/\/\/ ##### ADDED BY VISION TANK ####### /\/\/\/
******************************************************/

form#spdr-back-to-checkout-form {
    width: 50%;
    border: none;
    padding: 0;
}
form#spdr-back-to-checkout-form button {
    float: left;
    margin: 0;
}
form#spdr-complete-order-form {
    width: 50%;
    border: none;
    padding: 0;
}
form#spdr-complete-order-form button {
    margin: 0;
}

/*
** BUTTONS - ADDED FOR PAUL 16/11/16**
*/
.idr-button {
    background: #fe580b;
} /* IDR Button  */
.idr-button:hover {
    background: #ff6319;
}
.idr-button:active {
    background: #ff6319;
}
.idr-button a,
.idr-button a:hover {
    color: #ffffff;
    text-decoration: none;
}

.rf-button {
    background: #f7941e;
} /* RF Button  */
.rf-button:hover {
    background: #f7941e;
}
.rf-button:active {
    background: #f7941e;
}
.rf-button a,
.rf-button a:hover {
    color: #ffffff;
    text-decoration: none;
}

.tgj-button {
    background: #60c2c0;
} /* TGJ Button  */
.tgj-button:hover {
    background: #60c2c0;
}
.tgj-button:active {
    background: #60c2c0;
}
.tgj-button a,
.tgj-button a:hover {
    color: #ffffff;
    text-decoration: 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: 27px 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%;
    }
}

/* smaller than iPad portrait*/
@media only screen and (max-width: 767px) {
    div#homeAlert div#homeMiniWrapLeft {
        display: none;
    }
    div#homeAlert div#homeMiniWrapRight {
        float: right;
        margin: 0 auto;
    }
    div#homeAlert div#homeMiniWrapRight div#homeAlertTitle {
        font-size: 12px;
        line-height: 13px;
        padding-top: 5%;
    }
    div#header .wrap div#nav {
        float: right;
        width: 50%;
    }
    div#header .wrap div#title-area {
        width: 45%;
    }
    #site-wrapper .sub-nav #catNavTitle a {
        font-size: 15px;
        margin: 23px 0 0 10px;
    }
    #site-wrapper .sub-nav .ubermenu-responsive-toggle {
        margin: 22px 5px 0 0 !important;
        padding: 0 !important;
    }
    #site-wrapper .sub-nav .wrap .ubermenu-cat_nav {
        margin-top: 15px;
    }
    #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%;
    }
    .footer-area #footer-right,
    .footer-area #footer-left {
        float: none;
        width: 90%;
        margin: 0 auto;
        text-align: center;
    }
    .footer-area #footer-right #emailForm #emFirstName,
    .footer-area #footer-right #emailForm #emLastName {
        width: 98%;
        float: none;
    }

    #site-wrapper .tott_sub_menu .wrap .ubermenu-cat_nav {
        margin: 11px 0 0;
        position: relative;
        z-index: 20;
    }
    #site-wrapper .tott_sub_menu .wrap .ubermenu-cat_nav li:last-of-type a {
        color: #fff;
        margin: 0;
        border-radius: 0;
    }
}

/* iPhone Landscape and smaller */
@media only screen and (max-width: 480px) {
    div#header .wrap div#title-area {
        margin-top: 18px;
    }
    #site-wrapper #gblCart #gblCartWrap #gblCartContent {
        font-size: 14px;
    }
    #content-sidebar-wrap #content {
        width: 100%;
    }
    #content-sidebar-wrap #sidebar {
        width: 100%;
        float: left;
    }
}

/*****************************************/
/* 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: 0px;
        width: 100%;
    }
    .sidebar-main-content {
        height: auto !important;
        top: 0px !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;
        font-weight: bold;
    }
    #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: auto !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 {
        line-height: 100% !important; /* adjust spacing when title wraps on mobile */
        font-size: 160% !important; /* adjust font size for title on mobile */
    }
    .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: 0px;
    }
    .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 0px;
    }
    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 769 PIXELS RESPONSIZE STYLES */
/* ------------------------------------------ */

/* ------------------------------------------ */
/* BELOW WIDTH OF 768 PIXELS RESPONSIZE STYLES */
/* ------------------------------------------ */
@media only screen and (min-width: 0px) and (max-width: 767px) {
    #header .wrap #nav .ubermenu {
        width: 100% !important;
        height: 100% !important; /* fixes nav on mobile */
        position: absolute;
        top: 72px;
        left: 0;
        right: 0;
    }
    div#nav .ubermenu ul.ubermenu-nav {
        text-align: left;
        background: #3c3c3c;
    }
    #site-wrapper .sub-nav .wrap .ubermenu-cat_nav {
        position: absolute;
        left: 0px;
        right: 0;
        top: 45px;
        background: lime !important;
    }
    #site-wrapper .sub-nav .wrap .ubermenu-cat_nav .ubermenu-nav > li {
        width: 100%;
    }
    #site-wrapper .sub-nav .wrap .ubermenu-cat_nav .ubermenu-nav > li > a {
        margin: 0;
    }
    .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;
    }
}
/* ------------------------------------------ */
/* BELOW WIDTH OF 768 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 */
    }
    #header .wrap #nav .ubermenu {
        /* width: 200% !important; */
        height: 100% !important; /* fixes nav 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
    /* position: relative; */
        float: left;
    }

    .tott_head {
        margin-top: 59px;
    }



	.tott_head_cwhl {
        margin-top: 59px;
    }

    .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;
    }
    #artTitleWrap #artTitleCont {
        margin: 18% 0 0 2%;
    }
    .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;
    }
}

#postTitleWrap #postTitleCont #postTitle {
    margin-top: 100px;
}
/* ------------------------------------------ */
/* 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) {
    div#homeAlertContent .dropdown-wrapper {
        width: 100%;
        padding: 10px 0;
        max-width: 1140px;
        margin: 0 auto;
    }
    div#homeAlertContent .dropdown-wrapper .content-area-1 {
        width: 64%;
        float: none;
        height: auto;
    }
    div#homeAlertContent .dropdown-wrapper .content-area-2 {
        width: 60%;
        float: none;
        height: auto;
    }
    div#homeAlertContent .dropdown-wrapper .content-area-1 .inner-content {
        padding-left: 0;
    }
    div#homeAlertContent .dropdown-wrapper .content-area-2 .inner-content {
        padding-right: 0;
    }

    .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: 90px;
    }
    .di-full-checkout .megamenu-donate-button {
        float: none;
        width: 165px;
        margin: 33px auto 0;
    }
    div.di-full-checkout span.cart-display,
    .single div.di-full-wrapper span.cart-display {
        float: none;
        width: 174px;
        margin: -73px auto 0;
    }
    #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 {
        height: 64px;
        position: relative;
        width: 100%;
    }
    div.di-full-payment div.diSuggested input,
    div.diCartField input {
        width: 42%;
    }
}

/******************************************************
##### VISION TANK Responsive Styles #####
*******************************************************/

@media (max-width: 1400px) {
    #site-wrapper .sub-nav {
        width: 96%;
        padding: 0 2%;
    }
    .rf_content .rf_abandon_head #rf_logo_contain img {
        left: 7%;
    }
    .rf_content .rf_abandon_head .box_content #rf_head_tag-pages {
        padding-left: 10%;
    }

    .filter_details .filter_tags {
        width: 49%;
        margin: 0;
    }

    .filter_details .filter_image {
        width: 50%;
    }
}

@media (max-width: 1199px) {
    /*    #tott_content .box_content h1 span {color:red;}*/
    /* OCC HOME */
    #occ_head_links {
        padding: 0;
    }
    #occ_head_links .box_link {
        width: 28.9%;
        margin: 0 2% !important;
    }
    #occ_head_links #small_links {
        float: left;
        width: 100%;
    }
    #occ_head_links #small_links a {
        width: 29%;
        margin: 25px 2% 0;
        padding: 22px 6% 22px 2%;
    }
    #occ_head_links #small_links a span {
        margin: 2px 0 0;
    }
    .occ_full_img {
        background-attachment: inherit;
        height: 400px;
    }
    .tott_biosand {
        background-attachment: inherit;
    }
    #occ_txt-sec4 {
        width: 94%;
        margin: 0 3%;
    }
    /* OCC FOLLOW BOX */
    #follow_box_content #follow_box_head {
        background-position: left top;
        background-attachment: inherit;
    }
    #follow_box_content #follow_box_head img {
        width: 24%;
        margin: 5% 0 0 2%;
    }
    .box_content {
        width: 100%;
    }
    #follow_box-sec2 #box_txt-sec2 #box_video,
    #occ_home-sec2 #occ_txt-sec2 #box_video {
        width: 82%;
    }
    #follow_box-sec2 #box_txt-sec2 #box_video iframe,
    #occ_home-sec2 #occ_txt-sec2 #box_video iframe {
        width: 100%;
    }
    #box_txt-give #give_steps {
        width: 92%;
    }
    /* Raising Families  - HOME */
    .sub-nav.fixed {
        position: relative;
    }
    #occ_home_head.rf_home_head.adjust {
        margin-top: 0;
    }
    #occ_head_links.rf_head_links {
        margin-top: 160px;
    }
    #occ_head_links.rf_head_links #small_links a {
        width: 21.3%;
        margin: 35px 2% 0 !important;
        padding: 22px 6% 22px 2% !important;
    }
    .rf_content #occ_txt-sec3.rf_need_icons {
        margin: 0 2% 70px;
    }
    .rf_content #occ_txt-sec3.rf_need_icons img {
        width: 31.6%;
        height: auto;
        margin-right: 2%;
    }
    .rf_content #occ_txt-sec3 img:last-of-type {
        margin-right: 0;
    }
    .rf_content #occ_txt-sec5 #hunger_imgs img {
        width: 24%;
    }
    .rf_content #occ_txt-sec5 #hunger_imgs img:nth-of-type(2) {
        margin: 0 8%;
    }
    #rf_home_full-1 h1 {
        font-size: 46px;
    }
    /* Raising Families  - CRISIS */
    #rf_logo_contain {
        margin: 50px 0 0 2%;
    }
    .story_selec .txt_selec {
        width: 100%;
        margin: 50px 0 0;
    }
    /* Abandonment */
    .rf_content .rf_abandon_head #rf_logo_contain img {
        left: 2%;
    }
    .rf_content .rf_abandon_head .box_content #rf_head_tag-pages {
        width: 60%;
        padding: 0 50% 30px 4%;
    }
    /* TOTT */
    #tott_home_full-1 .box_content .tott-wide {
        width: 90%;
    }
    /* TOTT PROBLEM */
    #tott_problem_full-2 img,
    #tott_solution_full-1 img {
        width: 160px;
        margin: 40px 0;
    }
    #problem_stats_bot .problem_stats_bot-half {
        height: 290px;
    }
    /* TOTT INVOLVED */
    #tott_repack .resourcepack_header {
        width: 90%;
        margin: 0 5%;
    }
    /* FOOTER */
    #social_foot {
        background-attachment: inherit;
    }
    #bottom-foot #foot_mid {
        width: 34%;
    }
}
@media screen and (max-width: 1000px) {
    .in_shoebox_step .step_left,
    .in_shoebox_step .step_right {
        float: none;
        width: 100%;
        position: static;
    }
    .in_shoebox_step .step_left {
        padding: 10px 20px;
    }
    .in_shoebox_step .step_left img {
        position: static;
        display: block;
        margin: 0 auto;
    }
}
@media (max-width: 979px) {
    /* OCC FOLLOW BOX */
    #follow_box-sec2 #box_txt-sec2 {
        padding: 75px 10% 20px;
        width: 80%;
    }
    #follow_box_questions #box_questions_txt {
        width: 80%;
        padding: 40px 10%;
    }
    #occ_resources .operation-christmas-child .-item-content label {
        min-height: 80px;
    }
    #occ_resources .operation-christmas-child .-item-content p {
        min-height: 185px;
    }
    #signup_foot .box_content {
        width: 96%;
        margin: 0 2%;
    }
    .ubermenu-cat_nav .ubermenu-item-level-0 > .ubermenu-target {
        padding: 22px 9px 22px;
    }
    /* Raising Families  - HOME */
    #rf_home_full-1 h1 {
        font-size: 44px;
        line-height: 48px;
    }
    .rf_list .single-rf_list p small {
        float: right;
    }
    /* Raising Families  - CRISIS */
    .story_selec .txt_selec {
        margin-top: 20px;
    }
    #follow_box_content .story_selec .txt_selec p {
        margin-bottom: 22px;
    }
    #rf_list #single-rf_list img {
        width: 18%;
        margin: 0 3% 5px 0 !important;
    }
    #rf_list #single-rf_list p {
        float: left;
        width: 79%;
    }
    .story_selec .txt_selec {
        height: 490px;
    }
    /* RF SOUP */
    .rfsoup_content #rf_list #single-rf_list p {
        width: 86%;
    }
    /* TOTT */
    #tott_home_full-1 .box_content .tott-wide {
        width: 98%;
    }
    /* FOOTER */
    #bottom-foot #foot_mid {
        width: 33%;
    }

    .filter_details .filter_tags {
        width: 100%;
    }
    .filter_tags .filter_tags_single {
        opacity: 1;
        visibility: visible;
        transform: translateX(0px);
    }
    .filter_details .filter_image {
        width: 100%;
        max-width: 590px;
        margin: 20px 0 0;
        min-height: auto;
    }
    .filter_details .filter_image img.stage6 {
        display: inline;
        position: relative;
    }
}
/*** Tablet STYLING ***/
@media only screen and (max-width: 920px) {
    /* OCC HOME */
    #occ_head_links .box_link {
        width: 28.7%;
    }
    #occ_head_links .box_link .box_link_txt span,
    #occ_head_links #small_links a span {
        display: none;
    }
    #occ_head_links .box_link .box_link_img {
        height: 135px;
    }
    #occ_head_links #small_links a {
        width: 28.7%;
        padding: 22px 2%;
    }
    #occ_home-sec2 #occ_txt-sec2 {
        padding: 0 10%;
        width: 80%;
    }
    #occ_txt-sec3 {
        width: 88%;
        margin: 0 6% 50px;
    }
    .occ_full_img {
        height: 320px;
    }
    #occ_txt-sec5 {
        width: 90%;
        padding: 50px 5% 0;
    }
    /* OCC FOLLOW BOX */
    #follow_box-sec2 #box_txt-sec2 {
        padding: 75px 5% 20px;
        width: 90%;
    }
    .step_left img {
        float: right;
        width: 95%;
        height: auto;
        margin: 40px 0 0;
    }
    #follow_box-step2 .step_left img {
        width: 95%;
    }
    #follow_box-step3 .step_left img {
        width: 95%;
        margin: 40px 2% 0;
    }
    .step_right .step_half_txt {
        width: 85%;
        padding: 40px 5% 40px 10%;
    }
    #follow_box_content h2 {
        font-size: 30px;
        margin: 0 0 15px;
    }
    #box_txt-give #give_steps {
        width: 280px;
    }
    #box_txt-give #give_steps .give_steps-single {
        float: left;
        margin: 0 0 5px;
    }
    /* RESOURCES */
    a.occ_link_style {
        width: 190px;
    }
    #gift_suggest #gift_suggest_txt {
        padding: 50px 5%;
        width: 90%;
    }
    #occ_resources .operation-christmas-child {
        width: 43%;
    }
    #occ_resources .operation-christmas-child .-item-content p {
        min-height: 175px;
    }
    /* YOUR STORY FORM */
    #occ_story .gform_wrapper {
        width: 88%;
        padding: 20px 2%;
        margin: 30px 4%;
    }
    #occ_head_links.rf_head_links {
        margin-top: 80px;
    }
    #occ_home_head.rf_home_head {
        height: 800px;
    }
    /* Raising Families  - HOME */
    #rf_logo_contain img {
        margin-left: 2%;
        width: 30%;
    }
    #occ_home_head.rf_home_head {
        height: 630px;
    }
    .rf_content .box_content .rf_head_tag {
        padding-top: 20px;
        margin-left: 30px;
    }
    .rf_content .box_content .rf_head_tag h1 {
        font-size: 58px;
    }
    .rf_content .box_content .rf_head_tag .rf_slice {
        top: 22px;
    }
    #occ_head_links.rf_head_links #small_links a {
        width: 25.3%;
        text-align: center;
        padding: 22px 2% !important;
        height: auto !important;
    }
    #occ_head_links.rf_head_links #small_links a#small_link-three,
    #occ_head_links.rf_head_links #small_links a#small_link-two {
        padding: 22px 2% !important;
    }
    .rf_content
        .raising-families-update-donation:last-of-type
        .-item-footer
        button[type="submit"] {
        width: 100% !important;
    }
    .rf_content
        .rf_giving_section
        .new_give_section
        .raising-families-update-donation {
        width: 25%;
    }
    .rf_content
        .raising-families-update-donation
        input[value="221"]
        ~ div.-item-footer
        button[type="submit"] {
        width: 80% !important;
    }
    /* Raising Families  - CRISIS */
    #occ_home_head.rf_crisis_head {
        height: 450px;
    }
    .rf_content p.rf_quote em {
        font-size: 26px;
        line-height: 39px;
    }
    #occ_home_head.rf_resources_head {
        height: 450px;
    }
    /* Raising Families  - RESOURCES */
    #rf_resources .raising-families-2015-resources,
    #rf_resources .soup-page-raising-families-2015-resources {
        width: 43%;
    }
    /* Raising Families  - GIVE NOW */
    #occ_home_head.rf_give_head {
        height: 450px;
    }
    .rf_content .rf_give_head #rf_head_tag-pages {
        width: 50%;
    }
    .rf_content .rf_involved_head #rf_head_tag-pages {
        width: 50%;
    }
    /* RF SOUP */
    .rfsoup_content #rf_list #single-rf_list p {
        width: 82%;
    }
    /* Abandonment */
    .rf_content .rf_abandon_head #rf_logo_contain img {
        left: 0;
    }
    .rf_content .rf_abandon_head .box_content #rf_head_tag-pages {
        width: 75%;
        padding: 0 50% 30px 3%;
    }
    /* TOTT */
    #tott_content .box_content h1,
    #tott_content .box_content h1 span {
        font-size: 70px;
        margin-bottom: 40px;
    }
    #tott_content .tott_home_head .box_content {
        width: 98%;
        margin-top: 190px;
    }
    #totthome_steps {
        width: 90%;
        margin: 0 5% 70px;
    }
    #tott_home_full-1 {
        height: 350px;
    }
    #tott_content .invert p {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 26px;
    }
    #front_video,
    .video_popup_overlay {
        display: none !important;
    }
    #front_video_mob {
        display: block !important;
        width: 170px;
        margin: 0 auto;
    }
    .tott-wide {
        width: 96%;
        margin: 0 2%;
    }
    .tott-narrow {
        width: 94%;
    }
    #tott_home_full-2 {
        padding: 150px 0px 0px;
        height: 360px;
    }
    #tott_content .tott_home_head .box_content {
        margin-top: 50px !important;
    }
    #tott_content .tott_home_head .box_content p {
        font-size: 20px;
        line-height: 26px;
    }
    #occ_home_head.tott_home_head {
        background-size: cover;
    }
    #occ_home_head.tott_home_head video {
        display: none;
    }
    .video_cont {
        background-color: transparent;
    }
    /* TOTT PROBLEM */
    #problem_stats_top img {
        margin: 0 auto;
        float: none;
    }
    #tott_content #problem_stats_top h4 {
        width: 100%;
        margin-top: 30px;
    }
    #tott_problem_full-2 img,
    #tott_solution_full-1 img {
        width: 100px;
    }
    /* TOTT INVOLVED */
    #tott_content #tott_repack h4 {
        width: 90%;
        margin: 0 5% 40px;
    }
    #tott_repack .resourcepack_header img {
        width: 60%;
        float: none;
    }
    #tott_repack .resourcepack_header .resourcepack_list {
        width: 100%;
        margin: 30px 0 0;
    }
    #tott_fundraising-links a.tott_fundraising-link {
        font-size: 18px;
        padding: 20px 0;
    }
    /* TOTT RESOURCES */
    .sp_resources .sp_resource {
        width: 49%;
        margin: 0 2% 20px 0 !important;
    }
    .sp_resources .sp_resource:nth-of-type(2n + 2) {
        margin-right: 0 !important;
    }
    .sp_resources .tott-wide {
        width: 80%;
        margin: 0 10%;
    }
    /* GIVE */
    .sp_give_section {
        width: 96%;
        padding: 50px 2%;
    }
    .sp_give_section .tott-narrow {
        width: 100%;
    }
    #give_steps .give_steps-single p {
        font-size: 16px;
        margin-top: 3px;
    }
    .sp_cart_basket th,
    .sp_cart_basket td {
        font-size: 15px;
        padding: 0 5px;
    }
    /* FOOTER */
    #bottom-foot #foot_logo {
        width: 100%;
    }
    #bottom-foot #foot_logo img {
        width: 34%;
        display: block;
        margin: 0 auto;
    }
    #bottom-foot #foot_mid {
        width: 90%;
        margin: 20px 5%;
        padding: 0 0 40px;
        border: 0;
        border-bottom: 2px solid #474747;
    }
    #bottom-foot #foot_right {
        width: 90%;
        margin: 20px 5%;
        padding: 0 0 40px;
        border: 0;
        border-bottom: 2px solid #474747;
    }
    #bottom-foot #foot_far_right {
        margin: 20px 5%;
        padding: 0;
        width: 100%;
    }
    #bottom-foot #foot_far_right img {
        max-width: 80px;
    }

    .in_shoebox_wrap #follow_box-sec2 #box_txt-sec2 .occ_top_title {
        width: 100%;
    }
    #tott_give #give_steps {
        width: 100%;
    }
    .tott__story_wrap,
    .tott__story_wrap * {
        box-sizing: border-box;
    }
    .tott__story {
        width: auto;
        max-width: unset;
        top: 20px;
        right: 20px;
        left: 20px;
    }
    .tott__story__close {
        position: fixed;
        top: 45px;
        right: 50px;
        color: #1a82b5;
    }

    .tott_difference .stats .stats__single {
        width: 100%;
        margin: 10px 0;
    }

    .tott_copy .video_sec .vol_vid {
        display: none;
    }
    .tott_copy .video_sec iframe {
        width: 100%;
        height: auto;
        margin: 30px 0 0;
        display: block !important;
    }

	    .tott_cwhl .video_sec .vol_vid {
        display: none;
    }

	.tott_cwhl .video_sec iframe {
        width: 100%;
        height: auto;
        margin: 30px 0 0;
        display: block !important;
    }

    .tott_content--give .video_sec .button {
        display: none;
    }
    .tott_content--give .video_sec iframe {
        width: 100%;
        height: auto;
        margin: 30px 0 0;
        display: block !important;
    }

    .tott_head__landing .video_sec {
        display: none;
    }

	 .tott_head_cwhl__landing .video_sec {
        display: none;
    }

    .tott_head__landing .tott_head__cont {
        margin: 0;
        padding: 0;
    }
    .tott_head__landing .tott_head__cont iframe {
        width: 100%;
        height: auto;
        margin: 30px 0 0;
        display: block !important;
        position: relative;
        z-index: 10;
    }
    .tott_head .water_logo {
        max-width: 310px;
    }



	    .tott_head_cwhl__landing .tott_head__cont {
        margin: 0;
        padding: 0;
    }
    .tott_head_cwhl__landing .tott_head__cont iframe {
        width: 100%;
        height: auto;
        margin: 30px 0 0;
        display: block !important;
        position: relative;
        z-index: 10;
    }
    .tott_head_cwhl .water_logo {
        max-width: 310px;
    }


    .sp_resources .sp_resource-bottom_row form {
        width: 100%;
        padding: 0;
    }
}

@media only screen and (max-width: 860px) {
    .sp_resources .sp_resource.sp_resource_with_description img {
        width: 100%;
        max-width: 250px;
        margin: 0 auto;
        display: block;
    }
    .sp_resources .sp_resource.sp_resource_with_description .sp_resource-meta {
        width: 100%;
        padding: 20px 0;
    }
    .sp_resources .sp_resource-bottom_row {
        width: 100%;
        margin: 0;
    }
}

@media only screen and (max-width: 820px) {
    .tott_biosand h1,
    .tott_difference h1 {
        width: 100%;
    }
    .tott_stories__single {
        width: 100%;
        max-width: 500px;
    }
}

@media only screen and (max-width: 719px) {
    /* OCC HOME */
    #occ_home_head {
        height: auto;
        padding: 0;
        background-position: center top;
        background-size: 180%;
    }
    #occ_home_head #occ_logo_contain {
        float: none;
        /* margin: 24px auto; */
        margin: 320px auto 24px;
        width: 100%;
        max-width: 400px;
    }
    #occ_head_links {
        margin: 20px 0 0;
        background: #eaeaea;
        padding: 40px 0;
    }
    #occ_head_links .box_link {
        border: 0;
    }
    #occ_head_links .box_link {
        background: #69be29;
        border: 0;
        padding: 0;
        margin: 15px 20% 0 !important;
        width: 60%;
    }
    #occ_head_links .box_link .box_link_img {
        height: 170px;
    }
    #occ_head_links #small_links a {
        text-align: center;
        padding: 22px 2% !important;
        min-height: 36px;
    }
    #occ_home-sec2 #occ_txt-sec2 {
        padding: 0 3%;
        width: 94%;
    }
    #occ_txt-sec3 {
        width: 94%;
        margin: 0 3% 50px;
    }
    #occ_txt-sec3 .occ_mid_link {
        width: 100%;
        margin: 0 0 30px;
    }
    #occ_txt-sec3 .occ_mid_link img {
        width: 60%;
        margin: 0 auto 24px;
        display: block;
    }
    .occ_full_img {
        height: 250px;
    }
    #occhome_steps .occhome_step {
        width: 80%;
        margin: 0 10% 30px;
    }
    #occhome_steps .occhome_step img {
        width: 30%;
    }
    /* OCC FOLLOW BOX */
    #box_txt-give #give_form .give_option {
        float: left;
        width: 92%;
        margin: 0 4%;
    }
    .box_content h1 {
        font-size: 38px;
        line-height: 48px;
    }
    #follow_box_content #follow_box_head {
        height: 350px;
    }
    #follow_box_content #follow_box_head img {
        width: 32%;
    }
    #follow_box-sec2 #box_txt-sec2 {
        padding: 75px 2% 20px;
        width: 94%;
    }
    #follow_box-sec2 #box_txt-sec2 p {
        padding: 0;
    }
    .give_option button.target-button {
        padding: 7px 24%;
    }
    .give_option input[type="number"] {
        margin-bottom: 18px;
    }
    /* RESOURCES */
    #quick_tools #quick_tools_txt .quick_tool {
        width: 90%;
        margin: 0 5% 20px;
        border-bottom: 1px solid #c3c2c2;
    }
    #gift_suggest #gift_suggest_txt {
        padding: 50px 3%;
        width: 94%;
    }
    #follow_box-sec2 #box_txt-sec2 .occ_top_title,
    #occ_story .occ_top_title {
        width: 490px;
    }
    #follow_box-sec2 #box_txt-sec2 .occ_top_title h1,
    #occ_story .occ_top_title h1 {
        float: left;
        margin: 45px 0 40px 2%;
        font-size: 30px;
    }
    #occ_resources .operation-christmas-child {
        width: 90%;
        margin: 0 3% 20px;
    }
    #occ_resources .operation-christmas-child .-item-image {
        height: auto;
    }
    #occ_resources .operation-christmas-child .-item-content label {
        min-height: 0;
    }
    #occ_resources .operation-christmas-child .-item-content p {
        min-height: 0;
    }
    #occ_resources .operation-christmas-child .-item-footer {
        height: auto;
    }
    /* Raising Families  - HOME */
    #occ_head_links.rf_head_links #small_links a {
        padding: 22px 2%;
    }
    #occ_head_links.rf_head_links #small_links a#small_link-one,
    #occ_head_links.rf_head_links #small_links a#small_link-two,
    #occ_head_links.rf_head_links #small_links a#small_link-three {
        padding: 22px 2% !important;
        height: auto !important;
    }
    .rf_content #occ_txt-sec3.rf_need_icons img {
        width: 31.7%;
        margin-right: 1%;
    }
    #rf_home_full-1 h1 {
        font-size: 34px;
        line-height: 36px;
        bottom: 0;
    }
    .box_content#rf_full_quote h1 {
        font-size: 36px;
        line-height: 38px !important;
    }
    /* Raising Families  - CRISIS */
    #occ_home_head.rf_crisis_head {
        height: 440px;
    }
    #follow_box_content .story_selec .txt_selec h2 {
        font-size: 40px;
        line-height: 40px;
    }
    #follow_box_content .story_selec .txt_selec p {
        margin-bottom: 16px;
    }
    .story_selec .txt_selec {
        height: 560px;
    }
    #rf_list #single-rf_list p {
        float: right;
    }
    #country_story_selec .img_selec img {
        width: 22%;
    }
    /* Raising Families  - GET INVOLVED */
    #fundrasing_ideas .single-fundrasing_ideas {
        width: 48%;
        margin: 0 4% 15px 0 !important;
    }
    #fundrasing_ideas .single-fundrasing_ideas:nth-of-type(2n + 2) {
        margin-right: 0 !important;
    }
    /* Raising Families  - RESOURCES */
    #rf_resources .raising-families-2015-resources,
    #rf_resources .soup-page-raising-families-2015-resources {
        width: 90%;
        margin: 0 3% 20px;
    }
    /* RF SOUP */
    .rf_home_head#occ_home_head.rf_soup_head {
        height: 470px;
    }
    .rfsoup_content #rf_list #single-rf_list p {
        width: 73%;
    }
    /* TOTT */
    #tott_content .tott_home_head .box_content {
        margin-top: 120px;
    }
    .tott-narrow {
        width: 96%;
    }
    #give_steps .give_steps-single {
        margin: 0 0 10px;
        width: 100%;
    }
    #tott_home_full-2 {
        padding: 30px 2%;
        width: 96%;
    }
    #tott_content .box_content h1,
    #tott_content .box_content h1 span {
        font-size: 70px;
        margin-bottom: 20px;
        line-height: 70px;
    }
    a.tott_button {
        font-size: 22px;
        text-decoration: none;
        padding: 8px 20px 6px;
    }
    #tott_content .invert p {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 20px;
    }
    #tott_content #tott_home_full-2 h1 {
        font-size: 50px;
        line-height: 50px;
    }
    /* TOTT PROBLEM */
    #problem_wells-cont {
        width: 92%;
        margin: 0 4% 60px;
    }
    #tott_problem_full-2 img,
    #tott_solution_full-1 img {
        margin: 20px 0;
    }
    #tott_problem_full-2 p,
    #tott_solution_full-1 p {
        width: 90%;
        margin: 0 5%;
    }
    #problem_stats_top img {
        width: 96%;
    }
    #problem_stats_bot .problem_stats_bot-half {
        height: 325px;
    }
    #tott_content #tott-hygine .tott-wide h4 {
        width: 90%;
        margin: 0 5% 50px;
    }
    /* TOTT SOLUTION */
    .solution_detail-half {
        width: 90%;
        margin: 0 5% 20px;
        border: none !important;
    }
    .solution_detail-half img {
        width: 50%;
    }
    /* TOTT INVOLVED */
    #tott_fundraising_ideas #choice_links .choice_link {
        width: 48%;
        margin: 0 4% 30px 0 !important;
    }
    #tott_fundraising_ideas #choice_links .choice_link:nth-of-type(2n + 2) {
        margin-right: 0 !important;
    }
    #tott_fundraising-links a.tott_fundraising-link {
        width: 49%;
        margin: 0 2% 20px 0 !important;
    }
    #tott_fundraising-links a.tott_fundraising-link:nth-of-type(2n + 2) {
        margin-right: 0 !important;
    }
    /* TOTT RESOURCES */
    .sp_resources .tott-wide {
        width: 96%;
        margin: 0 2%;
    }
    .sp_resources .sp_resource .sp_resource-meta h2 {
        font-size: 18px;
        line-height: 26px;
        min-height: 74px;
    }
    .sp_resources .sp_resource a.dnld,
    .sp_resources .sp_resource form button[type="submit"] {
        font-size: 18px;
        padding: 10px 4px;
    }
    /* TOTT SINGLE IDEA */
    #single_res_idea .tott-wide .idea_img {
        width: 45%;
        margin: 0 auto 40px;
        float: none;
    }
    #single_res_idea .tott-wide h2 {
        width: 90%;
        margin: 0 5% 10px;
    }
    #single_res_idea .tott-wide .idea_entry {
        width: 90%;
        margin: 0 5% 40px;
    }
    /* FOOTER */
    #box_social_links {
        width: 480px;
    }
    #sp-footer-area #box_social_links,
    #rf-footer-area #box_social_links,
    #tott-footer-area #box_social_links {
        width: 376px;
    }
    #box_social_links a span {
        margin: 0 9px;
    }
    #signup_foot .gform_wrapper {
        width: 90%;
        margin: 0 5%;
    }
    #follow_box_content .rf_gift_aid {
        width: 100%;
        box-sizing: border-box;
        padding: 0 20px;
    }

    #site-wrapper .sub-nav.tott_sub_menu #catNavTitle a {
        font-size: 25px;
    }
    .tott_head .water_logo {
        max-width: 280px;
    }



	    .tott_head_cwhl .water_logo {
        max-width: 280px;
    }

    .tott_content h1 {
        font-size: 40px;
        line-height: 50px;
    }
}
@media screen and (max-width: 660px) {

    .gift_gender__tab {
        padding: 20px 30px;
    }
    .gift_gender__tab img {
        display: none;
    }
    .gift_gender__tab h3 {
        font-size: 30px;
    }
    .gift_suggestion_half {
        width: 100%;
    }
    .gift_gender_nav__sub {
        text-align: left;
        overflow: hidden;
    }
    .gift_gender__age_label,
    .gift_gender__age {
        display: block;
        margin: 0 0 15px;
        float: left;
        clear: both;
    }
    .gift_wrap {
        padding: 20px;
    }
    .general_give .give-cont .give-option #give-oneother {
        padding: 0;
    }

    .filter_details {
        padding: 60px 20px;
    }
}

@media only screen and (max-width: 520px) {
    .sp_resources .sp_resource-bottom_row {
        width: 100%;
    }
    .sp_resources .sp_resource-bottom_row span.price {
        width: 100%;
        /* text-align: center; */
    }
    .sp_resources .sp_resource-bottom_row form {
        padding: 12px 0 0;
        width: 100%;
    }

    .sp_resources .sp_resource.sp_resource_with_description .sp_resource-bottom_row .resource_or_text {
        text-align: center;
        padding: 5px 0 0;
    }

    .sp_resources .sp_resource form select {
        width: 100%;
        max-width: 200px;
        margin: 10px 0;
    }
}

/*** PHONE STYLING ***/
@media only screen and (max-width: 499px) {
    /* OCC HOME */
    #occ_home_head {
        height: auto;
        background-size: 270%;
        /* background-position: 42% bottom; */
    }
    #occ_home_head #occ_logo_contain h1 {
        font-size: 24px;
        line-height: 25px;
    }
    #occ_head_links {
        margin: 30px 0 0;
    }
    #occ_head_links .box_link {
        margin-bottom: 20px !important;
        width: 80%;
        margin: 15px 10% 0 !important;
    }
    #occ_head_links #small_links a {
        width: 80%;
        height: auto !important;
        min-height: 0;
        padding: 14px 0 !important;
        margin: 14px 10% 0;
    }
    #occ_head_links #small_links a#small_link-one {
        padding: 14px 0 !important;
    }
    #occ_head_links #small_links a#small_link-three,
    #occ_head_links #small_links a#small_link-two {
        height: auto !important;
        padding: 14px 0 !important;
    }
    #occ_txt-sec5 h4.quote {
        font-size: 24px;
        line-height: 38px;
    }
    /* OCC FOLLOW BOX */
    #follow_box_content #follow_box_head {
        height: 300px;
    }
    #follow_box_content #follow_box_head img {
        width: 40%;
    }
    #follow_box-sec2 #box_txt-sec2 {
        padding: 40px 2% 20px;
    }
    .box_content h1 {
        font-size: 30px;
        line-height: 37px;
    }
    .step_left {
        width: 100%;
        float: left;
        position: relative;
        height: auto;
    }
    .step_left img {
        margin-top: 64px;
    }
    .step_right {
        width: 100%;
    }
    .step_right .step_half_txt {
        width: 94%;
        padding: 40px 3%;
    }
    #follow_box_content h2 {
        text-align: center;
    }
    #box_txt-give #give_form {
        width: 96%;
        margin: 40px 2% 0;
        height: auto;
    }
    #follow_box_questions #box_questions_txt {
        width: 96%;
        padding: 40px 3%;
    }
    /* RESOURCES */
    #follow_box-sec2 #box_txt-sec2 .occ_top_title,
    #occ_story .occ_top_title {
        width: 100%;
        margin: 0;
    }
    #follow_box-sec2 #box_txt-sec2 .occ_top_title .occ_head_img,
    #occ_story .occ_top_title .occ_head_img {
        width: 50%;
        margin: 0 auto;
        float: none;
        display: block;
    }
    #follow_box-sec2 #box_txt-sec2 .occ_top_title h1,
    #occ_story .occ_top_title h1 {
        float: left;
        margin: 15px 0;
        font-size: 32px;
        width: 100%;
        text-align: center;
    }
    #gift_suggest .gift_idea img {
        margin: 0 auto 12px;
        float: none;
        width: 25%;
    }
    #gift_suggest .gift_idea .gift_idea_txt {
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #c3c2c2;
        padding-bottom: 16px;
    }
    /* YOUR STORY FORM */
    #occ_story .gform_wrapper {
        width: 92%;
        padding: 20px 2%;
        margin: 30px 2%;
    }
    /* Raising Families  - HOME */
    .rf_content .box_content h1 {
        font-size: 42px;
        line-height: 42px;
    }
    #rf_logo_contain {
        margin: 25px 0 0;
    }
    #rf_logo_contain img {
        margin: 0 auto;
        width: 50%;
        float: none;
        display: block;
    }
    .rf_content .box_content .rf_head_tag {
        margin-left: 6%;
    }
    .rf_content .box_content .rf_head_tag h1 {
        font-size: 46px;
    }
    #occ_home_head.rf_home_head {
        height: 800px;
    }
    #occ_head_links.rf_head_links #small_links {
        margin-top: 0px;
    }
    #occ_head_links.rf_head_links #small_links a {
        width: 92%;
    }
    #occ_head_links.rf_head_links #small_links a#small_link-one,
    #occ_head_links.rf_head_links #small_links a#small_link-two,
    #occ_head_links.rf_head_links #small_links a#small_link-three {
        padding: 12px 2% !important;
    }
    .rf_content #occ_txt-sec3.rf_need_icons img {
        width: 80%;
        margin: 0 10% 10px;
    }
    .rf_content
        .rf_giving_section
        .new_give_section
        .raising-families-update-donation {
        width: 80%;
        margin: 40px 10% 0;
    }
    /* Raising Families  - CRISIS */
    #occ_home_head.rf_crisis_head,
    #occ_home_head.rf_solutions_head,
    #occ_home_head.rf_involved_head,
    #occ_home_head.rf_resources_head,
    #occ_home_head.rf_give_head {
        height: 470px;
    }
    .rf_crisis_head #rfcrisis_head_tag {
        margin-left: 3%;
        width: 60%;
    }
    .rf_content p.rf_quote em {
        font-size: 22px;
        line-height: 33px;
    }
    .rf_list .single-rf_list {
        margin: 0 0 45px;
    }
    #rf_list #single-rf_list {
        margin-bottom: 35px;
    }
    #rf_list #single-rf_list img {
        margin: 0 auto 20px !important;
        float: none;
        display: block;
        width: 30%;
    }
    #rf_list #single-rf_list p {
        width: 100%;
        margin: 0;
        text-align: center;
    }
    .story_selec .txt_selec {
        height: auto;
    }
    /* Raising Families  - SOLUTION */
    .rf_content .rf_solutions_head .rf_head_tag h1 {
        line-height: 42px;
    }
    #sol_maths .sol_maths_single {
        float: none;
        width: 80%;
        margin: 0 auto 25px;
    }
    #sol_maths .sol_maths_plus,
    #sol_maths .sol_maths_equal {
        width: 100%;
    }
    #sol_maths .sol_maths_plus img,
    #sol_maths .sol_maths_equal img {
        width: 50px;
        margin: 0 auto 20px !important;
        display: block;
        float: none;
    }
    /* Raising Families  - GET INVOLVED */
    #fundrasing_ideas .single-fundrasing_ideas {
        width: 100%;
        margin: 0 0 15px 0 !important;
    }
    #fundrasing_ideas .single-fundrasing_ideas p {
        min-height: auto;
    }
    #fundrasing_ideas .single-fundrasing_ideas h3 {
        min-height: auto;
    }
    /* RF SOUP */
    #rf_list.rf_soup_list span {
        margin: 0 auto 20px !important;
        float: none;
        display: block;
    }
    .rfsoup_content #rf_list #single-rf_list p {
        width: 100%;
    }
    /* TOTT */
    #totthome_steps .totthome_step {
        width: 100%;
        margin: 0 0 20px;
    }
    #choice_links .choice_link,
    #tott_fundraising_ideas #choice_links .choice_link {
        width: 92%;
        margin: 0 4% 15px !important;
    }
    /* TOTT PROBLEM */
    #problem_stats_bot .problem_stats_bot-half {
        height: auto;
        width: 100%;
    }
    #problem_stats_bot #problem_stats_bot-right {
        margin-top: 20px;
    }
    #tott_problem_full-2 img {
        width: 80px;
    }
    .problem_wells {
        width: 100%;
    }
    .problem_wells:nth-of-type(2) {
        margin-top: 20px;
    }
    /* TOTT SOLUTION */
    .solution_detail-half {
        width: 96%;
        margin: 0 2% 20px;
    }
    .solution_detail-half img {
        width: 65%;
    }
    /* TOTT INVOLVED */
    #tott_repack .resourcepack_header {
        width: 96%;
        margin: 0 2%;
    }
    #tott_repack .resourcepack_header img {
        width: 80%;
    }
    #tott_repack .resourcepack_header .resourcepack_list {
        border: none;
        padding: 0;
    }
    #tott_repack .resourcepack_header h3 {
        text-align: center;
    }
    #tott_repack .resourcepack_header ul {
        font-size: 18px;
    }
    #tott_fundraising-links a.tott_fundraising-link {
        width: 100%;
        margin: 0 0 10px 0 !important;
    }
    /* TOTT RESOURCES */
    .sp_resources .tott-wide {
        width: 94%;
        margin: 0 3%;
    }
    .sp_resources .sp_resource {
        width: 100%;
        margin: 0 0 20px 0 !important;
    }
    /* TOTT SINGLE IDEA */
    #single_res_idea .tott-wide .idea_img {
        width: 80%;
        margin: 0 auto 40px;
        float: none;
    }
    #single_res_idea .tott-wide h2 {
        width: 96%;
        margin: 0 2% 10px;
    }
    #single_res_idea .tott-wide .idea_entry {
        width: 96%;
        margin: 0 2% 40px;
    }
    /* GIVING */
    .give-cont .give-option form {
        padding: 0 2%;
    }
    /* FOOTER */
    #social_foot {
        height: 250px;
    }
    #social_foot .box_content {
        padding: 70px 0;
    }
    #box_social_links {
        width: 300px;
    }
    #sp-footer-area #box_social_links,
    #rf-footer-area #box_social_links,
    #tott-footer-area #box_social_links {
        width: 225px;
    }
    #box_social_links a span {
        background-size: 210px;
        background-position: 6px -119px;
        width: 40px;
        height: 40px;
        border-radius: 20px;
    }
    #box_social_links #twit span {
        background-position: -26px -119px;
    }
    #box_social_links #yt span {
        background-position: -65px -119px;
    }
    #box_social_links #insta span {
        background-position: -140px -119px;
    }
    #box_social_links #pintr span {
        background-position: -176px -119px;
    }
    #box_social_links #gplus span {
        background-position: -103px -119px;
    }
    #bottom-foot #foot_mid {
        width: 96%;
        margin: 20px 2%;
    }
    #bottom-foot #foot_right {
        width: 96%;
        margin: 20px 2%;
    }
    #rf-footer-area #social_foot,
    #tott-footer-area #social_foot {
        height: 250px;
    }
    #rf-footer-area #social_foot .box_content {
        padding: 60px 0;
    }
    .occ_popup {
        padding: 40px 20px;
    }
    .occ_popup h2 {
        font-size: 20px;
    }
    .occ_popup h4 {
        font-size: 17px;
    }

    .tott_head {
        height: auto;
    }
    .tott_head .water_logo {
        max-width: 200px;
    }


	    .tott_head_cwhl {
        height: auto;
    }
    .tott_head_cwhl .water_logo {
        max-width: 200px;
    }
    .tott_links {
        padding: 50px 0;
    }
    .tott_links .button {
        display: block;
        margin: 10px auto;
        max-width: 220px;
    }
    .tott_foot_verse h1 {
        font-size: 38px;
        line-height: 48px;
    }

    .tott_head .donate_top input {
        width: 100%;
        margin: 0 0 15px;
    }
    .tott_head .donate_top .donate_top_currency {
        left: 15px;
    }



	.tott_head_cwhl .donate_top input {
        width: 100%;
        margin: 0 0 15px;
    }
    .tott_head_cwhl .donate_top .donate_top_currency {
        left: 2%;
		position: absolute
    }
}

@media only screen and (max-width: 400px) {
    .sp_resources
        .sp_resource.sp_resource_with_description
        form
        button[type="submit"] {
        width: 100%;
        max-width: 200px;
    }
}

/***********************************************************************/
/* New Donation and Resources Module 2016 Styling                      */
/* @author Chris Lugg (Worthers) <chris.lugg@worthers.com>             */
/***********************************************************************/
.spdr-thank-you-page-headline {
    text-align: center;
}
.spdr-thank-you-page-content {
    text-align: center;
    margin: 50px 100px 0px;
}
.spdr-basket-quantity {
    width: 70px;
}
.SPLAddressListSt {
    color: #002d56;
    font-size: 16px !important;
    background: #fff;
    border: 1px solid #cccccc;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    padding: 10px 10px !important;
    width: 100%;
}
div#form_errors {
    color: #085790;
}
input.error,
select.error {
    border: 1px solid #085790;
}
label.error {
    margin-top: 5px;
    color: #FFFFFF;
    display: block;
}

.barcode-print-button {
    background: #002d56;
    color: #fff !important;
    border: 2px solid #002d56;
    font-size: 24px;
    text-decoration: none;
    padding: 10px 20px 8px;
    text-transform: uppercase;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    cursor: pointer;
    text-decoration: none !important;
}
.barcode-print-button:hover {
    background: #fff;
    color: #002d56 !important;
}

.sp-article-wrap form button.resource_button {
    background: #002d56;
    color: #fff !important;
    border: 2px solid #002d56;
    font-size: 18px;
    text-decoration: none;
    padding: 10px 20px 8px;
    text-transform: uppercase;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    cursor: pointer;
    text-decoration: none !important;
}
.sp-article-wrap form button.resource_button:hover {
    background: #fff;
    color: #002d56 !important;
}

div#footerMoreArts {
    display: none !important;
}
div#moreArts {
    display: none !important;
}