/* multi-classes */
.bold { font-weight: bold; }
.center {
	text-align:center;
}

/* header buttons */
.header_flexbox
{
	display: flex; /*flexbox for contact*/
	flex-wrap: wrap; /*flex - wrap or nowrap*/ 
	justify-content: center; /*flex - how items are positions in flexbox*/
	align-items: center; /*flex - centers each individual box vertically*/	
	max-width: 100%; 
	margin: auto; /*centers the nav container*/ 
	padding: 10px 15px;  /*t,r,b,l*/	
	/*border:1px solid red; /*hide - for layout only*/
}
.header_flexbox > div 
{	
	width: 255px; 
	margin: 0px 99px; 
	padding: 5px;  
	/*border:1px solid green; /*hide - for layout only*/
}
.logo
{
	display: block;
	margin: 0px auto;
}
.logo_name
{
	font-family: 'Lora', serif; 
	font-size:15px; 
	font-weight:lighter;
	text-align:center;
}
.header_btn
{
	background: linear-gradient(#169FB9 , #1DB1CF); 
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.46);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:10px;
	border: 2px solid rgba(255,255,255,0.1);
	display:block;
	cursor:pointer;
	color:#ffffff;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-weight:400;
	padding:10px 25px;
	text-decoration:none;
	margin: 25px auto; 
	text-shadow: 1px 1px 3px #666;
}
.header_btn:hover 
{
	background: linear-gradient(#1DB1CF , #168DA6);
	color:#ffffff;
	text-shadow: 1px 1px 3px #666;
}
.header_btn:active 
{
	position:relative;
	top:1px;
}




/* home page */
.hm_box_shad
{
	width: 80%;
	box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.1); /*x,y,blur,spread,color*/
	margin: auto; 
}
.hm_img_box 
{
  position: relative;
  text-align: center;
  /*border:1px solid red; /*hide - for layout only*/
}
.hm_img_txt 
{
  position: absolute;
  top: 35px;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  font-size: 26px; 
  /*border:1px solid red; /*hide - for layout only*/   
}
.hm_img
{
	width: 100%; 
	margin: auto; 
	display: block;
}
.hm_box
{
	width: 100%;
	margin: 0px auto; 
	background-color: rgba(255,255,255,0.4);
	background: linear-gradient(rgba(255,255,255,0.9) , rgba(23,128,165,0.1)); 
	box-sizing: border-box;
}
.title
{
	font-family: 'Lora', serif;
	color: #1DB1CF;
	text-align: center;
	font-style: italic;	
	padding: 15px 15px 0px 15px; 
}
.welcome
{	
	max-width: 80%; 
	margin: 15px auto; /*centers the container*/ 
	padding: 15px;  /*t,r,b,l*/	
	font-size: 18px; 
	text-align: center; /**/
	font-family: 'Lora', serif;
	line-height: 1.5;
	/*border:1px solid red; /*hide - for layout only*/
}
.rotateTxt_box
{
	width: 80%;
	margin: 45px auto; 
	padding: 0px; 
	
	background: linear-gradient(0deg, #e8e8e8, #ffffff); 	
	letter-spacing:.5px; 	
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.5), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	/*border:2px #ffffff solid; /**/	
}
.rotateTxt
{
	font-weight: bold; 
	/*font-weight:100; /**/
	font-style: italic;
	font-size: 20px;	
	color: #168DA6;
}


/*new provider flexbox*/ 
.provider_flexbox 
{
	display: flex; /*flexbox for contact*/
	flex-wrap: wrap; /*flex - wrap or nowrap*/ 
	justify-content: space-evenly; /*flex - how items are positions in flexbox*/
	/*align-items: center; /*flex - centers each individual box vertically*/	
	max-width: 100%; 
	margin: auto; /*centers the nav container*/ 
	padding: 25px 0px 15px 0px;  /*t,r,b,l*/	
	/*border:1px solid red; /*hide - for layout only*/
}
.provider_item
{
	text-align: center; 
	padding: 0px 25px 30px 25px; /*t,r,b,l*/
	/*border:1px solid green; /*hide - for layout only*/
}
.break /*force flex item to next line*/ 
{
  flex-basis: 100%;
  height: 0;
}
.prov_img
{
	width:175px; 
	height:auto; 
	border:5px solid #ededed;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.46);
	margin-bottom: 15px;
}
.prov_title
{
	color:black; 
}


/*new patient pg styles*/ 
.patient_outter_box 
{
	width: 80%;	
	max-width: 1200px;
	margin: auto; /*centers the container*/		 
	margin-bottom: 25px;
	padding: 25px 25px 25px 25px;  /*t,r,b,l*/
	background: rgba(255, 255, 255, 1); /**/ 
	color: black;  	
}
.patient_flexbox
{
	display: flex; /*flexbox for contact*/
	flex-wrap: wrap; /*flex - wrap or nowrap*/ 
	justify-content: space-between; /*flex - how items are positions in flexbox*/
	/*align-items: center; /*flex - centers each individual box vertically*/
	
	max-width: 1100px; 
	margin: 25px auto; /*centers the nav container*/ 
	/*padding: 25px 0px 25px 0px;  /*t,r,b,l*/	
	/*border:1px solid green; /*hide - for layout only*/
}
.patient_newBox    
{
	width: 600px;
	font-size: 15px; /**/	
	/*border:1px solid red; /*hide - for layout only*/	
}
.patient_formBox    
{
	width: 350px;
	font-size: 15px; /**/
	margin: -15px 45px 0px 0px; 
	/*border:1px solid red; /*hide - for layout only*/	
}
.patient_linkBox  
{
	width: 325px;
	font-size: 15px; /**/
	margin: 0px 35px 0px 0px; 
	/*border:1px solid red; /*hide - for layout only*/	
}
.patient_tools   
{
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px; 
}
.patient_pic 
{
	width:45%; 
	height:auto; 
	float:right;
	margin-left: 15px; 
}
.patient_portal 
{
	width: 600px;
	font-size: 15px; /**/
	padding: 15px; 
	margin-top:0px; 
	background: #f7f7f7;
	/*border:1px solid red; /*hide - for layout only*/	
}


/* services styles */ 
.services 
{
	line-height:1.6;
}
.services > h4 
{
	font-family: 'Lora', serif;
	font-weight:100;
	color: #000000;
	font-style: italic;	
	padding-top: 25px; 
}
.services > p > span
{
	font-size:16px;
}
.services > p 
{
	font-size:14px;
}



/*new footer gradient*/ 
.footer_grad
{
	background: rgb(110,174,187);
	background: linear-gradient(0deg, rgba(110,174,187,1) 0%, rgba(228,248,252,1) 100%);
}
.footer_solid
{
	background: #2592a7; /*#509baa;/**/
}





@media all and (max-width: 1075px) 
{
	.patient_portal 
	{
		margin-top:25px; 		
	}
	.patient_linkBox  
	{
		margin: 45px 35px 0px 45px; 	
	}
}
@media all and (max-width: 780px) 
{
	.hm_img_txt 
	{	  
	  visibility: hidden; 
	}
}
@media all and (max-width: 490px) 
{
	.logo_name
	{
		font-size:8px; 
		font-weight: bold; 
	}
}