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

/* iPad Landscape Styles */

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

	/* Typography iPad */

	body {
		font-size: 0.9rem;
		line-height: 1.8;
	}
	blockquote {
		font-size: 1.3rem;
	}
}

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

	/* Theme iPad */

	#header.header-large,
	#header.header-small {
		position: relative;
		background: #ffffff;
	}
	#header .five.columns,
	#header .eleven.columns {
		width: 100%;
	}
	#header .five.columns {
		top: auto;
		position: relative;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
	#header #logo {
		float: left;
	}
	#header.header-large #navigation,
	#header.header-small #navigation {
		height: auto;
	}
	#header #masthead {
		float: left;
		width: auto;
	}
	#header .site-title {
		font-size: 1.3rem;
		margin: 0px;
	}
	#wrap #header .site-title a,
	#wrap #header .menu a,
	#wrap #header .menu a:link,
	#wrap #header .menu a:visited,
	#wrap #header .menu-toggle,
	#wrap #header .menu-toggle:before {
		color: #333333;
		color: rgba(0, 0, 0, 0.8);
	}
	#header.header-large #navigation {
		padding: 0px;
	}
	#navigation {
		float: none;
		display: block;
		height: auto;
		position: relative;
		top: auto;
		margin: 0px;
		padding: 0px;
	}
	.menu-container {
		padding: 0px !important;
	}
	ul.mobile-menu {
		background-color: #fff;
		margin: 0px;
		padding: 0px;
	}
	.menu-toggle,
	.main-small-navigation ul.mobile-menu.toggled-on {
		display: block;
	}
	.navigation-main ul.menu,
	.navigation-main div ul,
	.sf-arrows .sf-with-ul::after {
		display: none;
	}
	.menu {
		display: block;
	}
	.menu-toggle {
		float: right;
		position: relative;
		font-size: 1.4em;
		line-height: 60px;
		height: 60px;
		margin: 0;
		padding: 0px 24px;
		z-index: 9;
	}
	.menu-toggle:before {
		font-family: 'FontAwesome';
		content: ' ';
	}
	ul.mobile-menu ul.sub-menu,
	ul.mobile-menu ul.children {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		left: auto;
		margin: 0;
		padding: 0;
	}
	ul.mobile-menu ul,
	ul.mobile-menu li {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	ul.mobile-menu li {
		display: block;
		text-align: center;
		line-height: 30px;
	}
	ul.mobile-menu li li a:before {
		content: '- ';
	}
	ul.mobile-menu li li li a:before {
		content: '-- ';
	}
	ul.mobile-menu li li li li a:before {
		content: '--- ';
	}
	ul.mobile-menu a {
		display: block;
		color: #333333;
		font-size: 0.9rem;
		text-decoration: none;
		padding: 6px 0px;
		border-top: 1px solid rgba(0, 0, 0, 0.1);
	}
	ul.mobile-menu a:hover {
		background: rgba(0, 0, 0, 0.04);
		color: #000000;
		text-decoration: none;
	}
	ul.mobile-menu .children {
		display: block !important;
	}
	.content {
		padding: 0px 48px;
	}
	.content.no-thumb {
		padding-top: 0px;
	}
	.home-slider .slideshow .slides li.post {
		background-attachment: initial;
	}
	.home-slider .slideshow .slides li.post,
	.home-slider .slideshow .loading {
		height: auto;
		min-height: 600px;
	}
	.home-slider .slideshow .content {
		padding: 0px 96px;
	}
	.slideshow .headline {
		font-size: 2.2rem;
		letter-spacing: -1px;
		padding-bottom: 0px;
	}
	.slideshow .headline.small {
		font-size: 1.8rem;
	}
	.slideshow .format-quote .text-holder {
		padding: 24px;
	}
	.slideshow .format-status .text-holder {
		padding: 12px 24px;
	}
	.slideshow .format-video .ten.columns {
		width: 100%;
	}
	.slideshow .format-video .feature-vid {
		margin-right: 0px;
	}
	.slideshow .format-standard .excerpt,
	.slideshow .format-link .excerpt,
	.slideshow .format-video .six.columns,
	.flex-control-nav {
		display: none;
	}
	.blog-holder .article,
	.archive-holder .article {
		padding: 18px 24px;
	}
	.blog-holder .post-meta .align-left,
	.blog-holder .post-meta .align-right,
	.archive-holder .post-meta .align-left,
	.archive-holder .post-meta .align-right {
		float: none;
		display: block;
		text-align: center;
		margin: 4px 0px;
	}
	.blog-holder .alignwide,
	.blog-holder .alignfull,
	.archive-holder .alignwide,
	.archive-holder .alignfull {
		width: calc(100% + 48px);
		left: -24px;
		margin-left: 0px;
		margin-right: 0px;
	}
	.post-meta .align-left,
	.post-meta .align-right {
		max-width: none;
	}
	.footer-content {
		text-align: center;
	}
	.footer-content .align-left {
		float: none;
		display: block;
	}
	.footer-content .align-right {
		float: none;
		display: block;
		text-align: center;
		margin-top: 18px;
	}

}

/* iPad Portrait Styles */

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

	/* Theme iPad */

	.home-slider .slideshow .slides li.post,
	.home-slider .slideshow .loading {
		min-height: 480px;
	}
	.purpose-sidebar-inactive.purpose-singular .alignfull,
	.purpose-sidebar-inactive.purpose-singular .alignwide {
		width: calc(100% + 72px);
		max-width: calc(100% + 72px);
		margin-left: -36px;
		left: auto;
	}
}

/* iPhone */

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

	/* Typography iPhone */

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

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

	/* Theme iPhone */

	#wrap {
		overflow: hidden;
	}
	#header .site-title {
		font-size: 1.2rem;
	}
	.home-slider .slideshow .slides li.post,
	.home-slider .slideshow .loading {
		min-height: 360px;
	}
	.home-slider .slideshow .content {
		padding: 0px 48px;
	}
	.slideshow .loading {
		min-height: 180px;
	}
	.slideshow .content {
		padding: 0px 48px;
	}
	.slideshow .headline {
		font-size: 2rem;
		letter-spacing: -1px;
	}
	.slideshow .format-quote .text-holder {
		padding: 0px;
	}
	.slideshow .more-link,
	.slideshow .excerpt + br,
	.slideshow .format-audio .excerpt {
		display: none;
	}
	.flex-direction-nav li a {
		font-size: 16px;
		line-height: 22px;
		height: 24px;
		width: 24px;
		margin: -12px 0px 0px 0px;
	}
	.flex-direction-nav .flex-next {
		right: 12px;
		border-radius: 24px;
	}
	.flex-direction-nav .flex-prev {
		left: 12px;
		border-radius: 24px;
	}
	.flex-direction-nav .flex-next i {
		margin-left: 1px;
	}
	.flex-direction-nav .flex-prev i {
		margin-right: 1px;
	}
	.featured-pages .holder {
		padding: 24px 0px;
	}
	.featured-posts-wrap {
		margin-top: 0px;
		padding-bottom: 12px;
	}
	.featured-posts .headline {
		padding-top: 36px;
		padding-bottom: 0px;
	}
	.content {
		padding: 0px 24px;
	}
	.postarea,
	.postarea.middle,
	.postarea.right,
	.postarea.full,
	.postarea.wide {
		padding: 24px 0px;
	}
	i.format-icon {
		display: none;
	}
	.blog-holder, .archive-holder {
		margin-bottom: 24px;
	}
	.blog-holder .article,
	.archive-holder .article {
		padding: 12px 18px;
	}
	.blog-holder .post-meta,
	.archive-holder .post-meta {
		padding: 12px;
	}
	.blog-holder .post-meta p,
	.archive-holder .post-meta p {
		font-size: 0.9em;
	}
	.blog-holder .alignwide,
	.blog-holder .alignfull,
	.archive-holder .alignwide,
	.archive-holder .alignfull {
		width: calc(100% + 36px);
		left: -18px;
		margin-left: 0px;
		margin-right: 0px;
	}
	.purpose-sidebar-inactive.purpose-singular .alignfull,
	.purpose-sidebar-inactive.purpose-singular .alignwide {
		width: calc(100% + 48px);
		max-width: calc(100% + 48px);
		margin-left: -24px;
		left: auto;
	}
	.wp-block-columns.alignfull {
		padding-left: 24px;
		padding-right: 24px;
	}
	.archive-column {
		width: 100%;
		padding-right: 0px;
		overflow: hidden;
	}
	.archive-column h6 {
		margin-top: 12px;
	}
	.portfolio .portfolio-item,
	.portfolio-third .portfolio-item,
	.portfolio-half .portfolio-item {
		margin-bottom: 6%;
	}
	.sidebar {
		padding: 24px 0px;
		border-top: 1px solid rgba(0, 0, 0, .08);
	}
	.sidebar.left {
		display: none;
	}
	.container form textarea {
		width: 94% !important;
	}
	#commentform textarea {
		width: 95% !important;
	}
	.footer-widgets {
		width: 100%;
		margin: 0px;
		padding: 0px;
	}
	.footer-widgets .widget {
		width: 100% !important;
		margin: 0px;
		padding: 0px;
	}
	.footer-widget {
		padding: 12px 0px;
	}

	/* 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;
	}
	.row .single,
	.row .half,
	.row .third,
	.row .fourth,
	.row .fifth,
	.row .one-half,
	.row .one-third,
	.row .one-fourth {
		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;
	}
}

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

	/* Theme iPhone Portrait */

	.slideshow .headline {
		font-size: 1.4rem;
		letter-spacing: 0px;
	}
	.slideshow .text-holder {
		font-size: 0.8rem;
	}
	.home-slider .slideshow .slides li.post,
	.home-slider .slideshow .loading {
		min-height: 280px;
	}
}