
.TeamListWrapper {
	padding: 10px 10px 10px 10px;
	display: inline-block;
	width: 100%;
	vertical-align: top;

}

.TeamMemberWrapper {
	display: inline-block;
	padding: 10px 10px 10px 10px;
	margin: 20px 20px 20px 20px;
	box-shadow: 10px 10px 15px rgba(103,49,143,0.5);
	vertical-align: top;
}




.TeamMemberTable {
	display: table;
	border-collapse: collapse;
	border-spacing: 0px;
	border: 0px
}

.TeamMemberTR {
	display: table-row;
}

.TeamMemberTD {
	display: table-cell;
}

.TeamMemberPhotoWrapper {
	vertical-align: top;
	position: relative;
	width: 260px;
	height: 260px;
	padding-left: 0px !important;
	padding-right: 0px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	clip-path: polygon(0 0, 100% 0, calc(100% - 90px) 100%, 0% 100%);
}

.TeamMemberPhoto {
	width: 260px;
	height: 260px;
	margin-left: 0px !important;
	margin-right: 0px !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	display: block !important;
	position: relative;
}

.TeamMemberContentWrapper {
	vertical-align: top;
	position: relative;
	width: 320px;
	height: auto !important;
	padding-left: 3px !important;
	padding-right: 0px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	margin: 10px 10px 10px 10px !important;
}


.TeamMemberHeading {
	width: 320px;
	height: 72px;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 0px 30px;
	background: #2dabec;
	position: absolute;
	top: 0px;
	right: 0px;
	display: block;
	clip-path: polygon(25px 0, 100% 0, 100% 100%, 0% 100%);
}
.TeamMemberHeadingMobile {
	position: relative;
	width: auto;
	height: 72px;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 0px 30px;
	background: #2dabec;
	display: none;
	clip-path: polygon(25px 0, 100% 0, calc(100% - 25px) 100%, 0% 100%);
}

.TeamMemberName {
	text-align: left;
	color: #ffffff;
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 400;
	font-size: 30px;
	padding: 0px 0px 0px 0px;
	margin: 1px 0px 4px 0px;
	line-height: 1;
	letter-spacing: 1px;
}

.TeamMemberJobTitle {
	text-align: left;
	color: #ffffff;
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 500;
	font-size: 22px;
	padding: 0px 0px 0px 0px;
	margin: 7px 0px 0px 0px;
	line-height: 1;
	letter-spacing: 1px;
}

.TeamMemberDescription {
	display: inline-block;
	width: 320px;
	height: auto;
	margin: 80px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	color: #67318f;
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 400;
	letter-spacing: 1px;
	font-size: 18px;
	text-align: left;
}

.ReadMore {
	cursor: pointer;
	color: #2dabec;
	font-weight: 500;
	letter-spacing: 1px;
}

.MoreContent {
	display: none
}

.ellipsis {
	display: inline;
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	line-height: inherit;
	font-weight: inherit;
	color: inherit;
	text-decoration: inherit;
}

/* ********************************************** */

.TeamMemberPhoneWrapper {
	vertical-align: top;
	text-align: left !important;
	width: 260px;
	height: auto !important;
}
.TeamMemberContactLinkWrapper {
	vertical-align: top;
	text-align: left !important;
	width: 320px !important;
	height: auto !important;
}

/* ********************************************** */

.PhoneWrapper {
	padding: 10px 10px 10px 10px;
	text-align: left;
}

a.PhoneFormatted {
	text-align: left;
	color: #2dabec;
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	line-height: 1;
	letter-spacing: 1px;
}

a.PhoneFormatted:hover, a.PhoneFormatted:active {
	color: #67318f !important;
}
 
@font-face {
	font-family: 'MobilePhoneIcon';
	src: url('/CoastalGraphics/includes/fonts/MobilePhoneIcon/MobilePhoneIcon.eot?43870588');
	src: url('/CoastalGraphics/includes/fonts/MobilePhoneIcon/MobilePhoneIcon.eot?43870588#iefix') format('embedded-opentype'),
		url('/CoastalGraphics/includes/fonts/MobilePhoneIcon/MobilePhoneIcon.woff2?43870588') format('woff2'),
		url('/CoastalGraphics/includes/fonts/MobilePhoneIcon/MobilePhoneIcon.woff?43870588') format('woff'),
		url('/CoastalGraphics/includes/fonts/MobilePhoneIcon/MobilePhoneIcon.ttf?43870588') format('truetype'),
		url('/CoastalGraphics/includes/fonts/MobilePhoneIcon/MobilePhoneIcon.svg?43870588#MobilePhoneIcon') format('svg');
	font-weight: normal;
	font-style: normal;
}

a.PhoneFormatted i {
	font-family: "MobilePhoneIcon";
	display: inline-block;
	text-decoration: none;
	font-size: 32px;
	text-transform: none;
	line-height: 1em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* ********************************************** */

.EmailWrapper {
	padding: 10px 10px 10px 10px;
	text-align: left;
}

a.EmailAddress {
	text-align: left;
	color: #2dabec;
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 600;
	font-size: 22px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	line-height: 1;
	letter-spacing: 1px;

	-ms-word-break: break-all !important;
	word-break: break-all !important;
	word-break: break-word !important;
	-webkit-hyphens: auto !important;
	-moz-hyphens: auto !important;
	hyphens: auto !important;
	
	max-width: 90vw !important;
}

a.EmailAddress:hover, a.EmailAddress:active {
	color: #67318f !important;
}
 
@font-face {
	font-family: 'EmailIcon';
	src: url('/CoastalGraphics/includes/fonts/EmailIcon/EmailIcon.eot?87021891');
	src: url('/CoastalGraphics/includes/fonts/EmailIcon/EmailIcon.eot?87021891#iefix') format('embedded-opentype'),
		url('/CoastalGraphics/includes/fonts/EmailIcon/EmailIcon.woff?87021891') format('woff'),
		url('/CoastalGraphics/includes/fonts/EmailIcon/EmailIcon.ttf?87021891') format('truetype'),
		url('/CoastalGraphics/includes/fonts/EmailIcon/EmailIcon.svg?87021891#EmailIcon') format('svg');
	font-weight: normal;
	font-style: normal;
}


a.EmailAddress i {
	font-family: "EmailIcon";
	display: inline-block;
	text-decoration: none;
	font-size: 30px;
	text-transform: none;
	line-height: 1em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* **************************************************** */

.TeamMemberContactLinkWrapper {
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

/* **************************************************** */

.HomePageWrapper {
	display: inline-block;
	margin: 0px 0px 0px 0px;
}

@font-face {
	font-family: 'HomePageIcon';
	src: url('/CoastalGraphics/includes/fonts/HomePageIcon/HomePageIcon.eot?60515861');
	src: url('/CoastalGraphics/includes/fonts/HomePageIcon/HomePageIcon.eot?60515861#iefix') format('embedded-opentype'),
		url('/CoastalGraphics/includes/fonts/HomePageIcon/HomePageIcon.woff?60515861') format('woff'),
		url('/CoastalGraphics/includes/fonts/HomePageIcon/HomePageIcon.ttf?60515861') format('truetype'),
		url('/CoastalGraphics/includes/fonts/HomePageIcon/HomePageIcon.svg?60515861#HomePageIcon') format('svg');
	font-weight: normal;
	font-style: normal;
}


.HomePageIcon {
	font-family: "HomePageIcon";
	display: inline-block;
	color: #2dabec;
	text-decoration: none;
	font-size: 50px;
	margin-right: .2em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	margin-left: .2em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
 }

.HomePageIcon:hover, .HomePageIcon:active {
	color: #67318f;
	text-decoration: none;
}

/* **************************************************** */

.TwitterWrapper {
	display: inline-block;
	margin: 0px 0px 0px 0px;
}

@font-face {
font-family: 'twittericon';
	src: url('/CoastalGraphics/includes/fonts/TwitterIcon/TwitterIcon.eot?36751020');
	src: url('/CoastalGraphics/includes/fonts/TwitterIcon/TwitterIcon.eot?36751020#iefix') format('embedded-opentype'),
		url('/CoastalGraphics/includes/fonts/TwitterIcon/TwitterIcon.woff?36751020') format('woff'),
		url('/CoastalGraphics/includes/fonts/TwitterIcon/TwitterIcon.ttf?36751020') format('truetype'),
		url('/CoastalGraphics/includes/fonts/TwitterIcon/TwitterIcon.svg?36751020#TwitterIcon') format('svg');
font-weight: normal;
font-style: normal;
}

.TwitterIcon {
	font-family: "TwitterIcon";
	display: inline-block;
	color: #2dabec;
	text-decoration: none;
	font-size: 50px;
	margin-right: .2em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	margin-left: .2em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
 }

.TwitterIcon:hover, .TwitterIcon:active {
	color: #67318f;
	text-decoration: none;
}

/* **************************************************** */

.InstagramWrapper {
	display: inline-block;
	margin: 0px 0px 0px 0px;
}


@font-face {
	font-family: 'InstagramIcon';
	src: url('/CoastalGraphics/includes/fonts/InstagramIcon/InstagramIcon.eot?92459721');
	src: url('/CoastalGraphics/includes/fonts/InstagramIcon/InstagramIcon.eot?92459721#iefix') format('embedded-opentype'),
		url('/CoastalGraphics/includes/fonts/InstagramIcon/InstagramIcon.woff?92459721') format('woff'),
		url('/CoastalGraphics/includes/fonts/InstagramIcon/InstagramIcon.ttf?92459721') format('truetype'),
		url('/CoastalGraphics/includes/fonts/InstagramIcon/InstagramIcon.svg?92459721#InstagramIcon') format('svg');
	font-weight: normal;
	font-style: normal;
}

.InstagramIcon {
	font-family: "InstagramIcon";
	display: inline-block;
	color: #2dabec;
	text-decoration: none;
	font-size: 50px;
	margin-right: .2em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	margin-left: .2em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
 }

.InstagramIcon:hover, .InstagramIcon:active {
	color: #67318f;
	text-decoration: none;
}

/* **************************************************** */

.FacebookWrapper {
	display: inline-block;
	margin: 0px 0px 0px 0px;
}

@font-face {
	font-family: 'FacebookIcon';
	src: url('/CoastalGraphics/includes/fonts/FacebookIcon/FacebookIcon.eot?38472760');
	src: url('/CoastalGraphics/includes/fonts/FacebookIcon/FacebookIcon.eot?38472760#iefix') format('embedded-opentype'),
		url('/CoastalGraphics/includes/fonts/FacebookIcon/FacebookIcon.woff?38472760') format('woff'),
		url('/CoastalGraphics/includes/fonts/FacebookIcon/FacebookIcon.ttf?38472760') format('truetype'),
		url('/CoastalGraphics/includes/fonts/FacebookIcon/FacebookIcon.svg?38472760#FacebookIcon') format('svg');
	font-weight: normal;
	font-style: normal;
}

.FacebookIcon {
	font-family: "FacebookIcon";
	display: inline-block;
	color: #2dabec;
	text-decoration: none;
	font-size: 50px;
	margin-right: .2em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	margin-left: .2em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
 }

.FacebookIcon:hover, .FacebookIcon:active {
	color: #67318f;
	text-decoration: none;
}


/* **************************************************** */

@media screen and (max-width: 670px) {
	
	.TeamMemberWrapper {
		margin: 30px 20px 30px 10px;
		width: 84vw;
	}

	.TeamMemberTable, .TeamMemberTR, .TeamMemberTD {
		display: block;
	}

	.TeamMemberPhotoWrapper {
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	}

	.TeamMemberHeading {
		display: none;
	}
	
	.TeamMemberHeadingMobile {
		width: 100%;
		display: block;
		margin-bottom: 10px;
	}

	.TeamMemberDescription {
		margin: 10px 0px 0px 0px;
	}

	.TeamMemberPhoneWrapper {
		text-align: center !important;
		width: auto !important;
	}

	.PhoneWrapper {
		padding: 10px 10px 20px 10px;
		text-align: center !important;
	}
	
	.TeamMemberContactLinkWrapper {
		text-align: center !important;
		width: auto !important;
	}

	.EmailWrapper {
		padding: 10px 10px 10px 10px;
		text-align: center;
	}
}

@media screen and (max-width: 420px) {

	.TeamMemberWrapper {
		box-shadow: 5px 5px 10px rgba(103,49,143,0.5);
	}

	.TeamMemberContentWrapper, .TeamMemberHeading, .TeamMemberDescription, .TeamMemberContactLinkWrapper {
		width: auto;
	}

	.TeamMemberPhotoWrapper {
		width: auto;
		height: auto;
	}

	.TeamMemberPhoto {
		width: 76vw;
		height: auto;
	}
	
/* 
	.TeamMemberPhotoWrapper, .TeamMemberPhoto {
		width: auto;
		height: auto;
	}

	.TeamMemberName {
		font-size: 28px;
		margin: 3px 0px 4px 0px;
	}

	.TeamMemberJobTitle {
		font-size: 22px;
		margin: 8px 0px 0px 0px;
	}

	.HomePageIcon, .TwitterIcon, .FacebookIcon, .InstagramIcon {
		font-size: 40px;
	}

	a.EmailAddress {
		font-size: 18px;
	}
	a.EmailAddress i {
		font-size: 24px;
	}
 */
}

@media screen and (max-width: 360px) {

	.TeamMemberName {
		font-size: 26px;
		margin: 5px 0px 4px 0px;
	}

	.TeamMemberJobTitle {
		font-size: 20px;
	}

	a.EmailAddress {
		font-size: 16px;
	}
	a.EmailAddress i {
		font-size: 22px;
	}
}

/* **************************************************** */

.BottomWrapper1 {
	box-shadow: -5px -5px 10px rgba(103,49,143,0.3), 5px 5px 10px rgba(103,49,143,0.4);
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 20px 0px;
	color: #2dabec;
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 500;
	letter-spacing: 1px;
	font-size: 20px;
	text-align: left;
	position: relative;
}

.BottomWrapper1Table {
	display: table;
	border-collapse: collapse;
	border-spacing: 0px;
	border: 0px
}

.BottomWrapper1TR {
	display: table-row;
}

.BottomWrapper1TD {
	display: table-cell;
}

.BottomWrapper1Heading {
	color: #ffffff;
	font-family: 'Lato';
	font-style: normal;
	font-weight: 400;
	letter-spacing: 5px;
	font-size: 3.5vw;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	background: #2dabec;
	width: 50vw;
	vertical-align: middle;
	position: relative;
	clip-path: polygon(0 0, 100% 0, calc(100% - 50px) 100%, 0% 100%);
}

.BottomWrapper1Description {
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
	vertical-align: middle;
	width: 50vw;
}

.BottomWrapper1BaseLink {
	color: #ffffff;
	font-family: 'Lato';
	font-style: normal;
	font-weight: 400;
	letter-spacing: 5px;
	font-size: 24px;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	background: #2dabec;
	width: 50vw;
	vertical-align: middle;
	position: absolute;
	bottom: -30px;
	right: 0px;
	clip-path: polygon(25px 0%, 100% 0%, 100% 100%, 0% 100%);
}

@media screen and (max-width: 1550px) {

	.BottomWrapper1Heading {
		clip-path: polygon(0 0, 100% 0, calc(100% - 55px) 100%, 0% 100%);
	}
}


@media screen and (max-width: 1200px) {

	.BottomWrapper1Table, .BottomWrapper1TR, .BottomWrapper1TD {
		display: block;
	}

	.BottomWrapper1Heading {
		float: left;
		clip-path: polygon(0 0, 100% 0, calc(100% - 25px) 100%, 0% 100%);
	}

	.BottomWrapper1Description {
		width: auto;
	}

	.BottomWrapper1BaseLink {
		width: 60vw;
	}
}

@media screen and (max-width: 800px) {

	.BottomWrapper1BaseLink {
		width: 70vw;
		font-size: 22px;
		letter-spacing: 4px;
	}
}

@media screen and (max-width: 670px) {

	.BottomWrapper1Heading {
		width: 92vw;
		font-size: 6vw;
		letter-spacing: 4px;
		padding: 5px 10px 5px 10px;
	}
	.BottomWrapper1Description {
		width: auto;
		padding: 11vw 10px 10px 10px;
	}

	.BottomWrapper1BaseLink {
		width: 80vw;
		font-size: 20px;
		letter-spacing: 3px;
	}
}

@media screen and (max-width: 580px) {

	.BottomWrapper1BaseLink {
		width: 92vw;
		font-size: 18px;
		letter-spacing: 2px;
	}
}

@media screen and (max-width: 460px) {

	.BottomWrapper1BaseLink {
		font-size: 4vw;
	}
}

@media screen and (max-width: 400px) {


	.BottomWrapper1Description {
		font-size: 16px;
	}
}


/* **************************************************** */

.BottomWrapper2 {
	box-shadow: -5px -5px 10px rgba(103,49,143,0.3), 5px 5px 10px rgba(103,49,143,0.4);
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 20px 0px;
	color: #67318f;
	font-family: 'Oswald';
	font-style: normal;
	font-weight: 500;
	letter-spacing: 1px;
	font-size: 20px;
	text-align: left;
	position: relative;
}

/* 
.BottomWrapper2Table {
	display: table;
	border-collapse: collapse;
	border-spacing: 0px;
	border: 0px
}

.BottomWrapper2TR {
	display: table-row;
}

.BottomWrapper2TD {
	display: table-cell;
}
 */

.BottomWrapper2Heading {
	color: #ffffff;
	font-family: 'Lato';
	font-style: normal;
	font-weight: 400;
	letter-spacing: 5px;
	font-size: 2.8vw;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	background: #67318f;
	width: 50vw;
	vertical-align: middle;
	position: relative;
	float: left;
	clip-path: polygon(0 0, 100% 0, calc(100% - 40px) 100%, 0% 100%);
}

.BottomWrapper2Description {
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
	vertical-align: middle;
	width: auto;
}

.BottomWrapper2BaseLink {
	color: #ffffff;
	font-family: 'Lato';
	font-style: normal;
	font-weight: 400;
	letter-spacing: 5px;
	font-size: 23px;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
	text-align: center;
	background: #67318f;
	width: 60vw;
	vertical-align: middle;
	position: absolute;
	bottom: -30px;
	right: 0px;
	clip-path: polygon(25px 0%, 100% 0%, 100% 100%, 0% 100%);
}



@media screen and (max-width: 1200px) {


	.BottomWrapper2Heading {
		clip-path: polygon(0 0, 100% 0, calc(100% - 25px) 100%, 0% 100%);
	}

	.BottomWrapper2BaseLink {
		width: 70vw;
	}
}

@media screen and (max-width: 1080px) {

	.BottomWrapper2BaseLink {
		width: 80vw;
	}
}

@media screen and (max-width: 970px) {

	.BottomWrapper2BaseLink {
		font-size: 2.5vw;
		letter-spacing: 3px;
	}
}

@media screen and (max-width: 910px) {

	.BottomWrapper2Heading {
		width: 70vw;
	}
	.BottomWrapper2Description {
		padding: 5px 10px 10px 10px;
	}
}


@media screen and (max-width: 670px) {

	.BottomWrapper2Heading {
		width: 94vw;
		font-size: 4.5vw;
		letter-spacing: 4px;
		padding: 5px 10px 5px 10px;
	}
	.BottomWrapper2Description {
		width: auto;
		padding: 11vw 10px 10px 10px;
	}

	.BottomWrapper2BaseLink {
		font-size: 18px;
		width: 90vw;
		letter-spacing: 2px;
		padding: 10px 10px 10px 30px;
	}
}

@media screen and (max-width: 580px) {

	.BottomWrapper2BaseLink {
		font-size: 14px;
		letter-spacing: 2px;
	}
}

@media screen and (max-width: 530px) {

	.BottomWrapper2BaseLink {
		bottom: -40px;
	}
}


@media screen and (max-width: 400px) {


	.BottomWrapper2Description {
		font-size: 16px;
	}
}
