.cc-cover-container {
    //display: inline-block;
    border-bottom: 1px solid #eee;
}

.cc-cover {
    xbackground: url('https://upload.wikimedia.org/wikipedia/commons/9/9f/US_Capitol_east_side.JPG') no-repeat center center;
    background: url('/files/00000/US_Capitol_east_side.JPG') no-repeat center center;	
    background-size: cover;
    min-height: 200px;
}

.cc-form-footer {
    background: #eee;
    border-top: 1px solid #ddd;
    padding: 20px;
}

.cc-form-bottom { 
	/*	margin: 30px 0;*/
}

.cc-disclaimer {
	line-height: 1.5em;
    margin: 15px 0;
    padding: 15px 35px;
    font-size: 0.85em;
}

.cc-form-box {
	padding: 0px;
	background-color: #ffffff;
	margin: 12px 0;
}

.cc-select option { padding: 2px 5px;}

form.contribution-form fieldset {
	display: none;
}

.cc-text-message1 {
	line-height: 1.5em;
    padding: 15px;
    overflow-y: scroll;
    overflow-y: auto;	
    height: 100%;
}

.cc-text-message2 {
	line-height: 1.5em;
    margin: 15px 0;
}

.cc-text-disclaimer-campaign {
	margin: 15px 0;
}

.cc-button-row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.cc-button-row > div:first-child {
    margin-right: 0.5em;
}

.cc-button-row > div:last-child {
    margin-left: 0.5em;
}

.cc-button-row.cc-solo-button {
    justify-content: flex-end;
}

.cc-button {
	height: 50px;
	width: 100%;
    margin: 0.5em 0em;
    padding: 0 20px;
    vertical-align: middle;
    background: #666666;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    border: 0;
    font-size: 16px;
    font-weight: 300;
    line-height: 50px;
    color: #fff;
    -moz-border-radius: 4px;
	-webkit-border-radius: 4px; 
	border-radius: 4px;
    text-shadow: none;
    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}

.cc-button:hover { opacity: 0.6; color: #fff; }

.cc-button:active { outline: 0; opacity: 0.6; color: #fff; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

.cc-button:active:focus, .cc-button.active:focus { outline: 0; opacity: 0.6; color: #fff; }


.cc-separator-bar {
  margin-bottom: 15px;
  padding: 12px 8px;
  border-bottom: 2px solid #DADADA;
  letter-spacing: 0.02em;
  font: 400 18px arial;
}

.cc-label-text{
	color: #a9a9a9;
    font-weight: 400;
    letter-spacing: 0.02em;
    font-size: 13px;
}

.cc-display-email-list .cc-label-text {
    text-transform: initial;
}

.cc-display-agreement {
    color: #333;
}

.cc-confirm-btn {
    background: #4BBF67;
}

.form-fieldset > div > .row:not(:first-child) {
    padding: 0px 15px;
}

.cc-amount-matrix {
    display: flex;
    height: auto;
    flex-wrap: wrap;
}

.cc-amount-btn {
    font-size: 1.4em;
    color: #666;	
    text-align: center;	
    width: 90px;
    display: inline-block;
    margin-right: 10px;
    flex: 1 0 30%;
    margin: 0 4.99% 20px 0;
    cursor: pointer;
    font-weight: 400;	
    background: #DADADA;
    border-radius: 3px;
}

.cc-amount-btn span {
    display: block;
    padding: 10px 16px;
    border-radius: 3px;
    background: transparent;
    user-select: none;
}

.cc-amount-btn:last-child {
    padding: 0;
}

.cc-amount-btn:last-child input {
    height: 47px;
}

.cc-amount-btn:nth-child(3n) {
    margin-right: 0;
}

.cc-amount-btn:hover {
    background: #666;
	color: #fff;	
}

.cc-paid-for {
    display: block;
    color: #666;
    padding: 20px;
    max-width: 290px;
    border: 1px solid #666;
    text-align: center;
    margin: 30px auto;
}

.cc-frequency-container {
    display: flex;
    height: auto;
    flex-wrap: wrap;
}

.cc-frequency-container .radio-inline {
    flex: 1 0 10%;
    margin: 0 1.99% 20px 0;
    min-width: 100px;
    padding: 0;
}

.cc-frequency-container .radio-inline span {
    display: block;
    padding: 10px 15px;
    border-radius: 3px;
    background: #DADADA;
    text-align: center;
    width: 100%;
}

.cc-frequency-container .radio-inline input[type='radio'], .cc-amount-btn input[type='radio'] {
    display: none;
}

.cc-frequency-container .radio-inline input[type='radio']:checked ~ *, .cc-amount-btn input[type='radio']:checked ~ * {
    background: #666;
    color: #fff;
}

@media screen and (min-width: 450px) {
    .cc-button {
	   width: 250px;
    }
    .cc-form-box {
       padding: 20px;
    }
    .form-fieldset > div > .row:not(:first-child) {
       padding: 0px;
    }
}

@media (min-width: 1200px) {
.container {
    width: 1000px;
}
}










.control {

    display: flex;
    height: auto;
    flex-wrap: wrap;

}
.control label, .control input[type="text"] {
    font-size: 1.4em;
    padding: 10px 10px;
    background: #DADADA;
    color: #666;
    text-align: center;
    border-radius: 3px;
    width: 29%;
    display: inline-block;
    margin-right: 10px;
    flex: 1 0 28%;
    margin: 0 4.99% 20px 0;
    cursor: pointer;	
	border: none ;
}

.control label:hover {
    background: #666;
    color: #fff;
}

.control .btn-primary.active {background: #666;}

.control .btn-primary.active, .control .btn-primary:active, .control .open>.dropdown-toggle.btn-primary  {background: #666;}

.control label:checked ~ * {
    background: #666;
    color: #fff;
}
.control input[type="text"]{
	background: none;	
	text-align: left;
	height: 47px;
	border: 1px solid #ccc;
	font-size: 12px;
}















.cc-form-field-error {
	display: none;
	color: #ff0000;
	font-size: .9em;
}