/*
Theme Name: Commercial Cleaning Services
Template: vxfusion-boilerplate
Author: vxFusion Ltd.
Author URI: http://www.vxfusion.com
Description: Child theme for the vxFusion boilerplate.
Version: 0.1
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html

===========================
CONTENTS:

01 Sensible Defaults
02 Typography
03 Generic Styles
04 Widgets
05 Layout
06 Pages
07 Media Queries
===========================
*/


/* ----------------------------------------------------------------------------------------------------------
01 Sensible Defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */


/* ----------------------------------------------------------------------------------------------------------
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
body,
input,
textarea {
	font-family:'Arimo', sans-serif;
	font-weight:400;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
#nav a,
#subheader .hero-parent,
table thead th {
	font-family:'Roboto Condensed', sans-serif;
	font-weight:400;
}


/* ----------------------------------------------------------------------------------------------------------
03 Generic Styles -------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*= Text
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	text-indent:-0.05em;
	color:#222222;
}
h1,
.h1 {
	font-size:72px;
	text-transform:uppercase;
	letter-spacing:-0.025em;
}
h2,
.h2 {
	font-size:48px;
	text-transform:uppercase;
	letter-spacing:-0.025em;
}
h3,
.h3 {
	font-size:36px;
	letter-spacing:-0.025em;
}
h4,
.h4 {
	font-size:28px;
	letter-spacing:-0.025em;
}
h5,
.h5 {
	font-size:22px;
}
h6,
.h6 {
	font-size:16px;
	text-transform:uppercase;
}

p {
	font-size:18px;
	line-height:1.4em;
}

a {
	font-weight:700;
	color:#009538;
	outline:medium none;
}
a:hover {
	text-decoration:underline;
	color:#00C64A;
}
a:active,
a:focus {
	color:#C24525;
}


/*= Buttons (Foundation style overrides)
-------------------------------------------------------------- */
/* Default Button Style */
.button,
input[type="submit"],
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
	background:transparent;
	border:solid 2px #009538;
	color:#009538;
	line-height:30px;
	font-weight:700;
}
.button:hover,
input[type="submit"]:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
	background:#00C64A;
	border-color:#009538;
	color:#fff;
}
.button:active,
.button:focus,
input[type="submit"]:active,
input[type="submit"]:focus,
.woocommerce #respond input#submit.alt:active,
.woocommerce #respond input#submit.alt:focus,
.woocommerce a.button.alt:active,
.woocommerce a.button.alt:focus,
.woocommerce button.button.alt:active,
.woocommerce button.button.alt:focus,
.woocommerce input.button.alt:active,
.woocommerce input.button.alt:focus {
	background:#DF7155;
	border-color:#C24525;
	color:#fff;
}

/* Alt Button Style - at this point, we can assume that if the .alt class can be added to a generic submit button, then we can also add the .button class so no need to keep referencing input[type="submit"] */
.button.alt,
.gform_previous_button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
	background:transparent;
	border-color:#222222;
	color:#222222;
}
.button.alt:hover,
.gform_previous_button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
	background:#00C64A;
	border-color:#009538;
	color:#fff;
}
.button.alt:active,
.button.alt:focus,
.gform_previous_button:active,
.gform_previous_button:focus,
.woocommerce #respond input#submit:active,
.woocommerce #respond input#submit:focus,
.woocommerce a.button:active,
.woocommerce a.button:focus,
.woocommerce button.button:active,
.woocommerce button.button:focus,
.woocommerce input.button:active,
.woocommerce input.button:focus {
	background:#DF7155;
	border-color:#C24525;
	color:#fff;
}

/* Ghost Button Style */
.button.ghost {
	background:rgba(255,255,255,0);
	border-color:#fff;
	color:#fff;
}
.button.ghost:hover {
	background:rgba(0,0,0,0.2);
	border-color:#fff;
}
.button.ghost:active,
.button.ghost:focus {
	background:rgba(0,0,0,0.4);
	border-color:#fff;
}

/* Ghost Alt Button Style */
.button.ghost.alt {
	background:rgba(12,154,65,0.2);
	border-color:#0C9A41;
}
.button.ghost.alt:hover {
	background:rgba(12,154,65,0.4);
	border-color:#0C9A41;
}
.button.ghost.alt:active,
.button.ghost.alt:focus {
	background:rgba(223,113,85,0.30);
	border-color:#DF7155;
}

/* Button Sizes */
.button.huge,
.woocommerce a.button.checkout-button {
	line-height:46px;
}
.button.big {
	line-height:38px;
}
.button.small {
	line-height:24px;
}
.button.tiny {
	line-height:18px;
}


/*= Frequently Asked Questions
-------------------------------------------------------------- */
.faq .question:hover { color:#8F45AB; }
.faq .question:active { color:#27AB81; }


/*= Blocks
-------------------------------------------------------------- */
.no-touch .blocks a.block-image:before { background:#009538; }

/* black callout */
.black .blocks .callout.secondary {
	background: #222222;
}

	.black .blocks .callout.secondary * {
		color:#fff;
		font-weight:400;
	}

		.blocks .block-content {
			padding:20px;
		}

			.blocks .block-content .block-description {
				opacity:0.8;
			}


/*= Fancy
-------------------------------------------------------------- */
.fancy {
    padding: 30vh 0;
}

	.fancy p {
		font-size: 24px;
	}

	.fancy .action a {
		margin-right:30px;
	}

	.fancy .actions a {
		border-color:#fff;
		color:#fff;
		background:rgba(255,255,255,0.2);
	}

	.fancy .actions a:hover {
		background:rgba(255,255,255,0);
	}

/* fancy callout */
.fancy-callout .columns:before {
	content:"";
	position:absolute;
	top:-30px;
	bottom:-30px;
	left:-30px;
	right:-30px;
	background-color:#fff;
}

	.fancy-callout .fancy-title {
		font-size:44px;
		margin-bottom:0.9rem;
	}

/* fancy gradient */
.fancy.fancy-gradient:before {
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	opacity:0.75;
}

.fancy.fancy-gradient.fancy-content-position-left:before {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0.25+100 */
	background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0.25) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0.25) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0.25) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#40000000',GradientType=1 ); /* IE6-9 */
}

.fancy.fancy-gradient.fancy-content-position-right:before {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.25+0,1+100 */
	background: -moz-linear-gradient(left, rgba(0,0,0,0.25) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.25) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(0,0,0,0.25) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
}


/*= WordPress Comments
-------------------------------------------------------------- */
#comments-list .reply a:hover,
#comments-list .reply a:active {
	color:#8F45AB;
	border-color:#8F45AB;
}


/*= Posts
-------------------------------------------------------------- */
.hentry.post .entry-meta a { color:#666; }
.hentry.post .entry-meta a:hover { color:#8F45AB; }
.hentry.post .entry-meta a:active { color:#27AB81; }


/*= Tables
-------------------------------------------------------------- */
table thead tr {
	background:#222222;
}

	table thead tr th {
		color:#fff;
		font-size: 16px;
	    font-weight: 400;
	}

	table tbody tr {
		background:#E9E9E9;
		border:none;
	}

	table tbody tr:nth-child(2n) {
	    background: #F3F3F3;
		border:none;
	}


/*= Gravity Forms
-------------------------------------------------------------- */
.gform_fields .gsection_description {
    margin-bottom: 10px;
    border-bottom: solid 1px rgba(0,0,0,0.3);
    padding-bottom: 5px;
}

.gf_progressbar_percentage {
    background: #009538;
}


/* ----------------------------------------------------------------------------------------------------------
04 Widgets --------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
.widget li a:hover { color:#8F45AB; }
.widget li a:active { color:#27AB81; }


/* ----------------------------------------------------------------------------------------------------------
05 Layout ---------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

/*= Header
----------------------------------------------------------------*/
#header {
	padding:0 30px;
	height:100px;
	background:#222222;
}

#header:after {
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:-6px;
	height:6px;
	background:#222222;
	opacity:0.3;
	z-index:2;
}

/*
#header:before {
	content:"";
	position:absolute;
	z-index:-1;
	top:0;
	left:0;
	right:0;
	bottom:0;
	height:100px;
}
*/

	#logo a {
		padding:10px 0;
	}

		#logo a img {
			height:80px;
			width:auto;
		}

#nav {
	position:absolute;
	bottom:6px;
	right:15px;
	background:transparent;
}

	/* first level */
	#nav a {
		padding:0 12px;
		height:50px;
		line-height:50px;
		font-size:18px;
		font-weight:400;
		color:#fff;
		text-transform: uppercase;
	}
	#nav li > a:before {
		content:"";
		position:absolute;
		left:15px;
		right:15px;
		bottom:10px;
		height:2px;
	}
	#nav li.menu-item-has-children > a:before {
		right:31px;
	}
	#nav li > a:hover,
	#nav li > a:active {
		color:#fff;
		background:transparent;
		text-decoration:none;
	}
	#nav > ul > li > a:hover:before,
	#nav > ul > li > a:active:before {
		background:#fff;
	}
	#nav li > a:active:before {
		background:#009538;
	}
	#nav li.current_page_parent > a,
	#nav li.current-menu-parent > a,
	#nav li.current_page_ancestor > a,
	#nav li.current-menu-ancestor > a {
		background:transparent;
	}
	#nav li.current_page_parent > a:before,
	#nav li.current-menu-parent > a:before,
	#nav li.current_page_ancestor > a:before,
	#nav li.current-page-ancestor > a:before,
	#nav li.current-menu-ancestor > a:before {
		background:#009538;
	}
	#nav li.current_page_item > a,
	#nav li.current-menu-item > a {
		color:#fff;
		background:transparent;
	}
	#nav li.current_page_item > a:before,
	#nav li.current-menu-item > a:before {
		background:#009538;
	}

	/* second level */
	#nav li.menu-item-has-children:hover > a {
		background:rgba(0,0,0,0.2);
		color:#fff;
	}

	#nav ul ul {
		top:49px;
		left:15px;
		background:#fff;
		box-shadow:0px 0px 4px rgba(0,0,0,0.3);
	}

		#nav ul ul a {
			color:#222222;
			font-size:16px;
			border-bottom:solid 1px rgba(0,0,0,0.1);
		}
		#nav ul ul a:hover,
		#nav ul ul a:active {
			color:#222222;
			background:rgba(155,155,155,0.2);
		}
		#nav ul ul a:active {
			background:rgba(0,0,0,0.1);
		}
		#nav ul ul li > a:active:before {
    		background: transparent;
		}
		#nav ul ul li.current_page_item > a,
		#nav ul ul li.current-menu-item > a {
			color:#222222;
			background:transparent;
		}

		#nav ul ul li.current_page_item > a:before,
		#nav ul ul li.current-menu-item > a:before,
		#nav ul ul a:hover:before {
    		background:#009538;
			left: 9px;
			right: inherit;
			bottom: 10px;
			top: 10px;
			height: auto;
			width: 2px;
		}

		#nav ul ul a:hover:before {
			background:#222222;
		}

#nav-secondary {
	position:absolute;
	top:15px;
	right:22.5px;
}

	#nav-secondary ul li a {
		padding:0 7.5px;
		font-size:14px;
		font-weight:400;
		color:#fff;
		opacity:0.75;
	}


/*= Subheader
----------------------------------------------------------------*/
#subheader {
	height:45vh;
	min-height:250px;
	padding:0;
	background-color:#222;
}

#subheader:before {
    opacity: 0.25;
    background: #424E89;
}

/*
#subheader:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 200px;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.4) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.4) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#33000000',GradientType=0 );
}
*/

	#subheader .hero-text {
		position:absolute;
		top:51%;
		transform:translateY(-51%);
	}

	#subheader .hero-text:before {
		content:"";
		position:absolute;
		left:-500px;
		right:0;
		top:-50px;
		bottom:-50px;
		opacity:0.5;
		z-index:1;

		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#222222+0,7db9e8+100&1+0,0+75 */
		background: -moz-radial-gradient(center, ellipse cover, rgba(34,34,34,1) 0%, rgba(102,147,183,0) 75%, rgba(125,185,232,0) 100%); /* FF3.6-15 */
		background: -webkit-radial-gradient(center, ellipse cover, rgba(34,34,34,1) 0%,rgba(102,147,183,0) 75%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: radial-gradient(ellipse at center, rgba(34,34,34,1) 0%,rgba(102,147,183,0) 75%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}

		#subheader .hero-parent {
			position:relative;
			z-index:2;
			font-size: 22px;
			text-transform: uppercase;
		}

			#subheader .hero-parent a {
				font-weight: 400;
			}

		#subheader .hero-text-wrapper {
			position:relative;
			z-index:2;
		}

		#subheader .hero-caption {
			font-size:22px;
		}


/*= Content
----------------------------------------------------------------*/

/*= Sidebar
----------------------------------------------------------------*/

/*= Footer
----------------------------------------------------------------*/
#footer {
	background:#F3F3F3;
}

	#footer * {
		color:#222222;
	}

	#footer a,
	#footer .fa {
		color:#222222;
	}

#subfooter {
	height:48px;
	padding:0;
	background:#222222;
}

	#subfooter * {
		color:#FFFFFF;
		opacity:0.75;
		font-size:16px;
		line-height:50px;
		height:48px;
	}

	#subfooter .nav-social {
		margin-bottom:0;
	}

			#subfooter .nav-social li span {
				display:none;
			}


/* ----------------------------------------------------------------------------------------------------------
06 Pages ----------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

/*= Global
----------------------------------------------------------------*/
.styled-list ul {
	margin-left:0;
	list-style-type: none;
}

	.styled-list ul:nth-of-type(odd) {
		padding-right:30px;
	}

	.styled-list ul:nth-of-type(even) {
		padding-left:30px;
	}

	.styled-list ul li {
		margin:0;
		padding:10px 0;
		font-size:18px;
		border-top:solid 1px rgba(0,0,0,0.15);
	}

	.styled-list ul li:last-of-type {
		border-bottom:solid 1px rgba(0,0,0,0.15);
	}


/*= Page: Home
----------------------------------------------------------------*/
/* slideshow */
.home .orbit {
	height:calc(100vh - 100px);
	margin-bottom:0;
}

	/*
	.home .orbit-slide:before {
		content:"";
		opacity:0.4;
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		background:#E9E6C5;
	}
	*/

		.home .orbit-caption {
			background:transparent;
			top:50%;
			left:50%;
			right:auto;
			bottom:auto;
			width:70%;
			text-align:center;
			-moz-transform:translate3d(-50%, -50%, 0);
			-webkit-transform:translate3d(-50%, -50%, 0);
			transform:translate3d(-50%, -50%, 0);
		}

			.home .orbit-caption .orbit-caption-title {
				margin-bottom:1rem;
				padding-bottom: 15px;
				line-height:1em;
				font-size:72px;
				font-weight:400;
				text-transform:inherit;
				text-shadow:2px 2px 1px rgba(0,0,0,0.3);
				border-bottom:solid 2px #fff;
			}

			.home .orbit-caption .orbit-caption-desc {
				margin-left:18%;
				width:64%;
				font-size:24px;
				text-shadow:2px 2px 1px rgba(0,0,0,0.3);
				font-weight:400;
			}

.solutions-content {

}

	.solutions-content p {
		font-size:24px;
	}

.solution-container {
	position:relative;
	float:left;
	width:100%;
	height:auto;
	z-index:1;
}

	.solution-container .solution-image {
		width:50%;
		height:auto;
		float:left;
		background-repeat:no-repeat;
		background-size:cover;
		background-position:center center;
	}

	.solution-container .solution-content {
		position:relative;
		float:right;
		padding:25vh 40px;
		width: 50%;
		background:#222222;
	}

	.solution-container .solution-content:before {
		content:"";
		position:absolute;
		left:-6px;
		top:0;
		bottom:0;
		width:6px;
		background:#222222;
		opacity:0.3;
	}

		.solution-container .solution-content .solution-title {
			color:#fff;
		}

		.solution-container .solution-content .solution-description {
			opacity:0.8;
			color:#fff;
		}

		.solution-container .solution-content .solution-link {

		}

		.solution-container .solution-content .solution-link:hover {
			border-color:#009538;
		}

.solution-container:nth-of-type(odd) .solution-content .solution-description {
	padding-right:30%;
}

.solution-container:nth-of-type(even) .solution-image {
	float:right;
}

.solution-container:nth-of-type(even) .solution-content {
	float:left;
	background:#fff;
	text-align: right;
}

.solution-container:nth-of-type(even) .solution-content:after {
	content:"";
	position:absolute;
	right:-6px;
	top:0;
	bottom:0;
	width:6px;
	background:#fff;
	opacity:0.3;
}

	.solution-container:nth-of-type(even) .solution-content .solution-title,
	.solution-container:nth-of-type(even) .solution-content .solution-description {
		color:#222222;
	}

	.solution-container:nth-of-type(even) .solution-content .solution-description {
		padding-left:30%;
		color:#212121;
	}

	.solution-container:nth-of-type(even) .solution-content .solution-link {
		border-color:#222222;
		color:#222222;
	}

.home-blocks-content {

}

	.home-blocks-content p {
		font-size:24px;
	}


/*= Page: About
----------------------------------------------------------------*/


/*= Page: Solutions -> Educational
----------------------------------------------------------------*/
.blocks-content-inside .block .callout.secondary {
	box-shadow:none;
}

	.blocks-content-inside .block .block-content {
		position:absolute;
		bottom:0;
		left:0;
		right:0;
		padding:15px 20px;
		background:rgba(17,17,17,0.65);
	}

		.blocks-content-inside .block .block-content * {
			color:#fff;
		}


/*= Page: Expertise -> sub-pages
----------------------------------------------------------------*/
.callout.secondary.expertise-benefits {
	margin-top:-1.5rem;
}

	.callout.secondary.expertise-benefits:before,
	.callout.secondary.expertise-benefits:after {
		content:"";
		position:absolute;
		left:0;
		right:0;
		top:-200px;
		height:200px;
		background:#f0f0f0;
		z-index:-1;
	}

	.callout.secondary.expertise-benefits:after {
		top:inherit;
		bottom:-300px;
		height:300px;
	}

	.callout.secondary.expertise-benefits ul {
		padding:0;
		margin:0;
		list-style-type:none;
	}

		.callout.secondary.expertise-benefits ul li {
			padding-left:20px;
			font-size:18px;
		}

		.callout.secondary.expertise-benefits ul li:before {
			content:"\f105";
			font-family:"FontAwesome";
			position:absolute;
			margin-left:-20px;
			color:#009538;
		}

.expertise-paragraph-small .row.collapse .columns:nth-of-type(2) p {
	padding-left:20px;
	font-size:16px;
}

.page-id-230 #subheader {
	background-position: center -80px;
}


/* ----------------------------------------------------------------------------------------------------------
07 Media Queries --------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

/*= Foundation-Supporting Media Queries
----------------------------------------------------------------*/
/* Medium Grid (Foundation) */
@media only screen and (max-width:1024px) {

	/*= Generic Styles
	------------------------------------------- */

	/*= Layout
	------------------------------------------- */

	/*= Pages
	------------------------------------------- */
	/* Home */
	.expertise-blocks .blocks .block:last-of-type {
		position:relative;
		left:50%;
		transform:translateX(-50%);
	}

	/* Expertise - sub-pages */
	.expertise-paragraph-small .row.collapse .columns:nth-of-type(2) p {
		padding-left:0px;
	}

}

/* < 768px */
@media only screen and (max-width:768px) {

	/*= Generic Styles
	------------------------------------------- */

	/*= Layout
	------------------------------------------- */
	#header {
		height:140px;
	}

		#nav-secondary {
		    position: absolute;
		    bottom: 15px;
		    left: 22.5px;
		    right:auto;
		    top:auto;
		}

		#nav .nav-toggle {
		    height: auto;
		    padding: 10px 15px;
		    line-height: 0;
		}

	.home .orbit-caption {
	    width: 85%;
	}

		.home .orbit-caption .orbit-caption-desc {
			margin-left: 5%;
			width: 90%;
		}

	/*= Pages
	------------------------------------------- */
	/* Home */
	.solution-container .solution-image {
		width:100%;
	}

	.solution-container .solution-content {
		position:absolute;
		top:0;
		padding:10vh 40px;
		width: 100%;
		background: rgba(21,21,21,0.8);
	}

	.solution-container:nth-of-type(even) .solution-content {
	    background: rgba(255,255,255,0.8);
	}

}

/* Small Grid (Foundation) */
@media only screen and (max-width:640px) {

	/*= Generic Styles
	------------------------------------------- */
	h1, .h1 { font-size:60px; }
	h2, .h2 { font-size:40px; }
	h3, .h3 { font-size:30px; }


	#footer img[class*="wp-image-"] {
    	width: inherit !important;
	}

	/*= Layout
	------------------------------------------- */
	#logo a img {
	    height: auto;
	    width: 100%;
	}

	/*= Pages
	------------------------------------------- */
	/* Home */
	.expertise-blocks .blocks .block:last-of-type {
		position:relative;
		left:0;
		transform:none;
	}

	/* Expertise - sub-pages */
	.callout.secondary.expertise-benefits {
		margin-top:0;
	}

		.callout.secondary.expertise-benefits:before,
		.callout.secondary.expertise-benefits:after {
			content:none;
		}

}

@media only screen and (max-width:640px) and (max-height:500px) {
	.home .orbit-caption .orbit-caption-title {
		font-size:42px;
	}
}

/* < 480px */
@media only screen and (max-width:480px) {

	/*= Generic Styles
	------------------------------------------- */

	/*= Layout
	------------------------------------------- */
	#header {
		height:110px;
	}

		#nav-secondary {
			top:auto;
		    bottom: 15px;
		    left: 22.5px;
		}

		#nav {
		    position: absolute;
		    bottom: 5px;
		    right: 22.5px;
		}

			#nav .nav-toggle {
			    height: auto;
			    padding: 10px 15px;
			    line-height: 0;
			}

	.home .orbit-caption .orbit-caption-title {
		font-size:42px;
	}

	h1.hero-title { font-size:40px; }

	/*= Pages
	------------------------------------------- */

}

/*= High DPI Screens
----------------------------------------------------------------*/
@media only screen and (-moz-min-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {

	/*= Generic Styles
	------------------------------------------- */

	/*= Layout
	------------------------------------------- */

	/*= Pages
	------------------------------------------- */

}