/* Northland College WordPress theme action buttons CSS */

.action_buttons.body {
	clear: both;
	display: block;
	margin: 0;
	position: relative;
	padding: 0;
	width: auto;
}
.action_buttons.after { margin-top: 2.25em; }
.action_buttons.before { margin-bottom: 2.25em; }

	.action_buttons.body ul {
		list-style: none;
		margin: 0 -10px 0 0;
		padding: 0;
	}
	
	.action_buttons.body li {
		border-right: 10px solid rgb(255,255,255);
		display: inline-block;
		height: 44px;
		margin: 0;
		text-align: center;
		width: 33.333%;
	}
	
	.action_buttons.body a, .action_buttons.body a:visited {
		background: transparent url('../images/action_button.png') center center no-repeat;
		background-size: 100% 100%;
		color: rgb(255,255,255);
		display: block;
		font-family: 'Alright Sans', sans-serif;
		font-size: 133%;
		font-weight: bold;
		height: 44px;
		letter-spacing: 0.05em;
		line-height: 48px;
		margin: 0 auto;
		max-width: 240px;
		text-transform: uppercase;
		white-space: nowrap;
		width: 100%;
	}
	
	.action_buttons.body a:after {
		background-image: url('../images/action_button_alt.png'); /* Preload hover state */
	}
	
	.action_buttons.body a:hover, .action_buttons.body a:focus {
		background-image: url('../images/action_button_alt.png');
	}

.action_buttons.side {
	clear: both;
	display: block;
	margin: 1.5em 0;
	padding: 0;
	position: relative;
}

	.action_buttons.side ul {
		display: block;
		list-style: none;
		margin: 0;
		padding: 0;
		width: 180px;
	}
		
	.action_buttons.side li {
		display: block;
		text-align: left;
		width: 180px;
	}
	
	.action_buttons.side a, .action_buttons.side a:visited {
		background: transparent url('../images/action_button_alt.png') center center no-repeat;
		background-size: 180px 36px;
		color: rgb(255,255,255);
		display: block;
		font-family: 'Alright Sans', sans-serif;
		font-size: 85%;
		font-weight: bold;
		height: 36px;
		letter-spacing: 0.05em;
		line-height: 40px;
		text-align: center;
		text-transform: uppercase;
		white-space: nowrap;
		width: 180px;
	}
	
	.action_buttons.side a:hover, .action_buttons.side a:focus {
		background-image: url('../images/action_button.png');
	}

/* CSS3 MEDIA QUERIES */

/* PRINT */
@media print {

}


/* LARGE SCREENS (content area over 1280 pixels) */
@media screen and (min-width: 1280px) {

	.action_buttons.body a, .action_buttons.body a:visited {
		background-image: url('../images/action_button_x2.png');
		height: 52px;
		line-height: 56px;
		max-width: 320px;
	}
	.action_buttons.body a:after {
		background-image: url('../images/action_button_alt_x2.png'); /* Preload hover state */
	}
	.action_buttons.body a:hover, .action_buttons.body a:focus {
		background-image: url('../images/action_button_alt_x2.png');
	}

}


/* INTERMEDIATE SCREENS (content area between 1000 and 1279 pixels) */
@media screen and (min-width: 1000px) and (max-width: 1279px) {

}


/* TABLETS (content area under 1000 pixels) */
@media screen and (max-width: 1000px) {

}


/* PHONES (content area under 782 pixels) */
/* Matched to size where WP mobile admin bar appears */
@media screen and (max-width: 782px) {

	.action_buttons.body, .action_buttons.side {
		text-align: center;
	}

	.action_buttons.body ul, .action_buttons.side ul {
		margin: 0 auto;
	}
	
	.action_buttons.body li, .action_buttons.side li {
		border-right: none;
		display: block;
		margin: 0 auto 0.5em auto;
		max-width: 230px;
		width: 100%;
	}

	.action_buttons.body a, .action_buttons.body li a:visited {
		font-size: 150%;
	}

}


/* SMALL PHONES (content area under 600 pixels) */
@media screen and (max-width: 600px) {

}


/* HIGH RESOLUTION IMAGE REPLACEMENTS */
@media	only screen and (-moz-min-device-pixel-ratio: 1.5),
		only screen and (-o-min-device-pixel-ratio: 3/2),
		only screen and (-webkit-min-device-pixel-ratio: 1.5),
		only screen and (min-devicepixel-ratio: 1.5),
		only screen and (min-resolution: 1.5dppx)
{

	.action_buttons.body a, .action_buttons.body a:visited {
		background-image: url('../images/action_button_x2.png');
	}
	.action_buttons.body a:after {
		background-image: url('../images/action_button_alt_x2.png'); /* Preload hover state */
	}
	.action_buttons.body a:hover, .action_buttons.body a:focus {
		background-image: url('../images/action_button_alt_x2.png');
	}

	.action_buttons.side a, .action_buttons.side a:visited {
		background-image: url('../images/action_button_alt_x2.png');
	}
	.action_buttons.side a:after {
		background-image: url('../images/action_button_x2.png'); /* Preload hover state */
	}
	.action_buttons.side a:hover, .action_buttons.side a:focus {
		background-image: url('../images/action_button_x2.png');
	}

}