/* CSS Document */
/* Mobile First */




/* --------------  D E F A U L T   L I N K S -------------------- */

a {
	color: black; /*default color is greyscale, see override.css*/
	text-decoration: none;
	transition: .3s;
	cursor: pointer;
	color: #d43287; /*Hot Pink*/
	}
	p > a:not(.Button):hover {
		text-decoration: none;
		color: #b20566; /*Darker hot pink*/
		}


/* -------------- B U T T O N S -------------------- */


/* General aspect */

a.Button,
.Standalone ul.Normal li.Button a,	
input[type="submit"] {
	display: table;
	width: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2em;
	margin-top:  1em;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	padding-left: 2em;
	padding-right: 2em;
	font-size: 0.9em;
	text-align: center;
	text-decoration: none;

	transition: .3s;
	color: white;
	border-radius: 10em;
	background-color: rgba(212, 50, 135, 1); /*Hot Pink*/
	background-color: #d43287; /*Hot Pink*/
	}
	a.Button:hover,	
	input[type="submit"]:hover,
	.Standalone ul.Normal li.Button a:hover {
		background-color: rgba(167, 29, 92, 0.5); /*Dark Pink*/
		background-color: #a71d5c; /*Dark Pink*/
		color: white;
		}
		
	
	@media (min-width: 480px) {
		a.Button,
		.Standalone ul.Normal li.Button a,	
		input[type="submit"] {	
			margin-bottom: 2em;
			padding-top: 0.5em;
			padding-bottom: 0.5em;
			padding-left: 3em;
			padding-right: 3em;
			font-size: 1.1em;
			}
			}

	.Reverse a.Button:hover,
	.Reverse .Standalone ul.Normal li.Button a:hover,	
	.Reverse input[type="submit"]:hover {
		background-color: #a2a19e; /*Neutral 60% */
		}
		
	
	
	
		
/* Withing paragraphs & nav */	

p a.Button,
.Standalone ul.Normal li.Button a {
	margin-top:  1em;
	padding-left: 1em;
	padding-right: 1em;
	font-size: 0.9em;
	}
	
	.Standalone ul.Normal li.Button a {
		padding-top: 0.25em;
		padding-bottom: 0.25em;
		}

	p a.Button {
		margin-bottom: 4em;
		padding-top: 0.15em;
		padding-bottom: 0.15em;
		background-color: #a2a19e; /* Theme 60% */
		margin-left: -0.25em;
		}
		.Reverse p a.Button:hover{
			background-color: #73726e; /* Theme 70% */
			}
				
		p a.Button:hover {
			background-color: #d43287; /*Hot Pink*/
			}



/* .......... S T A N D A L O N E  B U T T O N ........... */

/* Not on AFY Website */

.Standalone ul.Normal li.Button {
	margin-top:  1em;
	border: none;
	order: 10;
	}
	
	
	
	
	
@media (min-width: 1024px){
	.Standalone ul.Normal li.Button {
		margin-top:  0em;
		order: 0;
		}
		.Standalone ul.Normal li.Button a {
			margin-top: 1em;
			height: 2em;
			min-width: 100%;
			}
			}