/* =============================================================================
   MY-DEFAULTS
   ========================================================================== */
@import url("//fonts.googleapis.com/css?family=Oxygen:300,400,700&display=swap");
*,*:before,*:after{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;font-family: Oxygen, Verdana, Helvetica, Tahoma, Arial, sans-serif;font-weight:300;}
html,body,applet,article,aside,abbr,acronym,address,audio,big,blockquote,br,b,button,canvas,cite,code,caption,col,colgroup,center,del,dfn,details,div,dd,dl,dt,rem,rembed,fieldset,figcaption,figure,footer,form,header,hgroup,h1,h2,h3,h4,h5,h6,hr,i,ins,iframe,kbd,li,label,legend,mark,map,menu,nav,ol,output,object,pre,progress,p,q,ruby,s,samp,small,strike,strong,sub,sup,section,summary,time,tt,table,u,ul,video,var{display:block;margin:0;padding:0;border:0;}

/* { -webkit-transition:all .25s ease;-moz-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease; } */

::-moz-selection{background:#404040;color:#ffffff;}
::selection{background:#404040;color:#ffffff;}
html{
	width:100%;
	height:100%;
    font-size:24px; /*	px	22	20	18 	16 	14	12 	10	8 	6 	4 	2	1	*/
    				/*	em	.92	.83	.75	.67	.58	.5	.42	.33	.25	.17	.08 .04	*/
	font-family:Oxygen;
	font-weight:300;
	color:#525252;
	text-shadow: 0 .04em .02em rgba(0,0,0,.125);
}
body{
	min-height:100%;
	max-width:42.66em;
	overflow:auto;
	margin:0 auto;
	padding:0;
	border-right:1px solid #fdca7a;
	border-left:1px solid #fdca7a;
	box-shadow: 0 0 1em rgba(0,0,0,.15);
}

a{text-decoration:none;color:#52b8e8;}
a:visited{text-decoration:none;color:#52b8e8;}
a:hover{text-decoration:none;color:#0099d9;}
a:focus{text-decoration:none;color:#0099d9;}
a:active{text-decoration:none;color:#0099d9;}
a img{border:none;}

img{display:block;}

h1{
	margin:.75em 1em;
	padding:0 0 .5em 0;
	border-bottom:2px solid #52b8e8;
	color:#f89c2a;
	font-weight:400;
}
h2{
	margin:.75em 0;
	padding:0 0 .5em 0;
	border-bottom:2px solid #52b8e8;
	color:#f89c2a;
	font-weight:400;
}
h3{
	margin:.5em 0;
	font-weight:400;
	color:#f89c2a;
}
h4{}
h5{}

nav{
	width:100%;
	margin:1em 1em 0 1em;
	font-size:.75em;
	height:3em;
	border:2px solid #fde6ca;
	border-radius:2em;
	background-image:linear-gradient(#ffffff,#ffffff,#f2f2f2);
	overflow:visible;
	z-index:9999;
	box-shadow: 0 0 .33em #f2f2f2;
}
	nav ul{
		display:flex;
		display: -ms-flexbox;
		justify-content:center;
		width:100%;
		margin:0;
	}
		nav ul li{
			position:relative;
			height:2.83em;
			border-right:1px solid #fde6ca;
			border-left:1px solid #fde6ca;
		}
			nav ul li:first-child{
				border-left:none;
			}
			nav ul li:last-child{
				border-right:none;
			}
			nav ul li a{
				display:inline-block;
				width:100%;
				height:100%;
				padding:.75em 1.6em 0 1.6em;
				text-align:center;
				text-transform:uppercase;
			}
			nav ul li ul{display:none;}
			nav ul li:hover{			
				border-left:1px solid #f89c2a;
				border-right:1px solid #f89c2a;
				box-shadow: 0 0 .33em rgba(0,0,0,.12);
				transition:all .25s ease;
			}
				nav ul li:hover:first-child{
					border-left:none;
					box-shadow: .17em 0 .17em rgba(0,0,0,.08);
				}
				nav ul li:hover:last-child{
					border-right:none;
					box-shadow: -.17em 0 .17em rgba(0,0,0,.08);
				}
			nav ul li:hover ul{
					position:absolute;
					display:block;
					width:200%;
					background-image:linear-gradient(#f7f7f7,#ffffff,#ffffff);
					left:-1px;
					border:1px solid #f89c2a;
					border-top:1px solid #fde6ca;
					border-radius:0 0 2em 2em;
					font-size:.83em;
					box-shadow: 0 0 .33em rgba(0,0,0,.08);
					overflow:hidden;
				}
				nav ul li ul li{
					border-top:1px solid #fde6ca;
					border-bottom:1px solid #fde6ca;
					border-left:none;
					border-right:none;
					overflow:hidden;
				}
					nav ul li ul li:first-child{
						border-top:none;
					}
					nav ul li ul li:last-child{
						border-bottom:none;
						border-left:none;
					}
					nav ul li ul li a{
						padding:.83em .5em 0 .5em;
						
					}
					nav ul li ul li:hover{
						border:1px solid #f89c2a;
						border-left:none;
						border-right:none;
					}
						nav ul li ul li:hover:first-child{
							border-top:none;
						}
						nav ul li ul li:hover:last-child{
							border-bottom:none;
							border-left:none;
						}
footer{
	height:100%;
	padding:0 0 1em 0;
	margin:1em 0 0 0;
	border-top:2px solid #52b8e8;
	background-color:#fde6ca;
}
	footer nav{display:none}
	footer .legal{font-size:.67em;text-align:center;padding:1em;}
p{
	font-size:.83em;
	font-weight:300;
	letter-spacing:.02em;
	text-align:justify;
	line-height:1.4em;
}
ul{}
	ul li{}
hr{
	width:100%;
	margin:1em 0;
	height:.125em;
	background-color:#fde6ca;
}
/* CUSTOM CLASSES */
.page{
	display:flex;
	display: -ms-flexbox;
}
	.pageMain{
		width:70%;
		margin:0;
		padding:0;
	}
	.pageAside{
		width:25%;
		height:21em;
		margin:1.8em 0 2em 0;
		padding:1em .5em;
		overflow:hidden;
		border-radius:1em;			
		background-image:linear-gradient(#ffffff,#ffffff,#f9f9f9);
		border:1px solid #fdca7a;		
	}
	.pageAside .button{
		font-size:.8em;
		width:100%;
		padding:0;
	}
	.pageAside nav{
		margin:0;
		border:none;
		border-radius:0;
		background:none;
		box-shadow:none;
	}
	.pageAside nav ul{
		display:block;
		width:100%;
		margin:0;
		background:none;

	}
		.pageAside 	nav ul li{
			margin:1em 0;
			position:relative;
			border:1px solid #fdca7a;
			border-radius:2em;
			background-image:linear-gradient(#ffffff,#ffffff,#f2f2f2);
			overflow:hidden;
		}
			.pageAside nav ul li:nth-child(4) a{
				padding:.66em;
			}
			.pageAside nav ul li ul{
				display:none;
			}
			
			.pageAside nav ul li:hover{			
				border:1px solid #f89c2a;
				box-shadow: 0 0 .33em #f2f2f2;
				transition:all .25s ease;
			}
			.pageAside nav ul li:hover:first-child{
				border:1px solid #f89c2a;
				box-shadow: 0 0 .33em #f2f2f2;
			}
			.pageAside nav ul li:hover:last-child{
				border:1px solid #f89c2a;
				box-shadow: 0 0 .33em #f2f2f2;
			}
				.pageAside nav ul li:hover ul{
					display:none;
				}
.search{
	display:flex;
	display: -ms-flexbox;
	width:100%;
	padding:0;
	margin:0;
	}
	.search input[type=text]{
	width:85%;
	margin:0;
	padding:.33em 0 .33em .5em;
	font-size:.75em;
	border:1px solid #fdca7a;
	border-radius:1em;
	text-transform:uppercase;
	}	
	.search input[type=image]{
	margin:.5em 0 0 .5em;
	padding:0;
	height:2em;
	width:2em;

	}
	.search img{
	}
.bjqs{
		border-bottom:2px solid #52b8e8;
	}
	.sliderContent{}
		.sliderContent img{
			width:100%;
		}
	.sliderCaptionLeft, .sliderCaptionRight{
		position:absolute;
		width:40%;
		background-image:radial-gradient(rgba(255,255,255,.75), rgba(255,255,255,.88));
		border:1px solid #fdca7a;
		border-radius:1em;
		box-shadow: 0 0 1em rgba(0,0,0,.15);
		margin:2em auto 0 2em;
		padding:1em;
	}
	.sliderCaptionRight{
		margin:2em 0 0 0;
		right:2em;
	}
		.sliderCaptionRight h2, .sliderCaptionLeft h2{
			margin:0;
			text-align:center;
		}
		.sliderCaptionRight p, .sliderCaptionLeft p{
			margin:1em 0 0 0;
		}
.button{
	padding:.25em .75em;
	text-align:center;
	background-image:linear-gradient(#ffffff,#ffffff,#f2f2f2);
	border:1px solid #fdca7a;
	border-radius:1em;
	transition:all .25s ease;
}
	.button:hover{
		border:1px solid #f89c2a;
		box-shadow: 0 0 .33em #f2f2f2;
		transition:all .25s ease;
	}
	.button:active{
		box-shadow: 0 0 .17em #e5e5e5;
		background-image:linear-gradient(#f2f2f2,#ffffff,#ffffff);
		transition:all .25s ease;
	}
	p .button{
		display:block;
		font-size:1.33em;
		margin:1em auto 0 auto;
		padding:.5em 0;
		width:15em;
	}
	.contact li .button{
		display:block;
		margin:1em 0 0 0;
	}
.serviceMenuText{
	margin:1em auto 0 auto;
	display:flex;
	display: -ms-flexbox;
	flex-wrap:wrap;
	justify-content:space-between;
	max-width:100%;
	overflow:hidden;
}
	.serviceMenuText a{
		height:8em;
		width:8em;
		margin:0 auto 1em auto;
	}
		.serviceMenuText a img{
			display:none;
		}
		.serviceMenuText a .serviceMenuTitle{
			display:block;
			font-size:.75em;
			font-weight:700;
			letter-spacing:.025em;
			width:100%;
			height:100%;
			padding:4.5em 0 0 0;
			border-radius:8em;			
			text-align:center;
			background-image:linear-gradient(#ffffff,#ffffff,#f2f2f2);
			border:1px solid #fdca7a;
			transition:all .25s ease;
		}
			.serviceMenuText a .serviceMenuTitle:hover{
				border:1px solid #f89c2a;
				box-shadow: 0 0 .33em #f2f2f2;
				transition:all .25s ease;
			}
			.serviceMenuText a .serviceMenuTitle:active{
				box-shadow: 0 0 .17em #e5e5e5;
				background-image:linear-gradient(#f2f2f2,#ffffff,#ffffff);
				transition:all .25s ease;
			}
.topMenu{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:3em;
	padding:.75em 0;
	margin:0;
	background-image:linear-gradient(rgba(253,230,202,.8),rgba(255,255,255,.8));
	text-align:center;
	border-bottom:3px solid #fde6ca;
	z-index:999;
	box-shadow: 0 0 .5em #e5e5e5;
}
	.topMenu li{
		display:inline-block;
		margin:0 1em;
	}
		.topMenu li a{
		
			text-transform:uppercase;
			font-size:.75em;
			font-weight:400;
		}
			.topMenu li a img{
				height:2em;
				margin:0 .5em;
				display:inline-block;
				vertical-align:middle;
			}
.branding{
	display:flex;
	justify-content:space-around;
	flex-wrap:wrap;
	width:100%;
	padding:1em 0;
	margin: 0;
	background-image:linear-gradient(#ffffff,#fde6ca);
	border-bottom:2px solid #52b8e8;
}
	.brandingLogo{
		width:13em;
	}
	.brandingContact{
		padding:1em 0 0 0;
		font-size:.83em;
		text-align:center;
	}
		.brandingContact li{
			
		}
		.brandingContactCallToAction{
			font-size:1.25em;
			margin:0 0 .66em 0;
		}
		.brandingContactAddress{
			font-size:.78em;
		}
		.brandingContactPhone{
			font-size:1.75em;
		}
		.brandingContactEmail{
			letter-spacing:.04em;
		}
		.brandingContactQuiz{
			margin:.8em 0;
		}
		.brandingContactSocial{
			display:flex;
			display: -ms-flexbox;
			justify-content:center;
			margin:.5em 0 0 0;
		}
			.brandingContactSocial a{}
				.brandingContactSocial a img{
					height:2em;
					margin:0 .5em;
				}

.contentFlex{
	display:flex;
	display: -ms-flexbox;
	margin:0;
	padding:0 .25em;
}
.contentFlex > *{
	max-width:50%;
	margin:0 2em;
}
.contentInline{
	padding:1em 2em;
}
.inlineImg{
	margin:.5em 1.75em;
	border:2px solid #52b8e8;
	border-radius:1em;
}
	p .inlineImg{
		margin:.5em 1em;
		float:left;
	}
		p .inlineImg:after{clear:both;}
.titledList{
	font-size:.83em;
	letter-spacing:.02em;	
	line-height:1.5em;
}
	.titledList li{
		margin-bottom:.25em;
	}
	.titledList li:nth-child(odd){
		font-weight:400;
	}
	.titledList li:nth-child(even){
		margin:0 0 .25em 1em;
		font-size:.83em;
	}
.bmiForm{}
	.bmiForm .bmiInfo{
		display:flex;
		justify-content:space-evenly;
	}
		.bmiForm .bmiInfo ul{
			width:45%;
			margin:1em auto 0 auto;
		}
			.bmiForm .bmiInfo ul li{
				width:100%;
			}
				.bmiForm .bmiInfo ul li .bmiFormWeight{
					width:100%;
					font-size:.75em;
					margin:0 0 .83em 0;
					padding:.25em .75em;
					border:1px solid #fdca7a;
					border-radius:1em;
				}
				.bmiForm .bmiInfo ul li .bmiFormHeight{
					width:100%;
					font-size:.75em;
					margin:0 0 .83em 0;
					padding:.25em .75em;
					border:1px solid #fdca7a;
					border-radius:1em;
				}
				.bmiForm .bmiInfo ul li .bmiFormHeight{
					width:100%;
					font-size:.75em;
					margin:0 0 .83em 0;
					padding:.25em .75em;
					border:1px solid #fdca7a;
					border-radius:1em;
				}
				.bmiForm .bmiInfo ul li .bmiFormButton{
					width:100%;
					font-size:.75em;
					padding:.25em .75em;
					text-align:center;
					background-image:linear-gradient(#ffffff,#ffffff,#f2f2f2);
					border:1px solid #fdca7a;
					border-radius:1em;
					transition:all .25s ease;					
				}
					.bmiForm .bmiInfo ul li .bmiFormButton:hover{
							border:1px solid #f89c2a;
							box-shadow: 0 0 .33em #f2f2f2;
							transition:all .25s ease;
						}
					.bmiForm .bmiInfo ul li .bmiFormButton:active{
							box-shadow: 0 0 .17em #e5e5e5;
							background-image:linear-gradient(#f2f2f2,#ffffff,#ffffff);
							transition:all .25s ease;
						}
		.bmiForm .bmiInfo table{
			display:table;
			font-size:.67em;
			width:45%;
			margin:1.25em;
			border-collapse: collapse;
			overflow:hidden;
		}
			.bmiForm .bmiInfo table tr{
				border-bottom:1px solid #fdca7a;
				
			}
				.bmiForm .bmiInfo table tr:first-child{
					color:#0099d9;
					font-size:1.125em;
				}					
				.bmiForm .bmiInfo table tr:last-child{	
					border:none;
				} 
				.bmiForm .bmiInfo table tr td{
					padding:.28em 1em;
					width:50%;
				}
.contact{
	display:inline-block;
	width:42.5%;
	margin:.5em 3.75%;
	font-size:.83em;
}
	.contact li{
		margin:.5em 0 0 0;
	}
		.contact li h2{
			margin-top:0;
		}
	.contactForm{
		margin:0;
	}
	.contactForm h2{}
	.contactForm ul{}
		.contactForm ul li{
			font-size:.75em;
			margin:0 0 .83em 0;
		}
	.contactForm ul li input[type=text]{
		width:100%;
		font-size:1em;
		padding:.25em .75em;
		border:1px solid #fdca7a;
		border-radius:1em;
	}
	.contactForm ul li textarea{
		width:100%;
		height:10em;
		font-size:1em;
		padding:.25em .75em;
		border:1px solid #fdca7a;
		border-radius:1em;
	}
	.contactForm ul li input[type=submit]{
		width:100%;
		font-size:1em;
		padding:.25em .75em;
		text-align:center;
		background-image:linear-gradient(#ffffff,#ffffff,#f2f2f2);
		border:1px solid #fdca7a;
		border-radius:1em;
		transition:all .25s ease;

	}
		.contactForm ul li input[type=submit]:hover{
				border:1px solid #f89c2a;
				box-shadow: 0 0 .33em #f2f2f2;
				transition:all .25s ease;
			}
		.contactForm ul li  input[type=submit]:active{
				box-shadow: 0 0 .17em #e5e5e5;
				background-image:linear-gradient(#f2f2f2,#ffffff,#ffffff);
				transition:all .25s ease;
			}
		.filterField{
				display:none;
				visibility:invisible;
			}
	.contactForm ul li select{
		display:inline-block;
		min-width:12em;
		font-size:16px;
		-moz-appearance: none;
		-webkit-appearance: none;
		appearance: none;
		font-size:.9em;
		padding:.25em 32px .25em .5em;
		text-align:center;
		background-image:linear-gradient(#ffffff,#ffffff,#f2f2f2);
		border:1px solid #fdca7a;
		border-radius:1em;
		background-image: url('https://www.trinitybariatricinstitute.com/img/listArrow.png');
		background-repeat: no-repeat, repeat;
		background-position: right .7em top 50%, 0 0;
		background-size: 16px;
	}
		.contactForm ul li select:focus{
				outline:none;
		}
		.contactForm ul li select option{
				
		}
.inlineForm{
	margin:1em auto;
	max-width:20em;
}

.map{
	display:inline-block;
	width:100%;
	height:10em;
	margin:.5em 0;
	border:1px solid #fdca7a;
	border-radius:1em;
}
.serviceVideo{
	border: 2px solid #52b8e8;
	border-radius:1em;
	width:26.67em;
	height:15em;
	margin:1em auto;
}
.indexVideo{
	border: 2px solid #52b8e8;
	border-radius:1em;
	width:80%;
	height:auto;
	margin:1em auto;
}
.introText p{
	font-size:.8em;
	margin:1em auto;
	text-align: justify;
	line-height: 1.5em; 
	letter-spacing: .07em;
}
.testimonials{
	font-size:.8em;
	margin:1em 0 0 0;
	letter-spacing:.05em;
	padding:1em;
	background-image:linear-gradient(#ffffff,#ffffff,#f2f2f2);
	border:1px solid #fdca7a;
	border-radius:1em;
}
	.testimonials p{
		
	}
	.testimonials h3{
		margin:0 0 .25em 0;
	}
.chamberLogo{
	display:block;
	width:200px;
	margin:1em auto;
}
/* RESPONSIVE CLASSES */
/* 	default: 24px */
/*	px	22	20	18 	16 	14	12 	10	8 	6 	4 	2	1	*/
/*	em	.92	.83	.75	.67	.58	.5	.42	.33	.25	.17	.08 .04	*/
/* SCALING * TARGET MOBILE @ 736px */
	@media(min-width:960px) and (max-width:1023px){html{transition:all .2s ease-in;font-size:22px;}}
	@media(min-width:800px) and (max-width:959px){html{transition:all .2s ease-in;font-size:20px;}}
	@media(min-width:737px) and (max-width:799px){html{transition:all .2s ease-in;font-size:18px;}}
	/* START MOBILE TARGET */
	@media(max-width:736px){
	html{
		transition:all .2s ease-in;
		font-size:30px;
	}
	nav{
		margin:0;
		padding:0 .5em;
		height:23em;
		border:none;
		border-radius:0;
		background:none;
		box-shadow:none;
	}
		 nav ul{
			display:block;
			width:100%;
			margin:0;
			background:none;

		}
			nav ul li{
				margin:1em 0;
				position:relative;
				border:1px solid #fdca7a;
				border-radius:2em;
				background-image:linear-gradient(#ffffff,#ffffff,#f2f2f2);
				overflow:hidden;
			}
				nav ul li:first-child{
					border:1px solid #fdca7a !important;
				}
				nav ul li:last-child{
					border:1px solid #fdca7a !important;
				}
				nav ul li:nth-child(4) a{
					padding:.66em;
				}
				nav ul li ul{
					display:none;
				}
				nav ul li:hover{			
					border:1px solid #f89c2a;
					box-shadow: 0 0 .33em #f2f2f2;
					transition:all .25s ease;
				}
				nav ul li:hover:first-child{
					border:1px solid #f89c2a !important;
					box-shadow: 0 0 .33em #f2f2f2;
				}
				nav ul li:hover:last-child{
					border:1px solid #f89c2a !important;
					box-shadow: 0 0 .33em #f2f2f2;
				}
				nav ul li:hover ul{
						display:none;
					}
	.sliderCaptionLeft, .sliderCaptionRight{
		display:none;
	}				
	.contentInline{
		padding:.5em;
	}				
	.bmiInfo{
		flex-wrap:wrap;
	}
		.bmiInfo ul{
			width:100% !important;
		}	
		.bmiInfo table{
			width:98% !important;
			margin:1em auto !important;
		}
		.serviceMenuText a{
			height:2em;
			width:100%;
		}
			.serviceMenuText a .serviceMenuTitle{
				padding:.54em 0 0 0;
				border-radius:2em;			
			}
	h1{
		margin:.5em 2% .75em 2%;
		text-align:center;
	}
	h2{
		margin:0 0 .75em 0;
		text-align:center;
	}
	h3{
		margin:0 0 .5em 0;
		text-align:center;
	}
	.pageMain{
		width:100%;
		margin:0;
		padding:0;
	}
	.pageAside{
		display:none;
	}


	.brandingLogo{
		width:10em;
	}
	.brandingContact{
		padding:1em 0 0 0;
		font-size:.75em;
		text-align:center;
	}

		.brandingContactCallToAction{
			font-size:1.25em;
			margin:.5em 0 1em 0 !important;
		}
		.brandingContactAddress{
			margin:.5em 0 !important;
		}
		.brandingContactPhone{
			margin:.2em 0 !important;
		}
		.brandingContactEmail{
			font-size:.75em;
			margin: 0 !important;
		}
		.brandingContactSocial{
			margin:.75em 0 .5em 0 !important;
		}
.serviceVideo{

	max-width:640px;
	height:auto;
}
.indexVideo{
	max-width:640px;
	height:auto;
}
.contentFlex{
	display:block;
	margin:0;
	padding:0;
}
.contentFlex > *{
	max-width:96%;
	margin:0 2%;
}	
				
						
	}