/*
	DWN tablet styles
*/

/* Body wrapper */
.container
{ width:auto; margin:0; padding:0 25px }


/* Set maximum image and table widths */
img
{ max-width:100% !important; height:auto !important; max-height:none }
table
{ max-width:100% !important; max-height:none }
iframe
{ max-width:100% !important }


/* Force breaks in long links */
#content a
{ -ms-word-break:break-all; word-break:break-all; word-break:break-word;
  -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto }


/* Admin toolbar */
#toolbar #toolbar-user, #toolbar .path-admin-appearance, #toolbar .path-admin-people, #toolbar .path-admin-modules
{ display:none }

/* Development marker */
#dev-marker
{ display:none }

/* Main menu */
#main-menu > .container
{ width:100% }

/* Switch to mobile navigation */
@media only screen and (max-width:840px) {

	/* Mobile slide-out menu */
	#mobile-menu, #mobile-menu-toggle
	{ display:block }

	#header
	{ padding:23px 0 16px; border-bottom:15px solid #23294b }
	#content-wrapper
	{ margin-top:1.5em }

	#header .region-header, #main-menu
	{ display:none }

	#content-above
	{ margin-bottom:2.5em }
}


/* Collapse footer columns */
@media only screen and (max-width:800px) {
	#footer
	{ padding-top:3em }
	#footer .region-footer > .block
	{ float:left; width:48% }
		#footer .region-footer > .block:nth-child(even)
		{ margin-right:0 }
		#footer .region-footer > .block:nth-child(odd)
		{ clear:both }
}


/* Reports */
.view-reports .field-name-field-report-thumbnail
{ float:right; margin:0 0 1.2em 2em }
.view-reports .field-name-field-report-thumbnail + .field-name-body
{ margin-left:0 }

/* Thumbnail columns */
ul.thumbnails > li
{ padding-left:148px }
ul.thumbnails > li img, ul.thumbnails > li figure
{ max-width:124px !important; margin-left:-148px }
	ul.thumbnails > li figure img
	{ margin-left:0 }

/* --- Featured columns --- */
ul.featured-thumbnails > li
{ padding-left:0 }
ul.featured-thumbnails > li img,
ul.featured-thumbnails > li figure
{ float:none; max-width:none !important; margin:0 0 1.2em }


/* List columns */
ul.columns
{ -moz-column-count:auto; -webkit-column-count:auto; column-count:auto }

/* Homepage carousel */
#block-views-homepage-carousel-block .view-content .views-row .node .content
{ min-width:50% }
#block-views-homepage-carousel-block .view-content .views-row .node .field-name-body
{ font-size:150% }

/* Homepage columns */
#home-action
{ float:none; width:auto; margin-bottom:2.5em }
#home-networking
{ float:none; width:auto; border-left:none; border-top:1px solid #e2e1da; padding:1.7em 0 0 }
#home-networking hr
{ margin:1.7em 0 }

/* Tweets */
#home-tweets h2
{ float:left; margin:0 .4em .9em 0 }
#home-tweets h2 + a.more
{ float:right }

#home-tweets ul
{ clear:both; margin:0; padding:0; list-style:none; font-size:87.5% }
#home-tweets ul > li
{ margin:0 0 2px; padding:21px 23px 21px 78px; background:#f3f3f0 url("../images/icon-tweet.png") no-repeat 24px 25px; border-radius:3px; line-height:1.5 }

	/* Retina images */
	@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2/1), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:2dppx) {
		#home-tweets ul > li
		{ background-image:url("../images/icon-tweet@2x.png"); background-size:39px auto }
	}

#home-tweets ul > li span.time
{ color:#777 }
