/* CUSTOM CSS FOR CUSTOM CANVAS CHILD THEMES BY 46DIGITAL 
** v1.1 March 2014 
** CURRENT CANVAS VERSION v5.6.3
*/

/*ul.nav li.current_page_item a, ul.nav li.current_page_parent a, ul.nav li.current-menu-ancestor a, ul.nav li.current-cat a, ul.nav li.current-menu-item a {
    background: none repeat scroll 0 0 #FFFFFF;
    color: transparent;
}*/

#navigation {
	z-index: 900;
}

/* envira gallery overlay fix */
#fancybox-overlay {
	/*z-index: 9998;*/
}
#fancybox-wrap {
/*	z-index: 9999;*/
}

/* clearfix class .group can be applied to divs to force clearfix */
.group:after {
	content: "";
	display: table;
	clear: both;
}

 .entry img, 
 img.thumbnail, 
 #portfolio .group.portfolio-img img {
	height: auto;
	padding: 3px;
	border: 0;
	background: #fff;
}

 #portfolio .group.portfolio-img img {
 	max-width: 220px;
}

/* hide page title on homepage */
.home .title {
  display:none;
}

/* REMOVE WOOSLIDER SPACING */
.wooslider {
	border:none;
	border-radius: none;
	box-shadow: none;
	margin: 0 0 10px 0;
}

.home .wooslider,
.wooslider-slider-business {
	margin: 0!important;
}

body .wooslider .slide-content {
	margin: 0;
}

/*
** 	BREAKPOINTS 
* 
* - min-width: 768px; // desktop
* - min-width : 768px and max-width : 1024px // iPad portrait
* - max-width : 320px // iPhone portrait



/***

/* 
*** GENERAL STYLES */

body {
  font: 300 13px/20px "proxima-nova",sans-serif;
  color: #555;
  background-color: #fff;
  -webkit-font-smoothing: subpixel-antialiased;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font: 500 2em/1.1em "proxima-nova",sans-serif;
  color: #222;
}

h1 {
  font-size: 2em;
}

.page h1.title,
.post h1.title,
.entry h1,
.page-title, .post .title, .page .title {
	font: 500 3em/1.1em "proxima-nova",sans-serif;
}

h2 {
  font-size: 1.8em;
}
h3 {
  font-size: 1.6em;
}
h4 {
  font-size: 1.2em;
}
h5 {
  font-size: 1em;
}
h6 {
  font-size: 0.8em;
}
p {
  margin: 0;
  font: 300 16px/22px "proxima-nova",sans-serif;
}

.entry, 
.entry p {
	font: 300 16px/1.5em "proxima-nova",sans-serif;
	color: #555555;
}

/* scrol to top icon styles - desktop */
.scrollup {
	width:40px;
	height:40px;
	opacity:0.3;
	position:fixed;
	bottom:80px;
	right:5%;
	display:none;
	text-indent:-9999px;
	background: url('images/icon_top.png') no-repeat;
	outline: none !important;
}
.scrollup:hover {
	width:40px;
	height:40px;
	opacity:0.6;
	position:fixed;
	bottom:80px;
	right:5%;
	display:none;
	text-indent:-9999px;
	background: url('images/icon_top.png') no-repeat;
	outline: none !important;
}

.header-widget .widget {
	margin-bottom: 0;
	margin-top: 0;
}

.header-widget .widget h3 {
	font: 600 24px/1.2em "proxima-nova",sans-serif;
	color: #303030;
	border-bottom: 0px solid #e6e6e6;
	text-align: right;
}

#header-social-icons h4 a {
	color: #303030;	
	text-decoration: none;
	opacity: 1;
	-webkit-transition: opacity 0.4s ease;
	-moz-transition: opacity 0.4s ease;
	-o-transition: opacity 0.4s ease;
	transition: opacity 0.4s ease;
}

#header-social-icons h4 a:hover{ opacity: 0.6; }
#header-social-icons h4 i { margin-right: 8px; }
#header-social-icons h4 i.icon-pinterest { margin-right: 4px; }


#header-social-icons {
	margin: 0 0 1em 0;
	text-align: right;
}

#header-social-icons h4 {
	margin: 0;
	font-size: 13px;
}

#phone-header {
	margin: 0 8px 0 0;
	padding: 0 0 0.4em 0;
}

#phone-header .icon-phone {
	color: #303030;
}

#footer-social-icons h4 a {
	color: #fff;	
	text-decoration: none;
	opacity: 1;
	-webkit-transition: opacity 0.4s ease;
	-moz-transition: opacity 0.4s ease;
	-o-transition: opacity 0.4s ease;
	transition: opacity 0.4s ease;
}

#footer-social-icons h4 a:hover{ opacity: 0.6; }
#footer-social-icons h4 i { margin-right: 8px; }
#footer-social-icons h4 i.icon-pinterest { margin-right: 4px; }


#footer-social-icons {
	margin: 0 0 1em 0;
	text-align: left;
}

#footer-social-icons h4 {
	margin: 0;
	font-size: 13px;
}

#phone-footer {
	margin: 0 8px 0 0;
	padding: 0 0 0.4em 0;
}

#phone-footer .icon-phone {
	color: #fff;
}


/* 
** --------------------------------------------------- HOME SPECIFIC STYLES */

/* make content full width on home page for sections */
.home .col-full {
	max-width: 100%;
	padding-left: 1.618em;
	padding-right: 1.618em;
}

/* remove bottom margin on home page */
.home #nav-container {
	margin-bottom: 3em;
}

.home #loopedSlider {
	margin-bottom: 0;
}

.home #content {
	padding:0;
}

/* hide page title on homepage */
.home .title {
  display:none;
}

#home-banner-container {
	max-width: 100%;
	background: #3dbfd9;
}

#home-banner {
	max-width: 960px;
	margin: 0 auto;
	padding: 50px 0;
	color: #FFF;
}

#home-banner h1,
#home-banner h2,
#home-banner p {
	color: #fff;
}

#home-banner h1 {
	font: bold 38px/1.2em "proxima-nova",sans-serif;
}

#wrapper #home-banner .woo-sc-button.green {
	border-color: #87bf00;
	background: #8dc11e;
	padding: 10px;
	border-radius: 0;
}

body.home.full-width #content {
	padding-left: 0;
	padding-right: 0;
}

#home-tagline-wrapper {
	background: #282828;
}

#home-quote-wrapper {
	background: #e2e2e2;
}

h1.home-quote {
	font: 300 1.2em/1.2em "proxima-nova",sans-serif;
	text-align: center;
	color: #222;
	font-size: 1.5em;
	line-height: 1.2em;
	padding: 2em 2em 0em 2em;
	font-style: italic;
}

h2.home-quote-author {
	font: 300 1.2em/1.2em "proxima-nova",sans-serif;
	text-align: center;
	color: #222;
	font-size: 1.2em;
	line-height: 1.2em;
	padding: 1em 2em;
}

#home-feature-wrapper {
	font: 300 16px/1.3em "proxima-nova",sans-serif;	
}

.home-feature-title {
	font: 500 28px/1.2em "proxima-nova",sans-serif;	
	margin-bottom: 12px;
}

.home-feature-img img {
	-webkit-box-shadow: 0 8px 6px -6px #222;
	-moz-box-shadow: 0 8px 6px -6px #222;
	box-shadow: 0 8px 6px -6px #222;
}

.home-action-content .twocol-one {
	margin:0;
}


.btn-col {
	margin: 0;
	text-align: center;
}

body #wrapper #content .button, 
body #wrapper #content .button:visited {
	box-shadow: inset 0 -3px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 -3px 0 rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0 -3px 0 rgba(0,0,0,0.2);
}

a.btn-action {
	text-align: center;
	color: #fff;
	font: 500 24px/1.2em "proxima-nova",sans-serif;	
	line-height: 4em;
	color: #fff;
	background: #14C8B4;
	padding:10px 20px;
	text-decoration: none;
	box-shadow: inset 0 -3px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 -3px 0 rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0 -3px 0 rgba(0,0,0,0.2);
	-webkit-transition: opacity 0.4s ease;
	-moz-transition: opacity 0.4s ease;
	-o-transition: opacity 0.4s ease;
	transition: opacity 0.4s ease;
}

a.btn-action:hover{ opacity: 0.6; }

/* 
*** PORTFOLIO STYLES */

#portfolio #port-tags .port-cat {
	font: 300 16px/1.1em "proxima-nova",sans-serif;
	text-transform:none;
	font-size: 16px;
}

#portfolio #port-tags .port-cat a {
	padding: 2px 6px;
	margin: 0 0 0 5px;
	background: #14C8B4;
	border: 1px solid #BFD4D9;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	color: #fff;
}

#portfolio #port-tags .port-cat a:hover, 
#portfolio #port-tags .port-cat a.current {
	text-decoration: none;
	background: #efefef;
	color: #282828;
}

 #portfolio .group.portfolio-img img {
	border: 1px solid #d6d6d6;
	-webkit-box-shadow: 0 8px 6px -6px #222;
	-moz-box-shadow: 0 8px 6px -6px #222;
	box-shadow: 0 8px 6px -6px #222;
	padding: 0;
}

/* //END PORTFOLIO STYLES */

#sidebar .widget h3 {
	font: 500 16px/1.2em "proxima-nova",sans-serif;	
	color: #444;
	border-bottom: 1px dashed #14C8B4;
	margin-bottom: 0;
}



#footer-widgets-container {
	background: #303030;
}

#footer-widgets a:link, 
#footer-widgets a:visited {
	color: #14C8B4;
	text-decoration: none;
}

#footer-widgets a:hover {
	color: #fff;
	text-decoration: none;
}

#footer-widgets {
	background: #303030 url('images/sketched-footer.png') no-repeat;
	background-position: right bottom;
}

#footer-widgets #text-3 {
	margin-bottom: 100px;
}

#footer-widgets .widget h3 {
	font: 500 16px/1.2em "proxima-nova",sans-serif;	
	color: #fff;
	border-bottom: 0px solid #e6e6e6;
	margin-bottom: 0;
}

#footer-widgets-container .widget.widget_nav_menu li {
	list-style: none;
}

#footer-widgets-container .widget.widget_nav_menu li:before {
	content: "\f0da ";
	font-family: FontAwesome;
	margin-right: .75em;
	margin-left: .75em;
	color: #fff;
	-webkit-transition: color 0.4s ease;
	-moz-transition: color 0.4s ease;
	-o-transition: color 0.4s ease;
	transition: color 0.4s ease;
}

#footer,
#footer-container {
	border-top: 0px solid #dbdbdb;
	border-bottom: 0px solid;
	border-left: 0px solid;
	border-right: 0px solid;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
/*	background: #cad68b;*/
	background: #14C8B4;
	color: #fff;
}

#footer p,
#footer-container p {
	color: #fff;	
}


#footer-container a:link, 
#footer-container a:visited {
	color: #fff;
	text-decoration: none;
}
#footer-container a:hover {
	color: #222;
	text-decoration: none;
}

/*
*** DESKTOP STYLES */
@media only screen and (min-width: 768px) {

	ul.nav li a {
		font: 500 14px/1.2em "proxima-nova",sans-serif;
		color: #282828;
		padding: 0 40px;
	}

	ul.nav li a:hover,
	ul.nav ul li a:hover {
		font: 500 14px/1.2em "proxima-nova",sans-serif;
		color: #14C8B4;
		padding: 0 40px;
	}

	ul.nav li.current_page_item a, ul.nav li.current_page_parent a, ul.nav li.current-menu-ancestor a, ul.nav li.current-cat a, ul.nav li.current-menu-item a {
		background: #e6e6e6;
		color: #14C8B4;
	}

	/* sub menu items */
	ul.nav ul li a {
		width: 100%;
		display: inline-block;
		padding: 0.7em 1em!important;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	/*	font-size: 0.9em;*/
		font: 500 14px/1.2em "proxima-nova",sans-serif;
		color: #282828;
		text-decoration: none;
	}

	#content {
		margin-top: 2em;
	}

	.home #content {
		margin-top: 0;
	}

	/* 
	*** ----------------------- HOME STYLES DESKTOP */
	h1.home-tagline {
		text-align: center;
		color: #fff;
		font-size: 3em;
		line-height: 4em;
	}

	h1.home-page-title {
		font: 300 1.2em/1.2em "proxima-nova",sans-serif;
		color: #222;
		text-align: center;
		font-size: 4em;
		line-height: 2em;
	}

	#home-action-wrapper {
		background: #ededed;
		height: 180px;
		line-height: 180px;
	}

	h2.home-action-title {
		text-align: center;
		color: #fff;
		font: 500 36px/1.2em "proxima-nova",sans-serif;
		line-height: 180px;
		color: #282828;
		margin-top:0;
	}

	.home-action-content p {
		line-height: 180px;	
	}

	/* PORTFOLIO */
	h2.entry-title {
		font: 500 3em/1.1em "proxima-nova",sans-serif;
		color: #222;
	}


	body .gform_wrapper .top_label textarea.textarea {
	width: 50.2%;
	}

	/* portfolio desktop */
	.single-portfolio .woo-image {
		width: 100%;
/*		border-right: 1px solid #D6D6D6;
		padding-right: 15px;*/
		border: 1px solid #d6d6d6;
		-webkit-box-shadow: 0 8px 6px -6px #222;
		-moz-box-shadow: 0 8px 6px -6px #222;
		box-shadow: 0 8px 6px -6px #222;
		padding: 0;
	}

	body.single-portfolio.one-col #post-gallery, 
	body.single-portfolio.one-col .post-embed {
		float: left;
		margin-bottom: 20px;
		width: 56%;
	}	

}

/* General styles for mobile devices ----------- */
@media only screen and (max-width : 767px) {

	.header-widget {
		margin: 2em 0 2em;
		float: none;
		clear: both;
	}

	#nav-container {
		margin-bottom: 0;
	}

	/* 
	*** --------------------------- HOME STYLES MOBILE */
	h1.home-tagline {
		text-align: center;
		color: #fff;
		font-size: 3em;
		line-height: 1.3em;
	}
	h1.home-page-title {
		font: 500 1.2em/1.2em "proxima-nova",sans-serif;
		color: #222;
		text-align: center;
		font-size: 1.85em;
		line-height: 1em;
		padding: 1em 0;
	}

	#home-action-wrapper {
		background: #ededed;
		height: 180px;
		line-height: 90px;
	}

	h2.home-action-title {
		text-align: center;
		color: #fff;
		font: 500 36px/1.2em "proxima-nova",sans-serif;	
		line-height: 72px;
		color: #282828;
	}


	#loopedSlider .content {
		padding: 0px 0;
		background: #000000;
	}

	body.single-portfolio.one-col #post-gallery, 
	body.single-portfolio.one-col .post-embed {
		width: 100%;
	}
}

/* iPads (portrait) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {

	/* BRING IN LESS SPACING FOR NAV ON IPADS */
	ul.nav li a,
	ul.nav li a:hover,
	ul.nav ul li a:hover {
		padding: 0 30px;
	}

	h2.home-action-title {
		font: 500 30px/1.2em "proxima-nova",sans-serif;
		line-height: 5em;
		color: #282828;
	}

	#portfolio #port-tags .port-cat a {
		padding: 2px 6px;
		margin: 0 0 5px 5px;
		background: #14C8B4;
		border: 1px solid #BFD4D9;
		border-radius: 0px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		color: #fff;
		float: left;
		width: 98%;
	}

}


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

	/* remove extra spacing for content on mobile because not needed */
	#loopedSlider .content {
	padding: 0;
	}

	#home-action-wrapper {
		background: #ededed;
		height: 172px;
		line-height: 90px;
	}

	h2.home-action-title {
		text-align: center;
		color: #fff;
		font: 500 36px/1.2em "proxima-nova",sans-serif;	
		line-height: 36px;
		color: #282828;
	}

	#portfolio #port-tags {
		margin: 0 10px 10px 0;
		padding: 0 0 20px;
	}

	#portfolio #port-tags .port-cat a {
		padding: 6px 6px;
		margin: 0 0 6px 0;
		background: #14C8B4;
		border: 1px solid #BFD4D9;
		border-radius: 0px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		color: #fff;
		float: left;
		width: 100%;
	}

	#portfolio .group.portfolio-img img {
		max-width: 250px;
	}

}

/* remove extra spacing for content on mobile because not needed */