/*--------------------------
MOBILE STYLES
--------------------------*/
.header-phone{ padding: 20px 20px 10px 20px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);}
.header-phone a.logo-container img{max-width: 100%; height: auto; display: block;}
.header-phone a.logo-container{ display: block; max-width: 30%;}
.header-phone .mobile-nav{ margin: 5px 0 0;}
.header-phone .mobile-nav *{ padding: 10px;}
.visible-phone .ad{ margin: 10px auto;}
.visible-phone .fade-scrollable-bottom{box-shadow: 0px -5px 10px rgba(0, 0, 0, 0.1);}

footer.visible-phone{ min-width: 0px; padding: 10px; border: none;}
	footer.visible-phone.int{ margin-bottom: 30px;}
	footer.visible-phone li{ font-size: 100%;}
	footer.visible-phone li .lrg{font-size: 130%;}
	footer.visible-phone ul { margin: 5px 0px;}
	footer.visible-phone .full,	footer.visible-phone .full .linear{width: 100%;}

.mobile-shortcuts{padding: 10px; z-index: 99999;}
	.mobile-shortcuts ul{ background: #ffffff; padding: 10px; box-shadow: 0 0 10px #000; list-style: none;}
	.mobile-shortcuts ul li {padding: 5px 0px; position: relative;}
	.mobile-shortcuts ul li a{ font-size: 200%; font-weight: bold; background: url(../images/icons.png) 0 0 no-repeat; padding: 0 0 0 40px;}
	.mobile-shortcuts ul li a.current-issue.red {background-position: 0 -1036px;}
	.mobile-shortcuts ul li a.current-issue {background-position: 0 -1144px;}
	.mobile-shortcuts ul li a.latest-news {background-position: 0 0;}
	.mobile-shortcuts ul li a.people {background-position: 0 -48px;}
	.mobile-shortcuts ul li a.opinion {background-position: 0 -184px;}
	.mobile-shortcuts ul li a.staff {background-position: 0 -991px;}
	.mobile-shortcuts-interior{ position: fixed; bottom:33px; width: 95%; overflow: hidden; display: none;}
	.mobile-shortcuts ul li.current-shortcut{ background: #d8d8d8; width: 100%; margin-left: -15px; padding: 10px 15px;}
	.mobile-shortcuts ul li .issue-date{top: -2px; right: -12px;}
	.mobile-shortcuts ul li.current-shortcut .issue-date{top: 0px; right: -2px;}
	.mobile-shortcuts ul li.current-shortcut a{ color: #ffffff !important;}
	.mobile-shortcuts ul li.current-shortcut a.current-issue{background-position: 0 -1331px;}
	.mobile-shortcuts ul li.current-shortcut a.latest-news{background-position: 0 -1190px;}
	.mobile-shortcuts ul li.current-shortcut a.people{background-position: 0 -1239px;}
	.mobile-shortcuts ul li.current-shortcut a.opinion{background-position: 0 -1285px;}
	.mobile-shortcuts ul li.current-shortcut a.staff{background-position: 0 -1378px;}

.header-phone .mobile-nav{ position: absolute;  right: 0; top: -5px; width: 150px; text-align: right; padding: 20px 20px 0 0; z-index: 999999;}
.header-phone .mobile-nav ul{ list-style: none; text-align: right; padding: 15px 0 0 0;}
.header-phone .mobile-nav ul li, .header-phone .mobile-nav ul li a { padding: 0px;}
.header-phone .mobile-nav .mobile-search{ margin: 5px 0 0 0; width: 100%;}
.header-phone .mobile-nav form {  width: 100%; padding: 0px;}
.header-phone .mobile-nav form fieldset{ border: none; background: #f5f5f5; border-radius: 6px;	-moz-border-radius: 6px;	-webkit-border-radius: 6px; padding: 0px; margin: 0;}
.header-phone .mobile-nav form input[type="text"]{ width: 85%; background: none; border: none; width: 55%; float: left;}
.header-phone .mobile-nav form input.search{ width: 12%;}
.header-phone .mobile-nav ul li {padding: 0px;}
.header-phone .mobile-nav ul li a{ color: #ffffff; padding: 7px 0; display: block;}

.issue-banner{ position: absolute; right: -12px; top: -14px; background: url(../images/issue-banner.png) no-repeat 0 0; height: 63px; width: 50px; color: #fff; padding: 0 7px; font-size: 120%;}
.issue-date{ position: absolute; right: -12px; top: -14px; height: 63px; width: 50px; color: #fff; padding: 0 7px; font-size: 120%;}
.issue-banner span, .issue-date span{ display: block; font-weight: 100;}
.issue-banner p, .issue-date p{ font-weight: bold; margin: 5px 0 0; line-height: 125%;}
.shortcut-visibility{ border-top: 4px solid #ffffff; border-bottom: 4px solid #ffffff;  text-align: center; padding: 2px 0px; position: fixed; bottom: 0; width: 100%; cursor: pointer; z-index: 99999;}
.shortcut-visibility p{ margin: 0;}
.shortcut-visibility p i{background: url(../images/icons.png)  right -1082px no-repeat; padding-right: 30px; margin: 0;}
.shortcut-visibility p i.up{background: url(../images/icons.png)  right -1114px no-repeat; padding-right: 30px; margin: 0;}

.interior-content.list{margin: 0 0 30px;}
.interior-content.list a{ display: block;}
.interior-content.list .entry{margin: 20px 0px 10px; display: block;}

.breaking-news-mobile{ padding: 0 20px;}
.breaking-news-mobile h4{ margin: -20px 0 20px 0;}

/* Landscape phones and down */
@media (max-width: 767px) { 

	nav.fixed, nav.main, header, footer, .sticky-wrapper, .ad:not(.half-banner), .sidebar, ul.info li.hidden-phone, .container.border.bottom, .current, section.content, .sign-up, .hidden-phone, .container.subscribe .app.phone, .search-results{display: none;}
	.visible-phone {display: block;}
	.container {max-width: 727px; min-width: 240px;}
	.one-third {float: none; width:95%; position: relative;}
	.half {float: none; width: 95%;}
	.full{ width: 95%;}
	.two-thirds {float: none; width: 95%;}
	.interior figure{ float: none; padding: 0; margin: 10px 0 0;}
	img{max-width: 100%; height: auto; }
	.interior{padding: 5px 0 0; border: none;}
	.interior .container{ padding: 0 10px 0 20px;}
	ul.info{/*  display: block; */ margin-bottom: 10px 0 0;}
	ul.info li{display: block; margin: 0px 0;}
	.container.subscribe .app.tablet figcaption img{ margin: 30px 0 0 -63px;}
	.container.subscribe .app.phone figcaption img{margin: 28px 0 0 -73px;}
	.container.subscribe .print-version figcaption img{margin: 2px 0 0 -23px;}
	.container.subscribe h1{width: 90%;}
	.container.subscribe h1{ font-size: 175%;}
	.container.subscribe .half {float: none; width: 100%; }
	.container.subscribe .btn.lrg, .container.subscribe figure, .container.subscribe h1 { margin: 0 0 0 -10px;}
	 .container.subscribe h1 { margin: 20px 0 0 0px; width: 100%;}
	.container.subscribe .digital-version {width: 280px;}
	.container.subscribe .app.tablet figcaption img{ margin: 30px 0 0 0;}
	.btn.lrg {padding: 12px 30px !important}
	.container.subscribe .half h2, .container.subscribe .half p{ padding: 20px 0; margin: 0; width: 100%;}
	.container.subscribe .print-version{ background: none;}
	.container.subscribe .print-version figcaption img{ box-shadow: 0 0 10px #999999; margin: 0;}
	.current-issue{ width: 100%;padding: 0;}
	.cover-story{ width: 100%; padding: 0;}
	.subscription {padding: 20px 20px 0 20px;}
	.subscription a.btn{margin: 5px 25%;}
	a .issue {margin: 20px 20px 30px 0px; width: 28%; min-height: 208px;}
	.pull-right.one-third{ width: 93%; float: none; margin-bottom: 20px; clear: both;}
	form label{	margin: 15px 0 0; clear: both; width: 100%;}
	form input[type=text]{clear: both; width: 100%;}
	nav.visible-phone ul{margin: 0px;}
	footer li{ height: 0px;}
	ul.linear.social.small li{ width: 30% !important;}
	.interior-content h1{ font-size: 136%;}
	.gallery a img{ width:48%;}
	.header-phone .mobile-nav form{ background: #fafafa; height: 35px;}
	.header-phone .mobile-nav form input[type=text]{margin: 0px;}
	.mobile-nav ul{margin: 0px;}
	.mobile-search .hiddenFields{display: none;}
	.social li a.icon.app {	background-position: 68px -1471px; width: 95px; }
	.fade-scrollable-bottom{ width: 100%;}
	
	.pull-left, figure.pull-left img{padding: 0px; margin: 0px;}
	
	.pp_pic_holder{width: 90% !important; left: 15px !important;}
	.pp_hoverContainer, .pp_content{height: auto !important; width: 100% !important;}
	img#fullResImage{width: 100% !important; height: auto !important;}
	.pp_expand, .pp_nav{ display: none !important;}
	
	.btn.lrg.download-btn-default{display: none;}
	.btn.lrg.download-btn-mobile{display: inline-block;}
	
	.container.modal{ min-width: 0px;}
	.breaking-news i{display: block; margin: -30px 0 0 0;}
	.container.modal h1{font-size: 136%;}
	.other-articles .entry a img, .items .entry a img{ float: none;}
	form textarea{ clear: both; width: 100%;}

}

/* Portrait phones and down */
@media (max-width: 321px) { 
		.header-phone a.logo-container{max-width: 45% !important;}
		a .issue {margin: 20px 20px 30px 0px; width: 42%;}
}