/* BEGIN MIXED-DETAIL CSS -----------------------------------------> */

#noNavBar
{
	display: none;
}

/*
#waterMarkAnimation
{
	top: 240px;
}

#waterMarkAnimation.drawMark
{
	display: block;
}

body.professionals #waterMarkAnimation,
body.contact #waterMarkAnimation
{
	top: 220px;
	left: calc(50% - 50vw - 340px);
}

*/

#waterMarkAnimation.drawMark
{
	display: none !important;
}

#content
{
	max-width: 1560px;
}

#subContent h2,
#mainContent .contentSection h2:not(.sectionTitle) 
{
	color: #013C4D;
	font-size: 1.1rem;
	font-weight: 700;
	text-transform: uppercase;
}

#subContent
{
	color: #7F99A2;
	color: #5C767F; /* WCAG Contrast Fix */
}

#subContent a
{
	color: #7F99A2;
	color: #5C767F; /* WCAG Contrast Fix */
}

#subContent a:hover,
#subContent a:focus
{
	color: #DAA900;
}

#subContent button.toggleExpand 
{
    color: #7F99A2;
    color: #5C767F; /* WCAG Contrast Fix */
}

#subContent button.toggleExpand:hover,
#subContent button.toggleExpand:focus
{
    color: #DAA900;
}

#subContent .itemSection
{
	margin: 0 0 30px 0;
}

.cardTile
{
	margin-top: 30px;
}


/* Bio Stuff */

#bioInfoWrapper
{
	display: flex;
	align-items: flex-end;
	position: relative;
	width: calc(100% + 160px);
	height: 452px;
	margin: 111px 0 30px -80px;
	box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
	box-sizing: border-box;
}

#bioInfoLeft
{
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	position: relative;
	width: 757px;
	height: 100%;
	padding: 0 0 3vw 9vw;
	background: #013C4D;
	box-sizing: border-box;
	color: #ffffff;
}

#bioInfoLeft:after
{
	content: '';
	display: block;
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 452px 206px;
	border-color: transparent transparent #FFF transparent;
}

#bioInfoLeft h1
{
	max-width: 310px;
	color: #ffffff;
	font-size: 3.15rem;
	line-height: 1.1;
}

#bioTitle
{
	max-width: 310px;
	padding: 0 0 8px 0;
	color: #889FA7;
	color: #92A6AF; /* WCAG Contrast Fix */
	font-size: 1.05rem;
	font-weight: 700;
	text-transform: uppercase;
}

#bioPhoto
{
	position: relative;
	height: 100%;
}

#bioPhoto img
{
	display: block;
	width: auto;
	height: 100%;
}

#bioInfo
{
	flex-grow: 1;
	padding: 0 20px 3vw 0;
	box-sizing: border-box;
}

ul#bioContact,
ul#bioContact li,
ul#bioAccessories,
ul#bioAccessories li
{
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#bioContact
{
	float: left;
	width: 70%;
	padding: 0 20px 0 0;
	box-sizing: border-box;
}

ul#bioContact li
{
	padding: 8px 0 12px 0;
	line-height: 1.1;
}

ul#bioAccessories
{
	float: left;
	width: 30%;
}

ul#bioAccessories li
{
	margin: 8px 8px 0 0;
}

ul#bioAccessories li a
{
	display: inline-block;
	width: 39px;
	height: 39px;
}

ul#bioAccessories li a svg .st0
{
	fill: none;
	stroke: #107F66;
}

ul#bioAccessories li a svg .st1
{
	fill: #008066;
}

ul#bioAccessories li a:hover svg .st0,
ul#bioAccessories li a:focus svg .st0
{
	fill: #DAA900;
	stroke: #DAA900;
}

ul#bioAccessories li a:hover svg .st1,
ul#bioAccessories li a:focus svg .st1
{
	fill: #ffffff;
}

.badgeList img
{
	max-width: 100px;
}

.badgeList ul,
.badgeList ul li
{
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

.badgeList ul li
{
	display: inline-block;
	margin-right: 20px;
}

.contentSection .itemSection
{
	padding: 0px;
}

@media (max-width: 1730px)
{
	#bioInfoLeft
	{
		padding: 0 0 3vw 80px;
	}
	
	ul#bioContact,
	ul#bioAccessories
	{
		float: none;
		width: 100%;
		min-width: 180px;
		padding: 0 0 10px 0;
	}
	
	ul#bioAccessories li
	{
		display: inline-block;
	}
}

@media (max-width: 1349px)
{
	#bioInfoWrapper
	{
		width: calc(100% + 80px);
		margin: 111px 0 30px -40px;
	}
	
	#bioInfoLeft
	{
		padding: 0 0 3vw 40px;
	}
}

@media (max-width: 1200px)
{
	#bioInfoWrapper
	{
		flex-wrap: wrap;
		height: auto;
	}
	
	#bioInfoLeft
	{
		order: 3;
		width: 100%;
		padding: 28px 40px;
	}

	#bioInfoLeft:after
	{
		display: none;
	}
	
	#bioInfoLeft h1
	{
		max-width: none;
	}

	#bioTitle
	{
		max-width: none;
	}
	
	#bioPhoto
	{
		height: 452px;
		margin: 0 4vw 0 0;
	}
}

@media (max-width: 919px)
{
	#bioInfoWrapper
	{
		width: calc(100% + 32px);
		margin: 111px 0 30px -16px;
	}
	
	#bioInfoLeft
	{
		padding: 28px 16px;
	}
	
	#bioPhoto
	{
		width: 100%;
		height: auto;
		max-width: 400px;
		margin: 0;
	}
	
	#bioPhoto img
	{
		width: 100%;
		height: auto;
	}
	
	#bioInfo
	{
		flex-grow: 0;
		flex-shrink: 1;
	}
}

@media (max-width: 767px)
{
	#bioInfoWrapper
	{
		flex-direction: column;
		align-items: center;
	}

	#bioInfoLeft
	{
	 	order: 2;
	}
	
	#bioPhoto
	{
		order: 1;
	}
	
	#bioInfo
	{
		order: 3;
		align-self: flex-start;
		padding: 20px 16px;
	}
	
	#bioInfoLeft h1
	{
		font-size: 2.15rem;
	}

	#bioTitle
	{
		font-size: 0.9rem;
	}
}


/* Practice Profile Pages */

body.services #content
{
	max-width: 1060px;
}

body.services #mainContent
{
	float: none;
	width: 100%;
}

body.services h1#pageTitle
{
	font-size: 1.85rem;
}

body.services #titleWrapper
{
	padding-top: 30px;
}

body.services #titleWrapper a#pdfLink
{
	margin: 0 0 18px 0;
}

@media (max-width: 1024px)
{
	body.services #titleWrapper
	{
		padding-top: 20px;
	}
}

@media (max-width: 767px)
{
	body.services #titleWrapper
	{
		padding-top: 0px;
	}
}


/* Office Profile Pages */

#subContent h2
{
	padding-top: 0px;
}

#officeAddress
{
	margin: 10px 0 20px 0;
}

#office_map
{
	position: relative;
	margin: 30px 0 30px 0;
}

#office_map iframe
{
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	z-index: 10;
}

#office_map:after
{
	content: '';
	display: block;
	position: absolute;
	bottom: -17px;
	left: -17px;
	z-index: 5;
	width: 45%;
	height: 95%;
	background: #013C4D;
}


/* Banner on Service/Office Profile Pages */

#banner
{
	display: flex;
	justify-content: space-between;
	position: relative;
	width: calc(100% + 160px);
	height: 452px;
	margin: 111px 0 30px -80px;
	box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
	box-sizing: border-box;
}

#bannerImage
{
	order: 2;
	position: relative;
    left: inherit;
    height: 452px;
    width: 100%;
}

#bannerImage > picture > img
{
    height: 452px;
    width: 100%;
    object-fit: cover;
}

#bannerImage:after
{
    content: '';
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 452px 206px 0 0;
	border-color: #013C4D transparent transparent transparent;
}

#bannerContent
{
	order: 1;
	flex-grow: 1;
}

#bannerContent
{
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	width: 551px;
	height: 100%;
	padding: 0 0 0 9vw;
	background: #013C4D;
	box-sizing: border-box;
	color: #ffffff;
	font-family: 'Manrope', Arial, sans-serif;
	font-size: 3.2rem;
	font-weight: 300;
}

#bannerContent h1#pageTitle
{
	margin: 0;
	padding: 0;
	color: #ffffff;
	font-family: 'Manrope', Arial, sans-serif;
	font-size: 3.2rem;
	font-weight: 300;
	line-height: 1.1;
}

#bannerContent span#officeState
{
	margin-top: 10px;
	color: #889FA7;
	color: #92A6AF; /* WCAG Contrast Fix */
	font-size: 1rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
}

@media (max-width: 1349px)
{
	#banner
	{
		width: calc(100% + 80px);
		margin: 111px 0 30px -40px;
	}
}

@media (max-width: 1150px)
{
	#bannerContent
	{
		width: 451px;
		padding: 0 0 0 40px;
	}
}

@media (max-width: 1024px)
{
	#banner,
	#bannerImage,
	#bannerImage > picture > img
	{
		height: 252px;
	}
	
	#bannerImage:after
	{
		border-width: 252px 100px 0 0;
	}
}

@media (max-width: 919px)
{
	#banner,
	#bannerImage,
	#bannerImage > picture > img
	{
		height: 152px;
	}
	
	#bannerImage:after
	{
		border-width: 152px 60px 0 0;
	}
	
	#banner
	{
		width: calc(100% + 32px);
		margin: 111px 0 30px -16px;
	}
	
	#bannerContent
	{
		width: 351px;
		padding: 0 0 0 16px;
		font-size: 2.2rem;
	}
	
	#bannerContent h1#pageTitle
	{
		font-size: 2.2rem;
	}

	#bannerContent span#officeState
	{
		margin-top: 8px;
		font-size: 0.85rem;
	}
}



/* END MIXED-DETAIL CSS -------------------------------------------> */