/* ------Site Styles -------*/

h1, .h1, h2, .h2, h3, .h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #BD73AE;
}

img {
	display: block;
	max-width: 100%;
}

.txt-blue {
	color: #0000EE;
	font-weight: bold;
	font-size: 18px;
}

.center {
	text-align: center;
}

.indent {
	padding-left: 15px;
}

.large-bold {
	font-weight: bold;
	font-size: 16px;
}

.intro {
	margin-top: 0px;
	margin-bottom: 25px;
}

.btm-margin {
	margin-bottom: 50px;
}

.interior {
	margin-bottom: 100px;
}

.narrow {
	max-width: 400px;
}

.callout {
	font-style: italic;
	font-weight: bold;
	font-size: 16px;
}

a.link-black {
	color: #000;
	text-decoration: underline;
}

a {
	color: #0000FF;
}
/* ------ Navigation -------*/

.navbar {
	min-height: 150px;
	text-align: center;
}

a.navbar-left {
	display: block;
	margin: 15px 25px;
}

.navbar-toggle {
	border-color: #a69acb;
	margin: 25px 25px 0 0;
	box-shadow: 1px 1px .5px #ddd;
}

.navbar-toggle .icon-bar {
    border-radius: 0px;
    background-color: #a69acb;
}

/* ------ Homepage -------*/

.intro-p {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #BD73AE;
}

.home-photo {
	float: right;
	margin-left: 25px;
}

.list-header {
	font-weight: bold;
}

.mission-statement {
	font-weight: bold;
	font-size: 16px;
}

.sidebar-bg {
    background-color: #f7e9b1;
    border: 3px solid #5ebbe9;
    text-align: center;
    padding: 15px 5px;
}

.sidebar-bg>img {
	margin-left: auto;
	margin-right: auto;
}

.flourish {
	margin: 10px 0;
}

.sidebar-badges h3 {
	margin-bottom: 25px;
}

.badge-link {
	margin-bottom: 35px;
	font-weight: bold;
	color: #000;
}

.badge-link img {
	display: block;
}

.badge-link>a {
	font-weight: bold;
	text-decoration: underline;
	color: #000;
	display: block;
}

.facebook-badge {
	text-align: center;
	margin: 50px auto;
}

.facebook-badge a {
	color: #551c87;
    text-decoration: underline;
    font-size: 21px;
}

/* ------ About Page -------*/

.about-content {
	width: 75%;
	margin: 0 auto;
}

.about-content p {
	margin-bottom: 20px;
}

.about-content .large-bold p {
	margin-bottom: 30px;
}

/* ------ Services & Fees Page -------*/

.services-header {
	font-weight: bold;
	font-size: 18px;
}

.step-header {
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	font-size: 16px;
}

/* ------ Presentations & Workshops Page -------*/

ul.workshops {
	padding-left: 0px;
}

ul.workshops li {
	max-width: 400px;
	margin-bottom: 15px;
}

/* ------ Testimonials Page -------*/

.testimonial {
	margin-bottom: 25px;
}

.testimonial p {
	margin-bottom: 0;
}

.quote {
	font-style: italic;
}

.before-after {
	margin-bottom: 25px;
}

.before-after img {
	float: left;
	display: inline-block;
	margin-right: 10px;
	max-width: 100%;
}

.credentials {
	clear: both;
}

.credentials ul {
	clear: both;
	padding-left: 25px;
}


/* ------ Footer -------*/

footer {
	font-size: 12px;
}

footer .container {
	border-top: 3px solid #BD73AE;
	padding-top: 15px;
}

.footer-left {
	margin-bottom: 15px;
}

.footer-nav {
	float: right;
	padding-left: 0px;
}

.footer-nav>li {
	display: inline-block;
	float: left;
	padding: 0 5px;
}

.footer-nav>li>a {
	color: #000;
}

/* ------ Form ----- */

* {
	margin:0;
	padding:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;
	-o-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}

#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea, #contact button[type="submit"] { font:400 12px/16px "Open Sans", Helvetica, Arial, sans-serif; }

#contact {
	padding:25px;
	margin:10px 0;
}

#contact h3 {
	color: #F96;
	display: block;
	font-size: 30px;
	font-weight: 400;
}

#contact h4 {
	margin:5px 0 15px;
	display:block;
	font-size:13px;
}

fieldset {
	border: medium none !important;
	margin: 0 0 10px;
	min-width: 100%;
	padding: 0;
	width: 100%;
}

.error {
	color: #ff0000;
}

.success {
	color: #ef9f22;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 15px;
    padding: 15px;
    -webkit-font-smoothing: auto;
}

#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea {
	width:100%;
	border:1px solid #CCC;
	background:#FFF;
	margin:0 0 5px;
	padding:10px;
}

#contact input[type="text"]:hover, #contact input[type="email"]:hover, #contact input[type="tel"]:hover, #contact input[type="url"]:hover, #contact textarea:hover {
	-webkit-transition:border-color 0.3s ease-in-out;
	-moz-transition:border-color 0.3s ease-in-out;
	transition:border-color 0.3s ease-in-out;
	border:1px solid #AAA;
}

#contact textarea {
	height:100px;
	max-width:100%;
  resize:none;
}

#contact button[type="submit"] {
	cursor:pointer;
	width:auto;
	border:none;
	background:#ffe681;
	color:#000;
	margin:10px 0 5px 0;
	padding:10px;
	font-size:15px;
}

#contact button[type="submit"]:hover {
	background:#BD7E1B;
	-webkit-transition:background 0.3s ease-in-out;
	-moz-transition:background 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
}

#contact button[type="submit"]:active { box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5); }

#contact input:focus, #contact textarea:focus {
	outline:0;
	border:1px solid #999;
}
::-webkit-input-placeholder {
 color:#888;
}
:-moz-placeholder {
 color:#888;
}
::-moz-placeholder {
 color:#888;
}
:-ms-input-placeholder {
 color:#888;
}


/* ------ Media Queries -------*/

@media only screen and (min-width: 1200px) {
	.navbar-right {
		margin-top: 60px;
	}
}

@media only screen and (min-width:768px) {
	a.navbar-left {
		margin: 0;
	}

	.nav.navbar-nav {
		display: flex;
		justify-content: space-around;
	}

	.nav>li {
		border-bottom: 8px solid #bd73ae;
	}

	.nav>li:hover {
		border-bottom: 8px solid #ffe681;
	}

	.nav>li>a {
		background-color: #ffe681;
		border: 1px solid #bd73ae;
		color: #000;
		line-height: 1;
    	padding-top: 6px;
    	padding-bottom: 6px;
    	margin: 0px .5em 10px .5em;
	}

	.nav>li>a:hover {
		background-color: #ffe681;
		color: #000;
	}

	.nav>li.nav-short>a, .nav>li.nav-med>a {
    	padding: 13px 25px;
	}

	.nav>li.hover-purple>a:hover {
		background-color: #a69acb;
		color: #fff;
	}

	.nav>li.hover-blue>a:hover {
		background-color: #5ebbea;
		color: #fff;
	}

	.nav>li.hover-green>a:hover {
		background-color: #85ab70;
		color: #fff;
	}
}

@media only screen and (max-width:1199px) {
	.navbar-right {
		max-width: 70%;
		margin-top: 32px;
	}

	.navbar-nav {
		max-width: 100%;
	}
	.nav>li>a {
		padding: 10px 8px;
		margin: 0px .2em 10px .2em;
	}

	.nav>li.nav-short>a {
    	padding: 24px 10px;
	}

	.nav>li.nav-med>a {
		padding: 17px 10px;
	}
}

@media only screen and (min-width:991px) {
	.step-header {
		text-align: right;
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	a.navbar-left img {
		max-width: 175px;
		margin-top: 25px;
	}

	.navbar-right {
		max-width: 75%;
	}

}

@media only screen and (max-width:768px) {
	.navbar-header {
		box-shadow: 0px 1px 3px #888888;
	}
	.navbar-nav {
		margin: auto;
	}

	.nav>li>a, .nav>li.nav-short>a, .nav>li.nav-med>a {
	    padding: 1px 25px;
    	color: #000;
    	background-color: rgba(255,255,255,.7);
	}

	.navbar-right {
		max-width: 100%;
		position: absolute;
	    top: 26px;
	    right: 84px;
	    background-color: #a69acb;
	    z-index: 100;
	    box-shadow: 0px 1px 3px #888888;
	}

	.nav>li>a {
		margin: 5px 0;
	}

	.nav>li>a:hover {
		background-color: #ffe681;
		color: #000;
	}

	button.navbar-toggle[aria-expanded="true"] {
		box-shadow: 0px 0px 1px #888888 inset;
	}
}