/**
 * Email Template Styles
 * 
 * Styles for email templates - must be kept in <style> tag for email client compatibility
 * 
 * @package Alpha Insights
 * @version 1.0.0
 */

/* Base Reset Styles */
p{
	margin:10px 0;
	padding:0;
}

table{
	border-collapse:collapse;
}

h1,h2,h3,h4,h5,h6{
	display:block;
	margin:0;
	padding:0;
}

img,a img{
	border:0;
	height:auto;
	outline:none;
	text-decoration:none;
}

body,#bodyTable,#bodyCell{
	height:100%;
	margin:0;
	padding:0;
	width:100%;
}

.mcnPreviewText{
	display:none !important;
}

#outlook a{
	padding:0;
}

img{
	-ms-interpolation-mode:bicubic;
}

table{
	mso-table-lspace:0pt;
	mso-table-rspace:0pt;
}

.ReadMsgBody{
	width:100%;
}

.ExternalClass{
	width:100%;
}

p,a,li,td,blockquote{
	mso-line-height-rule:exactly;
}

a[href^=tel],a[href^=sms]{
	color:inherit;
	cursor:default;
	text-decoration:none;
}

p,a,li,td,body,table,blockquote{
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
}

.ExternalClass,.ExternalClass p,.ExternalClass td,.ExternalClass div,.ExternalClass span,.ExternalClass font{
	line-height:100%;
}

a[x-apple-data-detectors]{
	color:inherit !important;
	text-decoration:none !important;
	font-size:inherit !important;
	font-family:inherit !important;
	font-weight:inherit !important;
	line-height:inherit !important;
}

.templateContainer{
	max-width:600px !important;
}

a.mcnButton{
	display:block;
}

.mcnImage,.mcnRetinaImage{
	vertical-align:bottom;
}

.mcnTextContent{
	word-break:break-word;
}

.mcnTextContent img{
	height:auto !important;
}

.mcnDividerBlock{
	table-layout:fixed !important;
}

/* Heading 1 */
h1{
	color:#222222;
	font-family:Helvetica;
	font-size:40px !important;
	font-style:normal;
	font-weight:bold !important;
	line-height:150%;
	letter-spacing:normal;
	text-align:center;
}

/* Heading 2 */
h2{
	color:#222222;
	font-family:Helvetica;
	font-size:34px;
	font-style:normal;
	font-weight:bold;
	line-height:150%;
	letter-spacing:normal;
	text-align:left;
}

/* Heading 3 */
h3{
	color:#444444;
	font-family:Helvetica;
	font-size:22px;
	font-style:normal;
	font-weight:bold;
	line-height:150%;
	letter-spacing:normal;
	text-align:left;
}

/* Heading 4 */
h4{
	color:#949494;
	font-family:Georgia;
	font-size:20px;
	font-style:italic;
	font-weight:normal;
	line-height:125%;
	letter-spacing:normal;
	text-align:left;
}

/* Header Container Style */
#templateHeader{
	background:#03aaed;
	background-color:#03aaed;
	background-image:none;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	border-top:0;
	border-bottom:0;
	padding-top:45px;
	padding-bottom:45px;
}

/* Header Interior Style */
.headerContainer{
	background-color: transparent;
	background-image:none;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	border-top:0;
	border-bottom:0;
	padding-top:0;
	padding-bottom:0;
}

/* Header Text */
.headerContainer .mcnTextContent,.headerContainer .mcnTextContent p{
	color:#ffffff;
	font-family:Helvetica;
	font-size:16px;
	line-height:150%;
	text-align:center;
}

/* Header Link */
.headerContainer .mcnTextContent a,.headerContainer .mcnTextContent p a{
	color:#ffffff;
	font-weight:normal;
	text-decoration:underline;
}

/* Body Container Style */
#templateBody{
	background-color:#FFFFFF;
	background-image:none;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	border-top:0;
	border-bottom:0;
	padding-top:36px;
	padding-bottom:45px;
}

/* Body Interior Style */
.bodyContainer{
	background-color:transparent;
	background-image:none;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	border-top:0;
	border-bottom:0;
	padding-top:0;
	padding-bottom:0;
}

/* Body Text */
.bodyContainer .mcnTextContent,.bodyContainer .mcnTextContent p{
	color:#757575;
	font-family:Helvetica;
	font-size:16px;
	line-height:150%;
	text-align:left;
}

/* Body Link */
.bodyContainer .mcnTextContent a,.bodyContainer .mcnTextContent p a{
	color:#007C89;
	font-weight:normal;
	text-decoration:underline;
}

/* Footer Style */
#templateFooter{
	background-color:#eaeaea;
	background-image:none;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	border-top:0;
	border-bottom:0;
	padding-top:45px;
	padding-bottom:63px;
}

/* Footer Interior Style */
.footerContainer{
	background-color: transparent;
	background-image:none;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	border-top:0;
	border-bottom:0;
	padding-top:0;
	padding-bottom:0;
}

/* Footer Text */
.footerContainer .mcnTextContent,.footerContainer .mcnTextContent p{
	color:#262626;
	font-family:Helvetica;
	font-size:12px;
	line-height:150%;
	text-align:center;
}

/* Footer Link */
.footerContainer .mcnTextContent a,.footerContainer .mcnTextContent p a{
	color:#03aaed;
	font-weight:normal;
	text-decoration:underline;
}

/* Responsive Styles */
@media only screen and (min-width:768px){
	.templateContainer{
		width:600px !important;
	}
}

@media only screen and (max-width: 480px){
	body,table,td,p,a,li,blockquote{
		-webkit-text-size-adjust:none !important;
	}
}

@media only screen and (max-width: 480px){
	body{
		width:100% !important;
		min-width:100% !important;
	}
}

@media only screen and (max-width: 480px){
	.mcnRetinaImage{
		max-width:100% !important;
	}
}

@media only screen and (max-width: 480px){
	.mcnImage{
		width:100% !important;
	}
}

@media only screen and (max-width: 480px){
	.mcnCartContainer,.mcnCaptionTopContent,.mcnRecContentContainer,.mcnCaptionBottomContent,.mcnTextContentContainer,.mcnBoxedTextContentContainer,.mcnImageGroupContentContainer,.mcnCaptionLeftTextContentContainer,.mcnCaptionRightTextContentContainer,.mcnCaptionLeftImageContentContainer,.mcnCaptionRightImageContentContainer,.mcnImageCardLeftTextContentContainer,.mcnImageCardRightTextContentContainer,.mcnImageCardLeftImageContentContainer,.mcnImageCardRightImageContentContainer{
		max-width:100% !important;
		width:100% !important;
	}
}

@media only screen and (max-width: 480px){
	.mcnBoxedTextContentContainer{
		min-width:100% !important;
	}
}

@media only screen and (max-width: 480px){
	.mcnImageGroupContent{
		padding:9px !important;
	}
}

@media only screen and (max-width: 480px){
	.mcnCaptionLeftContentOuter .mcnTextContent,.mcnCaptionRightContentOuter .mcnTextContent{
		padding-top:9px !important;
	}
}

@media only screen and (max-width: 480px){
	.mcnImageCardTopImageContent,.mcnCaptionBottomContent:last-child .mcnCaptionBottomImageContent,.mcnCaptionBlockInner .mcnCaptionTopContent:last-child .mcnTextContent{
		padding-top:18px !important;
	}
}

@media only screen and (max-width: 480px){
	.mcnImageCardBottomImageContent{
		padding-bottom:9px !important;
	}
}

@media only screen and (max-width: 480px){
	.mcnImageGroupBlockInner{
		padding-top:0 !important;
		padding-bottom:0 !important;
	}
}

@media only screen and (max-width: 480px){
	.mcnImageGroupBlockOuter{
		padding-top:9px !important;
		padding-bottom:9px !important;
	}
}

@media only screen and (max-width: 480px){
	.mcnTextContent,.mcnBoxedTextContentColumn{
		padding-right:18px !important;
		padding-left:18px !important;
	}
}

@media only screen and (max-width: 480px){
	.mcnImageCardLeftImageContent,.mcnImageCardRightImageContent{
		padding-right:18px !important;
		padding-bottom:0 !important;
		padding-left:18px !important;
	}
}

@media only screen and (max-width: 480px){
	.mcpreview-image-uploader{
		display:none !important;
		width:100% !important;
	}
}

@media only screen and (max-width: 480px){
	h1{
		font-size:30px !important;
		line-height:125% !important;
	}
}

@media only screen and (max-width: 480px){
	h2{
		font-size:26px !important;
		line-height:125% !important;
	}
}

@media only screen and (max-width: 480px){
	h3{
		font-size:20px !important;
		line-height:150% !important;
	}
}

@media only screen and (max-width: 480px){
	h4{
		font-size:18px !important;
		line-height:150% !important;
	}
}

@media only screen and (max-width: 480px){
	.mcnBoxedTextContentContainer .mcnTextContent,.mcnBoxedTextContentContainer .mcnTextContent p{
		font-size:14px !important;
		line-height:150% !important;
	}
}

@media only screen and (max-width: 480px){
	.headerContainer .mcnTextContent,.headerContainer .mcnTextContent p{
		font-size:16px !important;
		line-height:150% !important;
	}
}

@media only screen and (max-width: 480px){
	.bodyContainer .mcnTextContent,.bodyContainer .mcnTextContent p{
		font-size:16px !important;
		line-height:150% !important;
	}
}

@media only screen and (max-width: 480px){
	.footerContainer .mcnTextContent,.footerContainer .mcnTextContent p{
		font-size:14px !important;
		line-height:150% !important;
	}
}
