/*
 Theme Name:   eShield Tech
 Theme URI:    https://tbare.com
 Description:  eShield Technology
 Author:       Tim Bare
 Author URI:   https://www.tbare.com
 Template:     transcend
 Version:      1.0.0
 Text Domain:  eshield
*/
@import url(https://fonts.googleapis.com/css?family=Montserrat:700);
@import url(https://fonts.googleapis.com/css?family=Lato);
body {
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
	color: #6E9E43;
    line-height: 140%;
}
.main {
    padding: 20px 0;
}

.main p {
	font-size: 16px;
	line-height: 140%;
}

.fl-builder .main {
    padding-top: 0px;
}

.fl-builder.sidebar-none #main .container {
	max-width: 100%;
	padding: 0;
}

.topmenu {
	float: right;
}

#menu-main {
	display: none;
}

#header {
	background-color: #fff;
}
#content {
	color: #333;
	line-height: 130%;
}

#content div.page-content {
	padding: 20px;
}

.fl-builder #content div.page-content {
	padding: 0px;
}

.main {
	padding: 20px 0 0 0;
}

.topbar {
	background: #444;
}

#topmenu .menu-top li a {
	font-size: 14px;
	padding: .25em 1.5em;
	text-transform: uppercase;
    color: #DFDFDF;
	font-weight: 700;
	
}

#topmenu .menu-top li a:hover {
	text-decoration: none;
    background: #6E9E43;
    color: #ffffff;
}

.menu-top li a i.fa {
	margin-right: 6px;
}

.header .logo a {
    margin-top: -30px;
}

.header .logo a img {
	height: 91px;
}

.topbar .container, .header .container {max-width: 100%;}
#phonenumber {text-align: right;float: right;font-size: 18pt;font-weight: normal;color: #077F94;padding: 7px 0;margin-right:20px}
#phonenumber span{color: #333;font-size: 1.1em;}
#phonenumber a, #phonenumber a:visited{color: #6e9e44;text-decoration: none;}
#phonenumber a:hover{color: #333;cursor:pointer;}
#phonenumber a:before { content: ' '; display: block; }

#perfectatticcontainer {
	width: 100%;
}

#perfectattic {background-color:#6E9E43;margin: 0 auto;width:100%;text-align:center;}
#perfectattic a { display: block; padding: 8px 0;}
#perfectattic a:hover {color:#CCC!important;}
#perfectattic a:link {color: #FFF; font-size: 2.5em; text-align: center; text-decoration: none; font-weight: normal!important;}
#perfectattic a:visited {color:#FFF;}
#stepsimagescontainer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
#stepsimagescontainer .perfectsteps {
	width: 300px;
	max-width: 25%;
}

#main div.container {
	display: grid;
	grid-template-columns: 220px auto 320px;
}

#pagetitle {
	display: none;
}

.content, .single-product .content {
    grid-column-start: 2;
	width: 100%; /*overwrite base.css*/
}



.secondary-color-bg {
	background-color: #3E671B;
}

#breadcrumbs {
	text-align: right;
    margin: 0;
    border-bottom: 1px solid;
    padding: 10px 1px;
}

#left-sidebar {
    margin-top: 0px;
	grid-column-start: 1;
}

#left-sidebar div.widget-content {
	margin-top: 8px;
}

#sidebar {
	margin-top: 16px;
	grid-column-start: 3;
	width: 100%; /*overwrite base.css*/
}

#sidebar .widget {
	background-color: #ffffff;
	color: #000000;
	text-align: center;
	padding: 1em;
	border-right: 4px solid rgba(66, 66, 66, 0.55);
	border-bottom: 4px solid rgba(66, 66, 66, 0.55);
	border-top: 1px solid rgba(66, 66, 66, 0.55);
	border-left: 1px solid rgba(66, 66, 66, 0.55);
}
.widget-title.heading {
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #236BC4;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
}

.widget-title::before {
	position: absolute;
	content: ' ';
	background: #000;
	height: 1px;
	width: 40%;
	bottom: 0;
	left: 30%;
}

footer p.copy {
	text-transform: none;
}

.widget .gform_wrapper ul li {
	padding: 0;
	margin: 0;
}

.widget .gform_wrapper li.hidden_label input, 
body .widget .gform_wrapper ul li.gfield,
.widget .gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type="text"], 
.widget .gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container select {
	margin: 0;
}

.widget .gform_wrapper .ginput_complex .ginput_full, 
.widget .gform_wrapper .ginput_complex .ginput_left, 
.widget .gform_wrapper .ginput_complex .ginput_right {
	min-height: 0;
}

.widget .gform_wrapper .gform_footer {
	padding: 0;
}

.button, input[type="submit"] {
	border: 0!important;
	display: inline-block;
	background: #236BC4;
	background-color: #236BC4;
	color: #ffffff;
	font-size: 1em;
	width: 150px;
	text-decoration: none;
	text-align: center;
	padding: .5em; 
	margin-top: .5em;
}

.button:hover, input[type="submit"]:hover {
	background: #CE2F20;
	background-color: #CE2F20;
	cursor: pointer;
}


.h5notfound h2{
	margin: 0 0 30px 0;
	font-size: 38px;
    text-align: center;
}

.notfound-image {
	float: left;
	width: 63%;
	
}
.notfound-content {
	float: right;
	width: calc(33% - 43px);
	padding: 20px;
	border: 1px solid #c0c0c0;
    line-height: 160%;
}

#main.search {
	padding: 20px 0 0 0;
}

.bellows .bellows-nav .bellows-custom-content.bellows-custom-content-padded, .bellows .bellows-nav .bellows-target, .bellows .bellows-nav .bellows-target.bellows-target-w-image>.bellows-image.bellows-image-padded, .bellows .bellows-nav .bellows-target.bellows-target-w-image>.bellows-target-text {
    padding: 8px !important;
}

.bellows.bellows-skin-grey-material .bellows-nav .bellows-item-level-0.bellows-current-menu-item > .bellows-target, .bellows.bellows-skin-grey-material .bellows-nav .bellows-item-level-0.bellows-current-menu-ancestor > .bellows-target {
	background: #1A7077 !important;
}

.bellows .bellows-nav .bellows-subtoggle {
    width: 40px !important;
}

li.bellows-current_page_item a span.bellows-target-text:before {
	content: url(images/arrows.png);
	padding: 0 5px 0 0;
    /*background-repeat: no-repeat;
    background-position: left;
    padding-left: 35px;*/
}

li.bellows-current_page_item ul li a span.bellows-target-text:before {
	content: '';
	padding: 0;
}

@media screen and (min-width: 1280px) {
#main.search .container {
    max-width: 1180px;
}
}


@media screen and (max-width: 1000px) {
	.content, .single-product .content {
		grid-column: 1 / span 3;
		grid-row: 1;
	}
	
	#sidebar {
		grid-column: 2 / span 2;
		grid-row-start: 2;
		padding-left: 20px;
	}
	
	#left-sidebar {
		grid-column: 1;
		grid-row: 2;
	}
}

@media screen and (max-width: 600px) {
	#perfectatticcontainer {
		display: none;
	}

	.home #perfectatticcontainer {
		display: block;
	}
	
	.topmenu {
		display: block;
	}
	#topmenu .menu-top li a {
		padding: .25em .5em;
	}
	.header .logo {
		margin-top: 23px;
	}
	.header .logo img {
		    height: auto;
	}
	#main div.container {
		grid-template-columns: 50% 50%;
	}
	.content, .single-product .content {
		grid-column: 1 / span 2;
		grid-row: 1;
	}
	
	#sidebar {
		grid-column: 2;
		grid-row-start: 2;
		padding-left: 20px;
	}
	
	#left-sidebar {
		grid-column: 1;
		grid-row: 2;
	}
	
	#stepsimagescontainer .perfectsteps {
		max-width: 50%;
	}
}

@media screen and (max-width: 550px) {
	.header .logo img {
		    height: auto;
	}
	#main div.container {
		grid-template-columns: 50% 50%;
	}
	.content, .single-product .content {
		grid-column: 1 / span 2;
		grid-row: 1;
	}
	
	#sidebar {
		grid-column: 1 / span 2;
		grid-row-start: 3;
	}
	
	#left-sidebar {
		grid-column: 1 / span 2;
		grid-row: 2;
	}
}