/*

Theme Name: Squigloo Blue
Author: Squigloo
Description: Customisation of the WordPress 2011 theme for Squigloo
Version: 1.0

*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html

-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
/* =Structure

----------------------------------------------- */

body {
	padding: 0;
	margin:0px;
}
/*Header content*/

#page-top {
	margin:0;
	width: 100%;
}
/*Page & Footer*/

#page {
	margin: 10px auto 0.5em ;
	max-width: 1320px;
}
#branding hgroup {
	margin: 0;
}
#primary {
	float: left;
	margin: 0 -26.4% 0 0;
	width: 100%;
}
#content {
	margin: 0 4.6%;
	width: 65%;/*	margin: 0 34% 0 4.6%;
position: relative;
width: auto;*/
}
#secondary {
	float: right;
	margin-right: 7.6%;
	width: 18.8%;
}
/* Singular */

.singular #primary {
/*margin: 0;*/

}
/*All pages except blog*/

.singular #content, .left-sidebar.singular #content {
	margin: 0;
	width: 68.9%;
}
.wide #content {
	margin: 0 4.6%;
	width:auto;
}
/*.single-post .entry-header, .single-post .entry-content, .single-post footer.entry-meta, .single-post #comments-title {
	margin: 0 auto;
width: 68.9%;
margin: 0;
	width: 68.9%;
}*/
/* Attachments */

.singular .image-attachment .entry-content {
	margin: 0 auto;
	width: auto;
}
.singular .image-attachment .entry-description {
	margin: 0 auto;
	width: 68.9%;
}
/* Showcase */

.page-template-showcase-php #primary, .left-sidebar.page-template-showcase-php #primary {
	margin: 0;
}
.page-template-showcase-php #content, .left-sidebar.page-template-showcase-php #content {
	margin: 0 7.6%;
	width: auto;
}
.page-template-showcase-php section.recent-posts {
	float: right;
	margin: 0 0 0 31%;
	width: 69%;
}
.page-template-showcase-php #main .widget-area {
	float: left;
	margin: 0 -22.15% 0 0;
	width: 22.15%;
}
/* error404 */

.error404 #primary {
	float: none;
	margin: 0;
}
.error404 #primary #content {
	margin: 0 7.6%;
	width: auto;
}
/* Alignment */

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/* Right Content */

.left-sidebar #primary {
	float: right;
	margin: 0 0 0 -26.4%;
	width: 100%;
}
.left-sidebar #content {
	margin: 0 7.6% 0 34%;
	width: 58.4%;
}
.left-sidebar #secondary {
	float: left;
	margin-left: 7.6%;
	margin-right: 0;
	width: 18.8%;
}
/* One column */

.one-column #page {
	max-width: 690px;
}
.one-column #content {
	margin: 0 7.6%;
	width: auto;
}
.one-column #nav-below {
	border-bottom: 1px solid #ddd;
	margin-bottom: 1.625em;
}
.one-column #secondary {
	float: none;
	margin: 0 7.6%;
	width: auto;
}
/* Simplify the showcase template */

.one-column .page-template-showcase-php section.recent-posts {
	float: none;
	margin: 0;
	width: 100%;
}
.one-column .page-template-showcase-php #main .widget-area {
	float: none;
	margin: 0;
	width: auto;
}
.one-column .page-template-showcase-php .other-recent-posts {
	border-bottom: 1px solid #ddd;
}
/* Simplify the showcase template when small feature */

.one-column section.featured-post .attachment-small-feature {
	border: none;
	display: block;
	height: auto;
	max-width: 60%;
	position: static;
}
.one-column article.feature-image.small {
	margin: 0 0 1.625em;
	padding: 0;
}
.one-column article.feature-image.small .entry-title {
	font-size: 20px;
	line-height: 1.3em;
}
.one-column article.feature-image.small .entry-summary {
	height: 150px;
	overflow: hidden;
	padding: 0;
	text-overflow: ellipsis;
}
.one-column article.feature-image.small .entry-summary a {
	left: -9%;
}
/* Remove the margin on singular articles */

.one-column.singular .entry-header, .one-column.singular .entry-content, .one-column.singular footer.entry-meta, .one-column.singular #comments-title {
	width: 100%;
}
/* Simplify the pullquotes and pull styles */

.one-column.singular blockquote.pull {
	margin: 0 0 1.625em;
}
.one-column.singular .pull.alignleft {
	margin: 0 1.625em 0 0;
}
.one-column.singular .pull.alignright {
	margin: 0 0 0 1.625em;
}
.one-column.singular .entry-meta .edit-link a {
	position: absolute;
	left: 0;
	top: 40px;
}
.one-column.singular #author-info {
	margin: 2.2em -8.8% 0;
	padding: 20px 8.8%;
}
/* Make sure we have room for our comment avatars */

.one-column .commentlist > li.comment {
	margin-left: 102px;
	width: auto;
}
/* Make sure the logo and search form don't collide */

.one-column #branding #searchform {
	right: 40px;
	top: 4em;
}
/* Talking avatars take up too much room at this size */

.one-column .commentlist > li.comment {
	margin-left: 0;
}
.one-column .commentlist > li.comment .comment-meta, .one-column .commentlist > li.comment .comment-content {
	margin-right: 85px;
}
.one-column .commentlist .avatar {
	background: transparent;
	display: block;
	padding: 0;
	top: 1.625em;
	left: auto;
	right: 1.625em;
}
.one-column .commentlist .children .avatar {
	background: none;
	padding: 0;
	position: absolute;
	top: 2.2em;
	left: 2.2em;
}
.one-column #respond {
	width: auto;
}
/* =Global

----------------------------------------------- */

body, input, textarea {
	color: #4B4B4B;
	font: 17px 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	line-height: 1.625;
}
body {
	background-color:#FFF;
}
/*Header content*/

#page-top {
	margin:0;
	width: 100%;
	padding-bottom: 10px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2bace2+50,1790d0+100 */
	background: #2bace2; /* Old browsers */
	background: -webkit-linear-gradient(bottom left, #2bace2 50%, #1790d0 100%);
	background: -o-linear-gradient(bottom left, #2bace2 50%, #1790d0 100%);
	background: linear-gradient(to top right, #2bace2 50%, #1790d0 100%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2bace2', endColorstr='#1790d0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#page {
}
/* Headings */

h1, h2, h3, h4, h5, h6 {
	clear: both;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.625em;
}
/* Text elements */

p {
	margin-bottom: 1.625em;
}
ul, ol {
	margin: 0 0 1.625em 2.5em;
}
ul {
	list-style:disc;
}
ol {
	list-style-type: decimal;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
}
dl {
	margin: 0 1.625em;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 1.625em;
}
strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}
blockquote {
	font-style: italic;
	margin: 0 3em;
}
blockquote cite {
	color: #666;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}
.wp-block-quote p {
	font-style: italic;
}

pre {
	background: #f4f4f4;
	font: 13px "Courier 10 Pitch", Courier, monospace;
	line-height: 1.5;
	margin-bottom: 1.625em;
	overflow: auto;
	padding: 0.75em 1.625em;
	clear:both;
}
code, kbd, .code {
	font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym, dfn {
	border-bottom: 1px dotted #666;
	cursor: help;
}
address {
	display: block;
	margin: 0 0 1.625em;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
sup, sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
/* Forms */

input[type=text], input[type=password], textarea {
	background: #fafafa;
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
	border: 1px solid #ddd;
	color: #888;
}
input[type=text]:focus, textarea:focus {
	color: #373737;
}
textarea {
	padding-left: 3px;
	width: 98%;
}
input[type=text] {
	padding: 3px;
}
input#s {
	background: url(images/search.png) no-repeat 5px 6px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 14px;
	height: 22px;
	line-height: 1.2em;
	padding: 4px 10px 4px 28px;
}
input#searchsubmit {
	display: none;
}
/* Links */

a {
	color: #29ABE2;
	text-decoration: none;
}
a:focus, a:active, a:hover {
	color: #005E9D;
	text-decoration: none;
}
/* Assistive text */

.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}
#access a.assistive-text:active, #access a.assistive-text:focus {
	background: #eee;
	border-bottom: 1px solid #ddd;
	color: #1982d1;
	clip: auto !important;
	font-size: 12px;
	position: absolute;
	text-decoration: underline;
	top: 0;
	left: 7.6%;
}
/* =Header

----------------------------------------------- */

#header-art {
}
#branding {
	position: relative;
	z-index: 2;
	min-height:150px;
	max-width:850px;
	margin:0px auto;
	padding-top: 60px;
	padding-bottom: 20px;
}
#site-title {
	text-align: center;
	margin-bottom: 80px;
}
#site-title a {
	color: #29ABE2;
	font-size: 20px;
	text-decoration: none;
	margin:0px;
}
#site-title a img {
	max-width:300px;
	height:auto;
}
#site-title a img.home-logo {
	max-width:450px;
	display: block;
	margin: 0 auto;
	width: 80%;
}
/* =Menu

-------------------------------------------------------------- */

/* Tablet/Desktop Mode*/
.mobileNav {
	display: block;
	opacity:1;
}
.menu-toggle,
.hideNav {
	display:none;
}

	
#access {
	clear: both;
	display: block;
	float: none;
	margin: 0 0 0 2.6%;
	position: absolute;
	bottom:0px;
	z-index:10;
	filter:alpha(opacity=90);
	text-transform: uppercase;
	letter-spacing: 0.8px;
}
#access div {
	/*margin: 0 7.6%;*/
	/*margin-left:180px;*/
	margin-right:10px;
}
#access ul {
	list-style: none;
	margin: 0 0 0;
	padding-right: 1px;
	font-size: 14px;
	font-weight:400;
	font-family: 'Open Sans', sans-serif;
	
}
#access li {
	float: left;
	position: relative;
}
#access a {
	color: #E4F2FF;
	display: block;
	line-height: 3em;
	padding: 0 1em;
	text-decoration: none;
	border-radius: 3px;
}
#access ul ul {
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 3.333em;
	left: 0;
	width: 188px;
	z-index: 99999;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #f9f9f9;
	border-bottom: 1px dotted #ddd;
	color: #444;
	font-size: 13px;
	font-weight: normal;
	height: auto;
	line-height: 1.4em;
	padding: 10px 10px;
	width: 168px;
}
#access li:hover > a, #access ul ul :hover > a, #access a:focus {
    background-color: rgba(0,94,157,0.5);
    color: #FFF;
    transition: background-color 0.3s ease-out;
    -moz-transition: background-color 0.3s ease-out; /* Firefox 4 */
    -webkit-transition: background-color 0.3s ease-out; /* Safari and Chrome */
}
#access ul li:hover > ul {
	display: block;
}
#access .current_page_item > a, #access .current_page_ancestor > a {
	/*background: #137EBA;font-weight:bolder;
border-bottom:2px solid #137EBA; 
margin-bottom:-2px;*/
color:#FFF;
	font-weight: bold;
}
/* Search Form */

#branding #searchform {
	position: absolute;
	bottom: 4px;
	right: 4.6%;
	text-align: right;
	z-index: 99;
}
#branding #searchform div {
	margin: 0;
}
#branding #s {
	opacity:1;
	float: right;
	transition-duration: 400ms;
	transition-property: width, background;
	transition-timing-function: ease;
	width: 60px;
	color: #FFF;
	text-transform: uppercase;
	font-size: 12px;
	border: none;
	box-shadow: none;
}
#branding #s:focus {
	background-color: #f9f9f9;
	width: 150px;
	color: #333;
}
#branding #searchsubmit {
	display: none;
}
.clearAll {
	clear:both;
}

/*Mobile View Menu*/
@media (max-width: 650px) {
	#page-top {
    	padding-bottom: 0px;
	}
	#branding {
		padding-top: 90px;
		padding-bottom: 10px;
		min-height: 10px;
	}
	#site-title a img {
		max-width:80%;
		height:auto;
	}
	
	.mobileNav {
		display: none;
	}
	div.toggled-on .main-navigation ul.nav-menu,
	.menu-toggle {
		display: inline-block;
	}
	.menu-toggle {
		position: absolute;
		width: 52px;
		height: 24px;
		line-height:24px;
		padding:4px;
		cursor: pointer;
		display: block;
		top: 18px;
		left: 18px;
		background-color: rgba(41,171,226,0.88);
		border-radius: 3px;
		color: #FFF;
		font-size:15px;
		font-weight:bold;
		text-align:center;
	}
	.toggled-on .mobileNav {
		background-color:#29ABE2;
		display:block;
		position:fixed;
		top:0;
		left:0;
		width:180px;
		padding:40px 20px;
		height:100%;
		text-transform:uppercase;
		letter-spacing:0.3px;
	/*	opacity:1;
		transition:opacity 400ms ease-out;*/
	}
	#access.toggled-on {
		opacity:1;
	}
	
	.admin-bar .toggled-on .mobileNav {
		padding-top:60px;
		
	}
	.hideNav {
		color:#DBDBDB;
		cursor:pointer;
		float:right;
		font-weight:300;
		font-size:17px;
	}
	.hideNav:hover{
		color:#FFF;
	}
	.toggled-on .mobileNav a {
		color:#FFF;
	}
	#access {
		top:0;
		left:0;
		right:auto;
		background-color:transparent;
		box-shadow:none;
		margin:0;
		width:auto;
		height:auto;
		z-index:999;
		
	}
	#access ul {
		width:auto;
		margin:0;
		padding:0;
	}
	#access li {
		float: none;
		font-size:16px;
	}
}


/* =Content

----------------------------------------------- */

#main {
	clear: both;
	padding: 2em 0 0;
}
.page-title {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	margin: 0 0 2.6em;
	text-transform: uppercase;
}
.page-title a {
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0;
	text-transform: none;
}
.hentry, .no-results {
	border-bottom: 1px solid #ddd;
	margin: 0 0 1.625em;
	padding: 0 0 1.625em;
	position: relative;
}
.page .hentry {
	border-bottom: none;
}

.hentry:last-child, .no-results {
	border-bottom: none;
}
/*.entry-title, .entry-header .entry-meta {
	padding-right: 76px;
}*/
.entry-header{
	position: relative;
	z-index: 1;
}
.entry-title {
	/*clear: both;*/
	clear: left;
	color: #005E9D;
	font-weight: 300;
	line-height: 36px;
	font-size:36px;
	font-family: 'Open Sans', sans-serif;
	padding-top:15px;
	max-width: 1060px;
	margin-left: auto;
	margin-right: auto;
	
}
.entry-title a {
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
	display: inline-block;
	font-size: 14px;
	text-transform: uppercase;
	position: absolute;
	top: -15px;
}
.no-fontface .entry-title, .no-fontface .entry-title a {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
}
.entry-title a:hover, .entry-title a:focus, .entry-title a:active {
	color: #1982d1;
}
.entry-meta {
	color: #999;
	padding-top:5px;
	/**/clear: both;
	font-size: 12px;
	line-height: 18px;
}
.entry-meta a {
	font-weight: bold;
	color:#777;
}
.single-author .entry-meta .by-author {
	display: none;
}
.entry-content, .entry-summary {
	padding: 40px 0 0;
}
.entry-content h1, .entry-content h2, .entry-content h3, .comment-content h1, .comment-content h2, .comment-content h3 {
	color: #005E9D;
	font-weight: 300;
	margin: 0 0 .8125em;
	font-size:21px;
	font-family: 'Open Sans', sans-serif;
}
.entry-content h1 {
    font-size: 32px;
}
.entry-content h3, .comment-content h3 {
	font-size:15px;
}
.no-fontface .entry-content h1, .no-fontface .entry-content h2, .no-fontface .entry-content h3, .no-fontface .comment-content h1, .no-fontface .comment-content h2, .no-fontface .comment-content h3 {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}
.entry-content h4, .comment-content h4 {
	font-size: 10px;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}
.entry-content table, 
.comment-content table {
	border-bottom: 1px solid #ddd;
	margin: 0 0 1.625em;
	width: 100%;
}
.entry-content .wp-block-table table {
	margin-bottom: 0;
}
.entry-content .wp-block-table table a {
	color: #000;
}
.entry-content .wp-block-table.is-style-stripes td {
	padding-left: 6px;
}
.entry-content th, .comment-content th {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}
.entry-content td, .comment-content td {
	border-top: 1px solid #ddd;
	padding: 6px 10px 6px 0;
}

.entry-content #s {
	width: 75%;
}
.comment-content ul, .comment-content ol {
	margin-bottom: 1.625em;
}
.comment-content ul ul, .comment-content ol ol, .comment-content ul ol, .comment-content ol ul {
	margin-bottom: 0;
}
dl.gallery-item {
	margin: 0;
}
.page-link {
	clear: both;
	display: block;
	margin: 0 0 1.625em;
}
.page-link a {
	background: #eee;
	color: #373737;
	margin: 0;
	padding: 2px 3px;
	text-decoration: none;
}
.page-link a:hover {
	background: #888;
	color: #fff;
	font-weight: bold;
}
.page-link span {
	margin-right: 6px;
}
.entry-meta .edit-link a, .commentlist .edit-link a {
	background: #eee;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #666;
	float: right;
	font-size: 12px;
	line-height: 1.5em;
	font-weight: 300;
	text-decoration: none;
	padding: 0 8px;
}
.entry-meta .edit-link a:hover, .commentlist .edit-link a:hover {
	background: #888;
	color: #fff;
}
.entry-content .edit-link {
	clear: both;
	display: block;
}
/* Images */

.entry-content img, .comment-content img, .widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"], img[class*="wp-image-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full {
	max-width: 100%;
	width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}
.entry-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
img.alignleft, img.alignright, img.aligncenter {
	margin-bottom: 1.625em;
}
p img, .wp-caption {
	margin-top: 0.4em;
}
.wp-caption {
	background: #eee;
	margin-bottom: 1.625em;
	max-width: 96%;
	padding: 5px;
}
.wp-caption img {
	display: block;
	margin: 0 auto;
	max-width: 98%;
}
.wp-caption .wp-caption-text, .gallery-caption {
	color: #666;
	/*font-family: Georgia, serif;*/
	font-size: 12px;
}
.wp-caption .wp-caption-text {
	margin-bottom: 0.6em;
	padding: 10px 0 5px 40px;
	position: relative;
}
.wp-caption .wp-caption-text:before {
	color: #666;
	content: '\2014';
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin-right: 5px;
	position: absolute;
	left: 10px;
	top: 7px;
}
#content .gallery {
	margin: 0 auto 1.625em;
}
#content .gallery a img {
	border: none;
}
img#wpstats {
	display: block;
	margin: 0 auto 1.625em;
}
#content .gallery-columns-4 .gallery-item {
	width: 23%;
	padding-right: 2%;
}
#content .gallery-columns-4 .gallery-item img {
	width: 100%;
	height: auto;
}
/* Image borders */

img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
/*border: 1px solid #ddd;
padding: 6px;*/

}
.wp-caption img {
	border-color: #eee;
}
a:hover img[class*="wp-image-"], a:active img[class*="wp-image-"], 
#content .gallery .gallery-icon a:focus img, 
#content .gallery .gallery-icon a:hover img, 
#content .gallery .gallery-icon a:active img {/* Add some useful style to those fancy borders for linked images ... */
	background: #eee;
	border-color: #bbb;
}
.wp-block-image a:hover img[class*="wp-image-"] {
	background: transparent;
	border-color: none;
}
.logos-w-hover-fx a img {
	transform-origin: center;
	transition: transform 300ms ease-out;
	display: block;
	margin: 0;
}
.logos-w-hover-fx a:hover img {
	transform: scale(1.05);
}
.logos-w-hover-fx .wp-block-group {
	transition: box-shadow 300ms ease-out;
}
.logos-w-hover-fx .wp-block-group:hover {
	box-shadow: 6px 6px 20px rgba(0,0,0,0.3) !important;
}


.wp-caption a:focus img, .wp-caption a:active img, .wp-caption a:hover img {/* ... including captioned images! */
	background: #fff;
	border-color: #ddd;
}
img.bordered {
	border:1px solid #ccc;
}
/* Password Protected Posts */

.post-password-required .entry-header .comments-link {
	margin: 1.625em 0 0;
}
.post-password-required input[type=password] {
	margin: 0.8125em 0;
}
.post-password-required input[type=password]:focus {
	background: #f7f7f7;
}
/*Pages*/

/* Author Info */

#author-info {
	font-size: 12px;
	overflow: hidden;
}
.singular #author-info {
	background: #f9f9f9;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin: 2.2em -35.6% 0 -35.4%;
	padding: 20px 35.4%;
}
.archive #author-info {
	border-bottom: 1px solid #ddd;
	margin: 0 0 2.2em;
	padding: 0 0 2.2em;
}
#author-avatar {
	float: left;
	margin-right: -78px;
}
#author-avatar img {
	background: #fff;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px #bbb;
	-moz-box-shadow: 0 1px 2px #bbb;
	box-shadow: 0 1px 2px #bbb;
	padding: 3px;
}
#author-description {
	float: left;
	margin-left: 108px;
}
#author-description h2 {
	color: #000;
	font-size: 15px;
	font-weight: bold;
	margin: 5px 0 10px;
}
/* Comments link */

.entry-header .comments-link a {
	background: #eee url(images/comment-bubble.png) no-repeat;
	color: #666;
	font-size: 13px;
	font-weight: normal;
	line-height: 35px;
	overflow: hidden;
	padding: 0 0 0;
	position: absolute;
	top: 1.5em;
	right: 0;
	text-align: center;
	text-decoration: none;
	width: 43px;
	height: 36px;
}
.entry-header .comments-link a:hover, .entry-header .comments-link a:focus, .entry-header .comments-link a:active {
	background-color: #1982d1;
	color: #fff;
	color: rgba(255,255,255,0.8);
}
.entry-header .comments-link .leave-reply {
	visibility: hidden;
}
/*

Post Formats Headings

To hide the headings, display: none the ".entry-header .entry-format" selector,

and remove the padding rules below.

*/

.entry-header .entry-format {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	position: absolute;
	text-transform: uppercase;
	top: -5px;
}
.entry-header hgroup .entry-title {
	padding-top: 15px;
}
article.format-aside .entry-content, article.format-link .entry-content, article.format-status .entry-content {
	padding: 20px 0 0;
}
.recent-posts .entry-header .entry-format {
	display: none;
}
.recent-posts .entry-header hgroup .entry-title {
	padding-top: 0;
}
/* Singular content styles for Posts and Pages */

.singular .hentry {
	border-bottom: none;
	padding: 2em 0 0;
	position: relative;
}
.singular.page .hentry {
	padding: 0em 0 0;
}
.singular .entry-title, .singular .entry-header .entry-meta {
	padding-right: 0;
	clear:none;
}
.singular .entry-header .entry-meta {
	position: absolute;
	top: 0;
	left: 0;
}
blockquote.pull {
	font-size: 21px;
	font-weight: bold;
	line-height: 1.6125em;
	margin: 0 0 1.625em;
	text-align: center;
}
.singular blockquote.pull {
	margin: 0 -22.25% 1.625em;
}
.pull.alignleft {
	margin: 0 1.625em 0 0;
	text-align: right;
	width: 33%;
}
.singular .pull.alignleft {
	margin: 0 1.625em 0 -22.25%;
}
.pull.alignright {
	margin: 0 0 0 1.625em;
	text-align: left;
	width: 33%;
}
.singular .pull.alignright {
	margin: 0 -22.25% 0 1.625em;
}
.singular blockquote.pull.alignleft, .singular blockquote.pull.alignright {
	width: 33%;
}
.singular .entry-meta .edit-link a {
	float:none;
}
/* = Page classes

----------------------------------------------- */

.linkfx {
	background: none repeat scroll 0 0 #EEEEEE;
	border-radius: 5px 5px 5px 5px;
	color: #666666;
	font-weight:normal !important;
	line-height: 1.8em;
	font-size:0.9em !important;
	display:inline-block;
	padding: 2px 10px;
	text-decoration: none;
	text-shadow: 1px 1px 1px #FFF;
	margin-right:5px;
	margin-bottom:5px;
	text-transform:uppercase;
	letter-spacing:0.75px;
	font-family: 'Open Sans', sans-serif;
}
.leftCol {
	width:60%;
	float:left;
}
.rightCol {
	width:35%;
	float:right;
	margin-top:-65px;
}
.rightCol .txt {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border:1px solid #CCC;
	padding:0.8em 1em 0.1em;
	margin-bottom:10px;
	font-size:90%;
}
.leftCol-min, .leftCol-min-rf {
	width:30%;
	float:left;
}
.rightCol-max {
	width:68%;
	float:right;
	text-align:center;
}
.rightCol-fixed {
	width:590px;
	float:right;
	text-align:center;
}
.leftCol-50 {
	width:48%;
	float:left;
}
.rightCol-50 {
	width:48%;
	float:right;
	text-align:center;
}

a.btn {
	border:1px solid #29abe2;
	display:inline-block;
	white-space:nowrap;
	padding:5px 15px;
	border-radius:3px;
	margin-right:10px;
	
}
a.btn:hover {
	background-color: #DCF1FA;	
}
/*About Page*/
.partners {
	clear:both;
	margin-top:40px;
	padding-top:40px;
	border-top:1px dotted #DADADA;
}
.partner-link {
	text-align:center;
}
.partner-link img {
	width:auto;
	height:50px;
}
@media (min-width: 600px) {
	.partner-link {
		width:48%;
		margin:0 1.5% 10px;
		float:left;
	}
}
@media (min-width: 800px) {
	.partner-link {
		width:22%;
		margin:0 1.5%;
	}
}
/* = Home Content

----------------------------------------------- */
.home #page {
	max-width:100%;
}
.home #primary {
	margin:0;
}
.home #content {
	margin:0;
}
.carousel-wrap {
	max-width:1080px;
	margin:0 auto;
	padding-bottom: 20px;
	padding-top: 20px;
}
.home-feeds {
	max-width:1320px;
	margin:0 auto;
}
.home-about {
	background-color:#f8f8f8;
	background-image: url(images/squigloo-home-desk.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	padding:10px;
	text-align: left;
}
.home-about .hentry {
	padding:40px 0px;
	max-width:1100px;
	margin:0 auto;
	position: relative;
}
.home-about .entry-content {
	padding-left: 46%;
	padding-right: 20px;
	box-sizing: border-box;
}
.home-about .entry-content h2 {
	font-size:34px;
	line-height: normal;
	max-width: 500px;
}
.home-about  .entry-content ul {
	list-style:none;
	margin:25px 0 0;
}
#servicesanim {
	display: block;
	position: absolute;
	top: 70px;
	left: 11%;
}
#servicesanim  li {
	width:200px;
	text-align:center;
	text-transform:uppercase;
	font-size:15px;
	letter-spacing : 0.75px;
	background-color: #F8F8F8;
	position: absolute;
	top: 0;
	left: 0;
	color: #31AEE4;
}
#servicesanim  li a {
	color: #31AEE4;
}
#servicesanim span {
	display: block;
	margin-bottom: 20px;
}
#servicesanim  li .fa {
	font-size: 90px;
	display: block;
	margin-bottom: 10px;
}
#servicesanim  li .fa.outlined {
	
	color: transparent;
   -webkit-text-stroke-width: 2px;
   -webkit-text-stroke-color: #31AEE4;
}
#servicesanim .sa2,
#servicesanim .sa3,
#servicesanim .sa4 {
	display: none;
}
a.blue-btn {
	color: #FFF;
	background-color: #31AEE4;
	border-radius: 5px;
	padding: 5px 10px;
	white-space: nowrap;
	text-transform: uppercase;
	letter-spacing: 0.75px;
	font-family: 'Open Sans', sans-serif;
	margin-right: 5px;
	font-size: 14px;
	transition: 300ms background;
}
a.blue-btn:hover {
	background-color: #005E9D;
}
/* ANIMATED ICON FX*/
.animation-element {
	
	display:block;
	opacity: 0;
	box-sizing: border-box;
	transform: translateZ(0px);
}

.zoom-fx {
	display:block;
	opacity: 0;
	box-sizing: border-box;
	transform: translateZ(0px);
}

.zoom-fx.in-view {
	animation: 0.7s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s normal none 1 running mk_scale;
    opacity: 1;
}
@keyframes mk_scale {
	0% {
		opacity: 0.1;
		transform: scale(0.5);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}



.home-about .entry-content li a {
	text-decoration:none;
	color:#FFF;
	font-weight:300;
}
.home-about li a:hover img,
.home-about li a:active img  {
	background-color:transparent !important;
	opacity:0.9;
}

.home-feeds {
	clear:both;
	padding-top:35px;
}
.home-feeds .widget {
	width:30%;
	float:left;
	margin-right:3%;
	border:none;
	padding:0;
	clear:none;
	border-radius:0;
	padding-bottom:15px;
	font-size:14px;
}
.home-feeds .widget.home-contact {
	margin-right:0;
	float:right;
}
.home-feeds h3.widget-title {
    font-size: 21px;
	margin-bottom:18px;
} 
.home-contact p {
	margin-bottom:5px;
}
.home-contact img {
	vertical-align:middle;
}
.home-feeds li,
.home-feeds p,
.home-feeds h4 {
	font-size:14px;
	line-height:normal;
} 
.home-feeds h4 {
	margin-bottom:5px;
}
.home-feeds h3.widget-title {
	font-size:21px;
}
.home-feeds ul li.first {
	margin-left:0px;
	padding-left:0px;
	list-style:none;
	margin-bottom:10px;
}
.home-feeds ul li.first p {
	margin-bottom:2px;
	line-height:1.4em;
}
.home-feeds .datestamp {
	color:#666;
	font-size:11px;
}
.home-feeds .widget ul {
	margin-bottom:20px;
}
.home-feeds li {
	line-height:normal;
	margin-bottom:3px;
	color:#666;
	font-size:14px;
}


.home-projects {
	width:100%;
	text-align:center;
	padding-top: 20px;
	padding-bottom:30px;
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}
	
.home-feeds .home-projects h3.widget-title {
	text-align:center;
	font-size:34px;
	line-height: normal;
	margin-bottom:20px;
}
.home-projects .project {
	flex-basis:calc(33.3% - 14px);
	text-align:left;
	color:#808080;
    margin-bottom: 10px;
}
.home-projects .project.p-4 {
	clear: both;
}
.home-projects h4 {
    font-size: 15px;
    line-height: normal;
    text-align: center;
    padding: 5px 5px 10px;
}
.home-projects h4 a{
    font-weight: 400;
}
.home-projects .project img {
	width:100%;
	height:auto;
    box-shadow: 0 0 12px rgba(0,0,0,0.1);
    aspect-ratio: 4/3;
  object-fit: cover;
  object-position: top center;
    transition: box-shadow 300ms ease-out;
}
.home-projects .project img:hover {
    box-shadow: 0 0 6px rgba(0,0,0,0.3);
}
.home-projects .project a {
	text-transform:uppercase;
	display:block;
}
.home-projects p {
	clear:both;
	padding-top: 10px;
}

 @media (max-width: 1040px) {
	.home-about {
		background-position: -160px 0px;
	}
} 

@media (max-width: 840px) {
	.home-about .hentry {
		padding: 20px 0px;
	}
	.home-about .entry-content {
		padding-left: 0px;
		padding-right: 0;
	}
	.home-about {
		background-image: none;
	}
	#servicesanim {
		display: none;
	}
	
}
 @media (max-width: 640px) {
	.home-projects .project {
		flex-basis: 100%;
		margin:0 0 10px;
	}
	 .home-about .hentry {
		padding: 10px 0px;
	}
	
 }
/* =Services

----------------------------------------------- */

.section-services ul.service-list {
	margin:0px;
	padding:0px;
	max-width: 300px;
}
.section-services ul.service-list li {
	list-style:none;
	margin:0px 0px 10px 0px;
	padding:0px;
}
.section-services ul.service-list li h3 {
	line-height:16px;
}
.section-services ul.service-list li a {
	display:block;
	background-color:#FFF;
	border: 1px solid #29abe2;
	padding:10px 15px;
	font-weight:bold;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.section-services ul.service-list li a:hover, .section-services ul.service-list li a:active {
	border: 1px solid #1B94C8;
	background-color: #E0F3FA;
}
.section-services ul.service-list li a em {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#808285;
	font-size:13px;
	font-weight:normal;
}
.section-services .rightCol {
	text-align:center;
}
.service-img {
	/*width:100%;*/
max-width:320px;
	height:auto;
	margin-top:40px;
}
/* =Projects

----------------------------------------------- */

.folio-nav-above, .folio-nav-below {
	/*width:60%;*/
float:right;
	font-size:12px;
	text-align:right;
}
.folio-nav-above {
	padding-top:28px;
	padding-bottom:5px;
}
.folio-nav-below {
	padding-top:12px;
	margin-bottom:20px;
}
.folio-nav-above a#cur, .folio-nav-below a#cur {
	background-color:#CCC;
}
.ngg-items {
	padding: 20px 0;
}
@media screen and (min-width:1200px){
	.ngg-items {margin: 0 -75px;}
}
/*fade out other on rollover gallery*/
.ngg-items:hover img {
	opacity:0.6;
	-webkit-transition: opacity 0.3s ease-in;
	-moz-transition: opacity 0.3s ease-in;
	-ms-transition: opacity 0.3s ease-in;
	-o-transition: opacity 0.3s ease-in;
	transition: opacity 0.3s ease-in;
}
.ngg-items .ngg-item {
	width:300px;
	height:188px;
	float:left;
	margin-right:0px;
	border:none !important;
	padding:0px !important;
	position:relative;
	display:block;
	margin-right:2px;
	margin-bottom:2px;
	background-color:#000;
}
.ngg-items .ngg-thumb {
	overflow:hidden;
	height:188px;
	margin:0px;
}
.ngg-items a {
	/*opacity:0.9;
	IE Filters
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=95);*/
}
.ngg-items a:hover, .ngg-items a:active {
	color:#333;
}
.ngg-items a:hover img.Thumb, .ngg-items a:active img.Thumb {
	border:none;
	opacity:1;
	/*IE Filters*/
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-webkit-transition: opacity 0.2s ease-in;
	-moz-transition: opacity 0.2s ease-in;
	-ms-transition: opacity 0.2s ease-in;
	-o-transition: opacity 0.2s ease-in;
	transition: opacity 0.2s ease-in;
	
}
.ngg-items img.Thumb {
	border:none;
	padding: 0px !important;
	max-width: 100%;
	width:300px;
	height:188px;
	margin:0px !important;
	display:block;
    object-fit: cover;
    object-position: center top;
}
.ngg-items .ngg-title {
	display:none;
	font-size: 15px;
/*	text-transform:uppercase;*/
	line-height:1.3em;
	font-weight: 300;
	font-family:'Open Sans', Arial, sans-serif;
	margin: 0 0px 0px;
	text-align: center;
	position:absolute;
	bottom:0px;
	width:284px;
	padding: 20px 8px 5px;
	background-image:url(images/gallery-over.png);
	background-repeat:no-repeat;
	background-position:center top;
}
.ngg-items .ngg-title span {
	font-size:11px;
	text-transform:uppercase;
	letter-spacing:0.1em;
	color:#F0F9FF;
	background-color:transparent;
}

.ngg-items .ngg-title a {
	color:#FFF;
}
.ngg-items .ngg-item:hover  .ngg-title {
	display:block;
}
.ngg-items .ngg-item:hover img {
	opacity:1;
}
	
/*JJ SLIDER GALLERIES*/

.folio-col .folioblurb {
	float:left;
	min-width:200px;
	margin-right:15px;
}
.folio-col table {
	/*width:auto;
	min-width:200px;*/
	width:100%;
}
.foliogallery {
	width:580px;
	height:363px;
	padding:5px;
	background-color:#FFF;
	-webkit-box-shadow: 2px 2px 3px 1px #CCC;
	-moz-box-shadow: 2px 2px 3px 1px #CCC;
	box-shadow: 2px 2px 3px 1px #CCC;
	margin-bottom:30px;
	margin-left:15px;
	float:right;
}
@media screen and (min-width:1100px) {
	.foliogallery {
		margin-left: 60px;
	}
}
.nivo_slider_controlNavText .nivo-controlNav {
	bottom: -35px !important;
	left: 0;
	font-size: 14px !important;
}
.nivo-controlNav a {
	color: #606060 !important;
}
div#fi_slider {
	height:363px !important;
}
.nivoSlider, .nivo-slice {
	background-color:#EEE !important;
	background-position:left top !important;
	background-size:100% 100% !important;  /*Resizes to fit!*/
}
.nivo_slider:after {	
	display: block;
	clear: both;
	content: '';
}

/*Folio specs*/
.folio-col td {
}
.folio-col td strong {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: bold;
    color: #848484;
}

.new-gallery {
    max-width: 580px;
    margin: 0 auto;
}
.new-gallery img {
    display: block;
    width: 100%;
    height: auto;
    box-shadow: 0 0 12px rgba(0,0,0,0.1);
    margin-bottom: 30px;
}
@media screen and (min-width:780px) {
    .folioblurb {
        float: left;
        width: calc(100% - 600px);
    }
    .new-gallery {
        width: 580px;
        float: right;
    }
}
@media screen and (min-width:900px) {
    .folioblurb {
        float: left;
        width: calc(100% - 630px);
    }
}
/*

.section-folio td {
font-size:80%;

}

/* =Testimonials
----------------------------------------------- */
.testimonial {
    padding-left: 35px;
    padding-bottom: 45px;
    margin-bottom: 30px;
    border-bottom: 1px dotted #CCC;
    position: relative;
    clear: both;
}
.testimonial p {
    margin-bottom: 15px;
    max-width: 100%;
}
.testimonial .who {
    font-style: italic;
    padding-top: 25px;
     position: relative;
}
.testimonial .who strong {
    font-weight: normal;
}
.testimonial .who .image {
    width: 60px;
    height: 60px;
    
    
     border-radius: 30px;
    background-size: contain;
    background-position:center center;
    background-repeat: no-repeat;
    float: left;
    margin-right: 10px;
    margin-top: -15px;
    display: inline-block;
}
.testimonial .who .image:before {
    position: absolute;
    top: 9px;
    left: -1px;
    background-color: rgba(0,0,0,0.05);
    border-radius: 30px;
    width: 58px;
    height: 58px;
    z-index: 20;
    content: ""; 
    border: 2px solid #C2D0D8;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
}
/*.testimonial .who img {
    float: left;
    width: 60px;
    height: auto;
    margin-right: 10px;
    border-radius: 30px;
    margin-top: -15px;
    z-index: 10;
    
}
.testimonial .who:before {
    position: absolute;
    top: 9px;
    left: -1px;
    border: 2px solid #C2D0D8;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
     border-radius: 30px;
    width: 58px;
    height: 58px;
    z-index: 20;
    content: "";
}*/
.testimonial:before {
    content: '“';
    position: absolute;
    top: 10px;
    left: 0;
    font-size: 60px;
    line-height: 30px;
    color: #97BAD0;
    font-family: Cambria, Times, "Times New Roman", "serif";
    
}
/* =Contact
----------------------------------------------- */

div.wpcf7 {
	border:1px solid #CCC;
	padding:2em 2em 1em !important;
}
div.wpcf7 select,
div.wpcf7 input[type="text"],
div.wpcf7 input[type="email"],
div.wpcf7 textarea{
	background-color: #FFF;
	padding: 3px;
	border:1px solid #CCC;
	color: #333;
	box-sizing: border-box;
	text-shadow: none;
	box-shadow: none;
	width: 100%;
}
/*div.wpcf7 .group1 {
	width:45%;
	padding-right:5%;
	float:left;
}
div.wpcf7 .group2 {
	width:50%;
	float:left;
}*/
div.wpcf7 .submitRow {
	clear:both;
	border-top:2px solid #29ABE2;
	padding:5px 0px;
	min-height:30px;
}
div.wpcf7 p {
	font-size:10px;
	text-transform:uppercase;
}
div.wpcf7 select, div.wpcf7 span, div.wpcf7 input {
	text-transform:none;
	font-size:13px;
}
.wpcf7-select, .wpcf7-text {
	width:100%;
}

.mand {
	width:50%;
	float:left;
	font-size:11px;
}
.sub {
	width:50%;
	float:right;
	font-size:13px;
	text-align:right;
}
div.wpcf7 input[type="submit"]{
	background-color: #29ABE2;
	color: #FFF;
	border: none;
	padding: 5px 15px;
	border-radius: 3px;
	font-weight: bold;
	font-size: 16px;
	float: right;
	text-transform: uppercase;
	
}
div.wpcf7-mail-sent-ok {
	border:2px solid #29ABE2 !important;
	background-color:#29ABE2;
	color:#FFF;
}
div.wpcf7-validation-errors {
	border: 2px solid #F7E700 !important;
	background-color:#FFFFF0;
}
/* =News - All

----------------------------------------------- */

.news-item {
	clear:left;
	padding-top:10px;
	margin-bottom:10px;
}
.blog h1.entry-title {
	margin-bottom:15px;
}
.news-item .thumbCol {
	margin-top:0px;
	float:left;
	width:140px;
	padding:5px;
	/*	border:1px solid #CCC;*/

-webkit-box-shadow: 2px 2px 3px 1px #CCC;
	-moz-box-shadow: 2px 2px 3px 1px #CCC;
	box-shadow: 2px 2px 3px 1px #CCC;
	overflow:hidden;
}
.thumbCol .post-thumb, .thumbCol .image-na {
	margin:0px;
	padding:0px;
	overflow:hidden;
}
.thumbCol .post-thumb img, .thumbCol .image-na img {
	width:150px;
	height:auto;
	vertical-align:bottom;
}
.news-item .entryCol {
	float:left;
	margin-left:20px;
	width:460px;
}
.news-item .entry-title {
	font-size:18px;
	line-height:1.3em;
}
.news-item .entry-meta {
}
.news-item .entry-content {
	padding-top:15px;
	font-size:90%;
}
/* =News - Single Post

----------------------------------------------- */

.single-post .hentry {
}
.post-thumb-single img {
	border:1px solid #CCC;
	padding:5px;
	margin:0px 0px 10px 10px;
	float:right;
	max-width:50%;
	height:auto;
}
.single-post article .entry-header .entry-meta {
/*padding-top:5px;

   	position:relative;*/

}
/* = Services page
----------------------------------------------- */
.parent-pageid-2716 #page,
.page-id-9 #page,
.page-id-19 #page,
.page-id-2620 #page,
.page-id-2111 #page{
	max-width: 1160px;
}
.page-id-9 .entry-content p {
	 max-width: 100%;
}

/* --- */
.page-id-2716 .hentry {
		margin: 0;
		padding: 0;
	}
.post-2716 .entry-content h3 {
	font-style: italic;
	font-size: 30px;
	margin-bottom: 10px;
	line-height: normal;
}
.post-2716 .entry-content p {
    max-width: 1700px;
	margin-bottom: 10px;
}
.post-2716 .entry-content a {
	  font-weight : bold;
  font-size : 12px;
  letter-spacing : 1.2px;
	transition: color 300ms;
}
.post-2716 .entry-meta {
	display: none;
}
.box-fullwidth {
	clear: both;
	overflow: hidden;
	margin: 0 -20px;
}
.box-fullwidth:after,
.box-fullwidth .text-wrap:after{
	clear: both;
	display: block;
	content: '';
}
.box-fullwidth .text-wrap {
	margin:0 auto;
	max-width: 1100px;
	padding: 30px 20px;
	position: relative;
	box-sizing: border-box;
}
.box-fullwidth.bg-grey {
	background-color: #f8f8f8;
}
.box-fullwidth .textblock {
	padding: 20px 0;
}
.box-fullwidth .image {
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	min-height: 200px;
}
#box-started {
	margin-top: 50px;
}
#box-started .image {	background-image: url(images/services-started.jpg);	}
#box-design .image {	background-image: url(images/services-design.jpg);	}
#box-web .image {	background-image: url(images/services-web.jpg);}
#box-ecom .image {	background-image: url(images/services-ecom.jpg);	margin-bottom: -40px; background-position: bottom center;	}
#box-marketing .image {	background-image: url(images/services-marketing.jpg);	}
#box-freelance .image {	background-image: url(images/services-freelance.jpg);	margin-bottom: -40px; background-position: bottom center;}

ul.tick-list {
	list-style: none;
}
ul.tick-list li {
	list-style: none;
	position: relative;
	margin-bottom: 4px;
}
ul.tick-list li:before{
  content: "\2713";
	position: absolute;
	color: #29ABE2;
	left: -18px;
	top: 0;
	font-weight: bold;
}

@media screen and (min-width:640px){
	.box-fullwidth .image {
		min-height: 300px;
	}
	#box-freelance .image {	min-height: 340px; }
	.text-left .textblock,
	.text-right .textblock {
		width: 40%;
		box-sizing: border-box;
		padding: 20px;
		float: left;
	}
	.text-right .textblock {
		float: right;
		margin-right: 10%;
	}
	.text-left .image,
	.text-right .image {
		width: 50%;
		height: 100%;
		box-sizing: border-box;
		padding: 20px;
		float: right;
		text-align: center;
	}
	.text-right .image {
		float: left;
	}
	/*Contact page*/
	.box-left-col {
		width: 40%;
		box-sizing: border-box;
		float: left;
	}
	div.wpcf7 {
		width: 55%;
		box-sizing: border-box;
		float: right;
	}
}
@media screen and (min-width:1100px){
	.box-fullwidth {
		margin: 0 -500px;
	}
	.box-fullwidth .text-wrap {
		padding: 40px 0;
	}
	body.page-id-2716 {
		overflow-x: hidden;
	}
	.page-id-2716 #page {
		margin: 20px auto 0.5em;
		max-width: 1100px;
	}
	.page-id-2716 #content {
		margin: 0 20px;
	}
	
}
/* = Clients page
----------------------------------------------- */

.client-logos a {
	display: block;
	padding: 15px;
	width: 180px;
	height: 150px;
	overflow: hidden;
	float: left;
	vertical-align: middle;
	opacity: 0.9;
	text-align: center;
}
.client-logos img {
	 width: 180px;
    height: 120px;
    object-fit: contain;
    display: block;
    float: left;
}
.client-logos > img {
    margin: 15px;
}
.client-logos a:hover {
	opacity: 1;
	background-color: #FFF;
}
.client-logos a:hover img {
	background-color: #FFF !important;
}

.logos-grid img {
	width: 180px;
    height: 150px;
    object-fit: contain;
    display: block;
}


/* =Aside

----------------------------------------------- */

.format-aside .entry-title, .format-aside .entry-header .comments-link {
	display: none;
}
.singular .format-aside .entry-title {
	display: block;
}
.format-aside .entry-content {
	padding: 0;
}
.singular .format-aside .entry-content {
	padding: 1.625em 0 0;
}
/* =Link

----------------------------------------------- */

.format-link .entry-title, .format-link .entry-header .comments-link {
	display: none;
}
.singular .format-link .entry-title {
	display: block;
}
.format-link .entry-content {
	padding: 0;
}
.singular .format-link .entry-content {
	padding: 1.625em 0 0;
}
/* =Gallery

----------------------------------------------- */

.format-gallery .gallery-thumb {
	float: left;
	display: block;
	margin: .375em 1.625em 0 0;
}
/* =Status

----------------------------------------------- */

.format-status .entry-title, .format-status .entry-header .comments-link {
	display: none;
}
.singular .format-status .entry-title {
	display: block;
}
.format-status .entry-content {
	padding: 0;
}
.singular .format-status .entry-content {
	padding: 1.625em 0 0;
}
.format-status img.avatar {
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px #ccc;
	-moz-box-shadow: 0 1px 2px #ccc;
	box-shadow: 0 1px 2px #ccc;
	float: left;
	margin: 4px 10px 2px 0;
	padding: 0;
}
/* =Quote

----------------------------------------------- */

.format-quote blockquote {
	color: #555;
	font-size: 17px;
	margin: 0;
}
/* =Image

----------------------------------------------- */

.indexed.format-image .entry-header {
	min-height: 61px; /* Prevent the comment icon from colliding with the image when there is no title */
}
.indexed.format-image .entry-content {
	padding-top: 0.5em;
}
.indexed.format-image p, .indexed.format-image p img {
	margin-bottom: 0;
}
.indexed.format-image footer.entry-meta {
	background: #ddd;
	margin-top: -7px;
	padding: 20px 30px;
	overflow: hidden;
}
.indexed.format-image div.entry-meta {
	display: inline-block;
	float: left;
	width: 35%;
}
.indexed.format-image div.entry-meta + div.entry-meta {
	float: none;
	width: 65%;
}
.indexed.format-image .entry-meta span.cat-links, .indexed.format-image .entry-meta span.tag-links, .indexed.format-image .entry-meta span.comments-link {
	display: block;
}
.indexed.format-image footer.entry-meta a {
	color: #444;
}
.indexed.format-image footer.entry-meta a:hover {
	color: #fff;
}
#content .indexed.format-image img {
	border: none;
	max-width: 100%;
	padding: 0;
}
.indexed.format-image .wp-caption {
	background: #111;
	margin-bottom: 0;
	max-width: 96%;
	padding: 11px;
}
.indexed.format-image .wp-caption .wp-caption-text {
	color: #ddd;
}
.indexed.format-image .wp-caption .wp-caption-text:before {
	color: #444;
}
.indexed.format-image a:hover img {
	opacity: 0.8;
}
/* =error404

----------------------------------------------- */

.error404 #main #searchform {
	background: #f9f9f9;
	border: 1px solid #ddd;
	border-width: 1px 0;
	margin: 0 -8.9% 1.625em;
	overflow: hidden;
	padding: 1.625em 8.9%;
}
.error404 #main #s {
	width: 95%;
}
.error404 #main .widget {
	clear: none;
	float: left;
	margin-right: 3.7%;
	width: 30.85%;
}
.error404 #main .widget_archive {
	margin-right: 0;
}
.error404 #main .widget_tag_cloud {
	float: none;
	margin-right: 0;
	width: 100%;
}
.error404 .widgettitle {
	font-size: 10px;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}
/* =Showcase

----------------------------------------------- */

/* Featured post */

/* Small featured post */

/* Large featured post */

/* Recent Posts */

/* =Attachments

----------------------------------------------- */

.image-attachment div.attachment {
	background: #f9f9f9;
	border: 1px solid #ddd;
	border-width: 1px 0;
	margin: 0 -8.9% 1.625em;
	overflow: hidden;
	padding: 1.625em 1.625em 0;
	text-align: center;
}
.image-attachment div.attachment img {
	display: block;
	height: auto;
	margin: 0 auto 1.625em;
	max-width: 100%;
}
.image-attachment div.attachment a img {
	border-color: #f9f9f9;
}
.image-attachment div.attachment a:focus img, .image-attachment div.attachment a:hover img, .image-attachment div.attachment a:active img {
	border-color: #ddd;
	background: #fff;
}
.image-attachment .entry-caption p {
	font-size: 10px;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	margin: 0 0 2.6em;
	text-transform: uppercase;
}
/* =Navigation

-------------------------------------------------------------- */

#content nav {
	clear: both;
	overflow: hidden;
	padding: 0 0 1em;
}
#content nav a {
	font-size: 12px;
	font-weight: bold;
	line-height: 2.2em;
}
#nav-above {
	padding: 0 0 1em;
}
#nav-above {
	display: none;
}
.paged #nav-above {
	display: block;
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#content nav .meta-nav {
	font-weight: normal;
}
/* Singular navigation */

#nav-single {
	float: right;
	position: relative;
	top: -0.3em;
	text-align: right;
	width: 100%;
	margin-right:30%;
	z-index: 1;
}
#nav-single .nav-previous, #nav-single .nav-next {
	float: none;
	width: auto;
}
#nav-single .nav-next {
	padding-left: .5em;
}
/* =Widgets

----------------------------------------------- */

.widget-area {
	font-size: 12px;
}
.widget {
	clear: both;
	margin: 0 0 1em;
	padding: 0.8em 1em;
	border: 1px solid #CCCCCC;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.widget-title {
	font-size:18px;
	color:#005E9D;
	font-family: 'Open Sans', sans-serif;
	line-height:21px;
	margin-bottom:5px;
}
/*h4 {
color: #666;
font-size: 10px;
font-weight: 500;
letter-spacing: 0.1em;
line-height: 2.6em;
text-transform: uppercase;

}*/

.widget ul {
	font-size: 15px;
	margin: 0;
	margin-left: 1em;
}

.widget ul li {
	color: #777;
	font-size: 12px;
}
.widget a {
	font-weight: bold;
	text-decoration: none;
}
/*.widget a:hover,

.widget a:focus,

.widget a:active {
text-decoration: underline;

}*/

/* Search Widget */

.widget_search form {
	margin: 0 0 1.625em;
}
.widget_search #s {
	width: 77%;
}
.widget_search #searchsubmit {
	background: #ddd;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
	-moz-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
	box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
	color: #888;
	font-size: 13px;
	line-height: 25px;
	position: relative;
	top: -2px;
}
.widget_search #searchsubmit:active {
	background: #1982d1;
	border-color: #0861a5;
	-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
	color: #bfddf3;
}
/* Ephemera Widget */

section.ephemera ol, .widget_squiglooblue_ephemera ol {
	list-style: square;
	margin: 5px 0 0;
}
.widget_squiglooblue_ephemera .widget-entry-title {
	font-size: 15px;
	font-weight: bold;
	padding: 0;
}
.widget_squiglooblue_ephemera .comments-link a, .widget_squiglooblue_ephemera .comments-link > span {
	color: #666;
	display: block;
	font-size: 10px;
	font-weight: 500;
	line-height: 2.76333em;
	text-transform: uppercase;
}
section.ephemera .entry-title .comments-link a:hover, .widget_squiglooblue_ephemera .entry-title .comments-link a:hover {
}
section.ephemera .entry-title a span {
	color: #29628d;
}
/* Twitter */

.widget_twitter li {
	list-style-type: none;
	margin-bottom: 14px;
}
.widget_twitter .timesince {
	display: block;
	font-size: 11px;
	margin-right: -10px;
	text-align: right;
}
/* Widget Image */

.widget_image img {
	height: auto;
	max-width: 100%;
}
/* Calendar Widget */

.widget_calendar #wp-calendar {
	color: #555;
	width: 95%;
	text-align: center;
}
.widget_calendar #wp-calendar caption, .widget_calendar #wp-calendar td, .widget_calendar #wp-calendar th {
	text-align: center;
}
.widget_calendar #wp-calendar caption {
	font-size: 11px;
	font-weight: 500;
	padding: 5px 0 3px 0;
	text-transform: uppercase;
}
.widget_calendar #wp-calendar th {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}
.widget_calendar #wp-calendar tfoot td {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
/* =Comments (Removed)

----------------------------------------------- */

/* =Comments

----------------------------------------------- */

/*#comments {
width:65%;
margin:0px;

}*/

#comments-title {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	line-height: 2.6em;
	padding: 0 0 2.6em;
	text-transform: uppercase;
}
.nopassword, .nocomments {
	color: #aaa;
	font-size: 14px;
	font-weight: 100;
	margin: 26px 0;
	text-align: center;
}
.nocomments {
	display:none;
}
.commentlist {
	list-style: none;
	margin: 0 0 0 80px;
	width: 60%;
}
.content .commentlist, .page-template-sidebar-page-php .commentlist {
	width: 100%; /* reset the width for the one-column and sidebar page layout */
}
.commentlist > li.comment {
	background: #FFF;
	border: 1px solid #ddd;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 0 1.625em;
	padding: 1em;
	position: relative;
}
.commentlist .pingback {
	margin: 0 0 1.625em;
	padding: 0 1.5em;
	font-size:10px;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li.comment {
	background: #fff;
	border-left: 1px solid #ddd;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	margin: 1.625em 0 0;
	padding: 1.625em;
	left:30px;
	position: relative;
}
.commentlist .children li.comment .fn {
	display: block;
}
.comment-meta .fn {
	font-style: normal;
}
.comment-meta {
	color: #666;
	font-size: 12px;
	line-height: 2.2em;
}
.commentlist .children li.comment .comment-meta {
	line-height: 1.625em;
	margin-left: 50px;
}
.commentlist .children li.comment .comment-content {
	margin: 1.625em 0 0;
}
.comment-meta a {
	font-weight: bold;
}
.comment-meta a:focus, .comment-meta a:active, .comment-meta a:hover {
}
.commentlist .avatar {
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px #ccc;
	-moz-box-shadow: 0 1px 2px #ccc;
	box-shadow: 0 1px 2px #ccc;
	left: -80px;
	padding: 0;
	position: absolute;
	top: 0;
}
.commentlist > li:before {
	content: url(images/comment-arrow.png);
	left: -21px;
	position: absolute;
}
.commentlist > li.pingback:before {
	content: '';
}
.commentlist .children .avatar {
	background: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	left: 2.2em;
	padding: 0;
	top: 2.2em;
}
a.comment-reply-link {
	background: #eee;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #666;
	display: inline-block;
	font-size: 12px;
	padding: 0 8px;
	text-decoration: none;
}
a.comment-reply-link:hover, a.comment-reply-link:focus, a.comment-reply-link:active {
	background: #888;
	color: #fff;
}
a.comment-reply-link > span {
	display: inline-block;
	position: relative;
	top: -1px;
}
/* Post author highlighting */

.commentlist > li.bypostauthor {
	background: #ddd;
	border-color: #d3d3d3;
}
.commentlist > li.bypostauthor .comment-meta {
	color: #575757;
}
.commentlist > li.bypostauthor .comment-meta a:focus, .commentlist > li.bypostauthor .comment-meta a:active, .commentlist > li.bypostauthor .comment-meta a:hover {
}
.commentlist > li.bypostauthor:before {
	content: url(images/comment-arrow-bypostauthor.png);
}
/* Post Author threaded comments */

.commentlist .children > li.bypostauthor {
	background: #ddd;
	border-color: #d3d3d3;
}
/* sidebar-page.php comments */

/* Make sure we have room for our comment avatars */

.page-template-sidebar-page-php .commentlist > li.comment, .page-template-sidebar-page-php.commentlist .pingback {
	margin-left: 102px;
	width: auto;
}
/* And a full-width comment form */

.page-template-sidebar-page-php #respond {
	width: auto;
}
/* Comment Form */

#respond {
	/**/background:#F9F9F9;
	border: 1px solid #d3d3d3;
	-moz-border-radius: 5px;
	border-radius: 3px;
	margin: 0 0 1.625em;
	padding: 1em;
	position: relative;
	width: 65%;
}
#respond input[type="text"], #respond textarea {
	background: #fff;
	border: 4px solid #eee;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	-moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
	position: relative;
	padding: 10px;
	text-indent: 80px;
}
#respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url, #respond .comment-form-comment {
	position: relative;
}
#respond .comment-form-author label, #respond .comment-form-email label, #respond .comment-form-url label, #respond .comment-form-comment label {
	background: #eee;
	-webkit-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	-moz-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
	color: #555;
	display: inline-block;
	font-size: 13px;
	left: 4px;
	min-width: 60px;
	padding: 4px 10px;
	position: relative;
	top: 40px;
	z-index: 1;
}
#respond input[type="text"]:focus, #respond textarea:focus {
	text-indent: 0;
	z-index: 1;
}
#respond textarea {
	resize: vertical;
	width: 95%;
}
#respond .comment-form-author .required, #respond .comment-form-email .required {
	color: #bd3500;
	font-size: 22px;
	font-weight: bold;
	left: 75%;
	position: absolute;
	top: 45px;
	z-index: 1;
}
#respond .comment-notes, #respond .logged-in-as {
	font-size: 13px;
}
#respond p {
	margin: 0px 0 10px;
}
#respond .form-submit {
	float: right;
	margin: -20px 40px 10px 0px;
}
#respond input#submit {
	background: #222;
	border: none;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	color: #eee;
	cursor: pointer;
	font-size: 15px;
	margin: 20px 0;
	padding: 5px 22px 5px 22px;
	position: relative;
	left: 30px;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}
#respond input#submit:active {
	background: #1982d1;
	color: #bfddf3;
}
#respond #cancel-comment-reply-link {
	color: #666;
	margin-left: 10px;
	text-decoration: none;
}
#respond .logged-in-as a:hover, #respond #cancel-comment-reply-link:hover {
	text-decoration: underline;
}
.commentlist #respond {
	margin: 1.625em 0 0;
	width: auto;
}
#reply-title {
	color: #373737;
	font-size: 20px;
	font-weight: bold;
	line-height: 26px;
}
#cancel-comment-reply-link {
	color: #888;
	display: block;
	font-size: 10px;
	font-weight: normal;
	line-height: 2.2em;
	letter-spacing: 0.05em;
	position: absolute;
	right: 1.625em;
	text-decoration: none;
	text-transform: uppercase;
	top: 1.1em;
}
#cancel-comment-reply-link:focus, #cancel-comment-reply-link:active, #cancel-comment-reply-link:hover {
	color: #ff4b33;
}
#respond label {
	line-height: 2.2em;
}
#respond input[type=text] {
	display: block;
	height: 24px;
	width: 75%;
}
#respond p {
	font-size: 12px;
}
p.comment-form-comment {
	margin: 0;
}
.form-allowed-tags {
	display: none;
}
/* =Footer

----------------------------------------------- */
.get-in-contact {
	clear:both;
	background-image:url(images/get-in-touch.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	padding:70px 20px;
	color:#FFF;
	text-align:center;
	font-weight:300;
	font-size:24px;
	line-height:34px;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3) inset;
}
.get-in-contact p {
	margin:0;
}
.get-in-contact .contact-title {
	 color: #FFF;
    font-family: "Open Sans",sans-serif;
    font-size: 32px;
    margin-bottom: 20px;
	text-transform:uppercase;
}

.get-in-contact a {
	color:#FFF;
	margin:0 10px;
	white-space:nowrap;

}
.get-in-contact img{
	vertical-align:middle;
	margin:0 3px;
}
@media screen and (max-width: 600px) {
	.get-in-contact {
		font-size:19px;
	}
}

#colophon {
	clear: both;
	background-color:#29ABE2;
	padding: 0 4.6% 60px;
	color:#FFF;
}
#colophon .widget {
	clear: both;
	margin: 0 0 1em;
	padding: 0;
	border: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
#supplementary {
	padding: 1.625em 0;
	overflow: hidden;
	width:100%;
	max-width:550px;
	margin:0 auto;
	text-align:center;
	color:#FFF;
}
#supplementary h3 {
	font-weight:300;
	font-size:16px;
	margin-top:0px;
	color:#FFF;
	text-transform:uppercase;
}
#supplementary a {
	color:#808080;
}
#supplementary a:hover, 
#supplementary a:active {
	color:#FFFFFF;
	text-decoration:none;
}
/*footer menus*/
#second.widget-area .widget_nav_menu {
	width:30%;
	margin-right:1.5%;
	margin-left:1.5%;
	/*border:1px solid #F63;*/
	float:left;
	text-align:left;
}
#second.widget-area .widget {
	clear:none;
	padding-bottom:10px;
}
#colophon .widget ul {
	margin:0px;
	text-align: left;
}
#second.widget-area .widget ul li {
	color: rgba(255,255,255,0.7);
	font-size: 14px;
	list-style:none;
	line-height:18px;
	margin-bottom:6px;
}
#second.widget-area a {
	color: rgba(255,255,255,0.7);
	font-weight:normal;
}
#second.widget-area .widget ul li.first {
	font-size:16px;
	text-transform:uppercase;
	letter-spacing:0.05em;
	margin-bottom:15px;
}
#second.widget-area .widget ul li.first a {
	font-weight:300;
	color: rgba(255,255,255,0.9);

}
.sub-footer {
	clear:both;
	text-align:center;
	color: rgba(255,255,255,0.7);
	font-size: 14px;
	font-weight:300;
	font-style:italic;
	padding-top:20px;
	padding-bottom:60px;
}
.sub-footer a {
	color: rgba(255,255,255,0.7);
	font-weight:normal;
}
#second.widget-area a:active, 
#second.widget-area a:hover, 
#second.widget-area .widget ul li.first a:active, 
#second.widget-area .widget ul li.first a:hover {
	color: #FFF;
	text-decoration: none;
}
@media (max-width: 400px) {
	#sub-footer a {
		display:block;
	}
}
/* =Responsive Structure

----------------------------------------------- */

@media (max-width: 1000px) {
	.home-about,
	.home-feeds {
		margin: 0 auto;
		max-width: 100%;
		padding-left:4.6%;
		padding-right:4.6%;
	}
}
@media (max-width: 970px) {
	#access ul {
		font-size: 13px;/*padding-left:245px;
		padding-right:1px;*/
	}
	#access a {
	/*padding:0 0.6em;*/
	}
	/*#page { border-top:2px solid red; }*/
	
	.news-item .entryCol {
		width:65%;
	}
	.leftCol-min-rf {
		width:17%;
		float:left;
	}
	.folio-col table {
		width:auto;
		min-width:200px;
	}
}
 @media (max-width: 800px) {
	/*#page { border-top:2px solid orange; }*/
	
	.news-item .entryCol {
		width:70%;
	}
	#access ul {
		font-size: 13px;
	}
	/* Simplify the basic layout */
	#main #content {
		margin: 0 4.6%;
		width: auto;
	}
	#nav-single {
		margin-right:0;
	}
	#nav-below {
		border-bottom: 1px solid #ddd;
		margin-bottom: 1.625em;
	}
	#main #secondary {
		float: none;
		margin: 0 4.6%;
		width: auto;
	}
	/* Simplify the showcase template */
	.page-template-showcase-php .featured-posts {
		min-height: 280px;
	}
	.featured-posts section.featured-post {
		height: auto;
	}
	.page-template-showcase-php section.recent-posts {
		float: none;
		margin: 0;
		width: 100%;
	}
	.page-template-showcase-php #main .widget-area {
		float: none;
		margin: 0;
		width: auto;
	}
	.page-template-showcase-php .other-recent-posts {
		border-bottom: 1px solid #ddd;
	}
	/* Simplify the showcase template when small feature */
	section.featured-post .attachment-small-feature, .one-column section.featured-post .attachment-small-feature {
		border: none;
		display: block;
		float: left;
		height: auto;
		margin: 0.625em auto 1.025em;
		max-width: 30%;
		position: static;
	}
	article.feature-image.small {
		float: right;
		margin: 0 0 1.625em;
		width: 64%;
	}
	.one-column article.feature-image.small .entry-summary {
		height: auto;
	}
	article.feature-image.small .entry-summary p a {
		left: 0;
		padding-left: 20px;
		padding-right: 20px;
		width: auto;
	}
	/* Remove the margin on singular articles */
	.singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title {
		width: 100%;
	}
	/* Simplify the pullquotes and pull styles */
	.singular blockquote.pull {
		margin: 0 0 1.625em;
	}
	.singular .pull.alignleft {
		margin: 0 1.625em 0 0;
	}
	.singular .pull.alignright {
		margin: 0 0 0 1.625em;
	}
	.singular .entry-meta .edit-link a {
		/*left: 0;
		position: absolute;
		top: 40px;*/
		clear:both;
		float:right;
	}
	.singular #author-info {
		margin: 2.2em -8.8% 0;
		padding: 20px 8.8%;
	}
	/* Make sure we have room for our comment avatars */
	.commentlist {
		width: 100%;
		margin:0px;
	}
	.commentlist > li.comment, .commentlist .pingback {
		margin-left: 102px;
		width: auto;
	}
	/* And a full-width comment form */
	#respond {
		width: auto;
	}
	/* No need to float footer widgets at this size */
	#colophon #supplementary .widget-area {
		float: none;
		margin-right: 0;
		width: auto;
	}
	/* No need to float 404 widgets at this size */
	.error404 #main .widget {
		float: none;
		margin-right: 0;
		width: auto;
	}
	/* Make sure embeds fit their containers */
	embed, object {
		max-width: 100%;
	}
	/*folio*/
	.foliogallery {
		float:none;
		margin-left:0px;
	}
	/*Home*/
		.home-about {
    	margin: 0 -4.7%;
	}
}
 @media (max-width: 650px) {
	/*#page { border-top:2px solid purple; }*/
	body, input, textarea {
		font-size: 15px;
	}
	#page {
		clear:both;
	}
	.news-item .entryCol {
		width:55%;
	}
	#site-title {
		margin-bottom: 20px;
	}

	#page, #content, #main {
		clear:both;
	}
	article.intro .entry-content {
		font-size: 12px;
	}
	.entry-title {
		font-size: 32px;
	}
	.featured-post .entry-title {
		font-size: 14px;
	}
	.singular .entry-title {
		font-size: 25px;
		line-height:30px;
	}
	.entry-meta {
		font-size: 12px;
	}
	blockquote {
		margin: 0;
	}
	blockquote.pull {
		font-size: 17px;
	}
	/* Reposition the site title and description slightly */
	#site-title {
	/*padding: 5.30625em 0 0;*/
	}
	/* Make sure the logo and search form don't collide */
	#branding #searchform {
		top: 1em !important; /*move above logo*/
	}
	/* Floated content doesn't work well at this size */
	.alignleft, .alignright {
		float: none;
		margin-left: 0;
		margin-right: 0;
	}
	/* Make sure the post-post navigation doesn't collide with anything */
	#nav-single {
		display: block;
	}
	.singular .hentry {
		padding: 0.2em 0 0;
	}
	.singular.page .hentry {
		padding: 0.2em 0 0;
	}
	/* Talking avatars take up too much room at this size */
	.commentlist > li.comment, .commentlist > li.pingback {
		margin-left: 0 !important;
	}
	.commentlist .avatar {
		background: transparent;
		display: block;
		padding: 0;
		position: static;
	}
	.commentlist .children .avatar {
		background: none;
		left: 2.2em;
		padding: 0;
		position: absolute;
		top: 2.2em;
	}
	/* Use the available space in the smaller comment form */
	#respond input[type="text"] {
		width: 95%;
	}
	#respond .comment-form-author .required, #respond .comment-form-email .required {
		left: 95%;
	}
	#content .gallery-columns-3 .gallery-item {
		width: 31%;
		padding-right: 2%;
	}
	#content .gallery-columns-3 .gallery-item img {
		width: 100%;
		height: auto;
	}
	/*STACK FLOATED COLUMNS*/
	.home-left-col, .home-right-col, .leftCol, .rightCol, div.wpcf7 .group1, div.wpcf7 .group2, .leftCol-min, .rightCol-max, .leftCol-50, .rightCol-50 {
		width:100%;
		float:none;
		clear:both;
	}
	.rightCol, .rightCol-50 .rightCol-max {
		margin-top:5px;
	}
	#page {
		margin: 0em auto 1em;
	}
	.folio-nav-above, .folio-nav-below {
		float:none;
		font-size:12px;
		text-align:left;
	}
	/*folio*/
	.foliogallery {
		width:490px;
		height:308px;
		float:none;
	}
	.foliogallery {
		width:490px;
		height:308px;
		float:none;
	}
	div#fi_slider {
		width:100%;
		max-width:490px;
		max-height:308px !important;
	}
	.ngg-items .ngg-item {
		width:270px;
	}
	.ngg-items img.Thumb {
		width:99%;
	}
	

	.home-feeds .widget {
    	float: none;
    	width: 100%;
	}
	
}
 @media (max-width: 480px) {
	/*#page { border-top:2px solid green; }*/
	#access {
		margin:0px;
	}
	#access ul a {
		padding:0 0.7em;
		line-height:2.9em;
	}
	.news-item .thumbCol {
		float:right;
		width:100px;
		margin:0px 0px 15px 15px;
	}
	.news-item .thumbCol img {
		width:100px;
	}
	.news-item .entryCol {
		float:none;
		margin:0px;
		width:100%;
	}
	.news-item .entry-header h2, .news-item .entry-meta {
		clear:none;
	}
	.entry-header .comments-link a {
		display:none;
	}
	#content .gallery-columns-2 .gallery-item {
		width: 45%;
		padding-right: 4%;
	}
	#content .gallery-columns-2 .gallery-item img {
		width: 100%;
		height: auto;
	}
	.folio-nav-above {
		padding-top: 1px;
	}
	/*Folio item page (480px)*/
	.foliogallery {
		width:350px;
		height:220px;
		float:none;
	}
	.foliogallery {
		width:350px;
		height:220px;
		float:none;
	}
	div#fi_slider {
		width:100%;
		max-width:350;
		max-height:220px !important;
	}
	.nivo_slider_controlNavText .nivo-controlNav {
		bottom: -25px !important;
		left: 0;
	}
	/*.nivoSlider,
	.nivo-slice{
		background-color:#EEE !important;
		background-size:100% 100% !important;  Resizes to fit!
	}*/
	#primary {
		float:none;
		margin:0px;
	}
	.ngg-items .ngg-item {
		width:282px;
	}
	.ngg-items img.Thumb {
		width:99%;
	}
	/*Home*/
	
.home-about .entry-content li a {
	font-size:12px;
}
}
 @media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	body {
		padding: 0;
	}
	#page {
		margin-top: 0;
	}
	#branding {
		border-top: none;
	}
}
 @media (max-width: 450px) {
	div#fi_slider {
		width:390px !important;
		height:245px !important;
	}
}
 @media (max-device-width: 400px) {
	/*Folio item page (Under - 400px)*/
	.foliogallery {
		width:295px;
		height:185.5px;
		float:none;
	}
	.foliogallery {
		width:295px;
		height:185.5px;
		float:none;
	}
	div#fi_slider {
		width:100%;
		max-width:295px;
		max-height:185.5px !important;
	}
}

/* =Print

----------------------------------------------- */

@media print {
	body {
		background: none !important;
		font-size: 10pt;
	}
	footer.entry-meta a[rel=bookmark]:link:after, footer.entry-meta a[rel=bookmark]:visited:after {
		content: " [" attr(href) "] "; /* Show URLs */
	}
	#page {
		clear: both !important;
		display: block !important;
		float: none !important;
		max-width: 100%;
		position: relative !important;
	}
	#branding {
		border-top: none !important;
		padding: 0;
	}
	#branding hgroup {
		margin: 0;
	}
	#site-title a {
		font-size: 21pt;
	}
	#site-description {
		font-size: 10pt;
	}
	#branding #searchform {
		display: none;
	}
	#branding img {
		display: none;
	}
	#access {
		display: none;
	}
	#main {
		border-top: none;
		box-shadow: none;
		clear:both;
	}
	#primary {
		clear:both;
		float: left;
		margin: 0;
		width: 100%;
	}
	#content {
		margin: 0;
		width: auto;
	}
	.singular #content {
		margin: 0;
		width: 100%;
	}
	.singular .entry-header .entry-meta {
		position: static;
	}
	.entry-meta .edit-link a {
		display: none;
	}
	#content nav {
		display: none;
	}
	.singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title {
		margin: 0;
		width: 100%;
	}
	.singular .hentry {
		padding: 0;
	}
	.entry-title, .singular .entry-title {
		font-size: 21pt;
	}
	.entry-meta {
		font-size: 10pt;
	}
	.entry-header .comments-link {
		display: none;
	}
	.page-link {
		display: none;
	}
	.singular #author-info {
		background: none;
		border-bottom: none;
		border-top: none;
		margin: 2.2em 0 0;
		padding: 0;
	}
	#respond {
		display: none;
	}
	.widget-area {
		display: none;
	}
	#colophon {
		display: none;
	}
	/* Comments */
	.commentlist > li.comment {
		background: none;
		border: 1px solid #ddd;
		-moz-border-radius: 3px 3px 3px 3px;
		border-radius: 3px 3px 3px 3px;
		margin: 0 auto 1.625em;
		padding: 1.625em;
		position: relative;
		width: auto;
	}
	.commentlist .avatar {
		height: 39px;
		left: 2.2em;
		top: 2.2em;
		width: 39px;
	}
	.commentlist li.comment .comment-meta {
		line-height: 1.625em;
		margin-left: 50px;
	}
	.commentlist li.comment .fn {
		display: block;
	}
	.commentlist li.comment .comment-content {
		margin: 1.625em 0 0;
	}
	.commentlist .comment-edit-link {
		display: none;
	}
	.commentlist > li::before, .commentlist > li.bypostauthor::before {
		content: '';
	}
	.commentlist .reply {
		display: none;
	}
	/* Post author highlighting */
	.commentlist > li.bypostauthor {
		color: #444;
	}
	.commentlist > li.bypostauthor .comment-meta {
		color: #666;
	}
	.commentlist > li.bypostauthor:before {
		content: none;
	}
	/* Post Author threaded comments */
	.commentlist .children > li.bypostauthor {
		background: #fff;
		border-color: #ddd;
	}
	.commentlist .children > li.bypostauthor > article, .commentlist .children > li.bypostauthor > article .comment-meta {
		color: #666;
	}
}

/* SLIDESHOW */
#sq-carousel{
	width:100%;
	min-width:240px;
	max-width: 1040px;
	min-height: 293px; 
	margin:0px;
	overflow:hidden;
	padding-bottom:5px;
	margin-bottom:1px;
	
}
#sq-carousel .banners{
	position:relative;
	padding:0px 0px 0px 5px;
	
}
#sq-carousel .banner_1,
#sq-carousel .banner_2,
#sq-carousel .banner_3,
#sq-carousel .banner_4,
#sq-carousel .banner_5 {
	position:absolute;
	top:0px;
	left:0px;
	overflow: hidden; 
	width:100%;
}
#sq-carousel .banner_2,
#sq-carousel .banner_3,
#sq-carousel .banner_4,
#sq-carousel .banner_5 {
	visibility:hidden;
}
.banner-wrap {
	height:100%;
}
#sq-carousel .photo {
	float:right;
	/*padding:8px;
	width:50%;*/
	padding:0px;
	width:60%;
	text-align:right;
}
#sq-carousel img.banner-img {
	width:100%;
	max-width:540px;
	height:auto;
	box-shadow:none;
	display:block;
	line-height:0;
	margin: 0 auto;
}

#sq-carousel .text {
	/*width:45%;*/
	width:36%;
	padding:8px 16px;
}


#sq-carousel h1.slide-title{
	font-size:25px;
	line-height:28px;
	font-weight:400;
	font-family: 'Open Sans', sans-serif;
	clear:none;
	padding:25px 0px 0px;
	color:#005E9D;
	margin-bottom:5px;
}
#sq-carousel h2,
#sq-carousel h2.slide-sub-title{
	font-size:20px;
	line-height:25px;
	font-family: 'Open Sans', sans-serif;
	clear:none;
	padding:0px 10px 5px 0px;
	margin-bottom:5px;
}
.no-fontface #sq-carousel h1.slide-title,
.no-fontface h2.slide-sub-title {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}
#sq-carousel p{
	margin:0px 0px 12px;
	font-size:14px;
	padding:0px;
}
#sq-carousel a.more-link {
	color:#FFF;
	background-color:#31AEE4;
	border-radius: 5px;
	padding:5px 10px;
	white-space:nowrap;
	text-transform:uppercase;
	letter-spacing:0.75px;
	font-family: 'Open Sans', sans-serif;
	margin-right:5px;
}
#sq-carousel a.more-link:hover,
#sq-carousel a.more-link:active {
	background-color:#005E9D;
}
#caroNav {
	z-index:100;
	bottom:35px;
	left:15px;
	position:relative;
	overflow:hidden;
	height:30px;
	width:130px;
}
#caroNav ul { 
	height:20px;
	width:130px;
	margin:0px; 
	padding:0px;
	list-style:none;
}
#caroNav li {
	cursor:pointer;
	list-style:none;
	float:left;
	padding:5px;
	font-size:24px;
	line-height:24px;
	margin:0px 2px 0px 0px;
	color:#999;
}
#caroNav li:hover {
	color:#06C;
}
#caroNav li.current {
	color:#09C;
	cursor:default;
}

/*AS the picture gets smaller */
@media (max-width: 970px) {	
	#sq-carousel{	min-height: 280px; }
}
@media (max-width: 800px) {	
	#sq-carousel{	min-height: 280px; }
	#sq-carousel h1.slide-title { padding-top:5px; font-size:22px; } 
	#sq-carousel h2.slide-sub-title { font-size:18px; }
	
	#sq-carousel .text {   width: 30%;}
	#sq-carousel .photo {  width: 65%;}
}
/*When home page loses sidebar */
@media (max-width: 640px) {	
	#sq-carousel{	min-height: 280px; }
	#sq-carousel h1.slide-title { font-size:18px; line-height:22px; padding-bottom:1px; } 
	#sq-carousel h2.slide-sub-title { font-size:15px;  padding-bottom:1px; line-height:20px;}
	#sq-carousel p{	margin-bottom:5px; }
	#sq-carousel h2 { font-size:15px;  padding-bottom:1px; line-height:20px;}
	#sq-carousel .text {   width: 35%;}
	#sq-carousel .photo {  width: 60%; margin-top:40px;}

}

/*Standard phone width }*/
@media (max-width: 480px) {	
	#sq-carousel { min-height:400px; }
	#sq-carousel .photo { float:none; width:95%;  margin:0px auto; padding-bottom:3px;}
	#sq-carousel .photo img.banner-img {}
	#sq-carousel .text { float:none; width:95%; padding-top:1px; padding-left:8px; margin:0px auto 5px; }
	#sq-carousel h1.slide-title { padding-top:1px;  } 
	#sq-carousel p{	margin-top:5px; }
	#sq-carousel .text a { font-size:12px; }
}

/* Safari hacks

-----------------------------------------------*/

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#access {
		left:4.6%;
	}
	#access ul {
		margin: 0;
	}
	/*Font bold bug
	
	#access a, .entry-title {
		font-weight:normal;
	}*/
}

/*NGG quick fix*/
.ngg-breadcrumbs {
	display:none;
}