﻿
a.clubs-text, a:hover.clubs-text {
	color: #333131;
	text-decoration: none;
	margin: 10px;
	font-weight: normal;
}

.clubs-text {
	margin: 10px auto;
	padding-left: 25px;
	padding-right: 25px;
	max-width: 640px;
}

	.clubs-text .has-text-align-center {
		text-align: center;
		line-height: 1.5em;
	}

	p {
		font-size: 1.1em;
		line-height: 1.75em;
		font-family: "trocchi", Georgia, Times New Roman, serif;
	}

.clubinfo-container .breadcrumbs .separator, .clubinfo-container .breadcrumbs .crumb {
	display: inline-block;
}

.clubinfo-container .breadcrumbs .separator {
	color: black;
	padding-left: 1ex;
	padding-right: 1ex;
}

.clubs-banner-image {
	text-align: center;
	padding: 0px 25px 10px 25px;
}

.clubs-banner-image img {
	width: 100%;
}

.clubinfo-container {
	max-width: 1005px;
}

	/* Buttons */
	.clubinfo-container .back-buttons {
		margin: 36px 0px 24px 0px;
		text-align: center;
		padding: 0px 25px;
	}

	.clubinfo-container button.primary, .clubinfo-container a.primary {
		padding-left: 30px;
		padding-right: 30px;
		margin: 5px;
	}

		.clubinfo-container a.primary,
		.clubinfo-container a.primary:hover,
		.clubinfo-container a.primary:hover {
			border-width: 3px;
			text-decoration: none;
		}

#clubs-list {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
	margin: 8px auto;
}

#installments-list {
	display: flex;
	flex-direction: column;
	align-items: center;
}

#installments-content, #installment-page {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	text-decoration: none !important;
	padding: 25px 25px 50px 25px;
}

#installment-page {
	background: white;
	-webkit-box-shadow: 1px 1px 2px #767676;
	margin: 8px auto;
	padding: 0px 25px 50px 25px;
	text-align: left;
	text-align: left !important;
	margin-top: 100px;
}

	#installment-page h3, #installment-page h2 {
		margin-top: 0.75em;
		margin-bottom: 20px;
	}

	#installment-page p {
		font-size: 1.1em;
		line-height: 1.75em;
	}

a.clubs-list-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: white;
	flex-grow: 1;
	text-align: center;
	-webkit-box-shadow: 1px 1px 2px #767676;
	margin: 8px 8px 8px 8px;
		scroll-margin-top: 8px;
	vertical-align: middle;
	padding: 12px;
	height: 350px;
	max-height: 350px;
	width: 232px;
	max-width: 232px;
	cursor: pointer;
}
	a.clubs-list-item:hover, a.clubs-list-item:focus,
	#installments-list a:hover, #installments-list a:focus {
		text-decoration: none;
	}
	/* Make card look like a depressed button without shifting any other items */
	#installments-list a:active, a.clubs-list-item:active {
		-webkit-box-shadow: none;
		margin-top: 10px;
		margin-left: 10px;
		margin-bottom: 6px;
		margin-right: 6px;
		border-top: 2px solid #FFF8EE;
		border-left: 2px solid #FFF8EE;
	}

/* If last row is less than full, then add dummy teasers to align visible ones to the left */
.dummy-clubs-list-item {
	width: 232px;
	height: 0px;
	margin: 8px 8px 8px 8px;
}

.dummy-clubs-list-item > * {
	max-width: 232px; /* For IE-compatibility */
	margin: 8px 8px 8px 8px;
}

/* Installments list card */
#installments-list a {
	width: 600px;
	max-height: 200px;
	display: flex;
	background: white;
	flex-grow: 1;
	align-items: center;
	text-align: center;
	-webkit-box-shadow: 1px 1px 2px #767676;
	margin: 8px 8px 8px 8px;
		scroll-margin-top: 8px;
	vertical-align: middle;
	padding: 12px;
	min-height: 180px;
	cursor: pointer;
}

#clubs-list .image-container,
#installments-list .image-container {
	margin: 8px 8px 8px 8px;
	height: 180px;
	display: flex;
	align-items: center;
	min-width: 140px;
	justify-content: center;
}

#installments-list .item-title {
	width: 100%;
	font-size: 22px;
	line-height: 1.4em;
	font-family: "trocchi", Georgia, Times New Roman, serif;
	color: #333131;
}

.clubs-title-div {
	height: 80px;
	display: block;
	vertical-align: middle;
	width: 100%;
	font-size: 18px;
	color: #333131;
	font-family: "trocchi", Georgia, Times New Roman, serif;
	font-weight: normal;
}

#installments-content .title-box,
#installment-page .title-box {
	display: flex;
	flex-direction: column;
	min-height: 220px;
	background: #00857e;
	padding-bottom: 32px;
	padding-top: 8px;
	margin-top: 80px;
	align-items: center;
	justify-content: center;
	min-width: 100%;
}

	#installment-page .title-box {
		flex-direction: column;
		justify-content: flex-end;
		align-items: center;
		margin-top: 12px;
		margin-bottom: 12px;
		color: white;
	}

#installment-page .title-box h2,
#installments-content .title-box h2 {
	color: white;
	text-decoration: none;
	font-size: 50px;
	line-height: 1em;
	text-align: center;
	margin-top: 8px;
	font-family: "trocchi", Georgia, Times New Roman, serif;
	text-transform: none;
	font-weight: normal;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 50px;
}

.clubs-text-content {
	font-family: Verdana, sans-serif;
	font-weight: normal;
}

.clubs-installments-icon, .clubs-installment-icon {
	vertical-align: middle;
	display: flex;
	flex-direction: column;
	max-width: 200px;
	margin-top: -115px;
	padding-bottom: 12px;
}

#installment-page .title-box .club-name {
	color: white;
	text-decoration: none;
	font-family: "futura-pt", sans-serif;
	text-transform: uppercase;
	letter-spacing: normal;
	font-size: 14px;
	text-shadow: none;
}

/* Center and add margins to images in the installment content */
.clubs-text .wp-block-image {
	display: flex;
	justify-content: center;
	margin: 10px;
}

/* Make images in the installment content resize proportionally to page width */
.clubs-text .wp-block-image img {
	max-width: 100%;
	height: auto;
}

/*-----------Menu Bar Overrides------------*/
.menu_zing {
	background: #ffdd00 url('/images/master/navigation-bg-yellow.png') repeat;
	display: block;
	background-size: 9%;
}

.menu_zing li {
	padding-left: 7px;
	margin-right: 0px;
}
.wf-active .menu_zing li a {
	color: black;
}

.menu li:hover .align_right {
	left: 0px;
}

.menu .dropdown_2columns {
	background: white;
	border: 1px solid #ffdd00;
	border-top: 0;
	margin-top: 0px;
	margin-left: -1px;
}

.main-pages #search {
	display: none;
}

.search-button {
	display: none;
}

@media only screen and (min-width: 1021px) and (max-width: 1205px) {
	.main-pages .navigation.utilities {
		display: none !important;
	}
}

.navigation.utilities {
	display: none;
}

/*--------------Mobile Screen Overrides-------------------*/


@media only screen and (max-width: 450px ) {

	.clubs-banner-image img {
		max-width: 100%;
		width: 100%;
	}

	#installment-page .title-box h2,
	#installments-content .title-box h2 {
		font-size: 34px;
	}

	.clubs-text {
		margin: 8px auto;
	}
}

@media only screen and (max-width: 600px) {
	#installments-list a {
		display: flex;
		flex-direction: column;
		width: 85%;
		margin: 12px;
		max-height: unset;
	}
}

@media only screen and (max-width: 1024px ) {

}

@media only screen and (max-width:359px) {

}