/*
Theme Name:     The Handyman Theme
Theme URI:
Description:    My Child theme
Author:
Author URI:
Template:       twentysixteen
Version:        1
*/

@import url('../twentysixteen/style.css');

body:not( .custom-background-image )::before,
body:not( .custom-background-image )::after {
	height: 0;
	position: relative;
}

body {
	font-family: catamaran;
	font-size: 1.6rem;
	/* background: url(images/bg-main.jpg) repeat-x; */
	/* color: #323232; */
	background-color: white;
}

a {
	color: #cd0024;
	text-decoration: none;
}

.entry-content a,
.entry-summary a,
.taxonomy-description a,
.logged-in-as a,
.comment-content a,
.pingback .comment-body > a,
.textwidget a,
.entry-footer a:hover,
.site-info a:hover {
	box-shadow: 0 0 0 0 currentcolor;
}

p {
	margin: 0 0 28px;
	line-height: 34px;
}

.site {
	margin: 0;
	background: transparent;
}

.site-inner {
	margin: 0 auto;
	width: 100%;
	max-width: none;
	position: relative;
}

.site-header {
	padding: 0 0%;
	/* height: 198px; */
}

.site-branding {
	margin: 0 auto;
	/* float: left; */
	width: 100%;
	max-width: 1152px;
}

.site-header-main {
	/* display: block; */
}

.logo-mob {
	display: none;
}

.site-header-menu {
	margin-top: 10px;
	margin-bottom: 1.75em;
}

.site-header-menu {
	display: table;
	margin: 0;
	width: auto;
	float: left;
}

.main-navigation {
	font-family: catamaran;
}

.main-navigation ul {
	float: left;
}

.primary-menu {
	min-width: 696px;
	list-style: none;
	/* padding-top: 9px; */
	width: 100%;
}

#social {
	float: right;
	text-align: right;
	/* width: 18%; */
	margin: 0;
	clear: none;
}

#social a {
	float: left;
	width: 45px;
	height: 45px;
}

#social a.fb {
	background: url(images/fb.jpg) no-repeat;
}

#social a.instag {
	background: url(images/instag.jpg) no-repeat;
}

#social a.yelp {
	background: url(images/yelp.jpg) no-repeat;
}

#social a.ang {
	background: url(images/angies.jpg) no-repeat;
}

.site-footer .primary-menu {
	min-width: 15px;
}

.primary-menu li {
	display: inline;
}

.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a {
	font-weight: normal;
}

.main-navigation a {
	color: #ffffff;
	padding: 0.5525em 0.975em;
	text-transform: uppercase;
	font-size: 1.2rem;
	font-weight: 400;
}

.main-navigation li.current_page_item,
.main-navigation li:hover {
	background: #cd0024;
}

.main-navigation li.current_page_item a {
	font-weight: 400;
}

.header-logos {
	float: right;
	margin-top: 14px;
	text-align: center;
}

.header-logos a img {
	height: 100px !important;
}

.header-logos p {
	text-align: right;
	margin: 0;
}

.menu-bar {
	width: 100%;
	background-color: #264391;
	padding: 10px 5%;
}

.site-content {
	padding: 0;
}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
	color: #ffffff;
	font-weight: 400;
}

.content-area {
	float: left;
	margin-right: 0;
	width: 100%;
	padding-top: 60px;
}

body.home .content-area {
	text-align: center;
	padding-top: 0;
}

.entry-content h1,
.entry-summary h1,
.comment-content h1 {
	font-size: 33px;
	font-size: 1.8rem;
	line-height: 1.2727272727;
}

body:not( .search-results ) article:not( .type-page ) .entry-content {
	float: left;
	width: 100%;
}

body:not( .search-results ) article:not( .type-page ) .entry-footer {
	float: left;
	margin-top: 2em;
	/* width: 29%; */
	clear: left;
}

body.single .content-area,
body.blog .content-area,
body.category .content-area,
body.archive .content-area {
	float: left;
	margin-right: 0;
	width: 70%;
	padding-top: 60px;
}

.sidebar {
	float: left;
	margin-top: 25px;
	margin-left: 0;
	padding: 0;
	width: 23%;
}

h1 {
	line-height: 0.5;
	text-align: center;
	color: #cd0024;
	text-transform: uppercase;
	font-weight: bold;
}

h1 span {
	display: inline-block;
	position: relative;
}

h1 span::before,
h1 span::after {
	content: '';
	position: absolute;
	height: 2px;
	border-bottom: 0 solid #c8c8c8;
	border-top: 1px solid #c8c8c8;
	top: 50%;
	width: 100%;
}

h1 span::before {
	right: 100%;
	margin-right: 15px;
}

h1 span::after {
	left: 100%;
	margin-left: 15px;
}

.home-slider {
	width: 100%;
	max-width: 1437px;
	margin-left: -148px;
	float: left;
	z-index: 99999;
	position: relative;
}

.main-image {
	width: 1437px;
	margin-left: -15.5%;
	float: left;
	z-index: 99999;
	position: relative;
}

.attachment-post-thumbnails.size-post-thumbnails.wp-post-image {
	max-width: 1437px;
	width: 1437px;
}

body.home .site-main {
	text-align: center;
}

.site-main {
	margin-bottom: 50px;
}

.home-image {
	float: left;
	margin: 60px 62px;
	width: 30%;
}

.home-col {
	float: left;
	width: 32%;
	max-width: 300px;
	font-size: 18pt;
	line-height: 24pt;
	text-align: center;
	margin-bottom: 35px;
}

.home-col a {
	font-weight: bold;
}

.post-thumbnail {
	width: 1437px;
	margin-left: -170px;
	float: left;
}

.post-thumbnail img {
	display: block;
	width: 100%;
}

body.home .site-content {
	padding: 0;
}

.site-content {
	padding: 0;
	width: 100%;
	max-width: 1100px;
	margin: auto;
}

.two-col {
	float: left;
	width: 50%;
}

.three-col {
	float: left;
	width: 19.26%;
}

.one-col {
	max-width: 850px;
	width: 70%;
	margin: auto;
}

.one-col p {
	margin-bottom: 12px;
	line-height: 24pt;
}

.contact-details {
	float: left;
	width: 30%;
	background: #f5f5f5;
	padding: 36px 32px 10px;
	box-sizing: border-box;
	font-size: 17pt;
	line-height: 22pt;
}

.contact-details p {
	margin-bottom: 20px;
}

.contact-details a {
	color: #505050;
}

.blue-text {
	color: #23408f;
}

.two-col ul li {
	list-style: none;
	color: #295396;
}

.entry-title {
	font-family: catamaran;
	font-size: 28px;
	font-size: 1.75rem;
	font-weight: 600;
	line-height: 1.25;
	margin-bottom: 1em;
	text-align: left;
}

a.blue-link,
.ui-widget-content a.blue-link {
	color: #23408f;
}

.btn-home,
.entry-content h3.btn-home {
	float: left;
	max-width: 300px;
	width: 100%;
	border-radius: 5px;
	color: #ffffff;
	padding: 0;
	font-size: 18pt;
	margin-top: 208px;
	line-height: 38pt;
	margin-bottom: 30px;
	text-align: center;
	font-family: catamaran;
}

.blue {
	background: #23408f;
}

.red {
	background: #cd0024;
}

.btn-red-content,
button,
button[disabled]:hover,
button[disabled]:focus,
input[type = 'button'],
input[type = 'button'][disabled]:hover,
input[type = 'button'][disabled]:focus,
input[type = 'reset'],
input[type = 'reset'][disabled]:hover,
input[type = 'reset'][disabled]:focus,
input[type = 'submit'],
input[type = 'submit'][disabled]:hover,
input[type = 'submit'][disabled]:focus {
	background: #cd0024;
	color: #ffffff;
	clear: both;
	float: left;
	padding: 6px 20px;
	border-radius: 4px;
}

.btn-blue-content {
	background: #23408f;
	color: #ffffff;
	clear: both;
	float: left;
	padding: 6px 20px;
	border-radius: 4px;
	margin-bottom: 25px;
	min-width: 298px;
}

.btn-blue-content:hover {
	color: #000000;
}

.btn-red-content:hover {
	color: #000000;
}

.vfb-submit,
input.vfb-submit[type = 'submit'] {
	font-size: 1.6em;
	font-weight: normal;
	padding: 14px;
}

#vfb-form-1 {
	float: left;
	width: 70%;
}

#contact-1 {
	max-width: 430px;
	margin-top: 0;
}

.visual-form-builder fieldset {
	clear: both;
	margin: 0;
	padding: 0;
	border: 0 solid #d3d3d3;
	border-radius: 3px;
	background-color: transparent;
}

.vfb-legend {
	display: none;
}

input.vfb-text,
input.vfb-text[type = 'text'],
input.vfb-text[type = 'tel'],
input.vfb-text[type = 'email'],
input.vfb-text[type = 'url'],
textarea.vfb-textarea {
	background: transparent;
}

.visual-form-builder label,
label.vfb-desc {
	display: block;
	margin: 0;
	padding: 0 0 3px;
	color: #23408f;
	font-size: 15pt;
}

.vfb-section.vfb-section-1 {
	float: left;
	width: 98%;
	display: block;
}

.visual-form-builder ul,
.entry-content .visual-form-builder ul,
.comment-content .visual-form-builder ul,
.mu_register .visual-form-builder ul,
.visual-form-builder ol,
.entry-content .visual-form-builder ol,
.comment-content .visual-form-builder ol,
.mu_register .visual-form-builder ol {
	margin: 0 !important;
}

input.vfb-medium,
input.vfb-medium[type = 'text'],
input.vfb-medium[type = 'tel'],
input.vfb-medium[type = 'email'],
input.vfb-medium[type = 'url'],
select.vfb-medium {
	width: 100%;
}

.visual-form-builder label,
label.vfb-desc {
	display: block;
	margin: 0;
	padding: 0 0 3px;
	color: #23408f;
	font-size: 15pt;
	line-height: 16pt;
}

.box-subscribe {
	background: #23408f;
	color: #ffffff;
	min-height: 140px;
	padding-bottom: 28px;
	margin-bottom: 5px;
}

.box-subscribe h2 {
	color: #ffffff;
	font-size: 120%;
	font-weight: bold;
	margin-top: 26px;
	float: left;
	margin-bottom: 10px;
}

.box-subscribe .footer-inner {
	margin-bottom: 4px;
	max-width: 1100px;
}

.footer-inner {
	margin: 40px auto;
	max-width: 1142px;
	width: 100%;
}

.site-footer .main-navigation {
	margin-bottom: 1.75em;
	float: left;
}

.site-footer .main-navigation {
	display: block;
}

.site-footer .main-navigation .primary-menu > li {
	float: none;
}

.site-footer .main-navigation a {
	color: #ffffff;
	display: block;
	line-height: 1.3125;
	text-transform: none;
	padding: 0;
	font-weight: normal;
	font-size: 16pt;
	line-height: 24pt;
}

.site-footer .main-navigation a:hover {
	color: #223e8b;
}

.site-footer .main-navigation a:hover,
.site-footer .main-navigation li.current_page_item a {
	font-weight: normal;
}

 {
	font-weight: normal;
}

.main-navigation {
	margin: 0;
}

.site-footer {
	background: #7d7d7d;
	padding: 0;
}

.footer-col {
	float: left;
	width: 36%;
	color: #ffffff;
	max-width: 390px;
	font-size: 1.2rem;
}

.footer-col h3 {
	font-size: 1.5rem;
	color: #23408f;
}

.site-footer a {
	color: #ffffff;
}

.site-footer a:hover {
	color: #223e8b;
}

.footer-col.first {
	width: 40%;
	max-width: 310px;
	padding-left: 28px;
}

.footer-col.last {
	float: right;
	max-width: 282px;
	text-align: right;
	font-weight: 600;
}

.footer-col.last h3 {
	font-size: 1.5rem;
}

.footer-col.last img {
	float: right;
	margin-top: 28px;
}

.lightgreen {
	background: #deefe8;
	padding: 40px;
	margin: 10px 0 35px;
	line-height: 32px;
}

.angielogo {
	margin-top: -65px;
}

p#form_success,
.vfb-form-success {
	color: green;
	font-weight: bold;
	float: left;
	width: 70%;
}

.main-navigation .primary-menu {
	border-bottom: 0;
}

.ui-accordion .ui-accordion-content {
	padding: 0 0 5px;
	border-top: 0;
	overflow: auto;
}

.ui-widget-content {
	border: 0 solid #aaaaaa;
	background: transparent none;
	color: #323232;
	font-size: 16pt;
	width: 100%;
	line-height: 24pt;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	display: none;
}

.ui-widget-content a {
	color: #cd0024;
}

input.mc {
	width: 45%;
	max-width: 392px;
	margin-right: 22px;
	height: 36px;
	float: left;
}

.mc-field-group {
	width: 100%;
	float: left;
}

#mc-embedded-subscribe {
	float: right;
	clear: none;
	border-radius: 0;
	height: 36px;
}

@media (max-width: 1024px) {
	body.home .site-main {
		margin: 0 20px;
	}

	a.home {
		width: 65%;
		float: left;
	}

	.header-logos {
		width: 33%;
		height: 124px;
		text-align: right;
		padding: 0 10px 0 0;
	}

	.header-logos img {
		height: 90%;
		width: auto;
	}

	.home-image {
		margin: 60px 30px;
	}

	.btn-home,
	.entry-content h3.btn-home {
		margin-top: 150px;
	}

	#social {
		float: right;
		text-align: right;
		/* width: auto; */
		margin: 0;
	}

	.site-header-main {
		display: block;
	}

	.post-thumbnail {
		width: 100%;
		margin-left: 0;
		float: left;
	}

	.entry-header,
	.post-thumbnail,
	.entry-content,
	.entry-summary,
	.entry-footer,
	.comments-area,
	.image-navigation,
	.post-navigation,
	.page-header,
	.page-content,
	.content-bottom-widgets {

	}

	.site-content {
		padding: 0 20px;
		width: 100%;
	}

	.footer-col.last {
		margin-right: 25px;
	}
}

@media (max-width: 900px) {
	.site-header-menu {
		display: none;
		margin: 0 auto;
		background: #223e8b;
	}

	.menu-toggle {
		/* font-size: 16px; */
		font-size: 1rem;
		margin: 35px 0 0;
		padding: 0.8125em 0.875em 0.6875em;
		border: 0;
		color: #ffffff;
		float: none !important;
	}

	.header-logos {
		width: 33%;
		height: 100px;
	}

	#social {
		margin-top: 35px;
	}

	.alignright.size-full.wp-image-76 {
		width: 30%;
		margin-left: 5px;
	}

	.entry-content,
	.entry-header {
		margin: 0 25px;
	}

	.btn-home,
	.entry-content h3.btn-home {
		margin-top: 100px;
	}

	.three-col {
		float: left;
		width: 22%;
		font-size: 15pt;
	}

	.site-footer {
		background: #7d7d7d;
		padding: 0;
		float: left;
		width: 100%;
	}

	.home-col {
		width: 32%;
	}

	.btn-home {
		margin-top: 105px;
	}

	.home-image {
		margin: 25px 15px;
		width: 30%;
	}

	body.home .entry-header {
		margin: 0 25px;
	}

	.btn-home,
	.entry-content h3.btn-home {
		font-size: 14pt;
	}

	.ui-widget-content {
		font-size: 12pt;
	}

	.main-navigation {
		font-family: catamaran;
		position: relative;
		z-index: 99999999;
		background: #7d7d7d;
	}

	.menu-toggle.toggled-on,
	.menu-toggle.toggled-on:hover,
	.menu-toggle.toggled-on:focus {
		background-color: #244191;
		border-color: #244191;
		color: #ffffff;
	}

	.main-image {
		width: 900px;
		margin-left: -10%;
	}

	.contact-details {
		float: left;
		width: 45%;
		background: #f5f5f5;
		padding: 16px 12px 10px;
		margin: 25px 0 0;
	}

	#vfb-form-1 {
		float: left;
		width: 48%;
		margin-top: 20px;
	}

	.footer-col.last {
		margin-right: 0;
	}

	.footer-col {
		float: left;
		width: 35%;
	}

	.footer-col.first {
		width: 30%;
	}

	.footer-col.last {
		float: right;
		max-width: 282px;
		text-align: right;
		padding-right: 20px;
	}

	.box-subscribe .footer-inner {
		padding: 0 20px;
	}

	#mc-embedded-subscribe {
		float: left;
		clear: both;
		margin-top: 8px;
	}
}

@media (max-width: 690px) {
	.logo-mob {
		display: block;
		float: left;
		max-width: 39%;
		padding: 10px 2% 0;
	}

	.logo-main {
		display: none;
	}

	.header-logos {
		width: 58%;
		float: left;
		text-align: center;
		margin: 20px 0 0;
		padding: 0;
	}

	.site-branding {
		margin-bottom: 3px;
		min-height: 145px;
	}

	#social {
		margin-top: 0;
	}

	.menu-toggle {
		margin: 9px;
		float: none !important;
	}

	.header-logos img {
		height: 60px;
		width: auto;
	}

	.entry-content,
	.entry-header {
		margin: 0;
	}

	.btn-home,
	.entry-content h3.btn-home {
		font-size: 13pt;
	}

	.main-image {
		width: 110%;
		margin-left: -5%;
	}

	.entry-content ul {
		margin: 0;
	}

	.two-col ul li {
		list-style: none;
		color: #295396;
		font-size: 12pt;
	}

	.contact-details,
	#vfb-form-1 {
		width: 95%;
	}

	.site-footer .main-navigation a,
	.footer-col {
		font-size: 14pt;
	}

	.footer-col.last {
		padding-left: 0;
	}

	body.home .site-main {
		margin: 0;
		width: 100%;
	}

	.home-slider {
		width: 100%;
		max-width: 100%;
		margin-left: 0;
	}
}

@media (max-width: 568px) {
	.logo-main {
		display: none;
	}

	.home-col {
		width: 80%;
		margin: 0 auto 20px;
		float: none;
	}

	.home-image {
		margin: 5px auto 0;
		width: 30%;
		float: none;
	}

	body.home .entry-content h1 {
		padding-top: 25px;
	}

	.one-col {
		width: 95%;
	}

	.three-col {
		width: 50%;
		font-size: 12pt;
	}

	.alignright.size-full.wp-image-76 {
		width: 100%;
	}

	.btn-home,
	.entry-content h3.btn-home {
		margin: 20px 0 0;
	}

	.content-area {
		padding-top: 30px;
	}

	.site-branding {
		overflow: visible;
	}

	.header-logos img {
		height: 65px;
	}

	.menu-toggle {
		float: none !important;
		margin: 0;
		/* padding: 0.1125em 0.875em 0.6875em; */
	}

	.btn-red-content,
	button,
	button[disabled]:hover,
	button[disabled]:focus,
	input[type = 'button'],
	input[type = 'button'][disabled]:hover,
	input[type = 'button'][disabled]:focus,
	input[type = 'reset'],
	input[type = 'reset'][disabled]:hover,
	input[type = 'reset'][disabled]:focus,
	input[type = 'submit'],
	input[type = 'submit'][disabled]:hover,
	input[type = 'submit'][disabled]:focus {
		font-size: 14pt;
		margin-top: 20px;
	}

	.footer-col.first {
		width: 80%;
		padding-left: 0;
	}

	.footer-col {
		float: left;
		width: 80%;
		margin-left: 25px;
	}

	.footer-col.last {
		float: left;
		max-width: 500px;
		text-align: left;
		padding-left: 0;
		width: 90%;
	}

	.footer-col.last img {
		float: left;
		margin: 10px 0;
	}
}

@media (max-width: 485px) {
	a.home {
		width: 90%;
	}

	.header-logos img {
		height: 65px;
		width: auto;
	}

	.menu-toggle {
		margin: 0;
		padding: 0;
		float: none !important;
	}

	button#menu-toggle.menu-toggle {
		float: none !important;
	}

	@media (max-width: 376px) {
		.header-logos img {
			height: 75px;
			width: auto;
		}

		.menu-toggle {
			float: none !important;
			margin: 0;
			padding: 00;
		}
	}
}