/*
Theme Name: nyezikbootstrap
Author: Nye-Zik Creative
Author URI: https://nyezikcreative.com
Description: I'm resposnsive boiler plate starter theme built on top of the ultra minimal starter theme _tk using the Bootstrap 3.3.7. This theme was creative by Nye-Zik Creative as a in house starter theme for all custom Wordpress builds. 
Version: 1.2
License: GNU General Public License v3.0 /
License URI: http://www.gnu.org/licenses/gpl-3.0.html

Credits:

1. Bootstrap

 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)

 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=f58353a31151a8c05d7c)
 * Config saved to config.json and https://gist.github.com/f58353a31151a8c05d7c

2. wp_bootstrap_navwalker

* Class Name: wp_bootstrap_navwalker
* GitHub URI: https://github.com/twittem/wp-bootstrap-navwalker

3. Glyphicons

 * http://getbootstrap.com/components/

4. _s (or Underscores) http://underscores.me/, (C) 2012-2013 Automattic, Inc. Twitter Bootstrap

	*This theme, like WordPress, is licensed under the GPL.
	Use it to make something cool, have fun, and share what you've learned with others.

	*This theme is the most seamless and minimalistic integration of Twitter Bootstrap Framework into
	the _s starter theme from Automattic, the guys behind WordPress.

5. _tk Theme v1.1.10

	*http://themekraft.com/store/_tk-free-wordpress-starter-theme-based-on-twitter-bootstrap/

*/

/* Container can be made fluid "container-fluid" and rows and use differnt break points "xs, sm, md lg, xl" */






/* pre-permanency-support-tile */
.pre-permanency-dashbaord-tile{
	background: #696969;
	text-align: center;
	padding: 35px 25px 5px 25px;
	margin: 25px 0;
	height: 265px !important;
}
	.pre-permanency-dashbaord-tile h3{
		color: #ffffff !important;
	}
	.pre-permanency-dashbaord-tile p{
		color: #ffffff !important;
	}

	.pre-permanency-dashbaord-tile a {
		display: block;
		width: 100%;
		margin: 25px auto;          /* centers horizontally */
		background-color: #FFFFFF;
		padding: 10px 25px;
		color: #41215F;
		font-size: 15px;
		font-weight: normal !important;
		font-family: 'geomanistmedium', Arial, sans-serif;
		letter-spacing: 1px;
		text-decoration: none;
		border: none;
		box-sizing: border-box;
		text-align: center;      /* centers the text inside */
	}
		.pre-permanency-dashbaord-tile a:hover{
				background-color: #FFFFFF;
				padding: 10px 25px;
				color: #41215F;
				font-size: 15px;
			}

/* pre-permanency-support-tile-pink */
.pre-permanency-dashbaord-tile-pink{
	background: #ED3551 !important;
	text-align: center;
	padding: 35px 25px 5px 25px;
	margin: 25px 0;
	height: 415px !important;
}

	.pre-permanency-dashbaord-tile-pink h3{
		color: #ffffff !important;
	}
	.pre-permanency-dashbaord-tile-pink h4{
		color: #000000 !important;
		font-weight: bold !important;
		font-size: 24px !important;
		text-decoration: underline !important;
	}
	.pre-permanency-dashbaord-tile-pink p{
		color: #ffffff !important;
		font-weight: bold !important;
		font-size: 16px;
	}

	.pre-permanency-dashbaord-tile-pink a {
		display: block;
		width: 100%;
		margin: 25px auto;          /* centers horizontally */
		background-color: #FFFFFF;
		padding: 10px 25px;
		color: #41215F;
		font-size: 15px;
		font-weight: bold !important;
		font-family: 'geomanistmedium', Arial, sans-serif;
		letter-spacing: 1px;
		text-decoration: none;
		border: none;
		box-sizing: border-box;
		text-align: center;      /* centers the text inside */
	}
		.pre-permanency-dashbaord-tile-pink a:hover{
				background-color: #FFFFFF;
				padding: 10px 25px;
				color: #41215F;
				font-size: 15px;
			}



/* Public footer login link */
.public-footer-login{
	margin: 25px 0 0 0 !important
}
	.white-outline-button{
		border: 1px solid #FFFFFF;
		padding: 10px 20px;
		text-decoration: none;
	}



/* Section Wrapper */
.resource-websites {
	text-align: center;
}

.resource-websites h3 {
	margin: 25px 0 50px 0;
}

/* Individual Items */
.national-website-item {
	margin-bottom: 40px;
	padding-bottom: 25px;
	border-bottom: dashed 1px #DBDBDB;
}

/* Title */
.national-website-item h4 {
	margin-bottom: 15px;
	color: #41215F;
	font-family: Calluna, Arial, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 27px; /* 135% */
}

/* Description */
.national-website-item p {
	margin-bottom: 25px;
}

/* Button */
.purple-button {
	display: inline-block;
	background-color: #41215F;
	color: #ffffff;
	padding: 10px 25px;
	text-decoration: none;
	font-size: 15px;
	font-family: 'geomanistmedium', Arial, sans-serif;
	letter-spacing: 1px;
	border: none;
}

.purple-button:hover {
	background-color: rgba(65, 33, 95, .90);
	color: #ffffff;
	text-decoration: none;
}




/* Post Permanency Section
================================================== */

.post-permenency-approach-content h2{
	text-align: center; 
	color: #444444; 
	font-size: 28px; 
	letter-spacing: 2px;
}

.post-permenency-approach-content p{
	margin-bottom: 25px;
}


/* gap-analysis-cta */
.gap-analysis-cta{
	background: rgba(237, 53, 81, 0.20);
	text-align: center;
	padding: 65px 0 25px 0;
	margin: 25px 0;
}
	.gap-analysis-cta a {
		display: block;
		width: 50%;
		margin: 25px auto;          /* centers horizontally */
		background-color: #ed3551;
		padding: 10px 25px;
		color: #000000;
		font-size: 15px;
		font-weight: normal !important;
		font-family: 'geomanistmedium', Arial, sans-serif;
		letter-spacing: 1px;
		text-decoration: none;
		border: none;
		box-sizing: border-box;
		text-align: center;      /* centers the text inside */
	}
		.gap-analysis-cta a:hover{
				background-color: #ed3551;
				padding: 10px 25px;
				color: #222222;
				font-size: 15px;
			}
		

img.post-permanency-icon{
	max-width: 30%;
	margin: 15px 0;
}


/* post-permanency-navigator-tile */
.post-permanency-navigator-tile{
	background: rgba(65, 33, 95, 0.20);
	text-align: center;
	padding: 35px 25px 5px 25px;
	margin: 25px 0;
}
	.post-permanency-navigator-tile a {
		display: block;
		width: 100%;
		margin: 25px auto;          /* centers horizontally */
		background-color: #41215F;
		padding: 10px 25px;
		color: #ffffff;
		font-size: 15px;
		font-weight: normal !important;
		font-family: 'geomanistmedium', Arial, sans-serif;
		letter-spacing: 1px;
		text-decoration: none;
		border: none;
		box-sizing: border-box;
		text-align: center;      /* centers the text inside */
	}
		.post-permanency-navigator-tile a:hover{
				background-color: #41215F;
				padding: 10px 25px;
				color: #ffffff;
				font-size: 15px;
			}

/* pre-permanency-support-tile */
.pre-permanency-support-tile{
	background: #F8EEDE;
	text-align: center;
	padding: 35px 25px 5px 25px;
	margin: 25px 0;
}
	.pre-permanency-support-tile a {
		display: block;
		width: 100%;
		margin: 25px auto;          /* centers horizontally */
		background-color: #FDBB22;
		padding: 10px 25px;
		color: #000000;
		font-size: 15px;
		font-weight: normal !important;
		font-family: 'geomanistmedium', Arial, sans-serif;
		letter-spacing: 1px;
		text-decoration: none;
		border: none;
		box-sizing: border-box;
		text-align: center;      /* centers the text inside */
	}
		.pre-permanency-support-tile a:hover{
				background-color: #FDBB22;
				padding: 10px 25px;
				color: #000000;
				font-size: 15px;
			}

/* comprehensive-assessment-tile */
.comprehensive-assessment-tile{
	background: #F5E2EB;
	text-align: center;
	padding: 35px 25px 5px 25px;
	margin: 25px 0;
}
	.comprehensive-assessment-tile a {
		display: block;
		width: 100%;
		margin: 25px auto;          /* centers horizontally */
		background-color: #C11E81;
		padding: 10px 25px;
		color: #ffffff;
		font-size: 15px;
		font-weight: normal !important;
		font-family: 'geomanistmedium', Arial, sans-serif;
		letter-spacing: 1px;
		text-decoration: none;
		border: none;
		box-sizing: border-box;
		text-align: center;      /* centers the text inside */
	}
		.comprehensive-assessment-tile a:hover{
				background-color: #C11E81;
				padding: 10px 25px;
				color: #ffffff;
				font-size: 15px;
			}

/* counseling-services-tile */
.counseling-services-tile{
	background: #F3F8E4;
	text-align: center;
	padding: 35px 25px 5px 25px;
	margin: 25px 0;
}
	.counseling-services-tile a {
		display: block;
		width: 100%;
		margin: 25px auto;          /* centers horizontally */
		background-color: #BFD732;
		padding: 10px 25px;
		color: #000000;
		font-size: 15px;
		font-weight: normal !important;
		font-family: 'geomanistmedium', Arial, sans-serif;
		letter-spacing: 1px;
		text-decoration: none;
		border: none;
		box-sizing: border-box;
		text-align: center;      /* centers the text inside */
	}
		.counseling-services-tile a:hover{
				background-color: #BFD732;
				padding: 10px 25px;
				color: #000000;
				font-size: 15px;
			}

/* 24-hour-phone-support-tile */
.twenty-four-hour-phone-support-tile{
	background: #DDF1F4;
	text-align: center;
	padding: 35px 25px 5px 25px;
	margin: 25px 0;
}
	.twenty-four-hour-phone-support-tile a {
		display: block;
		width: 100%;
		margin: 25px auto;          /* centers horizontally */
		background-color: #4AC3C9;
		padding: 10px 25px;
		color: #000000;
		font-size: 15px;
		font-weight: normal !important;
		font-family: 'geomanistmedium', Arial, sans-serif;
		letter-spacing: 1px;
		text-decoration: none;
		border: none;
		box-sizing: border-box;
		text-align: center;      /* centers the text inside */
	}
		.twenty-four-hour-phone-support-tile a:hover{
				background-color: #4AC3C9;
				padding: 10px 25px;
				color: #000000;
				font-size: 15px;
			}

/* crisis-intervention-tile */
.crisis-intervention-tile{
	background: #F8EEDE;
	text-align: center;
	padding: 35px 25px 5px 25px;
	margin: 25px 0;
}
	.crisis-intervention-tile a {
		display: block;
		width: 100%;
		margin: 25px auto;          /* centers horizontally */
		background-color: #FDBB22;
		padding: 10px 25px;
		color: #000000;
		font-size: 15px;
		font-weight: normal !important;
		font-family: 'geomanistmedium', Arial, sans-serif;
		letter-spacing: 1px;
		text-decoration: none;
		border: none;
		box-sizing: border-box;
		text-align: center;      /* centers the text inside */
	}
		.crisis-intervention-tile a:hover{
				background-color: #FDBB22;
				padding: 10px 25px;
				color: #000000;
				font-size: 15px;
			}


/* educational-advocacy-tile */
.educational-advocacy-tile{
	background: #F5E2EB;
	text-align: center;
	padding: 35px 25px 5px 25px;
	margin: 25px 0;
}
	.educational-advocacy-tile a {
		display: block;
		width: 100%;
		margin: 25px auto;          /* centers horizontally */
		background-color: #C11E81;
		padding: 10px 25px;
		color: #ffffff;
		font-size: 15px;
		font-weight: normal !important;
		font-family: 'geomanistmedium', Arial, sans-serif;
		letter-spacing: 1px;
		text-decoration: none;
		border: none;
		box-sizing: border-box;
		text-align: center;      /* centers the text inside */
	}
		.educational-advocacy-tile a:hover{
				background-color: #C11E81;
				padding: 10px 25px;
				color: #ffffff;
				font-size: 15px;
			}

/* support-groups-tile */
.support-groups-tile{
	background: #F3F8E4;
	text-align: center;
	padding: 35px 25px 5px 25px;
	margin: 25px 0;
}
	.support-groups-tile a {
		display: block;
		width: 100%;
		margin: 25px auto;          /* centers horizontally */
		background-color: #BFD732;
		padding: 10px 25px;
		color: #000000;
		font-size: 15px;
		font-weight: normal !important;
		font-family: 'geomanistmedium', Arial, sans-serif;
		letter-spacing: 1px;
		text-decoration: none;
		border: none;
		box-sizing: border-box;
		text-align: center;      /* centers the text inside */
	}
		.support-groups-tile a:hover{
				background-color: #BFD732;
				padding: 10px 25px;
				color: #000000;
				font-size: 15px;
			}

/* respite-care-tile */
.respite-care-tile{
	background: #DDF1F4;
	text-align: center;
	padding: 35px 25px 5px 25px;
	margin: 25px 0;
}
	.respite-care-tile a {
		display: block;
		width: 100%;
		margin: 25px auto;          /* centers horizontally */
		background-color: #4AC3C9;
		padding: 10px 25px;
		color: #000000;
		font-size: 15px;
		font-weight: normal !important;
		font-family: 'geomanistmedium', Arial, sans-serif;
		letter-spacing: 1px;
		text-decoration: none;
		border: none;
		box-sizing: border-box;
		text-align: center;      /* centers the text inside */
	}
		.respite-care-tile a:hover{
				background-color: #4AC3C9;
				padding: 10px 25px;
				color: #000000;
				font-size: 15px;
			}


/* Post Permanency Component Pages */
.post-permanency-component-graphic {
	padding: 25px 75px;    
	display: inline-block; 
}
	img.post-permanency-component-graphic{
	max-width: 100%;
}
/* Component Graphic Outline */
.yellow-component-outline{border: 2px solid #F8EEDE;} /* yellow */
.pink-component-outline{border: 2px solid #C11E81;} /* pink */
.green-component-outline{border: 2px solid #BFD732;} /* green */
.blue-component-outline{border: 2px solid #4AC3C9;} /* blue */

.no-component-example{
	padding-top: 100px;
	padding-bottom: 75px;
	border-top: solid 2px #DBDBDB;
	border-bottom: solid 2px #DBDBDB;
	margin-top: 50px;

}

.component-flyer{
	padding: 25px 0;
	text-align: center;

}


/* yellow component button */
.yellow-component-button{
		display: block;
		width: 50%;
		margin: 25px auto;          /* centers horizontally */
		background-color: #FDBB22;
		padding: 10px 25px;
		color: #000000;
		font-size: 15px;
		font-weight: normal !important;
		font-family: 'geomanistmedium', Arial, sans-serif;
		letter-spacing: 1px;
		text-decoration: none;
		border: none;
		box-sizing: border-box;
		text-align: center;      /* centers the text inside */
	}
	.yellow-component-button:hover{
				background-color: #FDBB22;
				padding: 10px 25px;
				color: #000000;
				font-size: 15px;
			}

	
/* pink component button */
.pink-component-button{
	display: block;
	width: 50%;
	margin: 25px auto;
	background-color: #C11E81;
	padding: 10px 25px;
	color: #ffffff;
		font-size: 15px;
		font-weight: normal !important;
		font-family: 'geomanistmedium', Arial, sans-serif;
		letter-spacing: 1px;
		text-decoration: none;
		border: none;
		box-sizing: border-box;
		text-align: center;      /* centers the text inside */
	}
		.pink-component-button:hover{
				background-color: #C11E81;
				padding: 10px 25px;
				color: #ffffff;
				font-size: 15px;
			}


/* green component button */
.green-component-button{
		display: block;
		width: 50%;
		margin: 25px auto;         
		background-color: #BFD732;
		padding: 10px 25px;
		color: #000000;
		font-size: 15px;
		font-weight: normal !important;
		font-family: 'geomanistmedium', Arial, sans-serif;
		letter-spacing: 1px;
		text-decoration: none;
		border: none;
		box-sizing: border-box;
		text-align: center;      /* centers the text inside */
	}
		.green-component-button:hover{
				background-color: #BFD732;
				padding: 10px 25px;
				color: #000000;
				font-size: 15px;
			}


/* blue component button */
.blue-component-button{
		display: block;
		width: 50%;
		margin: 25px auto;          /* centers horizontally */
		background-color: #4AC3C9;
		padding: 10px 25px;
		color: #000000;
		font-size: 15px;
		font-weight: normal !important;
		font-family: 'geomanistmedium', Arial, sans-serif;
		letter-spacing: 1px;
		text-decoration: none;
		border: none;
		box-sizing: border-box;
		text-align: center;      /* centers the text inside */
	}
		.blue-component-button:hover{
				background-color: #4AC3C9;
				padding: 10px 25px;
				color: #000000;
				font-size: 15px;
			}






/* Portal Authentication/Account
================================================== */

/* Authentication */
.rcp_form label{
	color: #444444;
	font-weight: bold;
	margin-top: 15px;
	text-decoration: none;
	border: none;

}
.rcp_form input[type=email], 
.rcp_form input[type=password], 
.rcp_form input[type=text]{
	width: 100%;
	Background: #fff;
	border: solid 1px #ccc;
  border-radius: 2px;
  color: #666 !important;
  padding: 15px !important;
}

.rcp-button{
	margin-top: 30px;
	cursor: pointer;
	background-color: #3D1951;
	padding: 10px 20px;
	width: 100%;
	color: #fff;
	font-size: 15px;
	font-family: 'geomanistmedium', Arial, sans-serif;
	letter-spacing: 1px;
  text-transform: uppercase;
	text-decoration: none;
	border: none;

}


/* My Account Update */
.portal-success-message {
	background: #eaf7ea;
	border: 1px solid #b7ddb7;
	color: #256029;
	padding: 14px 16px;
	margin-bottom: 20px;
	border-radius: 6px;
	font-size: 14px;
}


/* Portal Theme
================================================== */


/* Portal Header*/
.band.portal-pre-header {
	width: 100% !important;
	overflow: visible;
	padding: 10px 50px;
	background: #000000;
}

	.portal-pre-header p {
		color: #ffffff;
		font-size: 1em;
		font-family: Arial, sans-serif;
		margin: 0;
	}

	.portal-pre-header a {
		color: #ffffff;
		text-decoration: none;
	}

	.portal-pre-header a:hover {
		color: #ebebeb;
		text-decoration: none;
	}

	.portal-links {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		gap: 20px;
	}

	.portal-links a {
		color: #ffffff;
		font-size: 1em;
		font-family: Arial, sans-serif;
	}

	.portal-links a:hover {
		color: #ebebeb;
		text-decoration: none;
	}

	.portal-link {
		display: inline-flex;
		align-items: center;
	}

	.portal-link-icon {
		margin-right: 8px;
	}

	.account-links {
		display: inline-flex;
		align-items: center;
		gap: 6px;
	}

	.portal-link-text-only {
		margin: 0;
		padding: 0;
	}

	.portal-divider {
		color: #ffffff;
		margin: 0;
		padding: 0;
	}

/* hide mobile dropdown on desktop */
.mobile-portal-more {
	display: none;
}

.band.header-portal {
	width: 100% !important;
	padding: 10px 0 0 0;
	background-color: #696969;
}
	.header-portal .navbar ul{
		padding: 20px 0 !important;
	}

/* Mobile Styles */
@media (max-width: 767px) {

	.band.portal-pre-header {
		padding: 8px 15px;
	}

	.portal-pre-header p,
	.portal-pre-header a {
		font-size: 14px;
		line-height: 20px;
	}

	.portal-pre-header-left {
		text-align: left;
	}

	.portal-pre-header-right {
		text-align: right;
	}

	/* hide desktop links */
	.desktop-portal-links {
		display: none;
	}

	/* show mobile More */
	.mobile-portal-more {
		display: inline-block;
	}

	.mobile-more-toggle {
		font-size: 14px;
		color: #ffffff;
		text-decoration: none;
		display: inline-block;
		padding: 0;
	}

	.mobile-more-toggle:hover,
	.mobile-more-toggle:focus {
		color: #ebebeb;
		text-decoration: none;
	}

	.mobile-portal-dropdown {
		margin-top: 8px;
		min-width: 180px;
		border: none;
		border-radius: 0;
		box-shadow: 0 4px 12px rgba(0,0,0,0.2);
	}

	.mobile-portal-dropdown li a {
		font-size: 14px;
		padding: 10px 15px;
		color: #333333;
	}

	.mobile-portal-dropdown li a:hover {
		background-color: #f5f5f5;
		color: #000000;
	}

}



/* Portal Footer*/
.band.portal-pre-footer{
	background-color: #41215F;
	padding: 40px 0 25px 0;
}
	.portal-pre-footer p{
		font-size: 18px;
		color: #ffffff;
		text-align: center;
		margin-bottom: 25px;
	}
	.portal-pre-footer a{
		font-size: 18px;
		color: #ffffff;
	}
		.portal-pre-footer a:hover{
			font-size: 18px;
			color: #ebebeb;
			text-decoration: underline;
		}
	.portal-footer-logo{
		max-width: 30%;
		height: auto;
		padding: 0 10px;
	}

.band.portal-footer{
	background-color: #444444;
	padding: 25px 0 5px 0;
}
	.portal-footer p{
		font-size: 16px;
		text-align: center;
	}
	.portal-footer a{
		font-size: 16px;
	}

/* Mobile Styles */
@media (max-width: 767px) {

	/* Reduce all footer font sizes */
	.portal-pre-footer p,
	.portal-pre-footer a,
	.portal-pre-footer a:hover,
	.portal-footer p,
	.portal-footer a,
	.portal-footer a:hover {
		font-size: 14px;
	}

	/* Logo size adjustment */
	.portal-footer-logo {
		max-width: 50%;
		display: block;
		margin: 0 auto 15px auto; /* center + spacing */
	}

	/* Force alignment overrides */
	.text-left,
	.text-right {
		text-align: center !important;
	}

}


/* Portal Content*/
.band.portal-banner{
	position: relative;
	width: 100%;
	min-height: 35vh; /* or 100vh if you want full screen */
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: url('/wp-content/themes/nyezikbootstrap/images/california-post-permanency-learning-center.png');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}	
	/* Gradient overlay */
	.band.portal-banner::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(
			to right,
			rgba(237, 53, 81, 0.95) 0%,
			rgba(237, 53, 81, 0.95) 25%,
			rgba(237, 53, 81, 0) 100%
		);
		z-index: 1;
	}
	/* Make sure content sits above overlay */
	.band.portal-banner .container-fluid {
		position: relative;
		z-index: 2;
	}
	/* Overlay Headings */
	.band.portal-banner h1,
	.band.portal-banner h4{
		color: #ffffff;
	}


.band.portal-banner-solid{
	width: 100% !important;	
  padding: 50px 0 25px 0;
  background-color: #ED3551;
}
	.band.portal-banner-solid h1{
		font-size: 1.5em;
		letter-spacing: 2px;
		color: #ffffff;
	}
	.band.portal-banner-solid h4{
		color: #ffffff;
	}

/* Submit Content CTA */
.submission-cta{
	background-color: #ED3551;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
}
	.submission-cta h3{
		font-size: 20px;
		font-weight: normal;
		color: #ffffff;
		font-family: 'geomanistmedium', Arial, sans-serif;
		font-style: normal;
		text-transform: none;
		margin-bottom: 35px;
	}

	.submission-cta a{
		background-color: #fff;
		padding: 10px 25px;
		color: #3D1951;
		font-size: 15px;
		font-family: 'geomanistmedium', Arial, sans-serif;
		letter-spacing: 1px;
		text-decoration: none;
		border: #ccc solid 1px;
	}
		.submission-cta a:hover{
			background-color: #fff;
			padding: 10px 25px;
			color: #444;
			font-size: 15px;
		}


/* The Events Plugin Overides */

.tribe-events .datepicker .day.active.focused, .tribe-events .datepicker .day.active:focus, .tribe-events .datepicker .month.active.focused, .tribe-events .datepicker .month.active:focus, .tribe-events .datepicker .year.active.focused, .tribe-events .datepicker .year.active:focus{
	background-color: #41215F !important;
}


.tribe-events-c-subscribe-dropdown__button {
	border: 1px solid #41215F !important;
	color: #41215F !important;
}
	.tribe-events-c-subscribe-dropdown__button:hover{
		background-color: #41215F !important;
		color: #ffffff !important;
	}


.single-tribe_events .events-list-title{
	display: none;
}


.tribe-events-back a{
	color: #41215F !important;
	font-weight: normal !important;

}

.tribe-events-single-event-title{
	font-size: 36px;
  color: #3D1951;
  font-family: 'geomanistbold', Arial, sans-serif;
  text-transform: uppercase;
  margin-bottom: 25px;
}


/* Sidebar container */
.tribe-single-event-sidebar {
	background: #F5F5F5;
	padding: 20px;
}

/* Individual sections inside the sidebar (Details, Organizer, Venue, etc.) */
.tribe-single-event-sidebar .tribe-events-single-section {
	background: transparent;
	border: none;
	border-top: none;
	box-shadow: none;
	padding: 0;
	margin-bottom: 20px;
}

.tribe-single-event-row {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.tribe-single-event-main {
	padding-left: 0 !important;
	padding-right: 30px !important;
}

.tribe-single-event-sidebar {
	padding-left: 20px !important;
	padding-right: 20px !important;
	background: #F5F5F5;
}

.tribe-single-event-sidebar .tribe-events-event-meta {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	width: 100% !important;
	max-width: 100% !important;
}


/* Remove the default divider line specifically */
.tribe-events-event-meta:before{
    border-top:none;
}

.tribe-single-event-sidebar .tribe-events-single-section-title {
	font-size: 20px;
	font-family: calluna, serif;
	font-weight: 700;
	text-transform: none;
}


.tribe-single-event-sidebar .tribe-events-meta-item {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
}

.tribe-single-event-sidebar .tribe-events-meta-label {
	display: inline;
	font-weight: 600;
	margin-right: 4px;
}

.tribe-single-event-sidebar .tribe-events-meta-value {
	display: inline;
}


.tribe-event-button{
	margin-top: 25px;
	width: 100%;
	text-align: center;
	background-color: #3D1951;
	padding: 10px 25px;
	color: #fff !important;
	font-size: 15px;
	font-family: 'geomanistmedium', Arial, sans-serif;
	letter-spacing: 1px;
  text-transform: uppercase;
	text-decoration: none;
	border: none;
}
	.tribe-event-button:hover{
		background-color: #3D1951;
		padding: 10px 25px;
		color: #ebebeb;
		font-size: 15px;
	}

	.tribe-single-event-sidebar .tribe-events-meta-group {
		margin: 0 !important;
		padding: 0 !important;
	}



/* Portal Resource Tiles */
.portal-resource-tile {
	margin: 15px 0;
}

.portal-resource-tile-inner {
	position: relative;
	overflow: hidden;
	background: #696969;
	height: 100%;
}

.portal-resource-tile-image {
	position: relative;
	width: 100%;
}

.portal-resource-tile-image img {
	display: block;
	width: 100% !important;
	height: auto;
}

.portal-resource-tile-image:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(105, 105, 105, 0.35);
	z-index: 1;
}

.portal-resource-tile-image-title {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	width: 85%;
}

.portal-resource-tile-image-title h2 {
	margin: 0;
	color: #fff;
	font-size: 22px;
	line-height: 28px;
	text-align: center;
}

/* Tooltip overlay */
.portal-resource-tile-tooltip {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(105, 105, 105);
	color: #fff;
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5px;
	text-align: center;
}

.portal-resource-tile-tooltip-inner {
	max-width: 100%;
	width: 100%;
}

.portal-resource-tile-tooltip h3 {
	margin: 0 0 8px;
	color: #fff;
	font-size: 18px;
	line-height: 20px;
}

.portal-resource-tile-tooltip-text {
	font-size: 15px;
	line-height: 1.45;
	color: #fff;
}

.portal-resource-tile-tooltip-text p {
	margin-bottom: 12px;
	color: #fff;
}

.portal-resource-tile-tooltip-text p:last-child {
	margin-bottom: 0;
}

.portal-resource-tile-tooltip-button {
	display: inline-block;
	margin-top: 18px;
	padding: 10px 18px;
	background: #fff;
	color: #3D1951;
	text-decoration: none;
	font-family: 'geomanistmedium', Arial, sans-serif;
	font-size: 14px;
	line-height: 1.2;
	transition: all 0.2s ease;
}

.portal-resource-tile-tooltip-button:hover,
.portal-resource-tile-tooltip-button:focus {
	background: #f2f2f2;
	color: #222;
	text-decoration: none;
}

/* Desktop hover/focus behavior */
.portal-resource-tile-inner:hover .portal-resource-tile-tooltip,
.portal-resource-tile-inner:focus-within .portal-resource-tile-tooltip {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

/* Tablet adjustments */
@media (max-width: 991px) {
	.portal-resource-tile-image-title h2 {
		font-size: 20px;
		line-height: 25px;
	}

	.portal-resource-tile-tooltip {
		padding: 16px;
	}

	.portal-resource-tile-tooltip h3 {
		display: none;
	}

	.portal-resource-tile-tooltip-text {
		font-size: 14px;
		line-height: 1.4;
	}
}

/* Mobile / touch-friendly layout */
@media (max-width: 767px) {
	.portal-resource-tile {
		margin: 0 0 20px;
	}

	.portal-resource-tile-inner {
		overflow: visible;
	}

	.portal-resource-tile-image-title h2 {
		font-size: 18px;
		line-height: 24px;
	}

	.portal-resource-tile-tooltip {
		position: static;
		width: 100%;
		height: auto;
		opacity: 1;
		visibility: visible;
		transform: none;
		display: block;
		padding: 15px;
		background: #696969;
		text-align: left;
	}

	.portal-resource-tile-tooltip-inner {
		max-width: 100%;
	}

	.portal-resource-tile-tooltip h3 {
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 10px;
		text-align: left;
	}

	.portal-resource-tile-tooltip-text {
		font-size: 14px;
		line-height: 1.5;
		text-align: left;
	}

	.portal-resource-tile-tooltip-button {
		display: inline-block;
		margin-top: 15px;
		width: auto;
	}
}



/* Resource Table styling */
.posts-data-table th:first-child,
.posts-data-table td:first-child {
	min-width: 220px;
	text-align: center;
	vertical-align: middle;
}

.resource-icon {
	width: 100%;
	min-width: 100px !important;
	height: auto;
	object-fit: contain;
	display: block;
	margin: 0 auto;
}

/* Mobile */
@media (max-width: 767px) {
	.posts-data-table th:first-child,
	.posts-data-table td:first-child {
		min-width: auto !important;
		width: auto !important;
		max-width: none !important;
	}

	.resource-icon {
		width: 60px !important;
		min-width: 0 !important;
		max-width: 100% !important;
	}
}

.posts-data-table thead th:last-child {
	color: transparent;
}

.resource-table-purple-button {
	display: inline-block !important;
	min-width: 170px !important;
	padding: 10px 20px;
	box-sizing: border-box;  
	background-color: #3D1951;
	color: #fff;
	font-size: 13px;
	font-family: 'geomanistmedium', Arial, sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-decoration: none;
	border: none;
	border-radius: 2px;

	text-align: center;
	white-space: nowrap !important;
	line-height: 1.2;
}
	.resource-table-purple-button:hover {
		background-color: #3D1951;
		color: #ebebeb;
		text-decoration: none;
	}

.posts-data-table th:last-child,
.posts-data-table td:last-child {
	min-width: 220px;
	text-align: center;
	vertical-align: middle;
}

.col-resource_title {
	font-weight: 700 !important;
	color: #3D1951 !important;
}

/* Force all body cells to vertically center */
.posts-data-table tbody td {
	vertical-align: middle !important;
}

/* Specifically center the last column button cell */
.posts-data-table tbody td:nth-child(5) {
	vertical-align: middle !important;
}

/* Make sure the button sits centered nicely */
.posts-data-table tbody td:nth-child(5) a.purple-button {
	display: inline-block;
	margin: 0 auto;
}





/* Global
================================================== */
body {
	font-family: calluna, serif;
	font-weight: 400;
	font-style: normal;
	background-color: #fff;
}


/* Website Bands
================================================== */
.band.pre-header{
	width: 100% !important;
	overflow: auto;
	padding: 15px 50px;
	background: #3D1951;
}
	.pre-header h1, .pre-header p{
		color: #ebebeb;
		font-size: 1em;
	}
	.pre-header a{
		color: #ebebeb;
	}
		.pre-header a:hover{
		color: #ccc;
		text-decoration: underline;
	}

.band.header{
	width: 100% !important;	
  padding: 30px 0;
  height:80vh;
  background-color: #ccc;
}
	.hero-image-text{
		padding: 10% 0 0 65% !important;
	}
	.hero-image-text h1{
		text-transform: uppercase;
		text-align: left;
		font-size: 35px !important;
		font-weight: bolder;
		color: #fff !important;
	}
	.hero-image-text-blog{
		width: 40%;
		float: right;
		padding: 10% 0 0 65% !important;
	}

.band.header-solid{
	width: 100% !important;	
  padding: 30px 0;
  background-color: #58595B;
}

.band.purple-caption{
	background-color: #3D1951;
	padding: 50px 25px;
}
	.band.purple-caption h2{
		padding: 0;
		margin: 0;
		color: #fff;
	}

.band.content{
	background-color: #fff;
	padding: 50px 25px;
}
.band.grey-content{
	background-color: #D9D9D9;
	padding: 50px 25px;
}
.band.sand-content{
	background-color: #F2E6DD !important;
	padding: 50px 25px;
}
	
.band.book-content{
	background-color: #fff;
	padding: 100px 25px;
}

.band.training-content{
	background-color: #fff;
	padding: 50px 25px;
}

.band.footer{
	background-color: #58595B;
	padding: 60px 25px 10px 25px;
}


/*  Headings & Custom Fonts
================================================== */
/* Heading */
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 0;
 	font-weight: normal;
}

h1{
  font-size: 36px;
  color: #3D1951;
  font-family: 'geomanistbold', Arial, sans-serif;
  text-transform: uppercase;
  margin-bottom: 25px;
}

h2{
  font-size: 30px;
  color: #3D1951;
  font-family: 'geomanistbold', Arial, sans-serif;
  text-transform: uppercase;
}

h3{
  font-size: 26px;
  color: #595959;
  font-family: 'geomanistbold', Arial, sans-serif;
  text-transform: uppercase;
}

h4{
  font-size: 22px;
  font-family: calluna, serif;
	font-weight: 700;
}
	.h4-alt {
	  font-size: 20px;
	  font-family: calluna, serif;
	  font-weight: 400;
	}


h5{
  font-size: 16px;
  font-style: italic;
  font-family: calluna, serif;
	font-weight: 700;
}

h6{
  font-size: 14px;
  font-style: italic;
  font-family: calluna, serif;
}

p{
  font-size: 16px;
  color: #444444;
  font-family: calluna, serif;
	font-weight: 400;
	font-style: normal;
}

a{
	font-size: 16px;
	color: #3D1951;
	text-decoration: underline;
}

	a:hover{
		font-size: 16px;
		color: #3D1951;
		text-decoration: none;
	}

/* Custom Buttons */
.purple-button{
	background-color: #3D1951;
	padding: 10px 25px;
	color: #fff;
	font-size: 15px;
	font-family: 'geomanistmedium', Arial, sans-serif;
	letter-spacing: 1px;
  text-transform: uppercase;
	text-decoration: none;
	border: none;
}
	.purple-button:hover{
		background-color: #3D1951;
		padding: 10px 25px;
		color: #ebebeb;
		font-size: 15px;
	}

.white-button{
	background-color: #fff;
	padding: 10px 25px;
	color: #3D1951;
	font-size: 15px;
	font-family: 'geomanistmedium', Arial, sans-serif;
	letter-spacing: 1px;
  text-transform: uppercase;
	text-decoration: none;
	border: #ccc solid 1px;
}
	.white-button:hover{
		background-color: #fff;
		padding: 10px 25px;
		color: #444;
		font-size: 15px;
	}

.red-button{
	background-color: #ed3551;
	padding: 10px 25px;
	color: #fff;
	font-size: 15px;
	font-family: 'geomanistmedium', Arial, sans-serif;
	letter-spacing: 1px;
  text-transform: uppercase;
	text-decoration: none;
	border: none;
}
	.red-button:hover{
		background-color: #ed3551;
		padding: 10px 25px;
		color: #ebebeb;
		font-size: 15px;
	}

/* Custom Font Import for Geomanist Medium & Bold */
@font-face {
    font-family: 'geomanistbold';
    src: url('fonts/geomanist-bold-webfont.woff2') format('woff2'),
         url('fonts/geomanist-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'geomanistmedium';
    src: url('fonts/geomanist-medium-webfont.woff2') format('woff2'),
         url('fonts/geomanist-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


/* Header Content
================================================== */

.desktop-pre-header{
	display: block;
}
	.desktop-pre-header a{
		font-size: 1em;
	}
	.pre-header-login{
		text-align: right;
        font-weight:bold !important;
        font-size: 1.2em !important;
		padding: 15px 0 0 0 !important;
	}

.mobile-pre-header{
	display: none;
}

.custom-logo{
	max-width: 80%;
  height: auto;
}

.site-navigation{
	margin-top: 45px;
}
/* main navigation */
.navbar{
  text-align: right !important;
}

.navbar ul{
	background: none !important;
	text-align: right !important;
	
}

.navbar ul li{
	background: none !important;
	margin: 0px !important;
	margin-left: 20px !important;
	padding: 0px !important; 
}

.navbar-nav li a,
.navbar li a:visited{
	font-family: 'geomanistmedium', Arial, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff !important;
	font-style: none;
	font-size: 1.1em;
	letter-spacing: 1px;
}
	.navbar-nav li a:hover{
		color: #ebebeb !important;
	}


.navbar-nav li.active > a {
	color: #fff !important;
	background: none !important;
	border-bottom: 2px #fff solid;
}


/* Home Page
================================================== */

.home-page-tile-section{
	margin-top: -150px;
}

.home-tile-image{
	position: relative;
	width: 100%;
	height: 100%;
}

	.home-tile-image img{
		width: 100% !important;
		height: auto;
	}

	.home-tile-image:after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(61,25,81,0.35);
		z-index: 1;
	}

	.home-tile-image-sub-title{
		display: block;
		position: absolute;
		top: 45%;
		left: 15%;
		transform: translate(-50%, -50%);
		z-index: 2;
	}
		.home-tile-image-sub-title h3{
			color: #fff;
			font-size: 1.3em;
			letter-spacing: 1px;
		}

	.home-tile-image-title{
		display: block;
		position: absolute;
		top: 75%;
		left: 37%;
		transform: translate(-50%, -50%);
		z-index: 2;
	}
		.home-tile-image-title h2{
			color: #fff;
		}

.home-tile-content{
	padding: 15px 100px 35px 35px;
	background: #3D1951;
	margin-bottom: 25px;


}
	.home-tile-text{
		padding: 10px 0 20px 0;
		color: #fff;
		
	}
		.home-tile-text p{
			color: #fff !important;
			font-size: 1.2em;
		}

	.home-tile-button a{
		width: 50%;
		font-family: 'geomanistmedium', Arial, sans-serif;
		background-color: #fff;
		padding: 10px 20px;
		text-align: center;
		color: #3D1951;
		text-decoration: none;
	}
		.home-tile-button a:hover{
			color: #444;
		}


.home-tile-image-grey{
	position: relative;
	width: 100%;
	height: 100%;
}

.home-tile-image-grey img{
		width: 100% !important;
		height: auto;
	}

		.home-tile-image-grey:after {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: rgba(105,105,105,0.35);
			z-index: 1;
		}

.home-tile-content-grey{
	padding: 15px 100px 35px 35px;
	background: #696969;
	margin-bottom: 25px;
}

.band.content-home{
	background-color: #DADADA;
	padding: 350px 0 50px 0;
	margin-top: -350px;
}

.home-page-content{
	padding: 25px;
	
}

.home-page-content p{
	font-family: 'geomanistmedium', Arial, sans-serif;
	color: #3D1951;
	font-size: 1.2em;
}


/* Trainings
================================================== */

.on-demand-training p{
	line-height: .5em;
}

.on-demand-training a{
	font-size: .85em;
}

.training-content-header{
	border-bottom: solid 1px #ccc;
	padding: 5px 0 20px 0;
	margin-bottom: 35px;
}

.presenter-bio{
	border: dashed 2px #ebebeb;
	border-radius: 2px;
	margin: 25px 0;
	padding: 15px 0;
	overflow: auto;
}
	
.bio-image img{
	margin-top: 10px;
	margin-right: 25px;
}

.training-content-footer{
	padding: 20px 0 0 0;
}
.training-content-footer p, .training-content-footer h5 {
	font-size: 1em !important;
	color: #666;
}
	
.training-content-sidebar{
	background-color: #ebebeb;
	padding: 25px;
	margin-top: 25px;
}


.training-list{
	height: 350px;
	text-align: center;
	background-color: #3D1951;
	padding: 25px 25px 35px 25px;
}
	.training-list h3{
		color: #fff;
	}
	.training-list p{
		color: #ebebeb;
	}
.training-list-content{
	border-bottom: 1px dashed #999;
	padding-bottom: 5px;
	margin-bottom: 15px;
}



/* Virtual Support Group
================================================== */

.virtual-support-group-tile{
	border: #ccc solid 1px;
	border-radius: 2px;
	padding: 15px;
	margin: 15px 0;

}

.virtual-support-group-tile{

}



/* SVG map/directory page
================================================== */

.map-directory-content{
	padding: 75px 0px 0px 50px;
}

/* this disables the search and category select on IE 
.mapsvg-controller-view-content{
	display: none;
}
*/

/* Resource Page/Section
================================================== */

.resource-page-content-section{
	padding: 0 15px;
}
.resource-tile{
	margin: 15px 0;
}
.resource-tile-image{
	position: relative;
	width: 100%;
	height: 100%;
}

	.resource-tile-image img{
		width: 100% !important;
		height: auto;
	}

	.resource-tile-image:after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(61,25,81,0.35);
		z-index: 1;
	}

	.resource-tile-image-title{
		display: block;
		position: absolute;
		top: 80%;
		left: 37%;
		transform: translate(-50%, -50%);
		z-index: 2;
	}
		.resource-tile-image-title h2{
			color: #fff;
		}

.resource-tile-content{
	padding: 15px 15px 25px 15px;
	background: #3D1951;


}
	.resource-tile-text{
		padding: 10px 0 20px 0;
		color: #fff;
	}

	.resource-tile-button{
		width: 100%;
		font-family: 'geomanistmedium', Arial, sans-serif;
		background-color: #fff;
		padding: 10px 20px;
		text-align: center;
		color: #3D1951;
		text-decoration: none;
	}
		.resource-tile-button:hover{
			color: #444;
		}

.resource-page-cta-section{
	border-top: #ccc dashed 1px;
	margin-top: 35px;
	padding: 35px 0 15px 0;

}

.resource-page-cta-form{
	padding: 15px 0;

}

.resource-page-sidebar{
	background-color: #ebebeb;
	padding: 25px;
}

/* Book Table */
.col-title a{
		font-size: 1em;
		color: #ed3551 !important;
	}
		.col-title a:hover{
			font-size: 1em;
			color: #ed3551 !important;
		}
	.posts-table-button{
		background-color: #ed3551;
		color: #fff;
		text-decoration: none;
	}
		.posts-table-button:hover{
			color: #fff;
		}



/* Footer Content
================================================== */
.footer-logo{
	max-width: 90%;
	height: auto;
	padding: 0 10px;
}

footer p{
		color: #ebebeb;
		font-size: 1em;
	}
	footer a{
		color: #ebebeb;
	}
		footer a:hover{
		color: #999;
	}

.footer-copyright{
	margin-top: 35px;
}
	.footer-copyright p{
		font-size: .9em;
		font-style: italic;
		margin: 0;
	}
	.footer-copyright a{
		font-size: 1em;
	}
		.footer-copyright a:hover{
			font-size: 1em;
		}


/* Global Content
================================================== */



/* Gravity Forms
================================================== */
/*** REMOVE LABEL ON FIELDS USING PLACEHOLDER ***/
.gform_wrapper .top_label .gfield_label,
.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label {
 	display: none;
	color: #666;
}

.gform_wrapper{
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

body .gform_wrapper .top_label div.ginput_container{
	margin-top: 0px !important;
}

/*** FIELD TITLE ***/
body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label {
	color: #444444;
	font-weight: bold;
	margin-top: 15px;
	text-decoration: none;
	border: none;
}

.gfield_consent_label{
	color: #666;
}

	footer .gfield_consent_label{
	color: #999;
}


/*** FIELD li Label ***/
.gform_wrapper ul.gfield_checkbox li label, .gform_wrapper ul.gfield_radio li label{
	color: #666;
}


/*** FIELD sub Label ***/
.gform_legacy_markup_wrapper .field_sublabel_above .ginput_complex.ginput_container label, .gform_legacy_markup_wrapper .field_sublabel_above div[class*=gfield_date_].ginput_container label, .gform_legacy_markup_wrapper .field_sublabel_above div[class*=gfield_time_].ginput_container label, .gform_legacy_markup_wrapper .field_sublabel_below .ginput_complex.ginput_container label, .gform_legacy_markup_wrapper .field_sublabel_below div[class*=gfield_date_].ginput_container label, .gform_legacy_markup_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label{
	font-size: 1em !important;
}


/*** List li Label ***/
.gform_legacy_markup_wrapper .gfield_checkbox li label, .gform_legacy_markup_wrapper .gfield_radio li label{
	font-size: 1.4em !important; 
	padding-right: 15px; 
}

input[type="radio"], input[type="checkbox"]{
	margin: 10px 10px;
	margin-top: 10px;
}

/*** FIELD STYLING ***/
input[type=text],
textarea {
 background: #fff;
 border: solid 1px #ccc;
 border-radius: 2px;
 color: #666 !important;
 padding: 15px !important;
}

.gform_wrapper.gravity-theme .gfield input.large, .gform_wrapper.gravity-theme .gfield select.large{
	padding: 15px;
}

/* Drop Down */
body .gform_wrapper .gform_body .gform_fields .gfield select { 
    font-size: 32px;
}


/* Text Area */
body .gform_wrapper .gform_body .gform_fields .gfield textarea {
	background: #fff;
	border: solid 1px #ccc;
	border-radius: 2px;
	color: #666 !important;
	padding: 15px !important;
}


/*** BUTTON STYLING ***/
.gform_wrapper .gform_footer input.button {
	margin-top: 30px;
	cursor: pointer;
	background-color: #3D1951;
	padding: 10px 25px;
	color: #fff;
	font-size: 15px;
	font-family: 'geomanistmedium', Arial, sans-serif;
	letter-spacing: 1px;
  text-transform: uppercase;
	text-decoration: none;
	border: none;
}

/*** BUTTON HOVER STYLING ***/
.gform_wrapper .gform_footer input.button:hover {
	background-color: #3D1951;
		padding: 10px 25px;
		color: #ebebeb;
		font-size: 15px;
}


/* Boostrap Media Queries
================================================== */

/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.home-tile-image-sub-title, .home-tile-image-sub-title-grey{
		display: none;
	}

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.custom-logo{
		max-width: 90%;
	  height: auto;
	}
	.site-navigation{
			margin-top: 35px;
		}
	.navbar ul li{
		margin-left: 8px !important;
	}
	.navbar-nav li a,
	.navbar li a:visited{
		font-size: 1em;
		letter-spacing: 0;
	}

	.footer-logo{
		max-width: 50%;
		height: auto;
		padding: 25px;
	}

	.mobile-align{
		text-align: center;
	}


}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.custom-logo{
		max-width: 100%;
	  height: auto;
	}
	.site-navigation{
		margin-top: 10px;
	}
	.navbar-default .navbar-toggle{
		border: 2px solid #fff;
		padding: 14px 18px;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{
		background-color: rgb(0, 0, 0, .50);
		padding: 25px;
		border: none;
	}
	.navbar-nav li a, .navbar li a:visited{
		margin-bottom: 10px;
		line-height: 30px;
	}

	.hero-image-text{
		padding: 30% 0 0 25% !important;
	}
	

	.map-directory-content{
		padding: 10px 0px 20px 0px;
	}
	
		.training-list{
		height: 300px;
	}
	



}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	.navbar-nav li a, .navbar li a:visited{
		font-size: .8em;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{
		padding: 10px;
	}
	
	.home-tile-button a{
		width: 100%;
	}
	.resource-tile-button{
		width: 100%;
	}

	.container-fluid {
		padding-left: 5px !important;
		padding-right: 0px !important;
	}
	
	.band.header{
		height:65vh;
	}
	
	.hero-image-text{
		padding: 15% 0 0 10% !important;
	}
	
	
	.home-tile-image-sub-title{
		top: 100%;
		left: 50%;
		transform: translate(0%, 0%);
		z-index: 2;
	}
	
	.home-tile-image-title{
		display: block;
		position: absolute;
		top: 5%;
		left: 5%;
		transform: translate(0%, 0%);
		z-index: 2;
	}
	
	.home-tile-content, .home-tile-content-grey{
	padding: 15px 15px 25px 15px;
	}
	
		.training-list{
		height: 400px;
	}

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {...}




/* Print Screen
================================================== */
@media print { 
 /* All your print styles go here */
 
}

/* #Misc.
================================================== */
.blue{background-color: #36C}
.green{background-color: #096}
.orange{background-color: #C90}
.red{background-color: #F00;}
.text-right{text-align: right;}
.text-left{text-align: left;}


/* Bootstrap Overides / Resets
================================================== */
.container-fluid {
  padding-left: 50px;
  padding-right: 50px;
}

/* main navigation reset */
.navbar{
  min-height: 0 !important;
  margin: 0 !important;
  background: none !important;
  border: none;
  border-radius: 0 !important;
  padding:  0 !important;
}
.navbar ul{
  float: right;
  margin: 0 !important;
  padding: 0 !important;
}
.navbar li{
  margin: 0 !important;
  padding: 0 !important;
}
.navbar-nav li a{
  margin: 0 !important;
  padding: 0 !important;
}
.navbar .caret {
    display: none !important;
}

.no-gutter{
    padding-right:0;
    padding-left:0;
}

.dropdown:hover .dropdown-menu{
  display:block;
}

@media only screen and (min-width: 768px) {
  .dropdown:hover .dropdown-menu{
     display:block;
  }
}


/* Defualt _tk CSS
================================================================================================================================================*/

/* My Minimal WordPress Styling comes here */

/* This is a small security for too long strings titles */
body {
	word-wrap: break-word;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}


/* Images and wp-captions should always fit and be responsive */
img {
	display: inline-block;
	height: auto;
	max-width: 100%;
}
img[class*="wp-image-"] {
	margin-top: 10px;
	margin-bottom: 10px;
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	max-width: 100%;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 0 10px;
}
.wp-caption.aligncenter {
	margin-bottom: 10px;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
}
.wp-caption .wp-caption-text {
	text-align: center;
	margin-top: 10px;
}

/* WP Gallery */
.gallery {
	margin-bottom: 1.5em;
}
.gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.gallery dd {
	margin: 0;
}
.gallery-caption {
	display: block;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}


/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}


/* Content */
.main-content-inner {
	padding-bottom: 1.5em;
}
.hentry {
	margin: 0 0 1.5em;
}
.sticky {
	display: block;
}
.bypostauthor {
	display: block;
}


/* Clearing */
.clear {
	clear: both;
}

/* Navigation */

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:active>.dropdown-menu, .dropdown-submenu:hover>.dropdown-menu {
display: block;
}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:active>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}


/* Here some needed widget styles
 * Most widgets are adapted in the file bootstrap-wp.js - and REALLY easy to modify! ;) */
.widget { margin-bottom: 2em; }
.widget_nav_menu ul.sub-menu li, .widget_pages ul.children li { padding-left: 15px; }

/* Hiding the search widget's button in widgets. thats just too old-skool. :) but if you want it back, just delete the next line.
 * Note: you can change the whole appearance of the search_form() function in our searchform.php */
.widget_search .search-form input[type="submit"] { display: none; }

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Nested comments? They are threaded and nested already, you just need to add your own styling to finalize!
 * For example with some margin, like the line below ;) Delete, modify, change classes in HTML if you desire another style */
 .comment .children { margin-left: 1.5em; }

/**
* Some WP Theme Repository requirements
*/

.sticky {
}

.gallery-caption {

}

.bypostauthor {

}

.entry-meta {
	clear: both;
}