/*Massage4Health*/
/* Sticky footer styles
-------------------------------------------------- */

/*navbar background*/
.navbar-default{
background-color: #dee9ed;
border-color:#dee9ed;
color: #FFFFFF;

}

/*navbar menu option colors*/
.navbar-default .navbar-nav > li > a {
	color:forestGreen;
	margin-right:20px;
	
}

/*navbar active page highlight color*/
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus{
	color:white;
	background-color: black;
	
}

/*Menu highlight color*/
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus{
	color:#800080;
	background-color:transparent;	
}

/*page formatting*/
body{
	padding-top:70px;
	padding-bottom: 100px;
	background-color:#dee9ed;
	/* Margin bottom by footer height */
	margin-bottom: 60px;
}

/*Google font in all headers*/
h1,h2,h3,h4,h5,h6{
	font-family: 'Oswald', sans-serif;

}

/*Google font in all paragraphs, font-size for desktop and landscape tablet*/
p{
	font-family: 'Open Sans', sans-serif;
	font-size:1.2vw;
}

/*centers all headers*/
.textArea h1, h2, h3, h4, h5, h5{
	text-align:center;
	
}

/*Text background on conditions page and its subpages*/
.textAreaTwo{
	background-color:rgba(251, 243, 220, 0.7);
	border-radius:25px;
	width:100%;
	height:auto;
	margin-right:auto;
	margin-left:auto;
	padding:1vw;
	margin-top:2em;	
}

/*Text background on other pages*/
.textAreaThree{
	background-color:rgba(251, 243, 220, 0.7);
	border-radius:25px;
	width:100%;
	height:auto;
	margin-right:auto;
	margin-left:auto;
	padding:1vw;
	margin-top:2em;

}

/*aligns all headers center*/
.textAreaTwo h1, h2, h3, h4, h5, h5{
	text-align:center;
	
}
/*aligns all headers center*/
.textAreaThree h1, h2, h3, h4, h5, h5{
	text-align:center;
	
}

/*positions text box divs class shift height from top*/
.shift{
	margin-top:10vh;
}

/*Main page card*/
#card{
	width:50%;
	height:auto;
}

/*mobile card*/
#cardBottom{
	width:50%;
	height:auto;
	position:relative;
	bottom:7.2em;    /*change this*/
} 

/*makes active side menu item blue*/
#sideMenu .activePage{
	color:#4078a5;
}

/*footer formatting*/
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 90px;
  background-color:#dee9ed;
  text-align:center;

}

/*footer color and text size*/
#foot{
	font-size:12px;
	color:black;
}


/*===================================================CSS Below here should probably be left alone =================================*/

html {
  position: relative;
  min-height: 100%;
}



/*centers the nav bar menu*/
.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
  /*Alter this width % to help center the nav bar menu items*/
  /*width: 45%;*/
  margin-left:auto;
  margin-right:auto;
  
}

/*vertically centers nav menu items*/
.navbar-nav li a {
 line-height: 20px;
 font-size:1.5vw;
 
}

/*centers the nav bar menu*/
.navbar .navbar-collapse {
  text-align: center;
}

/*for card in top left*/
.navbar-brand{
	margin-right: 10px;
	font-size:1.5em;
	margin-right:-300px;
}


/*Dropdown highlight color*/
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus{
	color:white;
	background-color: #1A242F;
}


/*formats any link in navbar text class*/
.navbar-text > a {
	color: inherit;
	text-decoration: none;
}

/*Gets rid of bullets on side menu*/
ul{
 list-style-type: none;
 
 }

/*side menu size and spacing*/ 
ul#sideMenu li{
	font-size:1.2em;
	margin-top:1em;
}

/*side menu items color*/ 
ul#sideMenu li a{
	color:forestGreen;
}

/*side menu background*/ 
.sideMenuBackground{
	background-color:#dee9ed;
	border-radius:25px;
	margin-top:1em;
}

/*navbar folds at 1000px width*/
@media (max-width: 1000px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
		
    }
    .navbar-nav>li {
        float: none;
		
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
	
}

/*Tablet--change in here to affect tablet landscape only*/
@media screen and (min-width:1001px) and (max-width:1200px) {
	/*change font size*/
	p{
		font-size:2vh;
	}
}

/*Tablet--change in here to affect tablet portrait only*/
@media screen and (min-width:700px) and (max-width:1000px) {
	
	/*top card doesnt show, only bottom card*/
  #card{
 /*   display: none; */    /*change this*/
  }
  
	/*menu font size and spacing*/
   .navbar-nav li a {
	line-height:15px;
	font-size:1em;
 
	}
	
	/*text block*/
	.textArea{
	width:70%;
	margin-left:auto;
	margin-right:auto;
	
	}

	/*side menu font and spacing*/
	ul#sideMenu li{
		font-size:1.2em;
		margin-bottom:1vh;
	}
	
	/*change side menu height from top*/
	#sideMenu{
		margin-top:-6.5vh;
	}
	
	/*main menu formatting*/
	.mainMenu{
		position:absolute;
		right:1vw;
		font-size:1.2em;
		background-color:#dee9ed;
		margin-right:-10px;
		
	}
	
	/*moves main menu items right*/
	.mainMenu li a{
	text-align:right;
	margin-right:-100px;
	margin-bottom:10px;
	}
	
	/*change text area height from top*/
	.textAreaTwo{
		margin-top:-3vh;
	}
	.textAreaThree{
		margin-top:-3vh;
	}
	/*moves card from top*/
	#cardBottom{
		margin-top:-8vh;
	}
	
	/*moves pulldown meny from top*/
	#test{
		margin-top:4.5vh;
	}
	
	/*change font size*/
	p{
		font-size:3vw;
	}

}

.mobile{
	display:none;
}

/*portait phones -- check tablet to see what each block does*/
@media screen  and (min-width:0px) and (max-width:400px) {
	.navbar-nav li a {
	line-height:15px;
	font-size:1em;
 
	}
	.mainMenu{
	position:absolute;
	right:0px;
	font-size:1em;
	background-color:rgba(222, 233, 237, 0.9);
	}
	
	.mainMenu li a{
		position:relative;
		left:18px;	
	}
	
	#sideMenu{
		margin-top:-7.5vh;
	}
	
	ul#sideMenu li{
		font-size:0.9em;
		margin-top:0.5vh;
		margin-bottom:3vh;
	}
	
	#cardBottom{
		margin-top:-6.5vh;
	}
	
	.textAreaTwo{
		margin-top:-4.6vh;
		width:130%;
		margin-left:1vh;
	}
	
	.textAreaThree{
		margin-top:-4.6vh;
		width:100%
	}
	
	#card{
    display: none;
	
	}
  
	.textArea{
	
	width:70%;
	margin-left:auto;
	margin-right:auto;
	
	}
	
	.mainMenu li a{
	text-align:right;
	margin-right:-100px;
	margin-bottom:10px;
	}
	
	#test{
		margin-top:2.5vh;
	}
	
	/*change font size*/
	p{
		font-size:4vw;
	}

}

/*landscape phones  -- check tablet to see what each block does*/
@media screen and (min-width:401px) and (max-width:700px){
	
	.navbar-nav li a {
	line-height:15px;
	font-size:1em;
 
	}
	.textArea{
	
	width:70%;
	margin-left:auto;
	margin-right:auto;
	
	}
	.mainMenu{
	position:absolute;
	right:0px;
	font-size:1em;
	background-color:#dee9ed;
	}
	
	.mainMenu li a{
		position:relative;
		left:18px;	
		text-align:right;
		margin-right:-100px;
		margin-bottom:10px;
	}
	
	ul#sideMenu li{
		font-size:1em;
		margin-top:0.5vh;
		margin-bottom:1.5vh;
	}
	
	#card{
 /*   display: none; */    /*change this*/
  }
	
	.textAreaTwo{
		margin-top:-3vh;
	}
	.textAreaThree{
		margin-top:-3vh;
	}
	#sideMenu{
		margin-top:-8vh;
	}
	#sideMenu li{
		margin-bottom:3vh;
		
	}
	#sideMenu li a{
		font-size:2vw;
		
	}
	#cardBottom{
		margin-top:-3vh;
	}
	
	/*change font size*/
	p{
		font-size:2vw;
	}
}

/*card bottom disappears from home on desktop*/
@media screen and (min-width:1000px) {  
  #cardBottom{
/*    display: none; */     /*change this*/
  }
  .mobileOnly{
	  display:none;
  }
  
}
  
/*for upper left card image*/
#logo{
	margin-top:1vw;
	margin-bottom:1vw;
	margin-right:-300px;
}

/*moves side menu to edge of screen*/
#sideMenu{
	position:relative;
	right:40px;
	
	
}