donateformapp .input {
        background: #eee;
        background-color: #eee;
    }

    .tile.is-ancestor.container strong {
		color: inherit;
	}

	.ge-appeal h1, .ge-appeal h2, .ge-appeal h3, .ge-appeal strong  {
		color: inherit; /*Prevent styled text blocks from always being default colour if it is wrapped in a colour <p>*/
	}

    /*Chrome & edge take up minimum space*/
    .appeal-donation-form {
		height: fit-content; 
	}
	
	/*center tile on screen for donation appeals*/
	.tile.is-ancestor.ge-appeal {
		margin: auto;
	}

	/*inline images correct height*/
	span[role=region] {
		display: flex;
	}

	/*-ms-flex fixes*/
    .tile { flex: 1 1 auto; }
    .tile.is-parent { width: 100%; }
	@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        div.modal { display: block !important; } /*Special case for ie*/
    }

	.segmented-button {
		margin: 0px;
	}
	.segmented-button#giving_frequency_container{
		min-width: 400px;
	}

	.segmented-button input[type="radio"] {
		width: 0px;
		height: 0px;
		visibility: hidden;
	}
	.segmented-button label {
		display: -moz-inline-box;
		-moz-box-orient: vertical;
		display: inline-block;
		vertical-align: middle;
		*vertical-align: auto;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-o-border-radius: 4px;
		-ms-border-radius: 4px;
		-khtml-border-radius: 4px;
		border-radius: 4px;
		text-shadow: white;
		background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e8e8e8));
		background: -webkit-linear-gradient(#ffffff, #cccccc);
		background: -moz-linear-gradient(#ffffff, #cccccc);
		background: -o-linear-gradient(#ffffff, #cccccc);
		background: -ms-linear-gradient(#ffffff, #cccccc);
		background: linear-gradient(#ffffff, #cccccc);
		border: 1px solid #b2b2b2;
		color: #666666;
		padding: 5px 24px;
		padding-bottom: 3px;
		font-size: 12px;
		cursor: pointer;
		font-family: Helvetica;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		-o-border-radius: 0px;
		-ms-border-radius: 0px;
		-khtml-border-radius: 0px;
		border-radius: 0px;
		margin-right: -5px;
	}
	.segmented-button label {
		*display: inline;
	}
	.segmented-button label:hover {
		-moz-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
		-o-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
		box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
		color: #333333;
	}
	.segmented-button label:active, .segmented-button label.active {
		background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e2e2e2), color-stop(100%, #ffffff));
		background: -webkit-linear-gradient(#e2e2e2, #ffffff);
		background: -moz-linear-gradient(#e2e2e2, #ffffff);
		background: -o-linear-gradient(#e2e2e2, #ffffff);
		background: -ms-linear-gradient(#e2e2e2, #ffffff);
		background: linear-gradient(#e2e2e2, #ffffff);
	}
	.segmented-button label:disabled, .segmented-button label.disabled {
		background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #efefef));
		background: -webkit-linear-gradient(#ffffff, #efefef);
		background: -moz-linear-gradient(#ffffff, #efefef);
		background: -o-linear-gradient(#ffffff, #efefef);
		background: -ms-linear-gradient(#ffffff, #efefef);
		background: linear-gradient(#ffffff, #efefef);
		cursor: default;
		color: #b2b2b2;
		border-color: #cccccc;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		-o-box-shadow: none;
		box-shadow: none;
	}
	.segmented-button label.first {
		-moz-border-radius-topleft: 4px;
		-webkit-border-top-left-radius: 4px;
		-o-border-top-left-radius: 4px;
		-ms-border-top-left-radius: 4px;
		-khtml-border-top-left-radius: 4px;
		border-top-left-radius: 4px;
		-moz-border-radius-bottomleft: 4px;
		-webkit-border-bottom-left-radius: 4px;
		-o-border-bottom-left-radius: 4px;
		-ms-border-bottom-left-radius: 4px;
		-khtml-border-bottom-left-radius: 4px;
		border-bottom-left-radius: 4px;
	}
	.segmented-button label.last {
		-moz-border-radius-topright: 4px;
		-webkit-border-top-right-radius: 4px;
		-o-border-top-right-radius: 4px;
		-ms-border-top-right-radius: 4px;
		-khtml-border-top-right-radius: 4px;
		border-top-right-radius: 4px;
		-moz-border-radius-bottomright: 4px;
		-webkit-border-bottom-right-radius: 4px;
		-o-border-bottom-right-radius: 4px;
		-ms-border-bottom-right-radius: 4px;
		-khtml-border-bottom-right-radius: 4px;
		border-bottom-right-radius: 4px;
	}
	.segmented-button input:checked + label, .segmented-button label.selected {
		background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e4e4e4), color-stop(100%, #ffffff));
		background: -webkit-linear-gradient(#e4e4e4, #ffffff);
		background: -moz-linear-gradient(#e4e4e4, #ffffff);
		background: -o-linear-gradient(#e4e4e4, #ffffff);
		background: -ms-linear-gradient(#e4e4e4, #ffffff);
		background: linear-gradient(#e4e4e4, #ffffff);
	}
	.segmented-button input:disabled + label {
		background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #efefef));
		background: -webkit-linear-gradient(#ffffff, #efefef);
		background: -moz-linear-gradient(#ffffff, #efefef);
		background: -o-linear-gradient(#ffffff, #efefef);
		background: -ms-linear-gradient(#ffffff, #efefef);
		background: linear-gradient(#ffffff, #efefef);
		cursor: default;
		color: #b2b2b2;
		border-color: #cccccc;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		-o-box-shadow: none;
		box-shadow: none;
	}

/*******DESKTOP********/
@media (min-width:769px){
	.is-mobile-only{
		display: none !important;
	}
}

/********** MOBILE ********/
@media screen and (max-width: 768px) {
	.appeal-donation-form {
		margin-top: 0px !important;
	}
    .section.appeal-left-content{
        padding-top: 0px;
    }
	.is-desktop-only{
		display: none !important;
	}
	.appeal-header-banner article * > :first-child {
		font-size: 5vw;
	}
	.appeal-donation-form p.field.has-addons input{
		font-size: 2.5vw;
		font-weight: bold;
	}

	.appeal-donation-form .modal-card{
		height: 100% !important;
		max-height: 100%;
		width: 100% !important;
		max-width:100%;
		margin: 0;
	}
}

/*****fix card form number ****/
.appeal-donation-form p.field.has-addons input{
	font-weight: bold;
}