refer-a-flood ion-app .ion-page {
	background-color: var(--theme-primary) !important;
}
raf-instant-modal {
    .instant-modal-wrapper {
			padding: 15px;
			position: relative;
			width: 100%;
			display: flex;
			flex-direction: column;
			align-items: center;
			.close-instant-modal {
				position: absolute;
				top: 15px;
				right: 15px;
				cursor: pointer;
				width: 40px;
				height: 40px;
				color: var(--theme-green);
			}
			h3 {
				font-size: 28px;
				color: white;
				text-transform: uppercase;
				font-family: 'Fjalla One', serif;
				margin: 0 0 15px 0;
			}
			ion-icon.large-card {
				width: 100px;
				height: 100px;
				color: var(--theme-light-grey);
				position: relative;
				bottom: 15px;
			}
			p.modal-body {
				color: white;
				font-family: "Bitter";
				width: 80%;
				font-size: 28px;
				margin: 0 auto;
				text-align: center;
				padding: 0 0 15px;
				position: relative;
				bottom: 15px;
				span {
					color: var(--theme-green);
				}
			}
			button {
				background-color: var(--theme-green);
				color: var(--theme-blue);
				display: flex;
				flex-direction: row;
				flex-wrap: nowrap;
				width: 100%;
				padding: 15px 0;
				align-items: center;
				border-radius: 3px;
				position: relative;
				bottom: 15px;
				p {
					color: var(--theme-primary);
					font-size: 22px;
					font-family: 'Fjalla One', serif;
					text-transform: uppercase; 			
					text-align: center;		
					margin: 0 auto;
				}
				ion-icon {
					color: var(--theme-blue);
					align-self: center;
					color: var(--theme-blue);
					padding-right: 15px;
					width: 30px;
					height: 30px;
				}
			}
		}
}