/*
 * SASG Custom CSS for foundation page
 * Copyright 2016 digitalMuse Ltd
 */

body {
	background: linear-gradient(to bottom, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.1) 100%), url('/images/blue-swoosh.png') no-repeat;
}

.drop-shadow {
	border-bottom: 3px solid rgba(179, 217, 252, 1);
	-webkit-box-shadow: 0 10px 6px -6px rgba(204, 204, 204, 0.9);
	-moz-box-shadow: 0 10px 6px -6px rgba(204, 204, 204, 0.9);
	box-shadow: 0 10px 6px -6px rgba(204, 204, 204, 0.9);
}

a {
	//color:#2199e8;
	//color: #147ec4;
}

a:focus,a:hover{
	//color: #1585cf;
	//color: #25b1f5;
}

.blueglyph {
	color: #7099ce;
}

footer p {
	margin-top: 1em;
}

.img-rounded {
	border-radius: 10px;
}

.sasgmenu {
	margin-top: 0.5em;
	font-size: 1.1em;
}

.alertme {
	background-color: #ffff66;
}

h3.currapp {
	padding-top: 0.25em;
	text-decoration: underline;
}

/* Contact form */
input[required], textarea[required], select[required]{
    background-image: radial-gradient(#F00 15%, transparent 16%), radial-gradient(#F00 15%, transparent 16%);
    background-size: 1.5em 1.5em;
    background-position: right top;
    background-repeat: no-repeat;
}

.hidden {
	display: none;
}

.callout.alert {
	background-color: #ff6666;
}

.is-invalid-input:not(:focus) {
	background-color: rgba(255, 100, 100, 0.5);
	color: #000000;
}

.is-invalid-input:focus {
	border-color: rgba(236, 88, 64, 0.9);
}