/* display helper */
.large-visible,.tablet-visible,.phone-visible {
	display: none;
}

.large-hidden,.tablet-hidden,.phone-hidden {
	display: inherit;
}

/* Large Screens -------------------- */
@media only screen and (min-width: 1200px) {
	/* Styles */
	.large-visible {
		display: block !important;
	}
	.large-hidden {
		display: none !important;
	}
	#visual-portal-wrapper {
		width: 1200px;
		margin: 0 auto;
	}
}

/* Tablet Screens -------------------- */
@media only screen and (max-width: 979px) { /* Styles */
	.tablet-visible {
		display: block !important;
	}
	.tablet-hidden {
		display: none !important;
	}
	/* hidden column two changes width for content column to 13, if width-10 */
	#portal-column-content.width-10,#title-row div.width-10 {
		width: 79%;
	}
}

/* Smartphone Screens -------------------- */
@media only screen and (max-width: 767px) { /* Styles */
	.phone-visible {
		display: block !important;
	}
	.phone-hidden {
		display: none !important;
	}
	/* increase base font size */
	body {
/* 		font-size: 16px; */
		font-size: 1rem;
	}
	#phone-navbar {
		margin: 0.250rem 0em 0em 0em;
	}
	#visual-portal-wrapper {
		background-image: none;
	}
	#portal-top {
		margin: 0 0 1em 0;
	}
	#portal-multirow {
/* 		height: inherit; */
		height: 2.500rem;
	}
	/* all cells got 100% width */
	div.cell {
		width: 100% !important;
		margin-left: -100% !important;
		clear: both;
	}
	/* navigation */
	#nav-button {
		display: block;
	}
	#edit-bar {
		display: none;
	}
	dl.portletNavigationTree dd.portletItem {
		margin-top: 0;
	}
	/* language selector */
	#phone-portal-personaltools {
		float: left;
		margin: 0em;
		width: 100%;
	}
	#phone-portal-personaltools li {
		margin-right: 1em;
		float: right;
	}
	/* leadbox */
	#leadinformation-viewlet {
		width: 100% !important;
	}
	#leadinformation-viewlet.leadBoxDouble {
		height: 29em;
	}
	#leadinformation-viewlet.leadBoxDouble.leadBoxDoublePlaceholder {
		height: 14em;
	}
	.leadBoxDouble .leadColumnRight.width-1\:2 {
		border-bottom: 1em solid #fff;
	}
	/* leadbox slide navigation */
	#leadbox-slider a.left {
		right: 0;
	}
	/* leadbox description width is 100% even if there are two columns */
	.leadColumnDescription, 
	.leadColumn.width-1\:2 .leadColumnDescription, 
	.leadColumnSlider.leadColumn.width-1\:2 .leadColumnDescription {
		width: 94% !important;
		padding-left: 3%;
		padding-right: 3%;
	}
	.leadColumnLeft .item .imageContainer {
		width: 100%;
	}
	.leadColumnLeft.leadColumnLeftPlaceholder {
		display: none;
	}
	/* searchbox tweaks */
	#portal-multirow .width-1\:2 {
		width: 50% !important;
		clear: none;
	}
	#portal-multirow .position-1\:2 {
		margin-left: -50% !important;
	}
	dl.portletSearch {
		z-index: 80;
		margin-bottom: 0;
	}
	.portletSearch .portletItem {
		margin-top: 0;
	}
	.portletSearch .LSBox {
		background: none repeat scroll 0 0 #007D40;
		padding: 0.25em 1em;
		font-size: 1rem;
	}
	.portletSearch .LSBox input.searchField {
		font-size: 1rem;
		height: 2rem;
	}
	.livesearchContainer {
		border: 0.25em solid #007D40;
	}
	/* backbutton */
	a#navigation-back-button {
		color: #fff;
		text-transform: uppercase;
		display: block;
		padding: 0.5rem 1rem;
		font-weight: bold;
		font-size: 1rem;
	}
	div.address {
		float: none;
		width: 100%;
	}
	/* give the content text a left and right padding, so text doesn't clumb an window borders */
	div#content-core {
		padding: 0 1em;
	}
	h1.documentFirstHeading {
		padding: 0 0.314em;
	}
	#content .documentDescription {
		margin: 0em 1em 2em 1em;
	}
	/* link icons */
	#content a, #content-core * a {
		background-image: url("../img/icons/icon-link-internal-mobile.png") !important;
	}
	#content span.link-external a, #content-core * span.link-external a {
		background-image: url("../img/icons/icon-link-external-mobile.png") !important;
	}
	#content a[href^="mailto:"] {
		background: transparent url("../img/icons/icon-link-email-mobile.png") 0px
/* 			5px no-repeat; */
			0.313em no-repeat !important;
/* 		padding-left: 22px; */
		padding-left: 1.375em;
	}
	/* pagination links */
	#content .listingBar a {
		padding: 0.25em 0.5em !important;
	}
	.photoAlbumEntry {
		width: 46%;
		height: 20em;
	}

}