﻿@import url(https://fonts.googleapis.com/css?family=Merriweather:400,400italic,700|Open+Sans:300,400italic,400,700);


.catapultsm-school-items
{
	align-items: stretch;
}

.catapultsm-school-item
{
	margin-bottom: 1.8rem;
	font-size: 14px;
	text-align: left;
}

	.catapultsm-school-item a
	{
		text-decoration: none;
	}

	.catapultsm-school-item i
	{
		width: 1.5em;
	}

	.catapultsm-school-item .catapultsm-school-item-border
	{
		height: 100%;
		display: flex;
		padding: 1.25rem;
		flex-direction: column;
		justify-content: flex-start;
		border: 1px solid #616161;
	}

	.catapultsm-school-item .catapultsm-school-item-name
	{
		font-size: 1.75em;
		font-weight: 700;
		text-transform: uppercase;
		margin-bottom: .8rem;
	}

		.catapultsm-school-item .catapultsm-school-item-name span
		{
			font-weight: normal;
			font-size: 60%;
			float: right;
		}

	.catapultsm-school-item .catapultsm-school-item-phoneHolder
	{
		margin-top: .5em;
	}

	.catapultsm-school-item .catapultsm-school-item-linkHolder
	{
		margin-top: 2em;
	}

	.catapultsm-school-item .catapultsm-school-item-button
	{
		color: inherit;
		background-color: #ffffff;
		border: 1px solid #616161;
		border-radius: 0px !important;
		font-weight: 400;
		text-decoration: none;
		margin: 0 auto;
		color: #616161;
		text-transform: uppercase;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-ms-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all 0.2s ease;
		padding: 10px 5%;
		padding: 10px 1.5vw;
		margin-left: 5%;
		margin-left: .55vw;
	}

		.catapultsm-school-item .catapultsm-school-item-button:hover
		{
			background-color: #616161;
			color: #ffffff;
		}

		.catapultsm-school-item .catapultsm-school-item-button.ghosted
		{
			opacity: .2;
			cursor: default;
		}

			.catapultsm-school-item .catapultsm-school-item-button.ghosted:hover
			{
				background-color: #ffffff;
				color: #616161;
			}

	.catapultsm-school-item .catapultsm-school-item-edit
	{
		justify-self: flex-end;
		margin-top: auto;
		padding-top: 1.5rem;
	}

@media (min-width: 1401px)
{
	.catapultsm-school-item .catapultsm-school-item-button
	{
		margin-left: 10px;
		padding: 10px 25px;
	}
}