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

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




/* 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 .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, .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: 23px;
	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; font-style:italic;}
/*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;
}

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


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

.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: .90em; }

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

.sidebar-main-content .icon               { float: left; width:30px; margin-right:.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 .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: .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: .90em; }
.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;
}
#social_foot {
    background: url('images/newocc/foot_img.jpg') no-repeat center top;
    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;}
#occ-footer-area #signup_foot {background:#69be28;}
#rf-footer-area #signup_foot {background:#f7941e;}
#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: 96%;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: 39%;padding:10px 0;}
/*
/\/\/\/ ######## OCC HOME PAGE ######### /\/\/\/
/\/\/\/ ##### ADDED VISIONTANK 06/08/15 ####### /\/\/\/
*/
#occ_home_head {
    border-bottom: 7px solid #dbd7d7;
    background: url('images/newocc/head_img3.jpg') no-repeat center bottom;
    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.3);
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
}
#occ_home_head .box_content #occ_logo_contain {
    float: left;
    width: 34%;
    text-align: center;
    margin: 24px 0 0;
}
#occ_home_head .box_content #occ_logo_contain img {
    width: 70%;
    height: auto;
}
#occ_home_head .box_content #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 .box_content #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 {
    float: left;
    width: 100%;
    margin: 170px 0 0;
}
#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/donate.jpg') }
#occ_head_links .box_link#box_link-two .box_link_img { background-image: url('https://s3-eu-west-1.amazonaws.com/spuk/wp-content/uploads/2016/12/01171140/Connect-2017-home-page-web-image1.jpg') }
#occ_head_links .box_link#box_link-three .box_link_img { background-image: url('https://s3-eu-west-1.amazonaws.com/spuk/wp-content/uploads/2016/11/17164216/header-bg-full.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: 15px 0;}
#occ_head_links .box_link#box_link-two .box_link_txt h3 { line-height: 16px;}
#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: 74%;
    padding: 22px 20% 22px 6%;
    height: 15px;
    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 40px;
}
/*
/\/\/\/ ######## 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%;
}

.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 }
#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;}
#site-wrapper .sub-nav.rf_sub_menu #catNavTitle a {color: transparent;background: url('images/newrf/rf_head_logo.png') no-repeat 0px 0px;background-size: 240px;width: 240px;margin-top: 20px;}
#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%;}
/*
#rf_resources {margin: 0 0 30px;float: left;width: 100%;}
#rf_resources .raising-families-2015-resources, #rf_resources .soup-page-raising-families-2015-resources {border: 2px solid #f7941e;float: left;border-radius: 8px;-webkit-border-radius: 8px;overflow: hidden;width: 26.9%;margin: 0 1% 20px;padding: 10px 2%;}
#rf_resources .raising-families-2015-resources .-item-image, .soup-page-raising-families-2015-resources .-item-image {width: 100%;height: 215px;padding: 0 0 5px;overflow: hidden;border-bottom: 2px solid #e5e5e5;}
#rf_resources .raising-families-2015-resources .-item-image img, .soup-page-raising-families-2015-resources .-item-image img {width: 70%;margin: 0 auto;display: block;}
#rf_resources .raising-families-2015-resources .-item-content label, .soup-page-raising-families-2015-resources .-item-content label {color: #f7941e;font-size: 25px;font-weight: 500;line-height: 25px;text-align: center;margin: 20px 0;min-height: 75px;}
#rf_resources .raising-families-2015-resources .-item-content p, .soup-page-raising-families-2015-resources .-item-content p {color: #4c4c4c;font-size: 17px;line-height: 29px;min-height: auto;}
#rf_resources .raising-families-2015-resources .-item-footer, .soup-page-raising-families-2015-resources .-item-footer {float: left;height: 120px;width: 100%;}
#rf_resources .raising-families-2015-resources .-item-footer .-quantity, .soup-page-raising-families-2015-resources .-item-footer .-quantity {width: 100%;border-color: #e5e5e5;border-radius: 8px;-webkit-border-radius: 8px;text-align: center;}
#rf_resources .raising-families-2015-resources .-item-footer button.order, .soup-page-raising-families-2015-resources .-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;}
#rf_resources .raising-families-2015-resources .-item-footer button.order:hover, .soup-page-raising-families-2015-resources .-item-footer button.order:hover { background: #BB141B }
#rf_resources .raising-families-2015-resources .-item-footer a.btn-download, .soup-page-raising-families-2015-resources .-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;}
#rf_resources .raising-families-2015-resources .-item-footer a.btn-download:hover, .soup-page-raising-families-2015-resources .-item-footer a.btn-download:hover {background: #7FA928;text-decoration: none;}
*/
#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 FONT */
@font-face {
    font-family: 'Press-Style';
    src:url('tott-templates/press-style-font/Press-Style.ttf.woff') format('woff'),
        url('tott-templates/press-style-font/Press-Style.ttf.svg#Press-Style') format('svg'),
        url('tott-templates/press-style-font/Press-Style.ttf.eot'),
        url('tott-templates/press-style-font/Press-Style.ttf.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}
/* TOTT HEADER */
#site-wrapper .sub-nav.tott_sub_menu #catNavTitle a {font-family: 'Press-Style';font-size: 45px;line-height: 45px;letter-spacing: 2px;margin-top: 10px;margin-left: 0;}
.sub-nav.tott_sub_menu .ubermenu-nav li:last-of-type a {background: #fff;color:#3fa9f5;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:#3fa9f5;}
/* TOTT CONTENT */
#tott_content * {font-family: "proxima-nova",sans-serif;}
#tott_content .box_content h1, #tott_content .box_content h1 span {color: #3e3e3e;margin: 0 0 50px;font-family: 'Press-Style';text-transform: uppercase;font-size: 78px;line-height:78px;font-weight: 100;letter-spacing: 2px;}
#tott_content .box_content h1 span {color:#3fa9f5;}
#tott_content .box_content h4 {font-size:22px;line-height:32px;}
#tott_content .invert h1 {color:#fff;}
#tott_content .invert p {color:#fff;font-size: 24px;line-height: 30px;font-weight: 700;margin-bottom:40px;display:block;}
.tott_button {background: #3fa9f5;color: #fff !important;border: 2px solid #3fa9f5;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;}
.tott_button:hover {background:#fff;color:#3fa9f5 !important;}
#tott_content .occ_full_img {border-bottom:7px solid #3fa9f5;}
#tott_content .step_arrow span {border-top: 35px solid #3fa9f5;}
.tott-wide {float: left;width: 96%;margin: 0 2%;text-align: center;padding: 0 0 70px;}
.tott-narrow {width:750px;margin:0 auto;float: none;padding: 0 0 50px;text-align:center;}
#tott_content h4 {font-size: 22px;line-height: 32px;font-weight: 600;}
#tott_content .tott-wide h4 {width: 70%;margin: 0 15% 50px;}
#tott_content iframe {max-width:100%;}
/* TOTT HOME */
#tott_home_full-1 {background-image: url('images/newtott/tott_bg2.jpg');}
#occ_home_head.tott_home_head {background-image: url('images/newtott/vid_fallback.jpg');text-align: center;background-position: center bottom;background-color: #fff;background-size: 100% auto;background-repeat: no-repeat;height:auto;border-bottom: 7px solid #3fa9f5;}
#occ_home_head.tott_home_head.adjust {margin-top: 66px;}
.video_cont {background-image: none;background-color: #000;padding: 0;position: relative;overflow: hidden;}
#occ_home_head.tott_home_head video {display: block;position: absolute;left: 50%;transform: translate(-50%, -50%);width: 2000px;top: 50%;z-index: 0;opacity: 0;opacity: 1;transition: .25s opacity .25s linear;}
#tott_content .tott_home_head .box_content {width: 900px;text-align: center;margin-top: 180px;margin-bottom: 60px}
#tott_content .tott_home_head .box_content h1 {color:#fff;}
#tott_content .tott_home_head .box_content h1 span {color:#3fa9f5;}
#tott_content .tott_home_head .box_content p {color: #fff;font-size: 24px;line-height: 30px;font-weight: 700;margin-bottom:40px;display:block;}
#totthome_steps {float:left;width:80%;margin:0 10% 70px;}
#totthome_steps .totthome_step {float: left;width: 30.66666666666667%;margin: 0 4% 0 0;}
#totthome_steps .totthome_step:last-of-type {margin-right:0;}
#totthome_steps .totthome_step img {width:60%;}
#totthome_steps .totthome_step h2 {color: #434343;font-size: 24px;line-height: 30px;font-weight: 700;margin: 20px 0;}
#totthome_steps .totthome_step p {}
#tott_home_full-1 {position:relative;}
#tott_home_full-1 .box_content {width: 100%;position: absolute;bottom: 0;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 */}
#tott_home_full-1 .box_content .tott-wide {width:1140px;margin:0 auto;float: none;padding: 0 0 50px;}
#tott_home_full-2 {background-image: url("images/newtott/tott_bg3.jpg");padding: 200px 0px 0px;height: 310px;}
#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: 0;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;}
/* NEW GIVE SECTION */
.sp_give_section {padding:50px 0;background:#002D56;}
.sp_give_section .tott-narrow {width: 780px;}

.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: 49%;margin-right: 2%;float: left;border-radius: 8px;border:2px solid white;cursor:pointer;}
.give-cont .give-button:hover, .give-cont .give-button.give_active {background:#fff;color:#373737;}
.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 {float: left;margin: 0 5% 0 0;opacity: 0.5;}
#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: left;font-size:18px;} TRYING TO FIX LABEL ALIGNMENT ISSUE */
/*#give_steps .give_steps-single span {background: #fff;float: left;width: 25px;height: 25px;margin: 0 10px 0 0;border-radius: 13px;}*/
#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;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-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;}
#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;margin: 0 auto;}
#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 20px 6px;text-transform: uppercase;cursor: pointer; clear: both;}
.give-option form a.submit { margin: 20px 20px 0 0; }
.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;}
.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;}
/* 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 {background:#3fa9f5;}
#tott_give .box_content h1 {color:#fff;}
#tott_give .give-cont .give-button {background: #70d0fd;color: #fff;border-color:#70d0fd;}
#tott_give .give-cont .give-button:hover, #tott_give .give-cont .give-button.give_active {background:#fff;color:#70d0fd;}
#tott_give #give_steps .give_steps-single.active-step span {background: #70d0fd;}
#tott_give #give_steps .give_steps-single.active-step span {background:#70d0fd;}
#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: #70d0fd;color: #fff;border-color:#70d0fd;}
#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:#70d0fd;}
#tott_give .give_form_cont input[type="button"], #tott_give .give-cont input.sp-cart-epqd-payment-button {background: #70d0fd;color: #fff;border-color:#70d0fd; 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:#70d0fd;}
/* ######################## */
/* TOTT GIVE STYLES UNIQUE TO TOTT GIVING */
#rf_give {background:#f7941e;}
#rf_give .box_content h1 {color:#fff;}
#rf_give .give-cont .give-button {background: #F9B15B;color: #fff;border-color:#F9B15B;}
#rf_give .give-cont .give-button:hover, #rf_give .give-cont .give-button.give_active {background:#fff;color:#F9B15B;}
#rf_give .give-cont .give-button.give_active {margin: 0 auto;float: none;cursor: default;}
#rf_give .give-option p {color:#fff !important;font-size:16px !important;}
#rf_give #give_steps .give_steps-single.active-step span {background: #F9B15B;}
#rf_give #give_steps .give_steps-single.active-step span {background:#F9B15B;}
#rf_give .give-cont .give-option form:nth-of-type(2), #rf_give #give-option-reg .give_option:nth-of-type(2) {border-color:#FFD6A5;}
#rf_give .give-option #give-oneother button[type="submit"], #rf_give .give-option form button.submit, #rf_give .give-option form a.submit {background: #F9B15B;color: #fff;border-color:#F9B15B;}
#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:#F9B15B;}
#rf_give .give_form_cont input[type="button"], #rf_give .give-cont input.sp-cart-epqd-payment-button {background: #F9B15B;color: #fff;border-color:#F9B15B; 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:#F9B15B;}
/* NEW RESOURCES */
.sp_resources {float:left;width:100%;}
.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;float:left;font-size:20px;padding:10px 0;text-align: center;border-radius: 7px;-webkit-border-radius: 7px;border: none;height: 46px;}
.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%;}
/* 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:#3fa9f5;border-color:#3fa9f5;}
#tott_resources.sp_resources .sp_resource a.dnld:hover, #tott_resources.sp_resources .sp_resource form button[type="submit"]:hover {background:#fff;color:#3fa9f5;}
/* RF RESOURCES */
#rf_resources.sp_resources .sp_resource a.dnld, #rf_resources.sp_resources .sp_resource form button[type="submit"] {background:#f7941e;border-color:#f7941e;}
#rf_resources.sp_resources .sp_resource a.dnld:hover, #rf_resources.sp_resources .sp_resource form button[type="submit"]:hover {background:#fff;color:#f7941e;}
/* TOTT WATER PROBLEM */
#occ_home_head.tott_problem_head {background:url('images/newtott/problem_bg1.jpg') no-repeat center;background-size: cover;}
#problem_stats {width:100%;float:left;margin: 0 0 60px;}
#problem_stats  * {box-sizing: border-box;}
#problem_stats_top {width:100%;float:left;padding: 0;margin:0 0 25px;}
#tott_content #problem_stats h4 {width: 100%;margin: 0;}
#problem_stats small {color: #a2a2a2;font-size: 16px;font-style:italic;font-weight: 400;float: left;width: 100%;margin-top: 20px;}
#problem_stats_top img {float:left;width:60%;}
#tott_content #problem_stats_top h4 {float: left;width: 40%;padding: 0 5%;margin: 80px 0 0;}
#problem_stats_bot {float:left;width:100%;}
#problem_stats_bot .problem_stats_bot-half {float:left;width:50%;padding:25px 2% 0;}
#problem_stats_bot .problem_stats_bot-half img {width:90%;margin:0 0 25px;}
#problem_stats_bot #problem_stats_bot-left {border-right:3px solid #d0ebff;}
#problem_stats_bot #problem_stats_bot-right {border-left:3px solid #d0ebff;}
#tott_problem_full-1 {background-image:url('images/newtott/problem_bg2.jpg');position: relative;}
#tott_problem_full-2 {background-image:url('images/newtott/problem_bg3.jpg');position: relative;}
#tott_problem_full-1 .box_content {width: 100%;position: absolute;bottom: 0;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 */}
#tott_problem_full-1 .box_content .tott-narrow {padding: 40px 0 0;}
#problem_wells-cont {width: 80%;margin: 0 10% 60px;float: left;}
.problem_wells * {box-sizing: border-box;}
.problem_wells {float:left;width:50%;padding:0 3%;box-sizing: border-box;}
.problem_wells img {width:40%;margin:0 0 20px;}
.problem_wells p {font-size:16px;line-height:21px;}
.problem_wells p small {color: #a2a2a2;font-size: 14px;font-style: italic;float: left;width: 100%;margin: 12px 0 0;}
#tott_problem_full-2 img {width: 172px;margin: 60px 0;}
#tott_problem_full-2 p {width: 70%;margin: 0 15%;}
#tott_content .story_selec .txt_selec {height:auto;margin-bottom: 50px;}
#tott_content .story_selec .img_selec img:nth-of-type(2) {margin:0 0 0 8%;}
#tott_content .story_selec p {margin: 12px 0;font-size: 18px;line-height: 27px;}
/* TOTT SOLUTION */
#occ_home_head.tott_solution_head {background:url('images/newtott/solution_bg1.jpg') no-repeat center;background-size: cover;}
#solution_detail {width:100%;float:left;margin: 0 0 60px;}
#solution_detail  * {box-sizing: border-box;}
#solution_detail_top {width:100%;float:left;padding: 0;margin:0 0 50px;}
.solution_detail-half {float:left;width:50%;padding:25px 2% 0;}
#solution_detail #solution_detail-right {border-left:6px solid #d0ebff;}
.solution_detail-half img {width:58%;margin:0 0 25px;}
#solution_detail_bot {float:left;width:100%;}
#tott_content #solution_detail h4 {width: 100%;margin: 0;}
#solution_detail small {color: #a2a2a2;font-size: 16px;font-style:italic;font-weight: 400;float: left;width: 100%;margin-top: 20px;}
#tott_solution_full-1 {background-image:url('images/newtott/solution_bg2.jpg');position: relative;}
#tott_solution_full-2 {background-image:url('images/newtott/solution_bg3.jpg');position: relative;}
#tott_solution_full-1 img {width: 172px;margin: 60px 0;}
#tott_solution_full-1 p {width: 70%;margin: 0 15%;}
#tott_solution_list ul {text-align: left;font-size: 16px;list-style: none;float: left;width: 100%;margin: 0 0 50px;}
#tott_solution_list ul li {background:url('images/newtott/solution_li_bg.jpg') no-repeat 0px 0px;background-size:40px;padding: 0 0 0 50px;margin: 20px 0;min-height: 44px;}
#tott_involved_link {margin-top: 50px;}
/* TOTT INVOLVED */
#occ_home_head.tott_involved_head {background:url('images/newtott/involved_bg1.jpg') no-repeat center;background-size: cover;}
#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 .resourcepack_header ul li {}
#tott_repack .resource_button {background: #3fa9f5;color: #fff !important;border: 2px solid #3fa9f5;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:#3fa9f5 !important;}
.sp_resource {display: inline-block;}
#tott_fundraising_ideas {margin-top:50px;}
#tott_fundraising_ideas #choice_links {width: 94%;margin: 20px 3% 40px;}
#tott_fundraising_ideas #choice_links h2 {margin-bottom:20px;}
#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%;}
#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:#3fa9f5;color:#fff;}
/* 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, .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;}
/* TOTT Walk Page */
#occ_home_head.tott_walk_head {background: url('images/newtott/walk_bg1.jpg') no-repeat center top;background-size: cover;height: 440px;}
#tott_walk_full-1 {background-image:url('images/newtott/walk_bg2.jpg');position: relative;}
.tott_walk p {margin: 14px 0;font-size: 18px;line-height: 27px;}
.tott_walk p:last-of-type {margin-bottom: 60px;}
#tott_sec3 img {width: 55%;margin-bottom: 50px;}
#tott_sec2 .totthome_step img {width:45%;}
#tott_walk_register {background:#3fa9f5;}
#tott_walk_register .box_content h1 {color:#fff;}
#tott_walk_register p {color:#fff;text-align: left;}
#tott_walk_form {}
#tott_walk_form .gform_wrapper {width: 100%;max-width: 100%;}
#tott_walk_form .gform_wrapper .gfield {float: left;width: 100%;margin: 0 2% 10px 0;clear: none;}
#tott_walk_form .gform_wrapper .gfield.form_10 {width:10%;}
#tott_walk_form .gform_wrapper .gfield.form_42 {width:43%;}
#tott_walk_form .gform_wrapper .gfield.form_50 {width:49%;}
#tott_walk_form .gform_wrapper .gfield.last {margin-right:0;}
#tott_walk_form .gform_wrapper .gfield .gfield_label {color: #fff;float: left;font-size: 19px;font-weight: 400;margin: 0 0 2px;}
#tott_walk_form .gform_wrapper .gfield .gfield_label .gfield_required {color:#fff;}
#tott_walk_form .gform_wrapper .gfield .ginput_container {}
#tott_walk_form .gform_wrapper .gfield .ginput_container select {height: 41px;width: 100%;font-size: 18px;padding: 10px;border-radius: 5px;border: 0;}
#tott_walk_form .gform_wrapper .gfield .ginput_container input {width: 100%;font-size: 18px !important;padding: 10px !important;border-radius: 5px;border: 0;}
#tott_walk_form .gform_wrapper .gfield .instruction {display: none;}
#tott_walk_form .gform_footer input[type="submit"] {background: #70d0fd;color: #fff;border-color: #70d0fd;width: auto;height: auto;float: right;margin: 20px 0 0;font-weight: 500;padding: 8px 20px 6px !important;text-transform: uppercase;cursor: pointer;clear: both;font-size: 18px !important;border-radius: 5px;border: 2px solid #fff;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
#tott_walk_form .gform_footer input[type="submit"]:hover {background:#fff;color:#70d0fd;}


/* TOTT FOOTER */
#tott_foot_verse {margin-top: 30px;}
#tott-footer-area {margin-top:0 !important;}
#tott-footer-area #social_foot {background-image: url('images/newtott/tott-foot_img.jpg');height: 500px;}
#tott-footer-area #signup_foot {background: #3fa9f5;}
/******************************************************
/\/\/\/ ######## 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:22px;}
    #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;}

}

/* 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: 200% !important;
            height: 100% !important; /* fixes nav on mobile */
    }
    .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 */
		float:left;
	}

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

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

@media (max-width:1199px) {
/*    #tott_content .box_content h1 span {color:red;}*/
    /* OCC HOME */
    #occ_home_head .box_content #occ_logo_contain { width: 40% }
    #occ_home_head .box_content #occ_logo_contain img { width: 62% }
    #occ_head_links { margin: 80px 0 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: 21.3%;margin: 25px 2% 0;padding: 22px 6% 22px 2%;}
    #occ_head_links #small_links a#small_link-two { padding: 12px 6% 12px 2% }
    #occ_head_links #small_links a span { margin: 2px 0 0 }
    .occ_full_img {background-attachment: inherit;height: 400px;}
    #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) {
/*    #tott_content .box_content h1 span {color:lime;}*/
    /* 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%;}
}
/*** Tablet STYLING ***/
@media only screen and (max-width:920px) {
/*    #tott_content .box_content h1 span {color:yellow;}*/
    /* 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: 25.3%;padding: 22px 2%;}
    #occ_head_links #small_links a { padding: 22px 2% !important;}
    #occ_head_links #small_links a#small_link-two { padding: 12px 2% !important;}
    #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 #head_overlay, #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;}
    /* 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;}

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

}
/*** Landscape Phone ***/
@media only screen and (max-width: 719px) {
/*    #tott_content .box_content h1 span {color:blue;}*/
    /* OCC HOME */
    #occ_home_head { height: 600px;}
    #occ_head_links { margin: 20px 0 0 ;}
    #occ_head_links .box_link { border: 0;}
    #occ_head_links .box_link .box_link_img { display: none }
    #occ_head_links .box_link {background: #69be29;border: 0;padding: 0;margin: 10px 10% 0 !important;width: 80%;}
    #occ_head_links #small_links a {text-align: center;padding: 22px 2% !important;}
    #occ_head_links #small_links a#small_link-two {padding: 12px 2% !important;}
    #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;}
}
@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;

    }
}

/*** PHONE STYLING ***/
@media only screen and (max-width:499px) {
/*    #tott_content .box_content h1 span {color:green;}*/
    /* OCC HOME */
    #occ_home_head {height: auto;background-position: 42% bottom;}
    #occ_home_head .box_content #occ_logo_contain { width: 50% }
    #occ_home_head .box_content #occ_logo_contain h1 {font-size: 24px;line-height: 25px;}
    #occ_head_links { margin: 30px 0 15px }
    #occ_head_links .box_link { margin-bottom: 20px !important }
    #occ_head_links #small_links a {width: 80%;height: auto !important;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}
}

/***********************************************************************/
/* 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: 75px;
}
.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: #085790;
    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;
}