/************************************************
*	Media Queries								*
************************************************/

/* iPad Styles */

@media handheld, only screen and (max-width: 1023px) {

	/* Typography iPad */

	body, p {
		font-size: 0.85rem;
		line-height: 1.8;
	}
	blockquote {
		font-size: 1.4rem;
	}
	.headline {
		font-size: 2.2rem;
	}
	.headline.small {
		font-size: 1.8rem;
	}
	.headline.img-headline {
		font-size: 2.6rem;
	}
}

@media handheld, only screen and (max-width: 1023px) {

	/* Theme iPad */

	.container {
		margin: 0px auto 0px;
		padding: 18px;
	}
	.menu a {
		font-size: .9em;
		padding: 0px 10px;
	}
	.slideshow .information {
		padding: 18px;
	}
	.slideshow .information .excerpt {
		display: none;
	}
	.slideshow .loading {
		min-height: 260px;
	}
	.info-card .card-bio {
		font-size: 0.8rem;
	}
	.blog-holder i.format-icon {
		left: -52px;
	}
	.blog-holder .format-quote .quote-text p {
		font-size: 1.1rem;
	}
	.article > p:first-of-type {
		font-size: 1.1rem;
	}
	.article > p:last-of-type {
		font-size: 0.85rem;
	}
	.content {
		padding: 36px;
	}
	.connect-sidebar-inactive .alignfull,
	.connect-sidebar-inactive .alignwide,
	.connect-sidebar-active .alignfull,
	.connect-sidebar-active .alignwide {
		width: calc(100% + 72px);
		left: -36px;
	}
	.sidebar {
		font-size: 0.8rem;
		margin: -36px -36px 0px 0px;
		padding: 18px 18px 0px 18px;
	}
	.sidebar.left {
		margin: -36px 0px 0px -36px;
	}
	.sidebar-card {
		margin: -36px -36px 36px 0px;
	}
	.sidebar-card .info-card .content {
		padding: 18px;
	}

}

/* iPhone */

@media handheld, only screen and (max-width: 767px) {

	/* Typography iPhone */

	body, p {
		font-size: 0.85rem;
		line-height: 1.8;
	}
	h1 {
		font-size: 1.8rem;
		line-height: 1.4;
	}
	h2 {
		font-size: 1.6rem;
		line-height: 1.4;
	}
	h3 {
		font-size: 1.4rem;
		line-height: 1.4;
	}
	h4 {
		font-size: 1.2rem;
		line-height: 1.4;
	}
	h5 {
		font-size: 1.1rem;
		line-height: 1.4;
	}
	h6 {
		font-size: 1.0rem;
		line-height: 1.4;
	}
	.headline {
		font-size: 1.8rem;
		padding-bottom: 6px;
	}
	.headline.small {
		font-size: 1.6rem;
	}
	.headline.img-headline {
		font-size: 1.8rem;
		line-height: 1.1;
	}
	.title {
		font-size: 1.1rem;
	}
	blockquote {
		padding: 12px 0px;
		border-left: none;
	}
	blockquote p {
		font-size: 1rem;
		line-height: 1.6;
	}
}

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

	/* Theme iPhone */

	.container {
		padding: 12px;
	}
	#header {
		display: inline-block;
		width: 100%;
		height: auto;
	}
	#custom-header {
		margin: 0px;
	}
	#navigation {
		background: #577582;
		position: relative;
		top: auto;
		margin: 0px 6px;
		padding: 0px;
		border-radius: 2px 2px 0px 0px;
	}
	.mobile-menu {
		margin: 0px;
		padding: 0px;
	}
	.menu-toggle,
	.main-small-navigation ul.mobile-menu.toggled-on {
		display: block;
	}
	.navigation-main ul.menu,
	.sf-sub-indicator {
		display: none;
	}
	.menu {
		display: block;
	}
	.menu-toggle {
		color: #666666;
		color: rgba(0, 0, 0, .5);
		font-size: 24px;
		text-align: right;
		line-height: 1.2;
		margin: 0;
		padding: 12px 18px;
	}
	.menu-toggle:hover {
		color: #ffffff;
	}
	.mobile-menu ul.sub-menu,
	.mobile-menu ul.children {
		display: block !important;
		visibility: visible !important;
		left: auto;
		margin: 0;
		padding: 0;
	}
	.mobile-menu ul,
	.mobile-menu li {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.mobile-menu li {
		display: block;
		text-align: center;
		line-height: 30px;
	}
	.mobile-menu li li a:before {
		content: '- ';
	}
	.mobile-menu li li li a:before {
		content: '-- ';
	}
	.mobile-menu li li li li a:before {
		content: '--- ';
	}
	.mobile-menu a {
		display: block;
		color: #999999;
		color: rgba(0, 0, 0, .4);
		font-size: 1.2em;
		text-decoration: none;
		padding: 6px 12px;
		border-top: 1px solid rgba(0, 0, 0, .1);
	}
	.mobile-menu a:hover {
		background: rgba(0, 0, 0, .08);
		color: #ffffff;
		text-decoration: none;
	}
	.slideshow .loading {
		min-height: 180px;
	}
	.slideshow .information {
		padding: 18px 12px 0px 12px;
	}
	.slideshow .information .excerpt {
		display: block;
	}
	.flex-direction-nav .flex-next {
		right: 0px;
		border-radius: 2px 0px 0px 2px;
	}
	.flex-direction-nav .flex-prev {
		left: 0px;
		border-radius: 0px 2px 2px 0px;
	}
	.info-card {
		text-align: center;
	}
	.info-card #logo {
		float: none;
		display: block;
		width: 100%;
		text-align: center;
		margin: 0px 0px 18px 0px;
	}
	.info-card .contact-info p {
		float: none;
		display: inline-block;
	}
	.sidebar-card {
		margin: 24px 0px 0px 0px;
	}
	.sidebar-card .info-card {
		border-bottom: none;
		border-radius: 2px;
	}
	.blog-holder i.format-icon {
		display: none;
	}
	.blog-holder .format-quote .quote-text p {
		font-size: 1.1rem;
	}
	.blog-holder .format-link .article a {
		font-size: 1.8rem;
	}
	.blog-holder .format-status .article {
		padding: 0px 12px;
	}
	.content {
		padding: 18px;
	}
	.postarea,
	.postarea.middle,
	.postarea.full {
		padding: 0px;
	}
	.post-author p {
		float: left;
		display: block;
		width: 100%;
		font-size: 0.9em;
	}
	.article > p:first-of-type {
		color: #aaaaaa;
		font-size: 1rem;
		font-weight: 400;
		line-height: 1.6;
		letter-spacing: -0.2px;
	}
	.article > p:last-of-type {
		color: #666666;
		font-size: 0.85rem;
		line-height: 1.8;
		letter-spacing: 0px;
	}
	.connect-sidebar-inactive .alignfull,
	.connect-sidebar-inactive .alignwide,
	.connect-sidebar-active .alignfull,
	.connect-sidebar-active .alignwide {
		width: calc(100% + 36px);
		left: -18px;
	}
	.pagination {
		margin-bottom: 12px;
	}
	.feature-img.banner {
		border-radius: 0px;
	}
	.sidebar {
		background: none;
		margin: 0px;
		padding: 24px 0px;
		border-radius: 0px;
	}
	.sidebar.left {
		display: none;
	}

	/* Grid */

	body {
		-webkit-text-size-adjust: none;
		-ms-text-size-adjust: none;
		width: 100%;
		min-width: 0;
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
	}
	.row {
		width: 100%;
		min-width: 0;
		margin-left: 0;
		margin-right: 0;
		overflow: visible !important;
	}
	.half, .third, .fourth,
	.two-thirds, .three-fourths {
		width: 100%;
	}
	.row .row .column,
	.row .row .columns {
		padding: 0;
	}
	.column, .columns {
		width: auto !important;
		float: none;
		margin-left: 0;
		margin-right: 0;
	}
	.column:last-child, .columns:last-child {
		margin-right: 0;
		float: none;
	}
	[class*="column"] + [class*="column"]:last-child {
		float: none;
	}
	[class*="column"]:before, [class*="column"]:after {
		content:"";
		display:table;
	}
	[class*="column"]:after {
		clear: both;
	}
}