/*FAQ page styles */
/*Stylesheet for www.zempertherapy.com 
Author: PB&J Marketing/M. Perez-Bastian
Create Date: 9-26-18
Last Update: 9-26-18 | 10-5-18 | 10-13-18 | 10-17-18 | 10-22-18 |10-23-18 |12-11-18
*/
/*ZRT Site Colors & Fonts
	#d4470f rgb(212, 71, 15) Zemper Orange - Use for background, border, headline, controls, icons and/or other special text and/or items
	#d9d4ba rgb(217, 212, 186) Zemper Sand - Use for background, border, headline, controls, icons and/or other special text and/or items
	#282828 rgb(40, 40, 40) Charcoal Gray - Use for most body copy
	#808080 rgb(128, 128, 128) Medium Gray AKA HTML Gray - Use for drop shadows
	#d3d3d3 rgb(211, 211, 211) Light Gray AKA HTML LightGray - Use for special
	#f5f5f5 rgb(245, 245, 245) Very Light Gray AKA HTML WhiteSmoke - Use for special	
*/
/*Styles applied regardless of media type and/or size*/	
	body {
		min-width: 310px;
	}
	.Main {
		display: none;
	}
	.MainFaq {
		display: flex;
		flex-direction: column;	
		justify-content: center;
		width: 100%;
		padding: 0;
		margin: 0 auto 2.75em auto;
	}		
	.MainFaq h3 {		
		font-family: "Myriad Pro", Arial, Verdana, sans-serif;
		font-size: 1.25em;
		padding: 0 0 .25em 0;
		margin: .75em auto .25em auto;
		text-shadow: .0125em .0125em #d3d3d3;
	}	
	#faq_p {
		width: 96%;		
		font-family: "Myriad Pro", Arial, Verdana, sans-serif;
		font-size: .95em;
		font-weight: bold;
		text-align: left;
		padding: .25em 0 .5em 0;
		margin: 0 2% .25em 2%;
		text-shadow: .01em .01em #f5f5f5;
	}
	.FAQ {
		flex: 1 100% auto;
		background-color: #f5f5f5;
		font-size: .9em;
		padding: .75em 1.5em 0 0;
		margin: 0;	
		-o-border-radius: 1.25em;
		-ms-border-radius: 1.25em;
		-moz-border-radius: 1.25em;
		-webkit-border-radius: 1.25em;
		border-radius: 1.25em;
	}
	.FAQ ul {
		font-family: "Myriad Pro", Arial, Verdana, sans-serif;	
		text-align: left;
		list-style-type: none;		
		padding-top: .25em;
		margin: 0;
	}		
	.FAQ il {

	}
	.q {
		font-weight: bold;
		padding-bottom: .15em;
		}
	.a {
		padding-bottom: .15em;
	}
	.a::first-letter {
		font-weight: bold;
	}
	
	
/*Media Queries */
	
@media screen and (min-width: 475px) and (max-width: 600px) {
	.FAQ ul {
		padding-top: .25em;
		margin-top: .5em;
	}
}

@media screen and (min-width: 500px) and (max-width: 600px) {
	.MainFaq h3 {		
		padding: 0 0 .5em 0;
		margin: 0 auto;
		text-shadow: .0125em .0125em #d3d3d3;
	}		
	#faq_p {
		width: auto;	
		font-size: .9em;		
		margin: 0 4% .25em 4%;
	}	
}
	
@media all and (min-width: 600px) {
	.MainFaq {
		width: auto;
		padding: 0 2%;
		margin: 1em auto 2.75em auto;
	}	
	.MainFaq h3 {		
		font-size: 1.3em;
		text-shadow: .01em .01em #f5f5f5;
		padding-bottom: .25em;
		margin-top: 0;
	}	
	#faq_p {		
		width: auto;
		font-family: "Myriad Pro Condensed", Arial, Verdana, sans-serif;
		font-size: 1.15em;
		padding: .25em 8%;
		margin: .25em auto;
		text-shadow: none;
	}	
	.FAQ {
		font-size: 1em;
		padding: .75em 1.75em;	
		margin: .5em .5em .25em .5em;
	}	
}

@media screen and (min-width: 700px) {	
	#faq_p {	
		margin: .25em auto;
	}	
	.FAQ {
		padding: 1em 2.5em;
		margin: 0 2%;
	}
	.FAQ ul {
		padding: 0 3% .25em 0;
	}
}

@media screen and (min-width: 800px) {
	.MainFaq {
		padding: 1em 0 .25em 0;
		margin: 1.5em auto;
	}		
	.MainFaq h3 {
		padding-top: .25em;
		font-size: 1.5em;
	}
	#faq_p {	
		font-family: "Myriad Pro Light", Arial, Verdana, sans-serif;
		font-size: 1.15em;
		margin: 1.25em 10% 1.25em 10%;
	}		
	.FAQ {
		padding: 1em 2.5em 2em 2.5em;
		margin: 0 10% .5em 10%;
	}	
	.FAQ ul {
		padding: .25em 8% .5em 2%;		
	}
}