/************************************************
*	Desktop Grid								*
************************************************/

.row {
	position: relative;
	width: 100%;
	max-width: 1180px;
	margin: 0 auto;
}
.row .row {
	min-width: 0;
}
.column, .columns {
	float: left;
	min-height: 1px;
	position: relative;
}
[class*="column"] + [class*="column"]:last-child {
	float: right;
}

.half, .third, .one-third, .fourth,
.one-fourth, .two-thirds, .three-fourths {
	float: left;
}
.half.last, .third.last, .one-third.last, .fourth.last,
.one-fourth.last, .two-thirds.last, .three-fourths.last {
	float: right;
}

.single	 		{ width: 100%; }
.half 			{ width: 49.9%; }
.third,
.one-third 		{ width: 33.3%; }
.fourth,
.one-fourth		{ width: 25%; }
.two-thirds 	{ width: 66.6%; }
.three-fourths	{ width: 75%; }

.row .one 		{ width: 6.25%; }
.row .two 		{ width: 12.5%; }
.row .three 	{ width: 18.75%; }
.row .four 		{ width: 25%; }
.row .five 		{ width: 31.25%; }
.row .six 		{ width: 37.5%; }
.row .seven 	{ width: 43.75%; }
.row .eight 	{ width: 50%; }
.row .nine 		{ width: 56.25%; }
.row .ten 		{ width: 62.5%; }
.row .eleven 	{ width: 68.75%; }
.row .twelve 	{ width: 75%; }
.row .thirteen 	{ width: 81.25%; }
.row .fourteen 	{ width: 87.5%; }
.row .fifteen 	{ width: 93.75%; }
.row .sixteen 	{ width: 100%; }

.row .centered { float: none; margin: 0 auto; }

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

/* iPad Styles */

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

	/* Typography iPad */

	body {
		font-size: 0.9rem;
		line-height: 1.9;
	}
	blockquote {
		font-size: 1.4rem;
	}
	.headline {
		font-size: 3rem;
	}
}

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

	/* Theme iPad */

	.row {
		width: auto;
		padding-left: 24px;
		padding-right: 24px;
	}
	#contact .contact-info {
		font-size: 0.8em;
	}
	#header {
		padding-bottom: 24px;
	}
	#header .columns {
		float: none;
		width: 100%;
		text-align: center;
	}
	#navigation {
		top: auto;
		width: 100%;
		text-align: center;
		position: relative !important;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
	#logo-title {
		text-align: center;
		float: none;
	}
	.menu {
		float: none;
	}
	.menu a {
		font-size: 0.9em;
		padding: 0px 10px;
	}
	.slider-background {
		padding: 24px 0px;
	}
	.slideshow .loading {
		min-height: 260px;
	}
	.slideshow .flex-control-nav {
		display: none;
	}
	.featured-tagline .description {
		font-size: 1.4rem;
		line-height: 1.7;
	}
	.featured-projects,
	.featured-team,
	.featured-tagline {
		padding: 36px 0px;
	}
	.featured-page {
		padding: 0px 0px 36px 0px;
	}
	.footer {
		text-align: center;
	}
	.footer .align-left,
	.footer .align-right {
		float: none;
	}
	.footer .align-right {
		margin-top: 12px;
	}

}

/* iPhone */

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

	/* Typography iPhone */

	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;
	}
	body, p {
		font-size: 0.9rem;
		line-height: 1.9;
	}
	blockquote {
		margin: 12px 0px;
		padding: 18px 0px;
	}
	blockquote p {
		font-size: 1.1rem;
		line-height: 1.6;
	}
	.headline,
	.blog-holder .headline,
	.archive-holder .headline {
		font-size: 2.6rem;
		letter-spacing: -1px;
	}
	.headline.small {
		font-size: 1.8rem;
	}
}

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

	/* Theme iPhone */

	.admin-bar #contact {
		margin-top: 0px;
	}
	#contact {
		position: inherit;
	}
	#contact .align-left {
		float: none;
		display: block;
	}
	#contact .align-right {
		display: none;
	}
	#contact .social-icons {
		float: none;
	}
	#header {
		display: inline-block;
		width: 100%;
		height: auto;
		padding: 24px 0px;
	}
	.custom-header {
		min-height: 80px;
	}
	#masthead .site-description {
		font-size: 2rem;
		padding-left: 24px;
		padding-right: 24px;
	}
	#navigation {
		position: relative;
		margin: 24px 0px 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, .menu-divider {
		display: none;
	}
	.menu {
		display: block;
	}
	.menu-toggle {
		color: #FFFFFF;
		font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
		font-size: 1.8em;
		font-weight: 400;
		text-shadow: -1px -1px rgba(0,0,0, 0.1);
		letter-spacing: 0;
		text-transform: none;
		text-align: center;
		margin: 0;
		padding: 12px;
	}
	.menu-toggle:before {
		color: #FFFFFF;
		font-family: 'Font Awesome 5 Free';
		content: '\f0c9';
		top: 1px;
		margin-right: 6px;
		position: relative;
	}
	.mobile-menu ul.sub-menu {
		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: #EEEEEE !important;
		font-size: 1.2em;
		text-decoration: none;
		text-shadow: -1px -1px rgba(0,0,0, 0.1);
		padding: 6px 0px;
		border-top: 1px solid rgba(0,0,0, 0.1);
	}
	.mobile-menu a:hover {
		background: rgba(0,0,0, 0.08);
		color: #FFFFFF !important;
		text-decoration: none;
	}
	.slideshow .feature-img,
	.slideshow .feature-vid {
		padding-right: 0px;
	}
	.slideshow .information {
		padding: 24px;
	}
	.slideshow .information p {
		display: block;
	}
	.slideshow .loading {
		min-height: 180px;
	}
	.flexslider .slides li {
		min-height: 120px;
	}
	.flex-direction-nav .flex-next {
		right: 0;
		border-radius: 2px 0px 0px 2px;
		-moz-border-radius: 2px 0px 0px 2px;
		-khtml-border-radius: 2px 0px 0px 2px;
		-webkit-border-radius: 2px 0px 0px 2px;
	}
	.flex-direction-nav .flex-prev {
		left: 0;
		border-radius: 0px 2px 2px 0px;
		-moz-border-radius: 0px 2px 2px 0px;
		-khtml-border-radius: 0px 2px 2px 0px;
		-webkit-border-radius: 0px 2px 2px 0px;
	}
	.flex-control-nav, .slideshow .information {
		display: none;
	}
	.featured-tagline .description {
		font-size: 1rem;
		text-align: center;
	}
	.featured-projects .project-links {
		display: block;
		text-align: center;
		margin: 0px auto 0px;
		padding: 0px;
	}
	.featured-projects .project-links .button {
		display: inline-block;
		margin: 12px 2px;
		padding: 4px;
		border-radius: 2px;
	}
	.featured-projects .information {
		text-align: center;
	}
	.featured-team .four.columns,
	.featured-team .four.columns:last-child,
	.team-members .four.columns,
	.team-members .four.columns:last-child {
		display: block;
	}
	.type-team .member-column {
		padding-right: 0px;
		padding-bottom: 48px;
	}
	.postarea, .postarea.middle, .postarea.full {
		padding: 24px 0px;
	}
	.pagination {
		margin-bottom: 12px;
	}
	.tweet-btn, .like-btn, .pin-btn, .plus-btn {
		float: left;
		margin: 4px;
	}
	.archive-column {
		width: 100%;
		padding-right: 0;
	}
	.sidebar {
		margin: 24px 0px;
	}
	.sidebar.left {
		display: none;
	}
	.footer {
		margin-top: 24px;
	}
	.footer-information {
		padding: 36px 0px;
	}
	.footer p {
		font-size: 0.85em;
	}
	.container form textarea {
		width: 94% !important;
	}
	#commentform textarea {
		width: 95% !important;
	}
	.woocommerce ul.products li.product,
	.woocommerce-page ul.products li.product,
	.woocommerce .cart-collaterals .cart_totals,
	.woocommerce-page .cart-collaterals .cart_totals,
	.woocommerce .cart-collaterals .shipping_calculator,
	.woocommerce-page .cart-collaterals .shipping_calculator,
	.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,
	.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
		width: 100% !important;
	}
	.container .woocommerce table.shop_table th,
	.container .woocommerce-page table.shop_table th {
		font-size: 0.8em;
		padding: 4px;
	}
	.container .woocommerce table.shop_table td,
	.container .woocommerce-page table.shop_table td {
		font-size: 0.7em;
		line-height: 1.4;
		padding: 4px;
	}
	.woocommerce table.cart .product-thumbnail, .woocommerce #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail {
		display: none;
	}
	.woocommerce .cart .button, .woocommerce .cart input.button,
	.woocommerce-page .cart .button, .woocommerce-page .cart input.button {
		margin: 2px;
	}

	/* 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 {
		min-width: 0;
		margin-left: 0;
		margin-right: 0;
		overflow: visible !important;
	}
	.row .single,
	.row .half,
	.row .third,
	.row .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;
	}
}
