/*
Theme Name: CVW Electrical
Description: Theme for CVW Electrical
Author: Candlelight Websites
Author URI: http://www.lightyourway.co.za/
Version: 1.0
*/

body, html {
    color:#63666d;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
}

h1, h2, h3, #mainmenu_box, .btn {
	color: #1b2740;
	font-family: 'Montserrat', sans-serif;
}

h1 {
	font-size: 34px;
	text-transform: uppercase;
}

h2 {
	padding-left: 30px;
	margin-bottom: 47px;
	border-left: 3px solid #316adf;
	font-size: 25px;
	text-transform: capitalize;
	margin:0 0 47px;
}

h3 {
	font-size: 21px;
	margin: 0 0 18px;
}

h4 {
	color: #316adf;
	font-family: 'Montserrat', sans-serif;
    font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
	margin: 0 0 14px;
}

h4 + h1 {
	margin-top: 5px;
}

a {
	color:#000000;
}

a:hover {
	color:#666666;
	text-decoration: none;
}

th,
label {
	font-weight: 400;
}

p + h2, p + h3, p + h4, ul + h2, ol + h2, table + h2 { padding-top:1.35em;}

section,
#footer_main {
	padding: 47px 0;
}

@media (min-width: 768px) {
	section,
	#footer_main {
		padding: 60px 0;
	}
}
@media (min-width: 992px) {
	section,
	#footer_main {
		padding: 90px 0;
	}
}
@media (min-width: 1200px) {}

#head_contacts {
	font-size: 12px;
	padding: 8px 0;
}

#head_contacts span {
	display: inline-block;
}

#head_contacts span + span {
	padding-left: 21px;
}

#head_contacts span i.fa {
	margin-right: 4px;
}

#head_contacts a {
	color: #fff;
}

.navbar-toggle {
	border: 3px solid #e1e5e9;
	border-radius: 1px;
	margin-top: 23px;
}

.navbar-toggle .icon-bar {
	background: #316adf;
}

#header_main nav.navbar {
	border: 0;
	margin: 0;
	border-radius: 0;
}

.navbar-header {
	position: relative;
}

.navbar-brand {
	background-color: #fff;
	height: auto;
	border-radius: 1px;
}

#header_main .navbar-brand {
	padding: 7px 15px;
}

.nav.navbar-nav a,
.nav.navbar-nav a:active,
.nav.navbar-nav a:link,
.nav.navbar-nav a:visited {
	text-transform: uppercase;
	font-size: 13px;
	-webkit-transition: color 250ms ease;
	-moz-transition: color 250ms ease;
	-ms-transition: color 250ms ease;
	-o-transition: color 250ms ease;
	transition: color 250ms ease;
}

.nav.navbar-nav a:hover,
.nav.navbar-nav a:focus {
	color:#666;
}

.nav.navbar-nav .current-menu-item a {
	background-color: #2951a4;
	color:#ffffff;
}

@media (min-width: 768px) {
	#header_main .navbar-brand {
		position: absolute;
		top: -29px;
		left: 0;
		padding: 7px 15px 10px;
	}
	.navbar-nav>li>a {
	    padding-top: 19px;
	    padding-bottom: 19px;
	}
}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}

.bg_grey {
	background-image: 
		url(images/bg_connection_top.png),
		linear-gradient(to bottom,  #1b2740 0%,#2e4560 100%);
	background-repeat: 
		no-repeat, 
		no-repeat;
	background-position: 
		bottom right, 
		right;
	color: #a2b5c5;
}

.bg_grey h1,
.bg_grey h2,
.bg_grey h3 {
	color: #fff;
}

.bg_grey ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.bg_grey ul li {
	background:url('images/bullets.png') no-repeat center left;
	padding: 5px 0 5px 24px;
}

.bg_white {
	background: url(images/bg_connection_bottom.png) no-repeat top right;
}

@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}

section.section_masthead {
	background:#fff url('images/masthead.jpg') no-repeat center center;
	background-size: cover;
	color: #1b2740;
	font-size: 18px;
}

section#section_home_masthead {
	padding: 47px 0 60px;
}

section#section_home_masthead h1 {
	color: #1b2740;
	font-size: 34px;
	font-weight: 700;
}

section#section_home_about h3 {
	margin: 0 0 30px;
}

section#section_home_services .home_service_item + .home_service_item {
	margin-top: 30px;
}

section#section_home_services a {
	background: #2951a4;
	border: 3px solid #fff;
	display: block;
	padding: 21px 30px;
	-webkit-transition: all 150ms linear;
	-moz-transition: all 150ms linear;
	-ms-transition: all 150ms linear;
	-o-transition: all 150ms linear;
	transition: all 150ms linear;
}

section#section_home_services a:hover {
	background: transparent;
	-moz-transform: scale(0.98);
	-webkit-transform: scale(0.98);
	-o-transform: scale(0.98);
	-ms-transform: scale(0.98);
	transform: scale(0.98);
}

section#section_home_services img {
	width: 64px;
}

section#section_home_services h4 {
	color: #fff;
	text-transform: uppercase;
	margin: 21px 0 0;
}

@media (min-width: 768px) {
	section#section_home_masthead {
		padding: 100px 0 140px;
	}
	section#section_home_masthead h1 {
		font-size: 42px;
	}
	section#section_home_services .home_service_item + .home_service_item {
		margin-top: 0;
	}
	section#section_home_about h3 {
		margin: 0;
	}
}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}

h3.page_title {
	color: #316adf;
	margin-top: 15px;
}

.icon_page {
	width: 64px;
	padding: 15px;
	background-color: #316adf;
	border-radius: 2px;
}

.service_projects span {
	display: block;
}

.team_member {
	margin-bottom: 30px;
}

.team_member .row {
	margin: 0;
}

.team_member .row > div {
	padding: 0;
}

.team_member img {
	margin-bottom: -21px;
}

.team_member .well {
	padding: 30px 15px 15px;
}

.member_meta p.member_qualifications {
	font-size: 12px;
	margin-bottom: 0;
}

.branch_item + .branch_item {
	margin-top: 47px;
}

.branch_item .well {
	padding-left: 21px;
	padding-right: 21px;
	padding-bottom: 15px;
}

.branch_item table {
	width: 100%;
}

.branch_item table th,
.branch_item table td {
	vertical-align: top;
}

.branch_item table td {
	text-align: right;
}

.branch_item table td h4 {
	text-align: center;
	margin-top: 12px;
}

@media (min-width: 768px) {
	.icon_page {
		width: auto;
		padding: 30px;
	}
	.col_page_content h3 {
		margin-top: 0;
	}
	.row_branches {
		display: flex;
		flex-wrap: wrap;
	}
	.branch_item {
		margin-bottom: 30px;
	}
	.branch_item + .branch_item {
		margin-top: 0;
	}
}
@media (min-width: 992px) {
	.team_member .row {
		display: flex;
	}
}
@media (min-width: 1200px) {
	.icon_page {
		padding: 38px;
	}
}

#footer_main .container {
	color: #a2b5c5;
}

#footer_main .row div + div {
	margin-top: 47px;
}

#footer_main .navbar-brand {
	padding: 7px 15px 10px;
	margin-right: 15px;
	display: none;
	float: none;
}

#footer_main p {
	font-size: 12px;
	margin: 0;
}

#footer_main p span {
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	display: block;
}

#footer_main h4 {
	color: #fff;
	margin-bottom: 21px;
	padding-left: 21px;
	border-left: 3px solid #316adf;
}

#footer_main a {
	color: #a2b5c5;
	-webkit-transition: color 250ms ease;
	-moz-transition: color 250ms ease;
	-ms-transition: color 250ms ease;
	-o-transition: color 250ms ease;
	transition: color 250ms ease;
}

#footer_main a:hover {
	color: #fff;
}

#footer_main ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#footer_main ul li {
	background: none;
	padding: 0;
	width: 50%;
	float: left;
}

#footer_main ul li:nth-child(even) a {
	text-align: right
}

#footer_main ul li a {
	padding: 7px 0;
    display: block;
}

#footer_main ul li.current-menu-item a {
	color:#ffffff;
}

#footer_main table {
	width: 100%;
}

#footer_main #table_foot_legal td {
	vertical-align: middle;
	padding-bottom: 3px;
}

#footer_main #table_foot_contact td {
	padding: 7px 0;
}

#footer_main #table_foot_contact td + td {
	text-align: right;
}

#footer_legal {
	text-align: center;
	margin-top: 47px;
}

@media (min-width: 768px) {
	#footer_main .row div + div {
		margin-top: 0;
	}
	#footer_main ul li:nth-child(even) a {
		text-align: left
	}
	#footer_main .row div#footer_legal {
		margin-top: 47px;
	}
}
@media (min-width: 992px) {
	#footer_main .row div#footer_legal {
		text-align: left;
		margin-top: 0;
	}
	#footer_main .navbar-brand {
		display: inline-block;
		float: left;
	}
}
@media (min-width: 1200px) {}

.well {
	background: #fff;
	padding: 30px 47px;
	border: 3px solid #e1e5e9;
	border-bottom: 3px solid #316adf;
	border-radius: 1px;
	-webkit-box-shadow: none;
    box-shadow: none;
}

img + .masonry_item.well {
	border-top: none;
}

.masonry_item_wrap {
	margin-bottom: 47px;
}

.masonry_item h3,
.branch_item h3 {
	text-align: center;
	margin-top: -51px;
	margin-bottom: 21px;
}

.masonry_item h3 span,
.branch_item h3 span {
	background: #fff;
	padding: 9px 15px;
	display: inline-block;
	border-left: 3px solid #e1e5e9;
	border-top: 3px solid #e1e5e9;
	border-right: 3px solid #e1e5e9;
}

.masonry_item img + p {
	margin-top: 18px;
}

.form-control {
	background: #181e2c;
	border: none;
	border-radius: 1px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.form-control:focus {
	background-color: #fff;
}

.btn {
	background: transparent !important;
	text-transform: uppercase;
	border-radius: 1px;
	border: 3px solid transparent;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.btn:hover {
	border-color: transparent;
}

.btn-primary {
	color: #2951a4;
	border-color: #2951a4;
}

.btn-primary:hover,
.btn-primary:focus {
	color: #2951a4;
}

.btn-default {
	color: #fff;
	border-color: #fff;
}

.btn-default:hover,
.btn-default:focus {
	color: #fff;
}

body div.wpcf7-response-output {
	font-family: Arial, Helvetica, sans-serif;
	margin: 20px 0;
	padding: 20px 28px;
	text-align: center;
}

body div.wpcf7-validation-errors, body div.wpcf7-mail-sent-ok {
	border: none;
	border-radius: 1px;
}

body div.wpcf7-validation-errors {
	background-color: #fed1c8;
	color: #a1331e;
}

body span.wpcf7-not-valid-tip {
	font-family: Arial, Helvetica, sans-serif;
	color: #ba2204;
	font-size: 13px;
	padding: 5px 0 10px;
}

body div.wpcf7-mail-sent-ok {
	background-color: rgba(126, 188, 58, 0.5);
	color: #4c8c00;
}

.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}

a.scrollToTop {
	background: rgba(0, 0, 0, 0.75) url(images/scroll_to_top.png) no-repeat center center;
	width:34px;
	height: 34px;
	position:fixed;
	bottom:10%;
	right:0;
	display:none;
	z-index: 99999;
	-webkit-border-radius: 2px 0 0 2px;
	border-radius: 2px 0 0 2px;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}

@media (min-width: 768px) {
	.flex_sm {
		display: flex;
		flex-wrap: wrap;
	}
	.col_sm_reposition {
		float: right;
	}
}
@media (min-width: 992px) {
	a.scrollToTop {
		width:46px;
		height: 46px;
	}
}
@media (min-width: 1200px) {}