/******************************************/
/* Start main GC and Donate Online pages
/******************************************/


/* Start Header elements */
.giving2015 .di-full-checkout {
    width: 99.7%; 
    -moz-border-bottom-colors: none; 
    -moz-border-left-colors: none; 
    -moz-border-right-colors: none; 
    -moz-border-top-colors: none; 
    background: none repeat scroll 0 0 white;  
    border-image: none; 
    border-style: solid; 
    border-width: 1px; 
    border-color: #e5e6e9 #dfe0e4 #d0d1d5; 
    margin:0;
}
div#diFilterBy {
    color: #6B6B6B;
    font-size: 14px;
    text-transform: uppercase;
    float: left;
    margin: 10px 0 0 10px;
}
div#gcFilter {
    margin: 20px 0 10px 10px;
    text-transform: uppercase;
}
span#filterStatic {font-size:12px;}
span#filterItem {font-size: 16px;font-weight: bold;}
body.giftcatalog2015 #gcRibbon {height:70px;}
.sp-giving2015-wrap {margin-bottom:45px;}
.sp-giving2015-wrap div#dynaContent {padding-top:10px;}
.entry-content {margin:15px 0 0 0;}


/* End Header elements */

/* Start Sidebar elements */

.sidebar-main-content {
    top: -180px; 
    height: 129px; 
    background: none repeat scroll 0 0 #f1eae5; 
    margin: 0;
    opacity: 0.8;
    padding: 20px;
    position: absolute;
    width:100%;
}

#international li.international-item a  { 
    width:26px; 
    height:26px; 
    display:block; 
    float:left; 
    margin: 0 2% 0 0; 
    background: url(https://sp-comm-arkfiles.s3.theark.cloud/website/global/header-flags.png) no-repeat;
}
#international a#au {background-position: 0 0;}
#international a#ca {background-position: -31px 0;}
#international a#gb {background-position: -62px 0;}
.gc-widget-images {margin: 15px 0;}



/* End Sidebar elements */



/* Start Donation Item grid */

ul.donationGrid {text-align: center;}
ul.donationGrid li {
    display: inline-block;
    height: 395px;
    margin: 15px 15px 0 0;
    position: relative;
    width: 237px;
    border:1px solid; 
    border-color: #e5e6e9 #dfe0e4 #d0d1d5; 
    background-color:#ffffff;
}
.donationitem-group {
    color: #000000;
    display: block;
    float: left;
    height: 395px;
    margin-right: 15px;
    padding: 0 !important;
    width: 237px;
    position: relative;
}
div.donationitem-group div.diTitle {padding:0 !important;margin: 15px 0 0;position:relative; text-align:left;height: 125px;}
div.donationitem-group div.diTitle.video {margin-top:41px;}

div.donationitem-group div.diCartField {
    color: #333333;
    height: 40px;
    margin: 0 auto;
    text-align: left;
    width: 200px;
}
div.diSuggWrap {text-align: left;line-height: 14px;}
.gcHR {bottom: 0; margin: 0 0 5px 15px; position: absolute; width: 88% !important; color:#d6d6d6; border: 1px solid;}

div.diCode {color: #6b6b6b; font-size: 12px; line-height: 15px; margin-left: 5px; min-height: 20px; padding: 0 10px; position: relative; text-align: left;}

span.diExpand {
    color: #9c9a44;
    cursor: pointer;
    font-size: 8px;
    text-decoration: underline;
    margin-left:5px;
    font-weight:bold;
}
div.diPopover {
    background: none repeat scroll 0 0 black;
    display: none;
    font-size: 11px;
    position: absolute;
    z-index: 99;
    height: 395px;
    width: 237px;
}
span.diClose {
    color: white;
    cursor: pointer;
    display: block;
    float: right;
    margin: 5px 5px 0 0;
    text-align: right;
}
#grid-featured-item p {font-size: 13px;margin:5px 15px 10px 0;}
.gc-full-more-title {
    font-size: 21px;
    margin: 0 15px 10px;
    text-transform: uppercase;
}

.gc-full-more-title a, .gc-full-more-title a:hover {
    color: black;
    font-size: 16px !important;
    line-height: 17px;
    text-transform: none;
    display: block;
}
.gc-full-more-copy {
    font-size: 11px;
    line-height: 12px;
    margin: 0 15px;
    text-align: left;
}
.gc-full-more-code {
    font-size:10px;
    font-weight:bold;
    text-align: left;
    margin-left: 15px;
}
.gc-full-more-img {
    width: 237px;
    height: 160px;    
    background-size: contain;
    background-repeat:no-repeat;
}
.gc-add-button {  
    color: #FFFFFF;
    font-size: 15px;
    font-weight:bold;
    text-transform: uppercase;
    display: block; 
    padding: 5px 50px;
    -webkit-border-radius: 2px; 
    -moz-border-radius: 2px; 
    border-radius: 2px; 
    border: none;
    cursor: pointer;
    float: right;
    margin-top: 4px;
    padding: 4px 12px;
}
div.yourWrap .gc-add-button {float:none;}
div.diCartField input {width:50px !important;}
.gcUrgentNeed {position: absolute;right:0;top:-177px;}
.single-sp-donation-items .gcUrgentNeed {top:0;}

/* End Donation Item grid */


/* Start Featured item callout */

ul.donationGrid li#grid-featured-item {
    display: block;
    height: 153px !important;
    width: 98%;
    min-height:0;
}

#grid-featured-wrap {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 15px;
    padding: 0;
}
#grid-featured-wrap input {border: 1px solid #dfdfdf !important;border-radius: 5px;}

#grid-featured-wrap .green-button { margin-left: 5px;}

.grid-featured-left {float:left;width:28%;}
.grid-featured-right {float:right;width:72%;text-align:left;}
.grid-featured-right div a {color: #6b6b6b; text-decoration:none;font-size:12px;}
.grid-featured-right div.donationItem {border-top: 1px solid #6b6b6b;height: auto;margin: 0 0 20px;width:98%;}
span.grid-featured-di-title {display:block;margin-top:7px; text-align:center;}
.grid-featured-right div.diInputWrap {margin: 0 auto;max-width: 275px;}

/* End Featured item callout */

/******************************************/
/* End main GC and Donate Online pages
/******************************************/



/*********************************/
/*  Start - donation item pages
/*********************************/

body.single-sp-donation-items .sidebar-main-content,
body.single-post .sidebar-main-content{
    background:none;
    top: 0;
    position:relative;
    opacity: 1;
    filter: alpha(opacity=100);
}
body.single-sp-donation-items #di-full-top-pad {position:relative;margin: 40px auto;max-width: 765px;}
body.single-sp-donation-items .sp-article-wrap {margin: 0 auto !important;max-width: 765px !important;}
body.single-sp-donation-items .hentry {margin:0 !important;padding:0 !important;}
body.single-sp-donation-items .entry-content {margin:0;}
body.single-sp-donation-items .donationitem-group {text-align:center;width:100%;background:white;height:auto;}
#gc-full-innerbox {padding:15px;}
#gc-full-header {font-size:26px;margin-bottom: 20px;font-weight: bold;}
#gc-full-content {
    font-size: 14px;
    margin-bottom: 35px;
}
#gc-full-suggested {border-top: 1px solid #6b6b6b; padding-top:15px; font-weight:bold; font-size:13px; line-height: 18px; color: #6b6b6b;}
div#gc-full-code {
    font-size: 11px;
    line-height: 15px;
    color: #6b6b6b;
}
div.yourWrap {margin-top:15px;}
div#gc-full-your {display: inline-block; position: relative;}
div.yourWrap input.donationitem {border: 1px solid lightgray !important;margin-right: 50px;}
#gc-full-button {display: inline-block;}
body.single-sp-donation-items .di-full-checkout {margin-top:15px;}
body.single-sp-donation-items div.red-button {
    font-size: 16px;
    margin: 60px 0 30px;
    padding: 15px 50px;
    font-weight: bold;
}

body.single-sp-donation-items .di-full-col2{width:100%; float:none; margin-left:0px; border:none;margin-bottom:30px;}
body.single-sp-donation-items .di-full-title {font-size:26px; line-height:32px; margin-bottom:15px;}
body.single-sp-donation-items .di-full-post {font-size:14px; line-height:21px;}
body.single-sp-donation-items .di-full-payment {text-align:left; padding:0 20px;}
body.single-sp-donation-items .sc-button span, button.sc-button {border: medium none; border-radius: 2px; color: #ffffff; cursor: pointer; display: block; float: right; font-size: 15px; font-weight: bold; margin-top: 4px; padding: 4px 12px; text-transform: uppercase;}

/*********************************/
/*  End - donation item pages
/*********************************/



/*********************************/
/*  Start - Checkout Page
/*********************************/


.checkout                   { margin-bottom: 60px; }
.checkout input             { display: inline-block; font-size: 12px; margin: 3px 0 3px 20px; padding: 4px; text-shadow: none; border: 1px solid #CCCCCC; color: #333333; width: 170px; }
.control-group #confirm     {width: 20px;}
.control-group label.checkbox {width: 100%;text-align: left;}
.checkout input:focus       { border-color: #cccccc; }
.checkout label             { display: inline-block; text-align: right; width: 110px; font-size: 12px; }
.checkout select            { border: 1px solid #cccccc; background: #f1f1f1; font-size: 12px; margin: 3px 0 3px 20px; padding: 4px; width: 140px; color: #333333; }
.checkout h4                { font-size: 14px; font-weight: bold; margin: 0; }
.checkout h5                { text-transform: uppercase; }
.checkout .checkout-action h4       { margin: 20px 0 15px 0; font-size: 27px; font-weight: normal; }
.checkout .checkout-action p        { color: #898989; }
.checkout .cart-items p     { color: #898989; font-size: 14px; margin-bottom: 15px; }
.checkout .cart-items ul    { padding: 0; }
.checkout .cart-items ul li { list-style: none; color: #898989; font-size: 14px; margin: 0; }
.checkout .cart-items h4    { margin: 25px 0 10px; font-size: 27px; font-weight: normal; }
.checkout .cart-items h5    { font-size: 14px; font-weight: bold; color: black; margin: 0; }
.checkout .cart-items .total-amount-summary { padding: 0; color: #333333; font-size: 14px; margin: 15px 0; display: block; }
.checkout .personal-information, .checkout .payment-information, .checkout .type-of-donation, .checkout .additional-information { border-top:1px solid #cccccc; padding: 40px 0; }
.checkout .personal-information h4, .checkout .payment-information h4, .checkout .type-of-donation h4, .checkout .additional-information h4 { text-transform: uppercase; margin: 25px 0 10px; }
.checkout .total-amount             { font-size: 26px; font-weight:bold; padding-bottom:20px; display:block }
.checkout .total-amount-summary     { text-align: right; display: block; }
.checkout .type-of-donation label         { width: 300px; text-align: left; display: inline-block; margin-left: 10px; }
.checkout .type-of-donation input         { margin: 15px 0 4px 110px; width: 17px; }
.checkout .additional-information label   { width: 200px; }
.checkout .item input     {  display: inline-block; font-size: 11pt; margin: 3px; padding: 4px; text-shadow: none; border: 1px solid #CCCCCC; color: #333333; }
.checkout .btn-primary {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #cccc33;
    background-image: -moz-linear-gradient(top, #cccc33, #cccc33);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cccc33), to(#cccc33));
    background-image: -webkit-linear-gradient(top, #cccc33, #cccc33);
    background-image: -o-linear-gradient(top, #cccc33, #cccc33);
    background-image: linear-gradient(to bottom, #cccc33, #cccc33);
    background-repeat: repeat-x;
    border-color: #cccc33 #cccc33 #cccc33;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccc33', endColorstr='#cccc33', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    text-transform: uppercase;
}
.checkout .btn-primary:hover,
.checkout .btn-primary:active,
.checkout .btn-primary.active,
.checkout .btn-primary.disabled,
.checkout .btn-primary[disabled] {color: #ffffff; background-color: #cccc33;}
.checkout .btn  { border: 2px solid #f1f1f1; color: white; display: inline-block; font-size: 15px;font-weight: bold; letter-spacing: 1px; margin: 10px 0; padding: 6px 25px; text-decoration: none; cursor: pointer; }
.checkout .item-remove .btn {background:red;}
.checkout .cart-items .btn-primary  { color: white; text-align: left; background-color: #90c7df; background-image: none; }
.checkout .checkout-action .well .btn-primary { background: #b5ba2d;}
.checkout .item-description         { width: 250px; }
.checkout .field-validation-error   { color: #a43030;font-weight: bold; padding: 3px 20px 3px 5px; font-style: italic; }
.checkout .btn-success { background:#b91509; }
.checkout tr.item td input.input-small {width: 75px; margin-right: 20px;} 
.checkout tr.item td.item-amount {text-align: right;}
.checkout tr.item td.item-amount p {text-align: center;font-size: 16px;margin-top: 13px;}    
ul.cartItems li:nth-child(even) {background: #D8D8D8;}
ul.cartItems li {list-style: none;}
.cartDesc {display: inline-block;width: 300px;}
.cartQty {display: inline-block;width: 110px;}
.cartQty select {width: 65px;}
.cartAmt {display: inline-block;width: 100px;}
.cartAmt input {width: 70px;}
.cartRemove, .cartUpdate {display: inline-block;width: 80px;text-align: center;}
.cartDesc.title, .cartQty.title, .cartAmt.title, .cartRemove.title, .cartUpdate.title {font-weight: bold;}
.cartRemove img, .cartUpdate img {cursor: pointer;}

/*********************************/
/*  End - Checkout Page
/*********************************/



/*********************************/
/*  Start - Responsive 
/*********************************/

@media (max-width: 1023px){ 

	.sp-giving2015-wrap .entry-content{margin:0px !important;}

	body.giving2015 .sidebar-main-content {
		display: none;
		height: 129px;
		top: -180px;
	}

	#gc-widget-ads{ float:left; width:44%;}
	#gc-widget-info{ float:left; width:50%; margin-top:8px; padding-left: 30px;}

	.widget-area .textwidget {margin: 50px auto 0; padding:0 25px; width: 88%; border-top:5px solid #002D56;}

	ul.donationGrid li#grid-featured-item { display: block; height: 153px !important; margin: 40px auto 0; min-height: 0; width: 86%!important;}

	.sp-giving2015-wrap #grid-featured-wrap img {width:100%;}

}

/* ------------------------------------------ */
/* BELOW WIDTH OF 768 PIXELS RESPONSIZE STYLES */
/* ------------------------------------------ */
@media only screen 
and (max-width : 767px) {
    .checkout .btn {font-size: 12px;padding: 6px 10px;}
    .checkout .item-description {font-size: 14px;width: 250px;}    
    .checkout select {width:115px;}
    .checkout tr.item td.item-amount p {font-size:14px;}
    .checkout tr.item td input.input-small {width:55px;}
}	
/* ------------------------------------------ */
/* BELOW WIDTH OF 768 PIXELS RESPONSIZE STYLES */
/* ------------------------------------------ */


@media (max-width: 600px){
	
    .widget-area .textwidget {
            margin: 50px 0 0;
            padding: 0;
            width: 85%;
            border-top:5px solid #002D56;
    }
    .gc-widget-images{
            margin: 25px 0;
            text-align: center;
            width: 100%;
    }
    ul.donationGrid li#grid-featured-item {display:none;}
    #gc-widget-ads{ float:none; width:100%;} 
    #gc-widget-info{ float:none; width:100%; margin-top:15px; padding-left:0px;}
    .cart-item-update-form form table.unstyled tbody {min-width:320px; display:block;}
    tr.item {display: block;position: relative;}
    td.item-description {display: inline-block;margin: 0 10px;width: 95% !important;}
    td.item-quantity, td.item-recurring {display: inline-block;width: 42%;}
    .checkout tr.item td.item-amount {display: inline-block;width: 32%;}
    td.item-remove {display: inline-block;}
    tr.item:nth-child(odd) {background-color: lightgray;}
    .checkout tr.item select {margin-left:10px;}
    .checkout tr.item .btn  {font-size: 12px;font-weight: bold;margin: 5px 0; padding: 5px;border:none;}
    body.single-sp-donation-items .di-full-payment {text-align:center;}
    body.single-sp-donation-items .di-full-payment .donationitem-add {float:none; margin: 10px auto;}
}