/*Dev2*/
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700&family=Playfair+Display:wght@400;500;800;900&family=Poppins:wght@100;200;300;400&display=swap');

/*
font-family: 'Lato', sans-serif;
font-family: 'Playfair Display', serif;
font-family: 'Poppins', sans-serif;
*/

body{
	background-color:#fff;	
	
}

/*
a:visited{
	color:rgba(232,243,251,1);
}
a:hover{
	color:rgba(232,243,251,0.9);
}
*/

#image_box{
			display:grid;
			grid-template-rows: 30px 100px 300px 350px 250px 300px 200px; /* Buffer / Top / Gap / therapies / profile / suggestions +/links */
			background-image:linear-gradient(0deg, rgba(80,130,164,0.35),rgba(80,130,164,0.35)),url('../images/bgimage_reset1.jpg');
			background-repeat: no-repeat;
			background-size:cover;
			background-position:center left; 
			background-attachment:fixed;
			
}
	#top_buffer{
		grid-row:1;
		height:30px;
		display:grid;
	}
	#top_title{
		grid-row:2;
		display:grid;
		grid-template-columns:1fr 1fr;
		grid-column-gap:25px;
		background-color:rgba(80,130,164,0.6);
		height:100px;
		border:1px solid rgba(232,243,251,0.2);
		margin:auto;
		/*justify-content:center;
		align-content:center;*/
		width:100%;
	}
		#left_title{
			display:grid;
			grid-column:1;
			height:100px;
			padding-top:0;
			margin-top:0;
			line-height:0.01;;
			
		}
			h2.left_title_text{
			display:grid;
			grid-column:1;
			align-content:center;
			justify-content:right;
			font-family:'Playfair Display', serif;
			font-weight:900;
			font-size:60px;
			color:rgba(232,243,251,1);
			}
		#right_title{
			display:grid;
			grid-column:2;
		}
			h2.right_title_text{
				display:grid;
				font-family:'Lato', sans-serif;
				font-weight:300;
				font-size:1.2em;
				color:rgba(232,243,251,1);
				line-height:1.3;
				
			}
	#top_gap{
		grid-row:3;
		/*background-color:rgba(210,210,210,0.5);*/
		height:120px;
	}

		.page_head{
			margin-top: 5px;
			padding: 5px 0px 5px 0px;
			text-align:center;
			font-family:'Playfair Display', serif;
			font-weight:200;
			font-size:5px;
			color:rgba(232,243,251,1);
			width:100%;
			background-color:rgba(232,243,251,1);
		}


	#therapy_sec1{
		display:grid;
		grid-row:4;
		height:350px;
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows:1fr;
		grid-column-gap:30px;
		width:90%;
		margin:auto;
		align-content:center;
		padding-bottom:100px;		
	}
		div.therapy{
			border:1px solid rgba(232,243,251,0.2);
			height:300px;
			display:grid;
			grid-template-rows:4em 1fr 50px;
		}
			#therapy1{
				grid-column:1;
				grid-row:1;
			}
			#therapy2{
				grid-column:2;
				grid-row:1;
			}
			#therapy3{
				grid-column:3;
				grid-row:1;
			}
				.therapy_head{
					display:grid;
					grid-template-columns:8em 3fr;
					grid-row:1;
					background-image:linear-gradient(180deg, rgba(80,130,164,0.80),rgba(80,130,164,0.75));
					color:#5A234A;
					padding-left:25px;
					padding-right:25px;
					align-content:center;
				}
					h2.therapy_abb{
						display:grid;
						grid-column:1;
						font-family:'Playfair Display', serif;
						font-weight:800;
						font-size:2.5em;
						color:rgba(232,243,251,1);
						text-align:left;
						align-content:center;
					}					
					h3.therapy_exp{
						display:grid;
						grid-column:2;
						font-family:'Lato', sans-serif;
						font-weight:300;
						font-size:0.9em;
						color:rgba(232,243,251,1);
						text-align:left;
						align-content:center;
						padding-top:25px;
					}
				p.therapy_blurb{
					grid-row:2;
					background-image:linear-gradient(180deg, rgba(80,130,164,0.80),rgba(80,130,164,0.75));
					overflow:hidden;
					padding-left:25px;
					padding-right:25px;
					padding-top:25px;
					font-family:'Lato', sans-serif;
					font-weight:400;
					font-size:0.9em;
					color:rgba(232,243,251,1);
					text-align:justify;
					line-height:1.5;
				}
				.therapy_further{
					display:grid;
					grid-row:3;
					background-color:rgba(80,130,164,0.55);
					grid-template-columns:1fr 4fr 25px;
					align-items:center;
				}
					.therapy_more{
						grid-column:1;
						text-align:left;
						padding-left:25px;
						align-items:center;
						font-family:'Lato', sans-serif;
						font-weight:400;
						font-size:1em;
						color:rgba(232,243,251,1);
					}					
					.therapy_view{
						grid-column:2;
						text-align:right;
						padding-left:25px;
						align-items:center;
						font-family:'Lato', sans-serif;
						font-weight:400;
						font-size:1em;
						color:rgba(232,243,251,1);
						
					}
					.therapy_arrow{
						grid-column:3;
						padding-right:50px;
					}
					
						.therapy_further a:link {
						  color: #fff;
						  background-color: transparent;
						  text-decoration: underline;
						}

						.therapy_further a:visited {
						  color: #fff;
						  background-color: transparent;
						  text-decoration: underline;
						}

						.therapy_further a:hover {
						  color: #fff;
						  background-color: transparent;
						  text-decoration: underline;
						}
	#action{
		/*display:flex;
		flex-direction:row;*/
		grid-template-columns:4fr 3fr;
		align-content:center;
		display:grid;
		grid-row:5;
		border:1px solid rgba(232,243,251,1);
		max-width:90%;
		height:200px;
		margin:auto;
		align-content:center;
		border-radius: 25px;
		/*background-image:linear-gradient(180deg, rgba(80,130,164,0.60),rgba(80,130,164,0.30));*/
		-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.6);
		-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.6);
		box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.6);
		background-color:rgba(80,130,164,0.7);
		
	}
		.action_string{
			grid-column:1;
			/*flex-grow:6;*/
			display:grid;
			font-family:'Playfair Display';
			font-weight:400;
			font-size:1.1em;
			color:rgba(232,243,251,1);/*rgba(80,130,164,1);*/
			text-align:center;
			line-height:1;
			padding-left:20px;
			padding-bottom: 20px;
			margin:auto;
			
		}
			
		.button_section{
			grid-column:2;
			
			/*display:grid;*/
			grid-template-columns:1fr ;
			justify-content:center;
			align-content:center;
			margin:auto;
			
		}
			#button1{
				grid-column:1;
				font-family:'Playfair Display', serif;
				font-weight:300;
				font-size:1em;
				color:rgba(80,130,164,1);
				background-color:rgba(232,243,251,1);
				border:2px solid rgba(232,243,251,1);
				padding:10px 10px 10px 10px;
				text-align:center;
				width:120px;
				-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.6);
				-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.6);
				box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.6);
				margin:auto;
			}
			/*
			#button2{
				grid-column:2;
				font-family:'Playfair Display', serif;
				font-weight:300;
				font-size:1em;
				color:rgba(232,243,251,1);
				background-color:rgba(80,130,164,1);
				border:2px solid rgba(80,130,164,1);
				padding:10px 10px 10px 10px;
				text-align:center;
				width:120px;
				-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.6);
				-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.6);
				box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.6);
				visibility:hidden; 
			}
			*/
			
	#profile_sec{
		grid-row:6;
		display:grid;
		grid-template-columns:1fr 1fr;
		background-color:rgba(80,130,164,1);
		border:1px solid rgba(232,243,251,0.5);
		width:100%;
		margin-top:100px;
	}
		#name_title{
			grid-column:1;
			display:grid;
			grid-template-columns:300px 1fr;
			
		}
			#profile_pic{
				grid-column:1;	
				padding-left:100px;				
			}
			#profile{
				display:grid;
				grid-template-rows: 40% 1fr 30px;
				grid-template-columns:120px 1fr 1fr 1fr;
				grid-column:2;	
				padding-left:100px;					
			}
				#profile_name{
					grid-row:1;
					grid-column: 1 / span 4;
					display:grid;
					font-family:'Playfair Display', serif;
					font-weight:600;
					font-size:24px;
					color:rgba(232,243,251,1);
					align-self:end;
				}
				#profile_title{
					grid-row:2;
					grid-column: 1 / span 4;
					display:grid;
					font-family:'Lato', sans-serif;
					font-weight:400;
					font-size:16px;
					color:rgba(232,243,251,1);
				}
				#profile_more{
					grid-row:3;
					grid-column: 1 ;
					display:grid;
					width:200px;
				}
				#profile_reviews{
					grid-row:3;
					display:grid;
					grid-column: 2 / span 3;
				}
				.mini_links{
					font-family:'Lato', sans-serif;
					font-weight:300;
					font-size:14px;
					color:rgba(232,243,251,1);
					padding:0;
					margin:0;
					text-shadow: 2px 2px #ff0000;
				}
				
		#profile_blurb{
			grid-column:2;
			font-family:'Lato', sans-serif;
			font-weight:300;
			font-size:0.9em;
			color:#E8F3FB;
			line-height:1.5;
			align-self:center;
			text-align:justify;
			padding-right:100px;
			padding-left:50px;
			padding-top:10px;
			padding-bottom:10px;
			column-count: 2;
			column-gap: 40px;
			column-rule-style: dotted;
			
		}
	#useful_links{
		padding-top:50px;
		padding-bottom:50px;
		display:grid;
		justify-content:center;
		grid-row:7;
		background-color:rgba(232,243,251,1);
		height:200px;
		display:grid;
		grid-template-columns:1fr 1fr;
		grid-template-rows:50px 1fr;
	}
		#useful_link_titles{
			display:grid;
			justify-content:center;
			grid-column:1 / span 2;
			grid-row:1;
			font-family:'Playfair Display', serif;
			font-weight:500;
			font-size:1.1em;
			color:rgba(80,130,164,1);
			line-height:1.5;
			align-self:center;
			text-align:left;
			padding-bottom:25px;
		}
		#useful_left{
			display:grid;
			justify-content:center;
			grid-column:1;
			grid-row:2;
		}
		#useful_right{
			display:grid;
			justify-content:center;
			grid-column:2;
			grid-row:2;
		}
			.useful_hrefs{
				font-family:'Lato', sans-serif;
				font-weight:500;
				font-size:0.9em;
				color:rgba(80,130,164,1);
				line-height:2;
				align-self:center;
				text-align:left;
			}


	
/*Footer */
footer{
		display:grid;
		padding-top:25px;
		padding-bottom:100px;
		grid-template-columns:repeat(6,1fr);
		width:100%;		
		text-align:center;
		border-top:1px solid #000;
		background-color:#E8F3FB;/*rgba(255,255,255,1);*/
		z-index:100;
		

		
}
	.footer1{
			grid-column:1;
	}
	.footer2{
			grid-column:2;
	}
	.footer3{
			grid-column:3;
	}
	.footer4{
			grid-column:4;
	}
	.footer5{
			grid-column:5;
	}
	.footer6{
			grid-column:6;
	}
.foot-title{
		font-family:'Playfair Display', serif;
		font-weight:600;
		font-size:14px;
		padding-bottom:15px;
}

		.foot-title a:link {
		  color: #5082A4;
		  background-color: transparent;
		  text-decoration: underline;
		}

		.foot-title a:visited {
		  color: #5082A4;
		  background-color: transparent;
		  text-decoration: underline;
		}

		.foot-title a:hover {
		  color: #5082A4;
		  background-color: transparent;
		  text-decoration: underline;
		}

.foot-link{
		font-family:'Lato', sans-serif;
		font-weight:600;
		font-size:13px;
		padding-bottom:5px;
}

		.foot-link a:link {
		  color: #5082A4;
		  background-color: transparent;
		  text-decoration: underline;
		}

		.foot-link a:visited {
		  color: #5082A4;
		  background-color: transparent;
		  text-decoration: underline;
		}

		.foot-link a:hover {
		  color: #5082A4;
		  background-color: transparent;
		  text-decoration: underline;
		}
	/**
	a:link{
		color:rgba(232,243,251,1);
	}
	
	a:visited{
		color:rgba(232,243,251,1);
	}
	
	a:hover{
		color:rgba(232,243,251,0.8);
	}
	
	a:active{
		color:rgba(232,243,251,1);
	}
	*/
	
/*src="images/shikainah_img102.png"*/

@media (max-width:1300px){
	#image_box{
			
			grid-template-rows: 70px 100px 300px 300px 300px 400px 200px;  /* Buffer / Top / Gap / therapies / profile / suggestions +/links */
	}
	#profile_sec{
		height:300px;
		
	}
		#profile_pic{
			padding-left:40px;	
			padding-top:100px;			
			}
		#profile{
			padding-left:25px;
			}
	
	
	
}





/* Media queries 
@media screen and (max-width: 1000px)*/



@media (max-width:1080px){
	
	#image_box{
			grid-template-rows: 70px 100px 300px 550px 600px 500px 200px;  /* Buffer / Top / Gap / therapies / profile / suggestions +/links */
			background-image:linear-gradient(0deg, rgba(80,130,164,0.35),rgba(80,130,164,0.35)),url('../images/bgimage_1100.png');
			background-repeat: no-repeat;
			/*background-size:cover;
			background-position:center; 
			background-attachment:fixed;*/
			width:100%;
			height:auto;
	}
	#therapy_sec1{
		display:grid;
		grid-template-rows: 1fr 1fr 1fr;
		grid-template-columns:1fr ;
		grid-row-gap:50px;
		
		align-content:center;
		width:100%;
	}
		#therapy1{
				grid-row:1;
				grid-column:1;
				max-height:200px;
				
			}
		#therapy2{
				grid-row:2;
				grid-column:1;
				
				height:200px;
				
			}
		#therapy3{
				grid-row:3;
				grid-column:1;
				height:200px;
				
			}
			
	#profile_sec{
		grid-template-columns:1fr;		
		grid-template-rows:200px  1fr;
		justify-self:center;
		padding-bottom:50px;
	}
			#name_title{
			display:grid;
			grid-template-columns:1fr 1fr;
			grid-row:1;
			grid-column:1;
			grid-template-columns:225px 1fr;
			justify-content:center;
			}
				#profile_pic{
				padding-left:40px;	
				padding-top:0px;	
				grid-column:1;				
				}
				#profile{
				padding-left:25px;
				padding-top:0px;
				grid-column:2;
				}
			#profile_blurb{
			grid-row:2;
			grid-column:1;
			padding-top:0px;
			padding-left: 50px;
			padding-right:50px;
			}
}

@media (max-width:850px){
	#image_box{
		grid-template-rows: 70px 100px 300px 450px 600px 500px 300px;  /* Buffer / Top / Gap / therapies / profile / suggestions +/links */
		/*
		background-image:linear-gradient(0deg, rgba(80,130,164,0.35),rgba(80,130,164,0.35)),url('../images/bgimage_700.png');
		*/
	}
	#profile_sec{
		grid-template-columns:1fr;		
		grid-template-rows:200px 1fr;
		justify-self:center;
		padding-bottom: 100px;
		/*height:500px;*/
	}
	#profile_blurb{
		padding-bottom:25px;
		/*padding-left:25px;*/
		}
	
	h2.left_title_text{
		font-size:35px;
	}
	
}
@media (max-width:600px){
	#image_box{
		grid-template-rows: 70px 100px 300px 550px 600px 500px 850px;  /* Buffer / Top / Gap / therapies / profile / suggestions +/links */
		/*
		background-image:linear-gradient(0deg, rgba(80,130,164,0.35),rgba(80,130,164,0.35)),url('../images/bgimage_700.png');
		*/
	}
	
		#top_title{
		
		background-color:rgba(80,130,164,0.8);
		}
		
		#action{
			margin-top:150px;
			padding-top:50px;
			padding-bottom:50px;
			height:200px;
		}
	
		#profile_sec{
			height:500px;
			padding-bottom:50px;
		}
		
		#profile_blurb{
			padding-right:25px;
			padding-left:25px;
			padding-bottom:10px;
		}
		#profile_pic{
			padding-left:25px;
		}
		
		#useful_links{
		grid-template-columns:1fr 1fr;
		grid-template-rows:1fr 1fr 1fr;
		margin-top:150px;
		height:650px;
		
		
		}
		
		#useful_link_titles{
			grid-column:1 / span 2 ;
		}
		#useful_left{
			grid-column:1 / span 2;
			grid-row:3;
			width:100%;
			padding-left:25px;
		}
		#useful_right{
			
			grid-column:1 / span 2;
			grid-row:2;
			width:100%;
			padding-left:15px;
			
		}
		
		.therapy_head{
			background-image:linear-gradient(180deg, rgba(80,130,164,0.9),rgba(80,130,164,0.9));
		}
		.therapy_blurb{
			background-image:linear-gradient(180deg, rgba(80,130,164,0.9),rgba(80,130,164,0.9));
			color: rgba(255,255,255,1);
		}
		.thrapy_abb{
			color: rgba(255,255,255,1);
		}
		.therapy_exp{
			color: rgba(255,255,255,1);
		}

	
}

@media (max-width:451px){
	#image_box{
		grid-template-rows: 70px 125px 300px 550px 600px 500px 850px;   /* Buffer / Top / Gap / therapies / profile / suggestions +/links */
		/*
		background-image:linear-gradient(0deg, rgba(80,130,164,0.35),rgba(80,130,164,0.35)),url('../images/bgimage_700.png');
*/		
		background-repeat: no-repeat;
			background-size:cover;
			background-position:center left; 
			background-attachment:fixed; 
			width:100%;
			height:auto;
	}
	#top_title{
		
		height:100px;
		background-image:linear-gradient(180deg, rgba(80,130,164,1),rgba(80,130,164,1));
		}
	h1.left_title_text{
		font-size:50px;
	}
	h1.right_title_text{
		font-size: 1.1em;
	}
	
	.therapy_head{
		background-image:linear-gradient(180deg, rgba(80,130,164,1),rgba(80,130,164,1));
	}
	.therapy_blurb{
					
		background-image:linear-gradient(180deg, rgba(80,130,164,1),rgba(80,130,164,1));
	}	
	#useful_link_titles{
		padding-left:15px;
		padding-right:15px;
		padding-bottom:0;
	}
}