﻿body {   
    font-family: 'Open Sans', sans-serif; 
    font-size: 18px;
}

h1, h2, h3 {font-weight:700;color:#002768;}

h4 {font-weight:800;margin-top:25px;}
h4 span {display:block; font-size:14px;padding-bottom:5px;font-weight:400;}

.body-content {margin-top:30px;margin-bottom:30px;}
.givingform  {padding-bottom:20px;padding-top:20px;}
.givingform h1 {text-align:center;}
p {font-size: 18px;margin-top:20px;color: #4f4f4f;font-family: 'Open Sans', sans-serif; }
.cd-campaign-image {width:100%;}

.headwrap {background-color:#fff; text-align:center;}
.headwrap img {height:85px;max-width:95%; margin:auto;margin-top:18px; margin-bottom:18px;}



.img-container {
    width: 100%;
    height:280px;
 
    background-image: url(/Content/img/themes/greatstatealliance-bg.jpg);
    background-size:cover;
    background-position: bottom center;
}

.cd-form {width:100% !important;}

.cd-button-disabled {
    background-color:#eee;

}

#main-wrapper {
    padding: 0 0 400px !important;
}
footer {background-color:#002768;margin-top:60px;height: 360px !important;color:#fff;}
footer p {font-size:18px;color:#fff}
footer img {max-height:40px;max-width:100%;}
.list-inline li {margin-left:10px;margin-right:10px;}
.list-inline {margin:0;padding:0;}

.footer-content {margin-top:30px;}
.footer-content a {display:inline-block;margin-top:20px;color:#fff;}

.top-buffer {margin-top:25px;}

footer:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -30px;
    width: 0;
    z-index: 1;
    height: 0;
    border-top: solid 30px #fff;
    border-left: solid 30px transparent;
    border-right: solid 30px transparent;
}

::-webkit-input-placeholder {color:#fff !important;}

:-ms-input-placeholder {color:#fff !important;}

::placeholder {color:#fff !important;}


#cd-allocations p {margin:0 !important;}

.cd-recurring-ddl select[disabled] {
    border:none !important;
    background-color:transparent !important;
    color: #002768 !important;
    font-weight:bold;
    background:none !important;
    padding-bottom: 5px !important;
    margin-bottom:0 !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

#cd-allocations select[disabled] {font-size:110%;}

.cd-button {
    margin: 5px 0 5px 0 !important;
    border-radius: 30px !important;
     font-size: 16px !important;
     padding: 14px 0px 14px 0px !important;
     cursor: pointer !important;
     text-transform:uppercase;
     font-family:'Open Sans Condensed', sans-serif !important;
}

.cd-button:hover, .cd-button:focus  {
    color:#fff !important;
    border: solid 1px #002768 !important;
    background-color: #002768 !important;
}

.cd-button-default, .cd-button-success {
    background-color: #be0a2f !important;
    background-image:none !important;
    color :#fff !important;
    border: solid 1px #be0a2f !important;
}

#cd-add-another-alloc {margin-top:0 !important;}

@media only screen and (max-width : 767px) {
    .img-container {
        height:120px;
    }

    h1 {font-size:24px;}

    .headwrap img {
        margin-top:20px;
        margin-bottom: 20px;
    }

    h2 {margin-top:25px !important;}

    
    p {font-size: 13px;}

    #main-wrapper {
        padding: 0 0 320px !important;
    }
    footer {margin-top:40px;height: 360px !important;}
}
