/*
Theme Name: Affordable Clean Feat
Description: A custom theme designed especially for you.
Version: 1.0
Author: sarah @ sw33t
Author URI: http://www.sw33t.com
*/ 


/* @group reset */
*{border:0;font-size:100%;font:inherit;vertical-align:baseline;padding:0;margin:0;vertical-align:baseline;box-sizing:border-box;-moz-box-sizing:border-box;text-decoration:none}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;max-width:100%}html{overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}pre{border:1px solid rgba(0, 0, 0, 0.1);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:24px;max-width:100%;overflow:auto;padding:12px;white-space:pre;white-space:pre-wrap;word-wrap:break-word}blockquote,q{-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}blockquote{color:#767676;font-size:19px;font-style:italic;font-weight:300;line-height:1.2631578947;margin-bottom:24px}blockquote cite,blockquote small{color:#2b2b2b;font-size:16px;font-weight:400;line-height:1.5}blockquote em,blockquote i,blockquote cite{font-style:normal}blockquote strong,blockquote b{font-weight:400}button,input,select,textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:100%;margin:0;max-width:100%;vertical-align:baseline}button,input{line-height:normal;margin-top:0;margin-bottom:4px}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{padding:0}input[type="search"]{-webkit-appearance:textfield}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}hr{background-color:rgba(0, 0, 0, 0.1);border:0;height:1px;margin-bottom:23px}ol,ul,li,dl,dd{font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}em{font-style:italic}
/* @end */

/* @group LAYOUT */

body,
button,
input,
select,
textarea,
blockquote,
ul,
ul li ul {
	font-family: 'Montserrat', "Arial", sans-serif;
	font-weight: 300;
	font-size: 62.5%;}

body {
	color: #555;
	background-color: #374754; }
	
.main,
footer {
	max-width: 1200px;
	position: relative;
	width: 96%;
	margin: 0 auto;
	padding: 0;}
	
.body_bg {
	background-color: #ffffff;
	position: relative; }

header {
 	background-image: url(images/lines_blue.svg);
	background-size: 132px 262px;
 	background-color: #384854; }

.content {
	width: 92%;
	max-width: 580px;
	padding: 0 0 1%;
	margin: 0 auto;
	text-align: center; }
	
.content.full {
	width: 96%;
	max-width: 1200px;
	padding: 0 0 2%;
	margin: 0 auto;
	display: block;
	position: relative; }
	
header .content.full {
	padding-bottom: 1em;}
		
.flex {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;}
	
@media screen and (max-width: 750px) {

.flex {
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap; }}
			
/* @end */	
	

/* @group TYPOGRAPHY */

a {
	text-decoration: underline;
	font-weight: normal;
	color: #000;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s; }
	
a:visited {
	text-decoration: underline;
	font-weight: normal;
	color: #111; }
	
a:hover {
	text-decoration: none;
	font-weight: normal;
	color: #333; }

h1 {
	font-size: 3.8em;
	font-weight: 700;
	line-height: 1.1em;
	margin: 1.0em 0em .4em 0em;
	color: #3e4f5c;
	text-transform: uppercase;
	text-shadow: 2px 2px #ffffff;}
	
	.gallery_section h1 {
		font-size: 2.8em;
		font-weight: 700;
		line-height: 1.1em;
		margin: 1em 0; 	}
		
/*page titles - testimonials*/
h2 {
	font-size: 2.5em;
	color: #fff;
	line-height: 1.3em;
	font-weight: normal;
	margin: -130px 0 60px;
	padding: 0;
	text-transform: uppercase; }
	
h2 a:link, h2 a:visited {
	text-decoration: none;
	font-weight: normal; }
	
h2 a:hover {
	text-decoration: underline; }
	
h3 {
	font-size: 2.4em;
	line-height: 1.3em;
	margin: .5em 0em .1em 0em; }

h4 {
	font-size: 2.2em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold; }

/*request a quote page*/
h5 { 
	font-size: 1.9em;
	line-height: 1.4em;
	margin: 5px 0 0; }
		
h6 {
	font-size: 1.4em;
	color: #999999;
	margin: 1em 0 .2em;
	text-transform: uppercase; }
	
footer h6 {
	font-size: 1.1em;
	margin-bottom: .9em; }
	
a.more-link {
	text-decoration: none;
	text-transform: uppercase;
	font-size: .9em;
	color: #5f6e8e;
	background: #f4f6f9;
	padding: 1px 6px; }
	
a.more-link:hover {
	color: #666;
	background: #eee; }
	
img {
	border: 0; }
	
ol, ul, dl, table {
	font-size: 1.4em;
	line-height: 1.7em;
	margin-left: 1.8em; }
	
	body.error404 ul {
		list-style: none;
		margin-left: 0; 	}
	
ul > li, ol > li,
input {
	font-size: 1.0em;}
	
p, blockquote {
	font-size: 1.6em;
	line-height: 1.8em;
	margin: 1.2em 0em 1.2em 0em;}
	
strong, b {
	font-weight: bold;}
	
.smalltext {
	font-size: 1em;
	color: #666;}
	
/* @end */


/* @group ELEMENTS */

#access {
	display: block;
	width: 100%;
	margin-bottom: 2.5em; }
	
.logo {
	display: block;
	width: 254px;
	height: auto;
	margin: 30px auto 10px;}
	
.logo img {
	width: 100%;
	max-width: 300px;
	height: auto; }
	
footer .logo img {
	max-width: 200px; }
	
footer {
	color: #ccc;
	margin: 0 auto;
	max-width: 1200px;
	padding: 1em 0;
	font-size: 1.4em;}
	
.main .content img {
	max-width: 100%;
	height: auto;}
	
.main .content img.attachment-medium {
	float: right;
	margin: 1em 0 1em 2em;
	border: 1px solid #fff;
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.18);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.18);}

	@media screen and (max-width: 680px) {
		
		.main .content img.attachment-medium {
			float: none;
			margin: 1em 0;	}}

	
.main .fa {
	font-size: 3em;
	margin-bottom: 9px;
	font-family: "Font Awesome"; }

button.small {
	color: #fff !important;
	text-shadow: none !important;
	font: normal 1.5em sans-serif !important;
	border: none !important;
	padding: 5px 16px 7px !important; }
	
button.small:before {
	background: #8a2e62 !important; }
	
button.small:after {
	background: #9b3a71 !important; }
	
button.small:hover {
	color: #fbe9fe !important;
	text-shadow: 1px 1px 1px #5f1e42; }
   
/* @end */


/* @group 404 */

body.error404 .column {
	width: 30%;
	display: inline-block;
	vertical-align: top;}

body.error404 .column ul {
	list-style: none;
	margin: .5em 0 .8em;
	padding: 0;}

body.error404 .column ul li {
	line-height: 1.2em;
	margin: .5em 0;}

body.error404 .center {
	text-align: center;}
	
	@media screen and (max-width: 680px) {
	
		body.error404 .column {
			width: 100%;
			text-align: center;		}}

/* @end */

/* @group Sections */
	
header {
	margin: 0px 0 0px;
	padding: 0 0 150px;}

section:first-of-type {
	margin: 0;}
	
section:last-of-type {
	margin-bottom: 0;
	padding-bottom: 120px; }

section, .testimonials, .gallery_section {
	width: 100%;
	text-align: center;
	position: relative;
	display: inline-block;
	margin: -130px 0 0;
	padding: 0 0 360px;
	background: url(images/lines.svg) center top #f2f6fa;
	background-size: 132px 262px;
	border-top: 6px solid #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}

section:nth-child(even), .gallery_section:nth-child(even) {
	background: #ffffff;}

section.blue {
 	background: url(images/lines_blue.svg) center top;
	background-size: 132px 262px;
 	background-color: #384854;  }

section img {
 	border: 5px solid #fff;
 	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
 	margin-top: -130px;
	margin-bottom: 15px;}
	
section.photo p {
	width: 80%;
	max-width: 700px;
	margin: 1.4em auto; }
	
section.photo p a:visited {
	color: #4067B0; }
	
	
.gallery_section {
	margin: 0px 0 0;
	padding: 40px 0 50px;}

.gallery_section:first-of-type {
	margin: -70px 0 0;}

.testimonials {
	margin: 0px 0 0;
	padding: 0 0 10px;
	background: url(images/swirl.svg) center top repeat #fff;
	background-size: 56px 28px; }
	
	.testimonials:nth-of-type(even) {
		background: #fff; 	} 
		
	body.page-template-page-testimonials .testimonials {
		padding: 2px 0 20px; }

.testimonials p {
	width: 92%;
	max-width: 500px;
	font-size: 2.5em;
	line-height: 1.3em;
	margin: 0 auto;
	color: #364654;
	padding: 48px 0 30px;
	font-family: 'Sriracha', cursive;}
	
.testimonials p:before {
	content: "\f164";
	font-family: FontAwesome;
	color: rgba(53, 70, 84, 0.79);
	display: block;
	vertical-align: middle;
	font-size: 1.4em;
	line-height: 1em;
	padding: 0 0 55px;
	text-shadow: 4px 4px rgb(216, 213, 206);
	margin-top: -73px;
	margin-bottom: 0;}
	
	body.page-template-page-testimonials .testimonials p:before {
		color: #364654;
		font-size: 1.1em;
		margin: 0;
		padding: 0 0 15px;	}
	
.testimonials h5 {
	font-size: 1.5em;
	text-transform: uppercase;
	font-style: italic;
	padding: 0 0 3em; }

/* @end */

/* @group Content Gallery */

.gallery {
	display: flex;
	margin: 0 auto;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	width: 96%; }
	
dl.gallery-item {
	margin: auto;
	flex:  auto;
	padding: .5em;}

dd.gallery-caption {
	font-size: 1.0em;
	margin: 0;
	padding: 0; }

dl.gallery-item img {
	border: 1px solid rgb(223, 212, 212) !important;
	padding: 1px;
	width: 100%;
	height: auto; }


/* @end */

/* @group p-buttons */

p.button {
	font-size: 1.5em;
	position: relative;
	margin: 1.5em .4em .5em;
	padding: 0;
	line-height: 1.0em;
	display: inline-block;
	vertical-align: middle;
	text-transform: uppercase; }
	
p.button.centered { /*see all posts*/
	display: block;
	text-align: center;
	margin-top: 2em;
	margin-bottom: 1em;
	text-transform: uppercase;}
	
p.button a:link,
p.button a:visited {
	color: #fff;
	font-weight: 400;
	text-decoration: none;
	padding: 10px 20px 11px;
	margin: 0;
	-moz-box-shadow: 1px 1px rgba(0, 0, 0, 0.13);
	box-shadow: 1px 1px rgba(0, 0, 0, 0.13);
	background-color: #374754;}
	
p.button a:hover {
	text-decoration: none;
	color: #eee;
	background: #444;}
	
p.button a:hover .icon:before {
	color: #7EBC53; }
		
/* @end */

/* @group Social Networking */

.social p {
	font: normal normal normal 1.4em/1em FontAwesome;
	display: inline-block;
	margin: 2px 12px !important;
	padding: 0;}
.social p a:link,
.social p a:visited {
	color: #cdcdcd;}
.social p a:hover {
	color: #fff;}
.fa-fb:before {
	content: "\f09a";}
.fa-tw:before {
	content: "\f099";}
.fa-yt:before {
	content: "\f167";}
.fa-gp:before {
	content: "\f0d5";}
.fa-pin:before {
	content: "\f0d2";}
.fa-ins:before {
	content: "\f16d";}
.fa-link:before {
	content: "\f0e1";}
.fa-sl:before {
	content: "\f198";}
.fa-sk:before {
	content: "\f17e";}
.fa-be:before {
	content: "\f1b4";}
.fa-fl:before {
	content: "\f16e";}
.fa-ye:before {
	content: "\f1e9";}
/* @end */

/* @group NAVIGATION */

#access #toggle-bar {
	display: none; }	
	
#access ul,
ul.nav-menu {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	list-style: none;
	margin: 0 auto;
	width: 94%;
	padding: 0;
	font-size: 1.4em;
	line-height: 1.2em;}
	
#access ul li,
ul.nav-menu {	
	text-align: center;
	text-shadow: 1px 1px 0 rgb(50, 66, 78);
	margin: 0;
	padding: 0; 
	position: relative; }
	
#access ul li a {
	color: #999;
	display: block;
	font-weight: 700;
	padding: 19px 9px;
	text-decoration: none;
	margin: 0;
	text-transform: uppercase;}
	
#access ul li:last-child a { 
	color: #fff;
	padding-right: 0;
	padding-bottom: 0;
	padding-top: 17px;
	font-size: 1.3em;
	line-height: 1em;
	text-decoration: none; }
	
#access ul li.current-menu-item > a {
	color: #fff; }
		
#access li:hover > a,
#access ul ul:hover > a,
#access a:focus,
#access ul ul a:hover,
#access ul li.current-menu-parent ul.sub-menu a:hover {
	color: #EEEEEE;}

/* @end */

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

	#access {
		width: 98%;
		margin: 0 auto;	}
		
	#access #toggle-bar {
		display: block;
		padding-top: 10px;	}
		
	#access #toggle-bar a.navicon {
		display: inline-block;
		vertical-align: middle;
		width: 49%;
		padding: 10px 0;
		margin: 0;
		text-decoration: none;
		color: #eee;
		font-size: 1.4em;
		line-height: 1em;
		text-align: left;	}	
		
	#access #toggle-bar a.navicon strong {
		display: inline-block;
		padding-left: 4px; }
	
	/*phone*/
	#access #toggle-bar .textwidget {
		display: inline-block;
		vertical-align: middle;
		width: 49%;
		text-align: right;
		padding: 12px 0 10px;	}
	
	#access #toggle-bar .textwidget a:link,
	#access #toggle-bar .textwidget a:visited {
		font-size: 1.8em;
		color: #fff;
		text-decoration: none;	}
		
	#access ul.responsive {
		margin: 0 0 30px;
		padding: 0;
		background: #fff;
		list-style: none;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		width: 100%;
		flex-direction: column;
		-webkit-flex-direction: column; 	}
			
	#access ul.nav-menu li {
		display: none;	}
		
	#access ul.responsive li {
		display: block !important;
		width: 100% !important;	}
		
	#access ul.responsive li a {
		display: block;
		width: 100%;
		text-align: left;
		padding: 10px 5px 10px 15px;
		margin: 0 0;
		font-size: 1.0em;	
		line-height: 1.9em;
		text-decoration: none;
		background-color: rgb(45, 59, 70);	}	
	
	#access ul.responsive li:last-child a {
		display: none;  	}
		
	#access ul li.current_page_item a,
	#access ul li.current-menu-item a,
	#access ul li.current-menu-parent a {
		background: #1e262d; 	}
		
	#access ul li.menu-item a:hover,
	#access ul li.menu-item a:active {
		color: #eee;
		background-color: #1e262d; }
		
}

/* @group FOOTER */

footer {
	color: #ccc;
	text-align: center; }
	
footer .logo {
	margin-top: .1em;
	margin-bottom: 2em; }

footer .menu-footer-container, footer .column, footer .social {
	display: block;
	text-align: center;
	margin-top: 2em;
	margin-bottom: 2em;}
	
footer ul.nav-menu {
	font-size: .9em;
	line-height: 1em;
	list-style: none;
	margin: 2em auto 3em;
	padding: 0;
	text-align: center;
	-webkit-justify-content: center;
	justify-content:center;}
	
footer ul.nav-menu li {
	font-size: 1.0em;
	line-height: 1em;
	margin: 8px 4px;
	padding: 0; }
	
footer ul.nav-menu li a {
	color: #d3d3d3;
	display: block;
	background-color: #2e3b46;
	padding: 7px 12px 8px;
	text-decoration: none;}
	
footer ul.nav-menu li a:hover {
	text-decoration: none;
	background-color: #333;
	color: #fff;}
	
@media screen and (max-width: 680px) {
	footer ul.nav-menu {
		-webkit-flex-flow: row wrap;
		flex-flow: row wrap; 
		-webkit-justify-content: center;
		justify-content:center;	}
	footer ul.nav-menu li {
			}}
	
footer a:link,
footer a:visited {
	color: #888; }
	
footer p {
	font-size: 1em;
	clear: both;
	padding: 0;
	margin: 1em 0; }
	
footer p.credit {
	font-size: .8em; }

footer p.credit a:link,
footer p.credit a:visited {
	font-size: 1.1em;
	font-weight: 300;
	text-decoration: none;
	color: #777;
	border-radius: 4px;
	padding: 2px 6px; }
	
footer p.credit a:hover {
	color: #fff; }

@media screen and (max-width: 580px) {
	footer .column {
		width: 90%;
		margin: 0 auto; }}
		
/* @end */

/* @group Wordpress */

#searchform {
	font-size: 1.9em;}

#searchsubmit {
	font-size: .6em;
	text-transform: uppercase;
	padding: 5px 10px;}

.textwidget {
	margin-bottom: 0px;
	margin-top: 0px;}
	
.clear {
	clear: both;}
	
#tags {
	margin-bottom: 35px;}
	
p.tags {
	border-bottom: 2px solid #ccc;
	margin-bottom: 35px;}
	
.alignleft {
	float: left;}
	
.alignright {
	float: right;}

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

	.alignleft {
		display: block;
		float: none;
		margin: 0 auto 1.5em !important;	}
	.alignright {
		display: block;
		float: none;	
		margin: 0 auto 1.5em !important;}}


.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;}
blockquote.alignleft,
img.alignleft {
	margin: 7px 24px 7px 0;}
.wp-caption.alignleft {
	margin: 7px 14px 7px 0;}
blockquote.alignright,
img.alignright {
	margin: 7px 0 7px 24px;}
.wp-caption.alignright {
	margin: 7px 0 7px 14px;}
.wp-caption {
	margin-bottom: 24px;}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0;}
.wp-caption {
	color: #767676;}
.wp-caption-text {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 12px;
	font-style: italic;
	line-height: 1.5;
	margin: 9px 0;
	padding-right: 10px;}
blockquote.aligncenter,
img.aligncenter,
.wp-caption.aligncenter {
	margin-top: 7px;
	margin-bottom: 7px;}
.comment-content img,
.entry-content img,
.entry-summary img,
#site-header img,
.widget img,
.wp-caption {
	max-width: 100%;}
.edit_link {
	text-transform: uppercase;
	font-size: .4em;}
.sticky,
.gallery-caption,
.bypostauthor {}
/* Search in the header */

.search-toggle {
	background-color: #24890d;
	cursor: pointer;
	float: right;
	height: 48px;
	margin-right: 38px;
	text-align: center;
	width: 48px;}
.search-toggle:hover,
.search-toggle.active {
	background-color: #41a62a;}
.search-toggle:before {
	color: #fff;
	content: "\f400";
	font-size: 20px;
	margin-top: 14px;}
.search-toggle .screen-reader-text {
	left: 5px;
	/* Avoid a horizontal scrollbar when the site has a long menu */}
.search-box-wrapper {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 48px;
	right: 0;
	width: 100%;
	z-index: 2;}
.search-box {
	background-color: #41a62a;
	padding: 12px;}
.search-box .search-field {
	background-color: #fff;
	border: 0;
	float: right;
	font-size: 16px;
	padding: 2px 2px 3px 6px;
	width: 100%;}
/* @end */