@import url('/_include/css/fonts.css?version=0815');
@import url('/_include/css/flexmenu.css?version=0815');
@import url('/_include/css/bootstrap.min.css?version=0815');
@import url('/_include/css/styles.css?version=0815');

body {
    font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-weight: 400;
}
section.outlook {
	width: 768px;
	margin: 25px auto;
	border: 1px solid #97999B;
}
section.outlook h3 {
	margin: 0;
	padding: 0;
	line-height: 1.4em;
}
.article, .articleFull {
	/* resize text*/
	font-size: .9em;
	line-height: 1.4em;
}
.article h2 {
	font-size: 1.75em;
	line-height: 1.3em;
}
.outlookEditor h2 {
	color: #FFF;
	font-size: 1.4em
}
.outlookEditor p {
	color: #FFF;
	font-size: .9em;
	line-height: 1.4em;
}
.outlookEditor a {
	color: #FFF;
	font-weight: bold;
}
p.outlookSocial {
	text-align: center;
	margin: 0;
	font-size: 1.5em;
}
.outlookSocial a {
	margin: 0 8px;
}
.outlookEditor .rightSideArticle:blank {
	display: none;
}

section.outlook .outlookMain {
	font-size: .8em;
	text-align: right;
	vertical-align: bottom;
	line-height: 1.6em;
	padding: 5px 15px 5px 0;
}
footer.outlook {
	width: 768px;
	margin: 25px auto;
	font-size: .8em;
	color: #63666A;
}
.editorImg.addBorder {
	border: 5px solid #FF671F;
	box-sizing: border-box;
}
/* ========================= MEDIA QUERIES ============================ */
/* desktop ----------- */
@media only screen and (max-width: 1200px) {

}
/* tablet (landscape) ----------- */
@media only screen and (max-width: 1170px), only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
}
/* tablet (portrait) ----------- */
@media only screen and (max-width: 768px), only screen and (max-width: 768px), only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    section.outlook, footer.outlook {
		width: 100%;
		border: none;
	}
}
/* tablet PRO (landscape) ----------- */
@media only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
}
/* tablet PRO (portrait) ----------- */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
    section.outlook, footer.outlook {
		width: 100%;
		border: none;
	}
}
/* mobile phone (landscape) ----------- */
@media only screen and (max-width: 667px), only screen and (max-width: 667px), only screen and (max-width: 667px), only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
    section.outlook, footer.outlook {
		width: 100%;
		border: none;
	}
	section.outlook {
		margin: 0;
	}
	.editorImg {
		display: block;
		margin: 0 auto;
		text-align: center;
	}
}
/* mobile phone (portrait)----------- */
@media only screen and (max-width: 375px), only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    section.outlook, footer.outlook {
		width: 100%;
		border: none;
	}
	section.outlook {
		margin: 0;
	}
	.editorImg {
		display: block;
		margin: 0 auto;
		text-align: center;
	}
}