/*
Custon Styles
1. Global
2. Navigation
3. Home
4. Events
5. About
6. Therapies Offerred
7. Share the Care
8. Photo Gallery
9. Contact
10. Intake Form
11.Footer
*/
/* --
Colors

Dark Purple: 52237f
Light Purple: b9b1d7
Block Purple: dfdcee

-- */
/* ======================================================================================
1 Global
=======================================================================================*/
body, html {
    font-family: "brandon-grotesque", sans-serif;
    color: #666666;
    height: 100%;
}

h1 {
    font-size: 2.7em;
    font-weight: 300;
}

p {
    font-size: 1.2em;
}

.introText {
    font-size: 1.6em;
    line-height: 1.3em;
}

section, .hrRules {
    background-color: #fff;
}

/* ======================================================================================
2 Navigation
=======================================================================================*/
header {
    position: relative;
    z-index: 1000;
	width: 100%;
}

header #whiteBG {
    width: 100%;
    height: 75px;
    background-color: #fff;
    position: fixed;
}

header nav img {
    height: 65px;
    width: auto;
}

.navbar-nav {
    float: left;
}

.navbar-default {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1);
}

.navbar {
    margin-bottom: 0;
    min-height: 75px;
}

/* push down the burger menu */
.navbar-toggle {
    margin-top: 23px;
    border: none;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #532380;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #fff;
}

/* drop down mobile menu */
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    background-color: rgba(185, 178, 217, .95);
    color: #fff;
    margin-top: 12px;
}

/* menu link color */
.navbar-default .navbar-nav>li>a {
    color: #fff;
    font-size: 1.8em;
}

.navbar-default .navbar-nav>li>a:hover {
    color: #532380;
}

.navbar-default .navbar-nav>li:last-child {
    margin-bottom: 1000px;
}

/* remove border */
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border: none;
}

.nav>li>a {
    padding: 20px 15px;
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: none;
}

/* animate the burger menu */
.navbar-toggle .icon-bar:nth-of-type(2) {
    top: 1px;
}

.navbar-toggle .icon-bar:nth-of-type(3) {
    top: 2px;
}

.navbar-toggle .icon-bar {
    position: relative;
    -webkit-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.navbar-toggle.active .icon-bar:nth-of-type(1) {
    top: 6px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.navbar-toggle.active .icon-bar:nth-of-type(2) {
    background-color: transparent;
}

.navbar-toggle.active .icon-bar:nth-of-type(3) {
    top: -6px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/* logo */
.navbar-brand {
    padding: 7px 15px;
}

.navbar-default .navbar-nav>.active {
    background-color: transparent;
    color: #52237f;
    /*border: 1px solid red;*/
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    background-color: transparent;
    color: #52237f;
}

/* active menu for when the site is scrolling */
a.nav-active {
    background-color: transparent;
    color: #52237f;
}

/* ======================================================================================
3 Home
=======================================================================================*/
#homeImg {
    overflow: hidden;
    position: relative;
}

#moved {
    background-color: #52237f;
    position: absolute;
	top: 75px;
    text-align: center;
    width: 100%;
	padding: 20px 0 20px;;
}

#moved h1 {
    color: #fff;
	font-size: 50px
	border: 1px solid red;
	font-weight: 700;
	margin: 0;
}

#moved p {
    color: #fff;
	font: 20px;
	margin: 0;
}

#moved a:link, #moved a:visited {
    color: rgba(185, 178, 217, .95);
}

#moved a:hover, #moved a:active {
    color: #fff;
}

#moved address {
    margin-bottom: 0;
	font-size: 18px;
}

#homeImg #imgHome {
    background-image: url('../img/home/homeImage.jpg');
    background-repeat: no-repeat;
    height: 400px;
    background-size: cover;
    overflow: hidden;
    width: 100%;
}

#homeImg img {
    width: auto;
    height: 350px;
}

#homeContent {
    padding-bottom: 75px;
    /*background-color: #f9f9f9;*/
}

#homeContent h1 {
    font-weight: 100;
    font-size: 3.8em;
}

#homeContent p {
    text-align: justify;
}

#homeContent aside {
    margin-top: 20px;
}

#homeContent aside #hoursContainer {
    border: 1px solid #ccc;
    background-color: #fff;
}

#homeContent aside p {
    color: #52237f;
    font-size: 1.3em;
    padding: 5px 0 0 12px;
}

#homeContent aside h2 {
    background-color: #e7e5f2;
    color: #52237f;
    font-size: 1.7em;
    font-weight: 400;
    margin: 0;
    padding: 10px;
}

#homeContent #events {
    font-size: 2.7em;
    font-weight: 300;
}

/* ======================================================================================
4 Events
=======================================================================================*/
#events {
    padding-bottom: 75px;
    padding-top: 75px;
}

#events h1 {
    /*margin-bottom: 10px;*/
}

#events h2 {
    color: #52237f;
    font-size: 1.7em;
    margin-top: 0;
}

#events h3 {
    color: #b9b1d7;
    font-size: 1.4em;
    margin: 0 0 10px 0;
    padding: 0;
}

#events .eventContent {
    border-bottom: 1px solid #eaeaea;
    display: inline-block;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

#events .purpleItalic {
    color: #b9b1d7;
    font-style: italic;
}

#events a {
    background-color: #eaeaea;
    ;
    border-radius: 3px;
    display: inline-block;
    font-weight: 500;
    margin-top: 10px;
    padding: 15px;
}

#events a:link, #events a:visited, #events a:hover, #events a:active {
    color: #52237f;
    font-size: 1.5em;
}

/* ======================================================================================
5 About
=======================================================================================*/
#about {
    background-color: #dfdcee;
    color: #52237f;
    padding-bottom: 75px;
    padding-top: 75px;
}

#about section {
    background-color: #dfdcee;
}

#about figure {
    text-align: center;
    margin: 20px 0 10px;
}

#about figure img {
    width: 200px;
    height: auto;
}

/* ======================================================================================
6 Therapies
=======================================================================================*/
#therapiesOffered {
    padding-bottom: 75px;
    padding-top: 75px;
}

#therapiesOffered h2 {
    color: #52237f;
}

#therapiesOffered h3 {
    color: #52237f;
}

#therapiesOffered h4 {
    font-weight: 500;
}

#nugget {
    margin-top: 20px;
}

#therapiesOffered span {
    color: #b9b1d7;
}

#therapiesOffered #smallPrint {
    font-size: 1em;
}

/* ======================================================================================
7 Share
=======================================================================================*/
#shareTheCare {
    padding-bottom: 75px;
    padding-top: 75px;
}

#shareTheCare figure {
    text-align: center;
    margin-top: 30px;
}

/* ======================================================================================
8 Photo Gallery
=======================================================================================*/
#photoGallery img {
    width: 100%;
    height: auto;
}

/* ======================================================================================
9 Contact
=======================================================================================*/
#contact {
    padding-bottom: 75px;
    padding-top: 75px;
    text-align: center;
}

#contact address {
    font-size: 1.6em;
    margin-top: 10px;
}

#contact a:link, #contact a:visited, #contact a:hover, #contact a:active {
    color: #52237f;
    font-size: 1.5em;
}

#fax {
    font-size: 1.5em;
}

#contact #emailLink {
    font-size: 1.6em;
}

#contact h3 {
    font-weight: 300;
}

#contact figure {
    text-align: center;
    margin-top: 30px;
}

#contact #phoneNumber, #contact #emailLink {
    background-color: #eaeaea;
    ;
    border-radius: 3px;
    display: inline-block;
    font-weight: 500;
    margin-top: 20px;
    padding: 20px;
}

#map_canvas {
    height: 400px;
    margin-top: 20px;
    width: 100%;
}

/* ======================================================================================
10 intake form
=======================================================================================*/
#intakeForm {
    padding-bottom: 75px;
    padding-top: 75px;
    height: 600px;
    text-align: center;
}

#intakeForm a {
    background-color: #eaeaea;
    ;
    border-radius: 3px;
    display: inline-block;
    font-weight: 500;
    margin-top: 20px;
    padding: 20px;
}

#intakeForm a:link, #intakeForm a:visited, #intakeForm a:hover, #intakeForm a:active {
    color: #52237f;
    font-size: 1.5em;
}

/* ======================================================================================
11 Footer
=======================================================================================*/
footer {
    border-top: 1px solid #eaeaea;
    padding-top: 20px;
    font-size: .7em;
}

footer img {
    margin-top: -4px;
}

/* Small devices (tablets, 768px and up) */
@media only screen and (min-width: 768px) {

    /* ======================================================================================
	1. Global 768
	=======================================================================================*/
    h1 {
        font-weight: 100;
        font-size: 3.7em;
    }

    p {
        font-size: 1.3em;
    }

    /* ======================================================================================
	2 Navigation 768
	=======================================================================================*/
    header nav img {
        height: 81px;
    }

    header #whiteBG {
        height: 90px;
    }

    .navbar {
        min-height: 90px;
    }

    .navbar-nav {
        float: right;
        margin-top: 2px;
    }

    .navbar-default .navbar-nav>li:last-child {
        margin-bottom: 0;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        background-color: #fff;
        margin-top: 14px;
    }

    /* menu link color */
    .navbar-default .navbar-nav>li>a {
        color: #666566;
        font-size: 1.1em;
        font-weight: 300;
    }

    #formIcon {
        height: 20px;
        width: auto;
        margin-top: -6px;
        margin-right: 6px;
    }

    .navbar-default .navbar-nav>.active {
        background-color: #dfdcee;
        color: #52237f;
    }

    .navbar-default .navbar-nav>.active>a,
    .navbar-default .navbar-nav>.active>a:hover,
    .navbar-default .navbar-nav>.active>a:focus {
        background-color: #dfdcee;
        color: #52237f;
    }

    /* active menu for when the site is scrolling */
    a.nav-active {
        background-color: #dfdcee;
        color: #52237f;
    }

    /* ======================================================================================
	3 Home 768
	=======================================================================================*/
	#moved {
		top: 112px;
	}
    #homeContent {
        margin-bottom: 30px;
    }

    #homeContent h1 {
        font-size: 4.2em;
    }

    #homeContent aside {
        margin-top: 55px;
    }

    #homeContent aside h2 {
        font-size: 1.65em;
    }

    #homeContent aside p {
        font-size: 1.4em;
        padding: 15px 0 15px 10px !important;
    }

    #homeImg #imgHome {
        height: 600px;
    }

    /* ======================================================================================
	4 Events 768
	=======================================================================================*/
    #events {
        padding-top: 90px;
    }

    /* ======================================================================================
	5 About 768
	=======================================================================================*/
    #about {
        padding-top: 90px;
        padding-bottom: 30px;
    }

    /* ======================================================================================
	6 Therapies 768
	=======================================================================================*/
    #therapiesOffered {
        padding-top: 90px;
    }

    #therapiesOffered .introText {
        font-size: 1.5em;
    }

    /* ======================================================================================
	7 Share 768
	=======================================================================================*/
    #shareTheCare {
        padding-top: 90px;
    }

    #shareTheCare figure {
        text-align: center;
        margin-top: 30px;
    }

    #shareTheCare .introText {
        font-size: 1.5em;
    }

    /* ======================================================================================
	8 Contact 768
	=======================================================================================*/
    #contact {
        padding-top: 90px;
    }

    #contact #phoneNumber {
        background-color: transparent;
        border-radius: 0px;
        color: #666666;
        display: inline-block;
        font-weight: 400;
        margin-top: 20px;
        padding: 0px;
    }

    #contact #phoneNumber:hover {
        text-decoration: none;
    }

    #contact #emailLink {
        margin-top: 20px;
        background-color: #eaeaea;
        border-radius: 3px;
        display: inline-block;
        padding: 20px;
        font-weight: 500;
        font-size: 1.3em;
    }

    /* ======================================================================================
	9 Intake 768
	=======================================================================================*/
    #intakeForm {
        padding-top: 90px;
    }
}

/* Medium devices (desktops, 992px and up) */
@media only screen and (min-width: 992px) {

    /* ======================================================================================
	Global 992
	=======================================================================================*/
    h1 {
        font-weight: 100;
        font-size: 3.7em;
    }

    p {
        font-size: 1.5em;
    }

    /* menu link color */
    .navbar-default .navbar-nav>li>a {
        font-size: 1.4em;
    }

    /* ======================================================================================
	3 Home 992
	=======================================================================================*/
    #homeContent h1 {
        font-size: 6.2em;
    }

    #homeImg img {
        width: 100%;
        height: auto;
    }

    #homeImg #imgHome {
        height: 800px;
    }
}

/* Large devices (large desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

    /* menu link color */
    .navbar-default .navbar-nav>li>a {
        font-size: 1.5em;
    }

	#moved {
		top: 90px;
	}

    /* ======================================================================================
	3 Therapies 1200
	=======================================================================================*/
    #therapiesOffered p {
        font-size: 1.2em;
    }

    /* ======================================================================================
	Photo Gallery 1200
	=======================================================================================*/
    #photoGallery div {
        height: 700px;
        overflow: hidden;
    }

    /* ======================================================================================
	3 Share 1200
	=======================================================================================*/
    #shareTheCare p {
        font-size: 1.2em;
    }
}