/* 
	SECC Pledge App 
    author @mgcooper
    last update 9/20/2017
	===========================================================
*/

.btn {
    text-decoration: none;
}
.btn-primary {
    color: #fff;
    background-color: #EA2839;
    border-color: #AD0000;
}
    .btn-primary:hover {
        color: #fff;
        background-color: #AD0000;
        border-color: #980000;
    }

 .btn-lastyear {
        color: #fff;
        background-color: #EA2839;
        border-color: #AD0000;
        font-size: 20px;
 }
    .btn-lastyear:hover {
        color: #fff;
        background-color: #AD0000;
        border-color: #980000;
    }
    

.feature-box-nav .feature-box-nav-container .feature-box-nav-buttons ul li a:last-child {
    margin-bottom: 4px;
}

.feature-box-nav .feature-box-nav-container .feature-box-nav-buttons ul li a:hover {
    text-decoration: none;
    background-color: #fff;
    color: #ea2839;
    box-shadow: 3px 3px 3px 0 rgba(0,0,0,.4);
}

.feature-box-nav .feature-box-nav-container .feature-box-nav-buttons ul li a {
    display: block;
    color: #222;
    font-size: 1.65em;
    padding: 10px;
    margin: 4px 4px 0;
    width: 250px;
    background-color: #fff;
    background: #fff;
    background: hsla(0,0%,100%,.65);
}

.feature-box a, .feature-box a:active, .feature-box a:focus, .feature-box a:hover {
    text-decoration: none;
}



/* navigate */
body.nav-side #navigate .collapse.tandem-nav section.menu-container ul#nav-site li a.make-your-pledge,
body.nav-side #navigate .collapse.tandem-nav section.menu-container ul#nav-site li a.make-your-pledge.current {
    background-color: #EA2839;
    color: #ffffff;
}

/* headlines */
h2 {
    color: #EA2839;
}

.pledge-app {
}
.pledge-app #header {
	/*border-bottom: 1px solid #999;
	
	-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;*/
}


/* Campaign Entrance */

.pledge-login {
	/* background: #fff; 
	padding: 20px;*/
}
    .pledge-login .pledge-login-form {
        padding: 1.618em;
    }
    .pledge-login .pledge-form-fields {
        text-align: center;
    }
    .pledge-login .pledge-form-btns {
        padding: 1.618em 0;
        text-align: center;
    }
    .pledge-login .pledge-form-help {
        text-align: center;
    }
        .pledge-login .pledge-form-help ul {
            list-style: none;
        }
        .pledge-login .pledge-form-help ul li {
            display: inline;
            margin:0;
            padding: 0;
        }
            .pledge-login .pledge-form-help ul li i {
                color: #ccc;
            }
            .pledge-login .pledge-form-help ul li a {
                display: inline-block;
                font-size: .8em;
                padding: .25em .575em .25em .05em;
                text-decoration: none;
            }
                .pledge-login .pledge-form-help ul li a:active,
                .pledge-login .pledge-form-help ul li a:focus,
                .pledge-login .pledge-form-help ul li a:hover {
                    text-decoration: underline;
                }

.msg-secc-info {
    border-top: 1px solid #eee;
    margin-top: 1.618em;
    padding: 1.618em 0;
}
    .msg-secc-info .msg-what-is-secc {
        padding-bottom: 1.618em;
    }
    .msg-secc-info .msg-charities-selection {
        padding-bottom: 1.618em;
    }



/* Pop-up Pages */
body.popup-page {

}
/* Pop-up Content */
.msg-popup {
    font-size: .9em;
}






/* Contribute */
.add-form,
.edit-form,
.return-form {
    /* background: #fff;
	padding: 20px */;
}

.secc-contribute .add-form-item,
.secc-contribute .edit-form-item,
.secc-contribute .return-form-item {
	/*border: 1px solid #ccc;
	padding: 10px;
	margin-bottom: 7px;
	
	-moz-border-radius: 4px !important;
	-webkit-border-radius: 4px !important;
	border-radius: 4px !important;
	
	-webkit-box-shadow: 0 8px 6px -6px #ccc;
	   -moz-box-shadow: 0 8px 6px -6px #ccc;
	        box-shadow: 0 8px 6px -6px #ccc;*/
}
.secc-contribute .add-form-item label,
.secc-contribute .edit-form-item label,
.secc-contribute .return-form-item label {
	/*font-weight: bold;
	padding-bottom: 5px;
	color: #EC7A08;
	font-size: 1.2em;*/
}

.secc-contribute .greeting h3 b {
	/*color: #EA2839;*/
}


.secc-contribute .gift-payment-options {
	/*text-align: center;*/
}

.secc-contribute .gift-payment-options .options-title {
	/*color: #000;
	font-size: 1.2em;
	padding: 0 0 15px;*/
}
.secc-contribute .gift-payment-options .options-title b {
	/*color: #EC7A08;*/
}
.secc-contribute .gift-payment-options input {
	/*margin-right: 2px;*/
}
.secc-contribute .gift-payment-options label {
	/*color: #EC7A08;
	font-weight: bold;*/
}
.secc-contribute .gift-payment-options label i {
	/*color: #777;
	font-weight: normal;
	font-size: .8em;*/
}


/* Small screens only */
/*@media only screen and (max-width: 40em) { 
	.secc-contribute .gift-payment-options .columns {
		text-align: left !important;
	}
	.secc-contribute .gift-payment-options .button {
		font-size: .8em !important;
	}
}*/


/* Review */

.contributions-review {
	/*padding: 20px;
	background: #fff;
	border: 1px solid #bbb;
	margin-bottom: 20px;
	
	-moz-border-radius: 4px !important;
	-webkit-border-radius: 4px !important;
	border-radius: 4px !important;
	
	-webkit-box-shadow: 0 8px 6px -6px #ccc;
	   -moz-box-shadow: 0 8px 6px -6px #ccc;
	        box-shadow: 0 8px 6px -6px #ccc;*/
}
.contributions-review .grand-total {
	/*color: #EC7A08;
	font-weight: bold;*/
}

.contributions-review .acknowledgement-box {
	/*font-size: .8em;
	line-height: 1.65em;*/
}
.contributions-review .acknowledgement-box p {
	/*font-size: 1.0em;*/
}



/* Process */

.secc-process-contributions {
}


    table th
    {
        background-color: white;
        width: 23px;
        height: .17em;
        border: 0;
        border-right: 2px outset grey;
        border-left: 2px outset grey;
    }
    table td
    {
        background-color: red;
        width: 23px;
        height: .17em;
        border: 0;
        border-right: 2px outset grey;
        border-left: 2px outset grey;
    }
    table td.Percentages
    {
        border: 0;
        width: 30px;
        background: white;
        padding: 0 0 0 10px;
        font-size: 12px;
        font-weight: bold;
        vertical-align: bottom;
    }

    #divTherm div
    {
        clear: both;
        padding: 0;
        margin: 0;
    }
    #divTherm table th
    {
        background-color: white;
        width: 23px;
        height: .17em;
        border: 0;
        border-right: 2px outset grey;
        border-left: 2px outset grey;
        background-image: url("/secc-pledge/images/White_Background.png");
    }
    #divTherm table td
    {
        background-color: red;
        width: 23px;
        height: .17em;
        border: 0;
        border-right: 2px outset grey;
        border-left: 2px outset grey;
        background-image: url("/secc-pledge/images/Red_Background.png");
    }
    #divTherm table td.Percentages
    {
        border: 0;
        width: 20px;
        background: white;
        padding: 0 0 0 10px;
        font-size: 12px;
        font-weight: bold;
        vertical-align: bottom;
    }