@font-face {
    font-family: 'Sanchez-Regular';
    src: url('https://cdn.syncronex.com/css/hearst/Sanchez-Regular.eot');
    src: url('https://cdn.syncronex.com/css/hearst/Sanchez-Regular.eot?#iefix') format('embedded-opentype'), url('https://cdn.syncronex.com/css/hearst/Sanchez-Regular.woff') format('woff'), url('https://cdn.syncronex.com/css/hearst/Sanchez-Regular.ttf') format('truetype'), url('https://cdn.syncronex.com/css/hearst/Sanchez-Regular.svg#Sanchez-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Sanchez-Bold';
    src: url('https://cdn.syncronex.com/css/hearst/Sanchez-Bold.eot');
    src: url('https://cdn.syncronex.com/css/hearst/Sanchez-Bold.eot?#iefix') format('embedded-opentype'), url('https://cdn.syncronex.com/css/hearst/Sanchez-Bold.woff') format('woff'), url('https://cdn.syncronex.com/css/hearst/Sanchez-Bold.ttf') format('truetype'), url('https://cdn.syncronex.com/css/hearst/Sanchez-Bold.svg#Sanchez-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Sanchez-Semibold';
    src: url('https://cdn.syncronex.com/css/hearst/Sanchez-Semibold.eot');
    src: url('https://cdn.syncronex.com/css/hearst/Sanchez-Semibold.eot?#iefix') format('embedded-opentype'), url('https://cdn.syncronex.com/css/hearst/Sanchez-Semibold.woff') format('woff'), url('https://cdn.syncronex.com/css/hearst/Sanchez-Semibold.ttf') format('truetype'), url('https://cdn.syncronex.com/css/hearst/Sanchez-Semibold.svg#Sanchez-Semibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'hackmanbold';
    src: url('https://cdn.syncronex.com/css/hearst/Hackman-Bold-webfont.eot');
    src: url('https://cdn.syncronex.com/css/hearst/Hackman-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('https://cdn.syncronex.com/css/hearst/Hackman-Bold-webfont.woff2') format('woff2'), url('https://cdn.syncronex.com/css/hearst/Hackman-Bold-webfont.woff') format('woff'), url('https://cdn.syncronex.com/css/hearst/Hackman-Bold-webfont.ttf') format('truetype'), url('https://cdn.syncronex.com/css/hearst/Hackman-Bold-webfont.svg#hackmanbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'hackmanextrabold';
    src: url('https://cdn.syncronex.com/css/hearst/Hackman-ExtraBold-webfont.eot');
    src: url('https://cdn.syncronex.com/css/hearst/Hackman-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'), url('https://cdn.syncronex.com/css/hearst/Hackman-ExtraBold-webfont.woff2') format('woff2'), url('https://cdn.syncronex.com/css/hearst/Hackman-ExtraBold-webfont.woff') format('woff'), url('https://cdn.syncronex.com/css/hearst/Hackman-ExtraBold-webfont.ttf') format('truetype'), url('https://cdn.syncronex.com/css/hearst/Hackman-ExtraBold-webfont.svg#hackmanextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'hackmanmedium';
    src: url('https://cdn.syncronex.com/css/hearst/Hackman-Medium-webfont.eot');
    src: url('https://cdn.syncronex.com/css/hearst/Hackman-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('https://cdn.syncronex.com/css/hearst/Hackman-Medium-webfont.woff2') format('woff2'), url('https://cdn.syncronex.com/css/hearst/Hackman-Medium-webfont.woff') format('woff'), url('https://cdn.syncronex.com/css/hearst/Hackman-Medium-webfont.ttf') format('truetype'), url('https://cdn.syncronex.com/css/hearst/Hackman-Medium-webfont.svg#hackmanmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'pierpontbold';
    src: url('https://cdn.syncronex.com/css/hearst/Pierpont-Bold-webfont.eot');
    src: url('https://cdn.syncronex.com/css/hearst/Pierpont-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('https://cdn.syncronex.com/css/hearst/Pierpont-Bold-webfont.woff2') format('woff2'), url('https://cdn.syncronex.com/css/hearst/Pierpont-Bold-webfont.woff') format('woff'), url('https://cdn.syncronex.com/css/hearst/Pierpont-Bold-webfont.ttf') format('truetype'), url('https://cdn.syncronex.com/css/hearst/Pierpont-Bold-webfont.svg#pierpontbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansPro-Regular';
    src: url('../fonts/sanspro/SourceSansPro-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansPro-Bold';
    src: url('../fonts/sanspro/SourceSansPro-Bold.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansPro-Semibold';
    src: url('../fonts/sanspro/SourceSansPro-Semibold.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NotoSans';
    src: url('../fonts/notosans/NotoSans-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NotoSans-Bold';
    src: url('../fonts/notosans/NotoSans-Bold.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NotoSans-BoldItalic';
    src: url('../fonts/notosans/NotoSans-BoldItalic.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NotoSans-Italic';
    src: url('../fonts/notosans/NotoSans-Italic.ttf');
    font-weight: normal;
    font-style: normal;
}

/* global styles */
body {
    /* fix font rendering in Safari -- see case 60303 */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.smp h1, .smp h2, .smp p {
	font-family: 'hackmanmedium'; 
	font-weight: 500;
}
.page-title .step-process,
.section-title {
	color: #911014;
	font-family: 'hackmanmedium';
	font-weight: 500;
}
.data-table td {
	font-family: 'hackmanmedium';
	font-weight: 500;
}

/* forms */
.smp input[type='text'],
.smp input[type='number'],
.smp input[type='password'],
.smp input[type='email'],
.smp input[type="search"],
.smp input[type="date"],
.smp input[type="tel"],
.smp textarea,
.smp select {
	font-family: 'hackmanmedium';
	font-weight: 500;
}

/* header */
.smp header.global nav.utility .back {
	font-family: 'hackmanmedium'; 
	font-weight: 500;
}
.smp header.global nav.account li {
	font-family: 'hackmanmedium';
	font-weight: 500;
}
.smp #logo {
	background-image: url(../img/hearst/sanfrancisco/logo/sanfrancisco-2x.png);
	background-size: 438px 45px;
	height: 45px;
	width: 438px;
}
.smp .ie8 #logo { background-image: url(../img/hearst/sanfrancisco/logo/sanfrancisco.png); }
.smp header.global .branding p {
	color: #911014;
	font-family: 'hackmanmedium';
	font-weight: 500;
}
.smp header.global nav.main ul li {
	font-family: 'hackmanmedium';
	font-weight: 700;
}
.smp header.global nav.main ul li a:hover,
.smp header.global nav.main ul li.active,
.smp header.global nav.main ul li span:hover { color: #911014; }
.smp header.global nav.main ul li em { font-weight: 700; }
.smp header.global nav.main .e-edition {
	font-family: 'hackmanmedium';
	font-weight: 500;
}
.smp header.global nav.main .e-edition:hover { color: #911014; }
.smp header.global nav.subnav ul li {
	font-family: 'hackmanmedium';
	font-weight: 500;
}

/* footer */
.smp footer.global .header .logo {
	background-image: url(../img/hearst/sanfrancisco/logo/sanfrancisco-footer-2x.png);
	background-size: 200px 21px;
	height: 21px;
	width: 200px;
}
.smp .ie8 footer.global .header .logo { background-image: url(../img/hearst/sanfrancisco/logo/sanfrancisco-footer.png); }
.smp footer.global nav.links h3 {
	font-family: 'hackmanmedium';
	font-weight: 700;
}
.smp footer.global nav.links li {
	font-family: 'hackmanmedium';
	font-weight: 500;
}
.smp footer.global .copyright p {
	font-family: 'hackmanmedium';
	font-weight: 500;
}
.smp footer.global nav.starts li {
	font-family: 'SourceSansPro-Regular';
	font-weight: 500;
}

/* modules */
.module.help li {
	font-family: 'hackmanmedium';
	font-weight: 500;
}
.module.help li a:hover { color: #911014; }

/* Tempalte: Portal Main - Unauthenticated */
.get-started-tip span {
	font-family: 'hackmanmedium';
	font-weight: 500;
}

/* Template: Portal Main - Authenticated */
.subscription .promo {
	font-family: 'hackmanmedium';
	font-weight: 500;
}
	.subscription .promo strong { font-weight: 700; }
.subscription .account-services .options .title h3 {
	font-family: 'hackmanmedium';
	font-weight: 500;
}
.subscription .pay-now span {
	/*color: #911014;*/
	font-family: 'hackmanmedium'; 
	font-weight: 500;
}

/* Template: Help & Service - FAQs */
.smp .faqs .topics p,
.smp .faqs h2,
.smp .faqs .faq.open .q,
.smp .faqs .faq .q:hover { color: #911014; }

/* FOR DEMO */
.page-account-authenticated header.global nav.main ul li.menu-subscription a,
.page-profile header.global nav.main ul li.menu-profile a,
.page-faqs header.global nav.main ul li.menu-faqs a {
	color: #911014;
}

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

	.smp #logo {
		background-size: 219px 23px;
		height: 23px;
		width: 219px;
	}
	.smp .ie8 #logo { background-image: url(../img/hearst/sanfrancisco/logo/sanfrancisco-sm.png); }

}