/*
	Theme Name: The Padawan
	Description: Theme designed and built specifically for Artist family of businesses.
	Version: 2.0
	Author: James Alexander
	License: Restricted
*/
/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */
button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{margin:0}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}

* {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

/*Normilize Placeholders*/
::-webkit-input-placeholder {
    color: #888;
    font-weight: 400;
	opacity: 1;
}
:-ms-input-placeholder, {
    color: #888 !important;
    font-weight: 400 !important;
}
.js_placeholder {
    color: #888 !important;
    font-weight: 400 !important; 
 }
::-ms-input-placeholder {
    color: #888;
    font-weight: 400;
	opacity: 1;
}
::placeholder {
    color: #888;
    font-weight: 400;
	opacity: 1;
}
*, :focus, :hover {
    outline: 0!important;
}
*, :after, :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
/*Typography and Basic Styling*/

html, body {
 min-height: 100%;
 width: 100%;
 margin: 0;
 padding: 0;
}
html {
    font-size: 100%;
    line-height: 1.4;
    font-weight: 400;
    color: #393939;
	height: 100%;
}
body {
	background: #fff;
	font-size: 100%;
	line-height: 1.5em;
	font-family: Helvetica, Arial, sans-serif;
	min-width: 18.75em;
	position: relative;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}
#page_content, .blog-content {
	min-height: 73%;
	flex: 1;
}
p {
    margin-top: 1.05rem;
}
a {
	color: #666;
	text-decoration: none;
}
textarea {
	font-family: inherit;
}
h1, h2, h3, h4, h5, h6 {
	display: block;
	font-family: Open Sans, sans-serif;
}
h1 {
	font-size: 2rem;
    line-height: 1.15;
	font-weight: 600;
}
h2 {
	font-size: 1.75rem;
	line-height: 1.15;
	font-weight: normal;
}
h3 {
	font-size: 1.25rem;
    line-height: 1.1;
}
a {
	outline: none;
	color: #21759b;
	text-decoration: none;
}
a:hover {
	color: #0f3647;
}
b, strong {
	font-weight: 700;
}
em {
    font-style: italic;
}
.underline {
	text-decoration: underline;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}
.clearboth {
	clear: both;
}
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
	height: 0;	
}
.clearfix:after {
	clear: both;
}
.clearfix {
	*zoom: 1;
}
img {
display: block;
max-width: 100%;
height: auto;
}
figure.hascaption img, figcaption {
	display: table-row;
	vertical-align: bottom;
}
figcaption {
	display: table-caption;
	caption-side: bottom ;	
}
.hascaption {
	display: table !important;
	margin: 1em auto;
}
blockquote {
	position: relative;
	margin: 2rem 0;
	padding: 0 4rem;
}
blockquote:before {
	z-index: -999;
	position: absolute;
	top: -1.5rem;
	left: 0.25rem;
	content: url("/wp-content/themes/padawan/images/quote.svg");
}
blockquote .author {
	text-align: right;
	color: #7e7e7e;
	font-size: 1.125rem;
}

/*Structural Classes*/
.inner {
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
	max-width: 73rem;	  /* 1168px */
}
.intro_content, .site-header .inner, #services .content_wrap, #testimonialbox .inner, #page_content .inner, #services, #service_features .inner {
	width: 95%;
	margin: 0 auto;
}
.site-header .inner {
	padding-top: .5em;
	padding-bottom: 1.25em;
}
.blog-content article.sticky {
    margin-bottom: 1.25rem;
	border-bottom: 4px double #111;
}
article.sticky .featured-post {
    border-bottom: 1px solid #529C15;
	margin-bottom: 20px;
    color: #372E2E;
    font-size: 25px;
    font-size: 1.785714285714286rem;
    line-height: 1.8;
    text-align: center;
}
}
/* class for 2 columns */
.columns-2 .column {
	width: 47.5%; /* this value + 2.5 should = 50% */
}
/* class for 3 columns */
.columns-3 .column {
	width: 30.83%; /* this value + 2.5 should = 33% */
}
/* class for 4 columns */
.columns-4 .column {
	width: 22.5%; /* this value + 2.5 should = 25% */
}
.column {
	margin: 0 0 2.5% 2.5%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.gallery-caption {}
.bypostauthor {}
.aligncenter {}

/* Header */
header .inner {
	position: relative;
	overflow: visible;
	text-align: center;
}
#logo {
	margin: 0.75rem 0 0.375rem;
	font-size: 0;
}
#logo .logo_img {
	display: inline-block;
	margin: 0 0.75rem -9px 0px;
	width: 6.5625rem;
}
#logo a img {
	display: block;
	max-width: 100%;
	height: auto;
	transition: opacity 0.1s ease-out 0s;
}
#logo a img:hover {
	opacity: 0.92;
}
#logo .company_name {
		display: inline-block;
		font-size: 2.1875rem;
		font-weight: 600;
		line-height: 1.2;
		text-align: left;
		margin: 0;
		vertical-align: baseline;
	}

#logo .company_name a {
	color: #343434;
}

#cta li{
	list-style-type: none;
	display: inline-block;
}
#cta li + li::before {
    content: " · ";
    color: #333;
    display: inline-block;
    font-size: 110%;
    margin: 0 0.4em 0 0.4em;
}
#cta a {
	color: #555;
}
/* Navigation Menu */
.main-navigation  {
	margin: 0;
	text-align: center;
	font-family: Open Sans, sans-serif;
	text-transform: uppercase;
}
.main-navigation ul {
	margin: 0;
	padding: 0;
}
.main-navigation li {
	display: inline-block;
	font-size: 1rem;
	font-size: 1.125em;
}
.main-navigation li + li::before {
	content: " · ";
	color: #333;
	display: inline-block;
	font-size: 110%;
	margin: 0 0.5em 0 0.5em;
	margin: 0 10px 0 10px;
}
.main-navigation li a {
	color: #222;
	text-decoration: none;
	transition: all ease 0.1s;
}
.main-navigation li a > .active > a, ..main-navigation li a > .active > a:hover, .main-navigation li a > .active > a:focus {
	color: #D50E25;
	border-bottom: 2px;
	border-style: solid;
}
.main-navigation li a:hover {
	color: #999;
	transition: all ease 0.2s;
}
.main-navigation .current-menu-item a, .main-navigation .current-menu-item a:hover {
	color: #b1100c;
}
.menu-toggle {
		display: none;
	}

/* Page and Blog Design */
.pageline {
	background: #f2f2f2;
	font-family: Open Sans, sans-serif;
	padding: 1.0714em 0;
	line-height: 1.5;
	margin-bottom: 1.25em;
}
.pageline {
	font-size: 1.5rem;
	text-align: center;
}
.pageline .page-title {
	font-size: 1em;
	font-weight: 600;
	margin: 0;
}
.pageline span {
	font-size: 0.75em;
	display: block;
	margin-top: 0.5em;
}
#motto_section {
	font-size: 1rem;
}	
	
/*Pagination*/
.pagination, .nav-single {
	padding: 1.428571428571429rem 0 0 0;
	padding: 20px 0;
	position: relative;
	font-size: 13px;
	line-height: 13px;
	clear: both;
}
.pagination span, .pagination a {
	display: inline-block;
	margin: 2px 2px 2px 0;
	border: 1px solid #d6d6d6;
	padding: 8px 11px 7px 11px;
	text-decoration: none;
	width: auto;
	color: #555;
}
.pagination span.current {
	background: #F0F0F0;
}

/* Footer */
#footer {
	background: none;
	color: #fff;
	font-size: 1rem;
	line-height: 1.7;
	width: 100%;
}
.footer-bottom {
	background: #ffffff;
	color: #333;
	padding: 0.5em 0;
	letter-spacing: 1px;
	padding: .5em 0;
}
#footer h2 {
	font-size: 2rem;
	margin: 0.875em 0 0.625em;
}
#footer .widget-area, .copyright, #legal_links {
	text-align: center;
}
.widget-area .textwidget {
	margin: 0 auto;
}
#footer ul {
	list-style:none;
	padding: 0;
	margin: 0;
}
#footer  li {
	margin: 0;
	padding: 0;
}
.footermenu  li a {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}
#social-footer a {
	text-decoration: none;
	display: inline-block;
	font-size: 0px;
	width: 48px;
	height: 48px;
	margin-right: 0.75rem;
}
#social-footer .instagram {
	background: url("images/social-icons-ci.png") no-repeat -129px 0px;
}
#social-footer .yelp {
	background: url("images/social-icons-ci.png") no-repeat -258px -129px;
}
#social-footer .facebook {
	background: url("images/social-icons-ci.png") no-repeat 0px 0px;
}
#footer .textwidget {
	display: table;
	margin-bottom: 12px;
}
#footer .info {
	display: table-cell;
	vertical-align: middle;
	padding-left: 12px;
}
#footer .phone .icon {
	width: 25px;
	height: 25px;
	display: table-cell;
	background: url("images/icon-set-white.png") no-repeat -77px 0;
	padding-right: 7px;
}
#footer .loc .icon {
	width: 25px;
	height: 25px;
	display: table-cell;
	background: url("images/icon-set-white.png") no-repeat -37px 0;
	padding-right: 7px;
}	
#footer .hours .icon {
	width: 25px;
	height: 25px;
	display: table-cell;
	background: url("images/icon-set-white.png") no-repeat -157px 0;
	padding-right: 7px;
	}
#footer.front_footer {
	background: #fff;
	color: #343434;
}
.hours_column {
	padding-left: 10px;
}
.front_footer #social-footer .instagram {
	background: url("images/social-icons-bw.png") no-repeat -194px 0px;
}
.front_footer #social-footer .yelp {
	background: url("images/social-icons-bw.png") no-repeat -258px -129px;
}
.front_footer #social-footer .facebook {
	background: url("images/social-icons-bw.png") no-repeat 0px 0px;
}
.footer-contact {
	display:none;
}
.front_footer .footermenu  li a {
	color: #343434;
}
.front_footer .footer-bottom {
	border-top: 1px solid #ccc;
}
#footer.front_footer .hours .icon {
	background: url("images/icon-set-black.png") no-repeat -157px 0;
}
#footer.front_footer .loc .icon {
	background: url("images/icon-set-black.png") no-repeat -37px 0;
}	
#footer.front_footer .footer_link {
	color: #333;
	text-decoration: none;
}
#footer a:hover {
	-webkit-filter: grayscale(60%);
	filter: grayscale(60%);
	opacity: 0.8;
	transition: opacity ease 0.4s;
	text-decoration: none;
}
#footer .footer-bottom a, #footer .footer-bottom .copyright {
	color: #333;
}
/*Content*/
.entry-header .entry-title {
	margin: 0.75em 0 0.5em;
	border-left: 0.15625em solid #b1100c;
	padding-left: 0.15625em;
	line-height: 1.2;
	font-size: 1.75rem;
	font-weight: normal;
}
.entry-header .entry-title a {
	text-decoration: none;
	color: #000;
	word-wrap: break-word;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
}
.post-meta {
	font-size: 0.875rem;
	font-family: verdana, helvetica, arial, sans-serif;
	border-bottom: 1px dotted #F0F0F0;
	border-top: 1px dotted #F0F0F0;
	margin: 0.357143em 0;
}
.post-date, .post-category a {
	color: #5F5F5F;
	text-decoration: none;
}
.read_more_wrap {
	border-top: 1px dotted #d6d6d6;
	border-bottom: 1px dotted #d6d6d6;
	padding: 7px 0;
    margin-top: 25px;
}
a.readmore {
	text-decoration: none;
	padding: 0.25em 0.375em;
	color: #372E2E;
	display: inline-block;
	font-weight: bold;
	border-radius: 0.1325em;
	margin: 0.75em 0;
}
a.readmore:hover {
	opacity: 0.9;
}
.color {
	color: #b1100c;
}
.thumbnail a {
	display: inline-block;
	margin: 5px 12px 5px 0;
	position: relative;
	text-decoration: none;
}
.thumbnail a img {
	margin: 0;
	border-radius: 2px;
}
.thumbnail a:before {
	opacity: 0;
	position: absolute;
	border-radius: 2px;
	content: '';
	display: block;
	height: 150px;
	width: 150px;
	box-shadow: inset 0 0 6px rgba(0,0,0,0.9), 0px 0px 0px 1px #2da0c5, inset 0px 0px 3px 0px rgba(0,0,0,0.3), 0 0 2px rgba(0,0,0,0.25);
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.9), 0px 0px 0px 1px #2da0c5, inset 0px 0px 3px 0px rgba(0,0,0,0.3), 0 0 2px rgba(0,0,0,0.25);
	-moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.9), 0px 0px 0px 1px #2da0c5, inset 0px 0px 3px 0px rgba(0,0,0,0.3), 0 0 2px rgba(0,0,0,0.25);
	box-shadow: inset 0 0 6px rgba(0,0,0,0.9), 0px 0px 0px 1px #2da0c5, inset 0px 0px 3px 0px rgba(0,0,0,0.3), 0 0 2px rgba(0,0,0,0.25);
	background: -moz-linear-gradient(left bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 34%, rgba(255,255,255,0.3) 35%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(left bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 34%,rgba(255,255,255,0.3) 35%,rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(left bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 34%,rgba(255,255,255,0.3) 35%,rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(left bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 34%,rgba(255,255,255,0.3) 35%,rgba(255,255,255,0) 100%);
	background: linear-gradient(left bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 34%,rgba(255,255,255,0.3) 35%,rgba(255,255,255,0) 100%);
	-webkit-transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
}
.thumbnail a:after {
	opacity: 0;
	font-weight: bold;
	position: absolute;
	top: 58px;
	left: 15%;
	display: block;
	content: 'Read More';
	color: #fff;
	background: rgba(0,0,0,0.55);
	padding: 6px 12px;
	border-radius: 15px;
	-webkit-transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
}
.thumbnail a:hover:after {
    opacity: 1;
}
.thumbnail a:hover:before {
    opacity: 0.3;
}
.project_post {
	display: block;
	background: #FFF;
	width: 300px;
	margin: 18px 0 18px 44px;
	position: relative;
	min-height: 130px;
}
.project_post .thumbnail {
	line-height: 0;
	margin: 0;
}
.project_post img.wp-post-image {
	max-width: 100%;
	height: auto;
	margin: 0;
}
.project_description {
	width: 100%;
	position: absolute;
	color: #000;
    bottom: 40px;
	padding: 10px;
	background: #fff;
	opacity: 0.75;
}
.project-section header {
	padding: 15px 18px;
}
.project-content h3 {
	margin: 11px 0 4px;
	padding: 0 8px;
	line-height: 20px;
	font-size: 19px;
}
.portfolio_content a:before  {
	opacity: 0;
	position: absolute;
	border: 1px solid #eee;
	content: '';
	display: block;
	height: 300px;
	width: 300px;
	background: -moz-linear-gradient(left bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 34%, rgba(255,255,255,0.3) 35%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(left bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 34%,rgba(255,255,255,0.3) 35%,rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(left bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 34%,rgba(255,255,255,0.3) 35%,rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(left bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 34%,rgba(255,255,255,0.3) 35%,rgba(255,255,255,0) 100%);
	background: linear-gradient(left bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 34%,rgba(255,255,255,0.3) 35%,rgba(255,255,255,0) 100%);
	-webkit-transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
}
.portfolio_content a:hover:before {
	opacity: 0.3;
}
.portfolio_content a:after {
	opacity: 0;
	font-weight: bold;
	position: absolute;
	top: 35%;
	left: 35%;
	display: block;
	content: 'View';
	color: #000;
	background: #fff;
	padding: 10px 26px;
	border-radius: 15px;
	-webkit-transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
}
.portfolio_content a:hover:after {
	opacity: 0.8;
	transition: opacity .4s ease-in-out;
	transition-delay: .05s;
}

/*Widgets*/
.widget ul {
	list-style: none;
	padding: 0;
}
.widget li {
	border-bottom: 1px solid #F0F0F0;
	margin: 0;
	padding: 0.3571428571428571rem 0;
}
.widget ul a {
	text-decoration: none;
	color: #222;
}
/* Wordpress Comment Box*/
.comments-area ul {
	list-style: none;
	padding-inline-start: 40px;
}
.comment-list .comment-body {
	position: relative;
	border: 1px dotted #d6d6d6;
	border-radius: 10px;
	padding: 18px 40px;
}
.depth-2 ul {
	padding-inline-start: 0;
}
.comments-area {
	margin-bottom: 20px;
}
.comments-title {
	border-top: 1px dotted #d6d6d6;
	border-bottom: 1px dotted #d6d6d6;
	padding: 7px 0;
	margin-top: 25px;
}
.comments-area p {
	margin: 0;
}
.comment-list, .comment-list ol   {
	list-style: none;
	margin: 0;
}
.comment-list article, .comment-list .pingback, .comment-list .trackback {
	padding: 1.6842em 0;
}
.comment-meta {
	position: relative;
}
.comment-metadata a, .pingback .edit-link a {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
}
.comment-author {
	color: #5a5a5a;
	font-family: 'Lato', serif;
	font-size: 19px;
}
.comment-metadata { 
display:none; 
}
.comment-content p {
	margin: 1em 0;
}
.comment-author .avatar {
	float: left;
	border-radius: 50%;
	height: 56px;
	margin-right: 1.6842em;
	top: 3px;
	width: 56px;
	position: absolute;
	float: none;
	left: -29px;
    top: 27px;
}
.comment-date {
	font-size: 0.6875em;
	color: #929292;
	margin-left: .5em;
}
.comment_field input, .comment_field label {
	float: left;
	margin: 1em 0;
	line-height: 1;
}
.comment_field label input {
	margin: 0;
	cursor: pointer;
}
.comment-form-subscriptions {
	padding: 7px;
}
.comment_field #author {
	margin-right: 1.5em;
}
.comments-area .form-submit {
	clear: both;
}
.comment-list .reply a {
	padding: 0.4375em 0.875em;
	border: 1px solid #d6d6d6;
	color: #5a5a5a;
	display: inline-block;
	font-family: "Lato", sans-serif;
	font-weight: 700;
	line-height: 1;
	padding: 0.4167em 0.8333em;
}
.comment-list .reply a:hover, .comment-list .reply a:focus {
	border-color: #8c8c8c;
	color: #8c8c8c;
	outline: 0;
}
.comment_field {
	margin:0;
}
.comment_field input, .comment_field textarea {
	color: #3f4549;
	cursor: text;
	padding: 7px 5px;
	font-size: 14px;
	font-family: "Helvetica Neue",arial,sans-serif;
	transition: all .15s ease-in-out;
	border: 1px dotted #d6d6d6;
	border-radius: 4px;
}
.comment_field textarea {
width: 98.5%;
}
.form-submit input {
	border: none;
	background: #778289;
	background: rgba(29,47,58,.6);
	display: inline-block;
	padding: 10px 16px;
	color: #fff;
	line-height: 1.1;
	border-radius: 3px;
	font-weight: 500;
	transition: background .2s;
	margin-top: 7px;
	margin-bottom: 2em;
}
.wp-caption img {
	max-width: 100%;
	height: auto;
}
.wp-caption,
.wp-caption-text {
max-width: 97.5%;
height: auto;
width: auto9; /* ie8 */
}

/*Front Page*/
.feature_2col {
	margin: 2em 0;
}
.feature_2col .col_1 {
	width: 50%;
	float: left;
}
.feature_2col .col_2 {
	width: 50%;
	float: right;
}
.feature_2col .feature_image.col_2 {
	padding-left: 3em;
}
.feature_2col .feature_image.col_1 {
	padding-right: 3em;
}
.feature_image img {
    border: 0;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
}
.feature_text {
	padding-top: 3em;
}
.section-heading {
	text-align: center;
	margin: 30px 0;
	font-size: 40px;
	font-family: open sans, sans-serif;
	font-weight: normal;
}
.front_section {
	font-size: 18px;
}
#services h2 {
	font-size: 0.5em;
	text-align: center;
	color: #888;
}
#promise .tricep{
	background: #fff;
	border: 1px solid #eee;
}
.section-heading
.service_feature {
	margin-bottom: 2rem;
}
.service_feature > span {
	display: inline-block;
	vertical-align: middle;
}
.service_feature .icon {
	width: 75px;
	margin-right: 2rem;
}
.service_feature .text {
	font-size: 1.563em;
	width: calc( 100% - 80px - 2rem);
}
.service_heading {
	text-align: center;
}
.service {
	margin-bottom: 25px;
}
.service_wrapper {
	padding: 0;
}
.service img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}
.service .eye:hover {
	border-color: #5983af;
background-color: #5983af;
color: #fff;
}
.service .eye {
    border: 1px solid #d3d3d3;
    border-radius: 50%;
    display: block;
    height: 88px;
    margin: 35px auto 0;
    width: 88px;
	position: relative;
}
.service .eye svg {
	fill: #3e3e3e;
left: 0;
margin-top: -11px;
position: absolute;
top: 50%;
width: 100%;
}
.service .learn {
    border: 1px solid #d3d3d3;
    display: block;
    height: 88px;
    border-radius: 50%;
	padding: 7px;
	text-align: center;
    margin: 35px auto 35px;
    width: 88px;
	position: relative;
}
.service .learn span {
	left: 0;
margin-top: -11px;
position: absolute;
top: 50%;
width: 100%;
}
.triceps, #services {
 margin-bottom: -25px;
}
.tricep {
	margin-bottom: 25px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 1.625em 1.625em 1em 1.625em;
	padding: 26px 26px 16px 26px;
}
.tricep p {
	margin: 0;
}
	
.tricep .child {
}
.triceps h3 {
	text-align: center;
	font-size: 26px;
	font-weight: normal;
	margin-top: 0;
}
.bx-wrapper ul {
	margin: 0;
}

.front-wrapper {
    margin-right: 332px;
    margin-right: 20.75em;
}
.front-wrapper .headline {
	font-size: 32px;
	text-align: center;
	margin: 0px 0 9px;
}
.front-wrapper .tagline {
	font-size: 22px;
	color: #000;
	display: inline-block;
	max-width: 550px;
	margin: 0 15px 16px;
}
.red {
	color: #E6531F;
}

.bullets {
	padding: 0;
	margin: 0;
}

.bullets li {
	list-style: none;
	background: url("images/bullet.gif") no-repeat 2px 0;
	padding: 0 0 0 27px;
	padding: 0 0 0 1.875em;
}
#sidebar {
	overflow: hidden;
}
.cfwrap {
	color: #FFFFFF;
	padding-top: 18px;
	background: rgb(246, 246, 246);
	background: -ms-linear-gradient(90deg, rgb(255, 255, 255), rgb(233,237,235) 72%);
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.93), rgba(233,237,235, 0.9));
	text-align: center;
}
.contactform {
	padding: 0 25px 5px 25px;
	padding: 0 1.5625em 0.3125em 1.5625em;
}
.cfwrap h2 {
	background: #5983af;
	color: #ffffff;
	text-align: center;
	margin: 0;
	font-family: helvetica, sans-serif;
	font-size: 23px;
	font-size: 1.4375em;
	padding: 8px 0;
	padding: 0.347826086956em 0;
}
.contactform .inputwrap {
	margin: 12px 0;
	margin: 0.75em 0;
}
.contactform .cf_submit {
	margin: 18px 0;
	margin: 1.125em;
}
.contactform  form .form_field {
	height: 34px;
}
.contactform  form .form_field, .contactform  form textarea {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	color: #000;
	font-size: 13px;
	font-size: 0.8125em;
	line-height: 22px;
	padding: 0 4px;
	padding: 0 0.3076923076923077em;
	width: 100%;
}
.form-message {
	color: #E6531F;
	font-weight: bold;
	line-height: 1.3;
	margin: 8px 0 0px;
}
#maincontactform #phone, #maincontactform #zip, #sidebarcontactform #phone, #sidebarcontactform #zip {
	width: 45%;
	float: left;
}
#maincontactform #zip, #sidebarcontactform #zip {
	width: 45%;
	float: right;
}
#maincontactform  form input[type="submit"], #sidebarcontactform  form input[type="submit"]{
	background: rgb(252, 224, 73);
	background: -ms-linear-gradient(90deg, rgb(252, 224, 73) 30%, rgb(250, 195, 37) 86%);
	background: linear-gradient(180deg, rgb(252, 224, 73) 30%, rgb(250, 195, 37) 86%);
	padding: 8px 0;
	padding: 0.29629629629629em 0;
	cursor: pointer;
	color: #000;
	font-weight: bold;
	border: 0;
	font-size: 27px;
	font-size: 1.6875em;
	border-radius: 6px;
	border-radius: 0.2222222222222em;
	font-family: droid sans, arial, sans serif;
	font-style: italic;
	display: block;
	width: 100%;
}
#maincontactform  form input[type="submit"]:hover, #sidebarcontactform  form input[type="submit"]:hover {
	background: rgb(252, 224, 73);
	background: -ms-linear-gradient(90deg, rgb(252, 224, 73) 18%, rgb(250, 195, 37) 38%);
	background: linear-gradient(180deg, rgb(252, 224, 73) 18%, rgb(250, 195, 37) 38%);
}
.guarantee {
	display: none;
}
#faq dt {
	background: #91C287;
	padding: 0.52631578947em 1.578947368421053em;
	padding: 10px 30px;
	margin-bottom: 10px;
	margin-bottom: 0.5263157894736842em;
	color: #FDFBE2;
	font-size: 19px;
	font-size: 1.1875em;
	border-radius: 5px;
	cursor:pointer;
	background-image:url('images/open.png');
	background-position:left;
	background-repeat:no-repeat;
}
#faq dd {
	margin-bottom: 10px;
	margin-bottom: 0.5263157894736842em;
}
.answer {
	display:none;
}
#faq dt .close {
	background-image:url('images/close.png');
}
#pics {
	text-align: center;
	margin: 10px 0 0;
	margin: 0.625em 0 0;
}
#badges {
	background: #F3F3F3;
	background-color: rgba(243,243,243, 0.60);
	padding: 15px 0;
	margin-bottom: 26px;
}
#badges .inner {
	max-width: 600px;
}
#badges .wrapper {
	margin-left: -2.5%; /* matches child left margin */
	font-size: 0px;
}
#badges .badge_container {
	display: inline-block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	vertical-align: middle;
	text-align: center;
	margin-bottom: 0;
}
#badges .badge_container .badge {
		max-width: 100%;
		height: auto;
}
#badges .badge_container.single {
	display: block;
}
.badge_intro {
	text-align: center;
	font-size: 25px;
	margin: 8px 0 15px 0;
	font-family: Open Sans, sans-serif;
}
img.fluid {
	width: 100%;
	display: block;
	height: auto;
	border: 0;
}
#footer_cta {
	font-size: 1.25rem;
	background: #f4f4f4;
	color: #292929;
	text-align: center;
	padding: 6rem 0;
	display: flex;
	justify-content: center;
	font-family: Open Sans, serif;
}
#footer_cta h2 {
	font-size: 4rem;
	margin: .5em 0;
	font-weight: 600;
}
#footer_cta .cellbttn {
	font-size: 2rem;
	letter-spacing: 1px;
	color: #cc4848;
}
/*Services Page*/
.service_tile p{
	line-height: 1.7;
}
.service_tile h3{
	margin-bottom: 0.400em;
	font-size: 18px;
	text-align: center;
	margin-top: 0;
}
.service_tile {
	float: left;
	width: 33.333333%;
	padding-right: 15px;
    padding-left: 15px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	color: #454545;
	font-family: lato;
	margin: 20px 0;
}
.service_tile img {
	border: 0;
	vertical-align: middle;
	max-width: 100%;
	height: auto;
}
.service_tile .tile_content {
	padding: 14px 14px 4px;
	background: #f6f6f6;
	min-height: 160px;
}
.checkNumbers {
    margin-left: 120px;
    margin-bottom: -18px;
    margin-top: -13px;
    background: url("images/check.png") 0 no-repeat;
    width: 359px;
    height: 90px;
}
/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/
.bxslider {
	padding: 0;
}
.bx-wrapper .bx-viewport {
	left: -5px;
	background: #fff;
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */
figcaption {
	background: #eee;
	font-size: 12px;
	padding: 5px 10px;
}
.hascaption .aligncenter {
	margin: 0 auto;
}
.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

/*Media Queries*/
@media screen and (min-width: 480px) {

	#footer .widget-area {
		width: 48.4%;
		float: left;
		height: auto !important;
		margin-left: 3.2%;
		text-align: center;
		min-height: 1px;
		position: relative;
	}
	#footer .widget-area:first-child {
	margin-left: 0;
	}
	#footer .widget-area:last-child {
	clear: both;
	margin: 0 auto;
	width: 100%;
	text-align: center;
	}
	#legal_links li{
		display: inline-block;
	}
	#legal_links li + li::before {
		content: " | ";
		color: #333;
		display: inline-block;
		font-size: 110%;
		margin: 0 0.5em 0 0.5em;
		margin: 0 10px 0 10px;
	}
}
@media screen and (min-width: 750px) {
	#logo {
		float: left;
	}
	#cta {
		float: right;
	}
	header .main-navigation  {
		text-align: left;
	}
	#testimonialbox figure, #testimonialbox blockquote {
		margin: 0 48px;
		margin: 0 3em;
	}
	#footer .widget-area {
		width: 31.2%;
		float: left;
		height: auto !important;
		margin-left: 3.2%;
		min-height: 1px;
		position: relative;
		text-align: left;
	}
	#footer .widget-area:first-child {
	margin-left: 0;
	}
	#footer .widget-area:last-child {
	clear: none;
	width: 31.2%;
	text-align: left;
	margin-left: 3.2%;
	}
	.widget-area .textwidget.loc, .widget-area .textwidget.hours {
	margin: 0;
}
}

@media screen and (min-width: 580px) and (max-width: 869px){
	.triceps {
		clear: both;
		margin: 0 auto;
	}
	.tricep {
		width: 48%;
		float: left;
		margin: 0 1%;
		margin-bottom: 2%;
		min-height: 255px;
	}
	.colleft {
		float: left;
		width: 45%;
	}
	.colright {
		float: right;
		width: 50%;
	}
	.service_wrapper {
		padding: 0 2rem;
	}

}

@media screen and (min-width: 870px){
	.inner {
		width: 95%;
	}
	.intro_content, #motto_section .tagline_inner, .site-header .inner, #services .content_wrap, #testimonialbox .inner, #page_content .inner, #service_features .inner {
		width: 100%;
	}
	#legal_links {
		float:right;
	}
	.s-wrapper {
		margin-top: 25px;
	}
	.triceps {
		clear: both;
		margin: 0 auto;
	}
	.tricep {
		width: 32%;
		float: left;
		margin-left: 2%;
		min-height: 255px;
	}
	.tricep:nth-child(3n+1) {
		margin-left: 0;
	}
	.tricep_full {
		width: 33.3333%;
		float: left;
		min-height: 255px;
	}
	.service_wrapper {
		padding: 0 4rem;
	}
	.bullets {
		float: left;
	}
	.bicep {
		width: 50%;
		float: left;
	}
	.bicep .content_wrap {
			padding-left: 10%;
			margin-top: 5%;
			max-width: calc(400px + 17.7%);
	}
	#services h3 {
		font-weight: normal;
		font-size: 30px;
	}
	.main-navigation  {
		margin: 0;
		padding: 10px 0;
	}
	.tagline {
		font-size: 14px;
	}
	#motto_section, #page_header {
		font-size: 1.75rem;
	}
	#motto_section h1 {
		font-size: 1.75rem;
		font-weight: normal;
		line-height: 1.5;
		margin: 0;
	}
	#bg_wrapper {
		background: url(images/bg.jpg) no-repeat 0 -770px; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		width: 100%;
}
	#intro {
		margin-right: -332px;
		margin-right: -20.75em;
		padding-bottom: 25px;
		width: 100%;
	}
	.intro_content {
		background: #fff;
		padding: 10px 15px;
		width: 50%;
		float: left;
		margin-top: 28px;
	}
	.blog-content, .archive-content, .post-content, .page-content {
		width: 100%;
		margin-right: -332px;
		margin-right: -20.75em;
		float: left;
	}
	#sidebar .widget {
		width: 300px;
		width: 18.75em;
		margin-left: 16px;
		margin-left: 2em;
		float: right;
	}
	.blog-content article, .front-div, .post-content article, .page-content article {
		margin-right: 332px;
		margin-right: 20.75em;
		margin-bottom: 2em;
	}
	.main-navigation {
		display: block;
	}
	.cfwrap {
		width: 285px;
		width: 17.8125em;
	}
	.copyright {
		display: inline-block;
		text-align: left;
	}
	.footer-contact {
		display: block;
		float: right;
	}
}


@media screen and (min-width: 1768px) {
	.tagline {
	}

}

@media screen and (min-width: 300px) {
	.portfolio_content {
		width: 300px;
		margin: 0 auto;
		margin-top: 24px;
	}
	.project_post {
		margin: 18px 0 18px 0;
	}
	
}
@media screen and (min-width: 644px) and (max-width: 1039px) {
	.portfolio_content {
		width: 644px;
	}
	.project_post {
		float: left;
		margin: 18px 0 18px 44px;
	}
	.project_post:nth-child(2n+1) {
    clear: left;
    margin-left: 0;
	}
}
@media screen and (min-width: 1040px) {
	.portfolio_content {
		width: 100%;
	}
	.project_post {
		float: left;
		margin: 18px 0 18px 44px;
	}
	.project_post:nth-child(3n+1) {
    clear: left;
    margin-left: 0;
	}
	.wood_content {
		width: 100%;
	}
	.wood-post {
		float: left;
		margin: 0 0 18px 44px;
	}
	.wood-post:nth-child(3n+1) {
    clear: left;
    margin-left: 0;
	}
}
#design-menu {
	margin: 0;
	padding: 0;
	text-align: center;
	width: 100%;
}
#design-menu ul {
/*narrow	width: 95%;
	margin: 0 auto;
	max-width: 61.75em;*/
	list-style: none;
	padding: 10px 0;
	background: #f9f9f9;
}
#design-menu ul.sticky {
	position: fixed;
	z-index: 10000;
	top: 0;
	/*wide	width: 95%;*/
	width: 100%;
	margin: 0;
}
#design-menu ul li {
	display: inline-block;
	font-size: 16px;
	font-size: 1.125em;
}
#design-menu ul li a {
	display: inline-block;
	color: #222;
	text-decoration: none;
	transition: all ease 0.1s;
}
#design-menu li + li::before {
	content: "●";
	color: #333;
	display: inline-block;
	font-size: 110%;
	margin: 0 0.5em 0 0.5em;
	margin: 0 25px 0 25px;
}
#design-menu li a > .active > a, #design-menu li a > .active > a:hover, #design-menu li a > .active > a:focus {
	color: #D50E25;
	border-bottom: 2px;
	border-style: solid;
}
#design-menu li a:hover {
	color: #999;
	transition: all ease 0.2s;
}
.stain-intro {
	font-size: 15px;
	color: #222;
	font-family: Open Sans, sans-serif;
}
.stain-collection, .design-section{
	font-family: Open Sans, sans-serif;
	color: #555;
	font-size: 16px;
	padding: 10px 0px;
}
.design-section h1 {
	color: #b1100c;
	text-align: center;
	font-family: lato, sans-serif;
	font-weight: 300;
}
.page-id-801 .col-full {
	width: 100%;
	max-width: none;
}
.band {
	background: #F9F8F8;
}
.stain-collection h3, .design-section h3 {
	font-size: 26px;
	font-family: lato, sans-serif;
	font-weight: 300;
}
.design-section h4 {
	font-family: lato, sans-serif;
	font-weight: 300;
	margin: 5px 0;
}
.stain-collection ul, #patterns, #corners {
	font-size: 0;
	list-style: none;
	padding: 0;
}
.stain-color {
	display: inline-block;
	margin-bottom: 8px;
	width: calc(50% - 4px);
	margin-right: 8px;
	overflow: hidden;
	font-size: 14px;
	color: #aaa;
}
.stain-caption, .pattern_caption {
	font-family: Lato;
	color: #111;
}

.stain-img, .pattern_img {
	border: none;
	max-width: 100%;
	height: auto;
	display: block;
	background: #fff;
	transition: transform .2s ease-in-out;
}
.pattern_img {
	background: #fff;
}
.duraseal .stain-img {
	max-width: 85%;
}
img.stain-img:hover {
  transform: scale(1.15);
}
li.stain-color:nth-of-type(2n) {
  margin-right: 0;
}
.wood-post {
	background: #FFF;
	width: 300px;
	margin: 0 0 18px 44px;
	position: relative;
	min-height: 130px;
}
.wood-post .thumbnail {
	margin: 0;
}
.wood-thumb img {
	max-width: 100%;
	height: auto;
	
}

.wood-section header {
	padding: 15px 18px;
}
.wood-content h3 {
	margin: 11px 0 4px;
	padding: 0 8px;
	line-height: 20px;
	font-size: 19px;
}
.wood-content {
	width: 100%;
	position: absolute;
	color: #000;
    bottom: 0px;
	padding: 8px;
	background: #fff;
	opacity: 0.65;
}
.wood-post .thumbnail {
	line-height: 0;
}
.wood-post a:before 
	opacity: 0;
	position: absolute;
	border: 1px solid #eee;
	content: '';
	display: block;
	height: 300px;
	width: 300px;
	background: -moz-linear-gradient(left bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 34%, rgba(255,255,255,0.3) 35%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(left bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 34%,rgba(255,255,255,0.3) 35%,rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(left bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 34%,rgba(255,255,255,0.3) 35%,rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(left bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 34%,rgba(255,255,255,0.3) 35%,rgba(255,255,255,0) 100%);
	background: linear-gradient(left bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 34%,rgba(255,255,255,0.3) 35%,rgba(255,255,255,0) 100%);
	-webkit-transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
}
.wood-post a:hover:before {
	opacity: 0.3;
}
.wood-post a:after {
	opacity: 0;
	font-weight: bold;
	position: absolute;
	top: 42%;
	left: 35%;
	display: block;
	content: 'View';
	color: #000;
	background: #fff;
	padding: 15px 26px;
	border-radius: 15px;
	-webkit-transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
}
.wood-post a:hover:after {
	opacity: 0.8;
	transition: opacity .4s ease-in-out;
	transition-delay: .05s;
}
@media screen and (min-width: 50em) {
li.stain-color {
    width: calc(25% - 6px);
  }

li.stain-color:nth-of-type(2n) {
    margin-right: 8px;
  }

li.stain-color:nth-of-type(4n) {
    margin-right: 0;
  }
}

/* class for 2 columns */
.columns-2 .column {
	width: 47.5%; /* this value + 2.5 should = 50% */
}
/* class for 3 columns */
.columns-3 .column {
	width: 30.83%; /* this value + 2.5 should = 33% */
}
/* class for 4 columns */
.columns-4 .column {
	width: 22.5%; /* this value + 2.5 should = 25% */
}
.column {
	margin: 0 0 2.5% 2.5%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
/*Gallery*/
.gallery-item a img {
	display: block;
	-webkit-transition: -webkit-filter 0.2s ease-in;
	transition: -webkit-filter 0.2s ease-in;
	transition: filter 0.2s ease-in;
	transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.gallery-item a:hover img,
.gallery-item a:focus img {
	-webkit-filter: opacity(60%);
	filter: opacity(60%);
}
/*--------------------------------------------------------------
16.1 Galleries
--------------------------------------------------------------*/
.gallery:after {content:"";display:table;clear:both;}

img.aligncenter, div.aligncenter, figure.aligncenter, img.wp-post-image {display:block; margin:1em auto;}
img.alignright, div.alignright, figure.alignright {float:right; margin:1em 0 1em 2em;}
img.alignleft, div.alignleft, figure.alignleft, img.wp-post-image.attachment-thumb {float:left; margin:1em 1em 2em 0;}
figure {max-width: 100%; height: auto; margin:1em 0;}
p img.alignright, p img.alignleft {margin-top:0;}


.gallery figure img {max-width:100%; height:auto; margin:0 auto; display:block;filter: opacity(100%);}


.gallery figure {float:left; margin:0 2% 1em 0;}


.gallery.gallery-columns-1 figure {width:100%; margin:0 0 1em 0; float:none;}


.gallery.gallery-columns-3 figure {width:32%;}
.gallery.gallery-columns-3 figure:nth-of-type(3n+3) {margin-right:0;}
.gallery.gallery-columns-3 figure:nth-of-type(3n+4) {clear:left;}


.gallery.gallery-columns-2 figure {width:49%;}
.gallery.gallery-columns-2 figure:nth-of-type(even) {margin-right:0;}
.gallery.gallery-columns-2 figure:nth-of-type(odd) {clear:left;}


.gallery.gallery-columns-4 figure {width:23.25%;}
.gallery.gallery-columns-4 figure:nth-of-type(4n+4) {margin-right:0;}
.gallery.gallery-columns-4 figure:nth-of-type(4n+5) {clear:left;}


.gallery.gallery-columns-5 figure {width:18%;}
.gallery.gallery-columns-5 figure:nth-of-type(5n+5) {margin-right:0;}
.gallery.gallery-columns-5 figure:nth-of-type(5n+6) {clear:left;}


.gallery.gallery-columns-6 figure {width:14.2%;}
.gallery.gallery-columns-6 figure:nth-of-type(6n+6) {margin-right:0;}
.gallery.gallery-columns-6 figure:nth-of-type(6n+7) {clear:left;}


.gallery.gallery-columns-7 figure {width:12%;}
.gallery.gallery-columns-7 figure:nth-of-type(7n+7) {margin-right:0;}
.gallery.gallery-columns-7 figure:nth-of-type(7n+8) {clear:left;}


.gallery.gallery-columns-8 figure {width:10.2%;}
.gallery.gallery-columns-8 figure:nth-of-type(8n+8) {margin-right:0;}
.gallery.gallery-columns-8 figure:nth-of-type(8n+9) {clear:left;}


.gallery.gallery-columns-9 figure {width:8.85%;}
.gallery.gallery-columns-9 figure:nth-of-type(9n+9) {margin-right:0;}
.gallery.gallery-columns-9 figure:nth-of-type(9n+10) {clear:left;}


@media (max-width:767px) {
	img.alignright, div.alignright, figure.alignright, img.alignleft, div.alignleft, figure.alignleft, img.wp-post-image.attachment-thumb {display:block; margin:1em auto; float:none;}
	.gallery.gallery-columns-4 figure, .gallery.gallery-columns-5 figure, .gallery.gallery-columns-6 figure, .gallery.gallery-columns-7 figure, .gallery.gallery-columns-8 figure, .gallery.gallery-columns-9 figure {width:100%; margin:0 0 1em 0; float:none;}
}
.entry-content .gallery {
	margin: 0 !important;
}

/*Contact Page*/
.contact input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #94a7c1;
    opacity: 1; /* Firefox */
}
.contact .pageline {
	padding: 3em 0 1.5em;
}
.contact .pageline .page-title {
	font-size: 3.25em;
	text-transform: uppercase;
	margin-bottom: 2.5rem;
	text-align: left;
	margin-left: -.08em;
}
.contact .pageline span{
	font-size: 1em;
	text-align: left;
	font-family: lato;
}
.contact form.message_form {
	padding-bottom: 4em;
}
.contact form.message_form h3 {
	color: #505050;
    font-size: 2em;
    font-weight: 700;
    line-height: 2em;
    margin-bottom: 0.5em;
}

.contact form.message_form textarea {
	font-size: 1.25em;
    font-weight: 300;
	color: #212d50;
    letter-spacing: .08rem;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    resize: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    padding: 0;
    margin-bottom: 2rem;
    height: 20rem;
    background-color: transparent;
}
.bottom-row {
	border: 1px solid #dfe5ed;
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.bottom-row div {
	position: relative;
	width: 100%;
	min-height: 1px;
}
.email_wrapper {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 58.33333%;
	-ms-flex: 0 0 58.33333%;
	flex: 0 0 58.33333%;
	max-width: 58.33333%;
}
.submit_wrapper {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 41.66667%;
	-ms-flex: 0 0 41.66667%;
	flex: 0 0 41.66667%;
	max-width: 41.66667%;
	background-image: url("images/plane-flying.svg");
    background-size: 0;
    background-size: 0;
    position: relative;
}
.contact input {
	text-align: left;
	font-size: 1.05em;
	display: block;
    width: 100%;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    padding: 1.25em 1.5em;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    background-color: transparent;
	height: 100%;
}
.submit_wrapper input {
	font-size: 1.2em;
	text-align: center;
    font-weight: 500;
    color: #5f7ca9;
    cursor: pointer;
	border-left: 1px solid #dfe5ed;
}

.submit_wrapper:before {
    content: "";
    position: absolute;
    left: calc(50% - 6.6rem);
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
	width: 2.25em;
	height: 1.5em;
    background-image: url("images/plane.svg");
    background-size: 0;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    z-index: 1;
}
.submit_wrapper:focus:before, .submit_wrapper:hover:before {
    background-image: url("images/plane-flying.svg");
}
.contact .submit_wrapper:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    height: 0;
    background-color: #6D8CA1;
    -webkit-transition: all .15s cubic-bezier(.67,.52,0,0);
    transition: all .15s cubic-bezier(.67,.52,0,0);
    z-index: -1;
}
.submit_wrapper:focus:after, .submit_wrapper:hover:after {
    -webkit-transition: all .2s cubic-bezier(.67,.52,0,1);
    transition: all .2s cubic-bezier(.67,.52,0,1);
    height: 100%;
}
.contact .submit_wrapper:focus input, .contact .submit_wrapper:hover input {
    color: #fff;
}
.ytp-share-button {
	display: none !important;
}

/*LearnPress */
.thim-course-grid .course-item .thim-course-content .course-meta>div.course-price .value.free-course, .widget-area .thim-course-list-sidebar .course-price .value.free-course, .thim-course-list .course-item .thim-course-content .course-price .value.free-course, .thim-course-megamenu .course-price .value.free-course, body .learn-press .course-payment .course-price .value.free-course, .learn-press .thim-course-landing-button .course-price .value.free-course {
display: none;
}
.lp-course-progress-heading {
	margin-top: 0;
}
ul.learn-press-courses .course h3.course-title {
    font-size: 1.4em;
    padding: 0;
    font-weight: 600;
}
.course-info {
	display: none;
}
.learnpress #learn-press-profile-header {
	background: none;
}
.learnpress li.orders, .learnpress li.dashboard, .learnpress li.courses, #learn-press-profile-nav .tabs > li:hover:not(.active) ul.profile-tab-sections, #profile-content-courses .lp-tab-sections, #learn-press-profile-nav .tabs > li.active.courses ul {
	display:none;
}
.learnpress a {
	color: #333;
}
.learnpress #learn-press-profile-header {
	width: 200px;
}
.learnpress #learn-press-profile-header .lp-profile-avatar {
	position: static;
	margin: 0 auto;
	padding: 5% 0;
	border-bottom: 1px solid #e9e9e9;
}
.learnpress #learn-press-profile-header .lp-profile-avatar img {
	display:block;
	margin: 0 auto;
	margin-bottom: 10px;
	border-radius: 50%;
}
.learnpress .lp-user-profile .profile-name {
	position: static;
}
.learnpress #learn-press-profile-header {
	height: auto;
}
.learnpress #learn-press-profile-nav {
	padding-top: 0;
}
.course-nav-tab-instructor {
	display: none;
}
.archive article {
	width: 100%;
	margin: 0;
}
.archive .course-thumbnail img:before {
    opacity: 0;
    position: absolute;
    border: 1px solid #eee;
    content: '';
    display: block;
    height: 420px;
    width: 230px;
    background: -moz-linear-gradient(left bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 34%, rgba(255,255,255,0.3) 35%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(left bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 34%,rgba(255,255,255,0.3) 35%,rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 34%,rgba(255,255,255,0.3) 35%,rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(left bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 34%,rgba(255,255,255,0.3) 35%,rgba(255,255,255,0) 100%);
    background: linear-gradient(left bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 34%,rgba(255,255,255,0.3) 35%,rgba(255,255,255,0) 100%);
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}

.archive .course-thumbnail img {
	height: 230px;
}
.archive .course-thumbnail img:hover:before {
	opacity: 0.3;
}
.archive .course-thumbnail img:hover:after {
	opacity: 0.8;
	transition: opacity .4s ease-in-out;
	transition-delay: 0s;
	transition-delay: .05s;
}
.archive .course-thumbnail img:after {
    opacity: 0;
    font-weight: bold;
    position: absolute;
    top: 35%;
    left: 35%;
    display: block;
    content: 'View';
    color: #000;
    background: #fff;
    padding: 10px 26px;
    border-radius: 15px;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}
.archive .course-thumbnail p, .archive .course-thumbnail img.wp-post-image {
	margin: 0;
}
.course-permalink {
	display: block;
	padding: 20px 20px;
	border-bottom: 1px solid #eee;
	transition: background-color .4s ease-in-out;
}
.archive a:last-child {
	border-bottom: 0;
}
.learn-press-breadcrumb a:first-child {
	display: none;
}
.course-permalink:hover {
	background-color: #f4f4f4;
	transition: background-color .2s ease-in-out;
}
li p .course-permalink {
	display: none;
}
.progress_bar p, .items-progress {
	display: none;
}
.archive .learn-press-course-results-progress .course-progress {
	margin: 0;
}
.archive .course-description, .archive .progress_bar, .archive .course-title, .archive .course-thumbnail {
	float: none;
	width: auto;
}
.archive .learn-press-course-results-progress .course-progress {
	float: none;
	width: auto;
}
.archive .learn-press-course-results-progress {
	margin: 0;
}
@media screen and (min-width: 860px) {
	.archive .course-description, .archive .progress_bar {
		float: right;
		width: calc(100% - 467px);
	}
	.archive .course-thumbnail {
		float: left;
		min-width: 420px;
		position: relative;
	}
	.archive .course-title {
		float: none;
		width: calc(100% - 467px);
	}
}
.archive ul.learn-press-courses .course {
	width: 100%;
}
.lp_course .course-curriculum ul.curriculum-sections .section-header {
		border: 0;
		margin-bottom: 1.75rem;
}
.lp_course .course-curriculum ul.curriculum-sections .section-content .course-item .course-item-meta .duration {
	background-color: #02b3e4;
}
.lp_course .course-curriculum ul.curriculum-sections .section-header .section-title {
	font-size: 1.5rem;
}
.lp_course .course-curriculum ul.curriculum-sections .section-content {
	margin-left: 0.25rem;
}
.lp_course .course-curriculum ul.curriculum-sections .section-content .course-item{
	padding-left: 3rem;
	min-height: 13.5rem;
	list-style: none;
	width: 100%;
	position: relative;
	border: 0;
	border-left: 1px solid #dbe2e8;
	padding-left: 1.5rem;
	min-height: auto;
	padding-bottom: 0;
}
.lp_course .course-curriculum ul.curriculum-sections .section-content .course-item a:hover {
	color: #028bb1;
}
.lp_course .course-curriculum ul.curriculum-sections .section-content .course-item a {
	position: relative;
	bottom: 1.4rem;
	font-size: 1.125rem;
	line-height: 2rem;
}
.lp_course .course-curriculum ul.curriculum-sections .section-content .course-item::after {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: .5rem;
	height: .5rem;
	border-radius: 50%;
	background-color: #02b3e4;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.lp_course .course-curriculum ul.curriculum-sections .section-content .course-item.course-item-lp_lesson .section-item-link::before {
	display: none;
}
.learnpress #learn-press-user-profile:after {
	display: none;
}
#learn-press-user-profile {
	float: left;
}
.learnpress #learn-press-profile-content {
	margin-top: 0;
}
.learnpress .lp-list-table thead tr th {
    background: #f4f4f4;
	color: #343434;
}
.learnpress button {
	border: none;
	-webkit-appearance: button;
	cursor: pointer;
	background: #778289;
	background: rgba(29,47,58,.6);
	display: inline-block;
	padding: 10px 16px;
	color: #fff;
	line-height: 1.1;
	border-radius: 3px;
	font-weight: 500;
	transition: background .2s;
	margin-top: 7px;
	margin-bottom: 2em;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1rem;
}
.learnpress button:hover {
	background: rgba(29, 47, 58, 0.75);
}
.learnpress .lp-avatar-preview .profile-picture {
	margin-top: 0;
}
.learnpress .lp-tab-sections .section-tab {
	border: 1px solid #e9e9e9;
	border-top-left-radius: 10px;
	margin-right: 5px;
}
.learnpress .lp-tab-sections .section-tab:hover {
	background: #f8f8f8;
}
.learnpress .lp-tab-sections {
		background: none;
}
.learnpress #learn-press-profile-nav::before, .learnpress #learn-press-profile-nav, .learnpress #learn-press-profile-nav .tabs > li.active ul, .learnpress #learn-press-profile-nav .tabs > li:hover:not(.active) > a {
	background: none;
}
.learnpress #learn-press-profile-nav .tabs > li.active > a {
	background: none;
}
.learnpress #learn-press-profile-nav .tabs > li ul li.active a, .learnpress #learn-press-profile-nav .tabs > li:hover:not(.active) > a {
	color: inherit;
}
.learnpress #learn-press-profile-nav .tabs > li a:hover, .learnpress #learn-press-profile-nav .tabs > li:hover:not(.active) > a {
	color: #888;
}
.learnpress #learn-press-profile-nav .tabs > li ul li.active a, .learnpress #learn-press-profile-nav .tabs > li.active > a {
border-left: 2px solid #00adff !important;
}
.learnpress #learn-press-profile-nav .tabs > li.has-child > a {
	border: 0;
}
.learnpress #learn-press-profile-nav .tabs > li ul li.active a {
	padding-left: 18px;
}
.learnpress #learn-press-profile-nav .tabs > li.active ul {
		padding-top: 0;
}
.learnpress #learn-press-user-profile {
	border: 1px solid #e9e9e9;
	border-radius: 5px;
}
.learnpress form .form-fields .form-field textarea, .learnpress .learn-press-form .form-fields .form-field input[type="text"], .learnpress select, .learnpress .learn-press-form .form-fields .form-field input[type="password"] {
	border: 1px solid #e9e9e9;
	border-radius: 5px;	
}
.learnpress select {
		padding: 5px 8px;
}
.learnpress .lp-profile-cover {
	margin-bottom: 5px;
}
.course-remaining-time {
	display: none;
}

.fp-context-menu, .flowplayer .fp-context-menu.fp-active {
	display: none !important;
}

.content-item-wrap ul li {
	margin: 1em 0;
}
.lp-sub-menu {
	display: none;
}