/*
Theme Name: ALL-PHASE
Author: Mark Advertising
Author URI: http://www.markadvertising.com/

Base Font Size: 14px

font-family: 'Economica', sans-serif; ( Logo & Headers )
font-family: 'Russo One', sans-serif; ( Logo )
font-family: 'Open Sans', sans-serif; ( Content )
*/

/* =Contents
-------------------------------------------------------------- 
1. =Contents
2. =Reset
3. =Patterns
4. =Structure
5. =Header
6. =Navigation
7. =Content
8. =Footer
9. =Front Page
10. =Misc
11. =Media Queries
*/

/* =Reset
-------------------------------------------------------------- */

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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video { border:0; font-size:100%; vertical-align:baseline; margin:0; padding:0; }  body { line-height:1; }  ol,ul { list-style:none; }  blockquote,q { quotes:none; }  blockquote:before,blockquote:after,q:before,q:after { content:none; }  table { border-collapse:collapse; border-spacing:0; }  caption,th,td { font-weight:400; text-align:left; }  h1,h2,h3,h4,h5,h6 { clear:both; }  html { overflow-y:auto; font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }  a:focus { outline:thin dotted; }  article,aside,details,figcaption,figure,footer,header,hgroup,nav,section { display:block; }  audio,canvas,video { display:inline-block; }  audio:not([controls]) { display:none; }  del { color:#333; }  ins { background:#fff9c0; text-decoration:none; }  hr { background-color:#ccc; border:0; height:1px; margin:24px 24px 1.714285714rem; }  sub,sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }  sup { top:-.5em; }  sub { bottom:-.25em; }  small { font-size:smaller; }  img { border:0; -ms-interpolation-mode:bicubic; }

/* Clearing floats */
.clear:after,
.wrapper:after,
.format-status .entry-header:after {
	clear: both;
}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
	display: table;
	content: "";
}

/* Assistive text */
.assistive-text, .site .screen-reader-text {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
	display: none;
}
.main-navigation .assistive-text:hover, .main-navigation .assistive-text:active, .main-navigation .assistive-text:focus {
	background: #fff;
	border: 2px solid #333;
	border-radius: 3px;
	clip: auto !important;
	color: #000;
	display: block;
	font-size: 12px;
	padding: 12px;
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 100000; /* Above WP toolbar */
}

/* Containers */
/* For modern browsers */
.container:before, .container:after {
    content:"";
    display:table;
}
.container:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.container {
    zoom:1;
}

/* =Patterns
-------------------------------------------------------------- */
a[href^=tel] {
	cursor: default;
	text-decoration: none;
	color: #fff;
}
a[href^=tel]:hover {
	color: #fff !important;
}
a {
	color: #0252e8;
}
a:hover,
a:active {
	color: #1d2e79;
}

/* Images */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	max-width: 50% !important;
}
.entry-content img,
.comment-content img,
.wp-caption img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
	width: auto;
	height: auto;
	max-width: 100%;
	height: auto;
}
.wp-caption {
	max-width: 100%; /* Keep wide captions from overflowing their container. */
	padding: 4px;
}
.gallery {
	clear: both;
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	font-style: italic;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	color: #757575;
}
img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.entry-content dl.gallery-item {
	margin: 0;
}
.gallery-item a,
.gallery-caption {
	width: 90%;
}
.gallery-item a {
	display: block;
}
.gallery-caption a {
	display: inline;
}
.gallery-columns-1 .gallery-item a {
	max-width: 100%;
	width: auto;
}
.gallery .gallery-icon img {
	height: auto;
	max-width: 90%;
	padding: 5%;
}
.gallery-columns-1 .gallery-icon img {
	padding: 3%;
}

/* =Structure
-------------------------------------------------------------- */
body {
	font-size: 14px;
	font-family: 'Open Sans', helvetica, arial, sans-serif;
	color: #000;
	line-height: 24px;
	background-color: #0252e8;
	background-image: url(images/bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
.site {
	position: relative;
}
.site-container, .footer-container {
	width: 100%;
	max-width: 1500px;
	margin: 0 auto;
	position: relative;
	/*transition: width 1s;
	-webkit-transition: width 1s;
	-moz-transition: width 1s;
	-ms-transition: width 1s;*/
}
.wrapper {
	background-color: #fff;
	margin-left: 300px;
	float:left;
	min-width: 1000px;
	position: relative;
}
.site-content {
	padding: 30px;
}
.wrapper .widget-area {
	padding: 0 30px 30px;
}
.site-phone {
	background-color: #121c4d;
	background-image: url(images/site-phone-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 0 30px;
	text-align: right;
	color: #fff;
	font-size: 30px;
	line-height: 60px;
}

/* =Header
-------------------------------------------------------------- */
.site-header {
	width: 300px;
	background-color: #cccccf;
	background-image: url(images/site-nav-bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	margin-right: -300px;
	float: left;
	z-index: 100;
	position: relative;
}
.logo-link {
	text-decoration: none;
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	width: 300px;
	height: 125px;
	background-image: url(images/all-phase.svg);
}
.no-svg .logo-link {
	background-image: url(images/all-phase.png);
}
.site-logo {
	padding: 30px 15px 15px;
}
.logo-link .site-title {
	font-size: 36px;
	line-height: 40px;
	color: #333;
	font-family: 'Russo One', sans-serif;	
	text-transform: uppercase;
}
.logo-link .site-description {
	display: block;
	padding-left: 20px;
	font-size: 30px;
	line-height: 40px;
	color: #1d2e79;
	font-style: italic;
	font-weight: 700;
	font-family: 'Economica', sans-serif;	
}

/* =Navigation
-------------------------------------------------------------- */
.main-navigation {
	padding: 15px 0 15px 15px;
	margin-bottom: 5px;
}
.main-navigation li {
	display: block;
	width: 100%;
	float: left;
	position: relative;
}
.main-navigation li > a {
	display: block;
	color: #333;
	font-weight: 700;
	font-family: 'Economica', sans-serif;
	font-size: 30px;
	text-decoration: none;
	line-height: 50px;
	border-bottom: 1px solid #727273;
	border-top: 1px solid #dadada;
	margin: 0 15px 0 0;
	padding-left: 15px;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
}
.main-navigation li:first-child a {
	border-top: none;
}
.main-navigation li:last-child a {
	border-bottom: none;
}

.main-navigation li:hover > a,
.main-navigation li:active > a {
	padding-left: 30px;
}
.main-navigation .current-menu-item,
.main-navigation .current-menu-ancestor,
.main-navigation .current_page_item,
.main-navigation .current_page_ancestor {
	background-image: url(images/nav-active.svg);
	background-repeat: no-repeat;
	background-position: top right;
}
.sub-menu .current-menu-item,
.sub-menu .current-menu-ancestor,
.sub-menu .current_page_item,
.sub-menu .current_page_ancestor,
.no-svg .sub-menu .current-menu-item,
.no-svg .sub-menu .current-menu-ancestor,
.no-svg .sub-menu .current_page_item,
.no-svg .sub-menu .current_page_ancestor,
.no-generatedcontent .main-navigation .current-menu-item,
.no-generatedcontent .main-navigation .current-menu-ancestor,
.no-generatedcontent .main-navigation .current_page_item,
.no-generatedcontent .main-navigation .current_page_ancestor {

	background: none !important;
}
/*.main-navigation .current-menu-item:hover,
.main-navigation .current-menu-ancestor:hover,
.main-navigation .current_page_item:hover,
.main-navigation .current_page_ancestor:hover {
	background-image: url(images/nav-active-gray.png);
	background-repeat: no-repeat;
	background-position: center right;
}*/
.no-svg .main-navigation .current-menu-item,
.no-svg .main-navigation .current-menu-ancestor,
.no-svg .main-navigation .current_page_item,o
.no-svg .main-navigation .current_page_ancestor {
	background-image: url(images/nav-active.png);
}



/* Sub Nav */
.main-navigation ul ul {
	display: none;
	background-color: #f0f0f0;
	position: absolute;
	top: 0;
	left: 100%;
	width: 275px;
	box-shadow: 1px 1px 2px rgba(0,0,0,.5);
}
.main-navigation ul ul:before {
	content: url('images/nav-active-gray.svg');
	position: absolute;
	display: block;
	height: 48px;
	width: 25px;
	top: 0;
	left: -25px;
}
.main-navigation ul ul ul:before {
	content: '';
	display: none;
}

.no-svg .main-navigation ul ul:before {
	content: url('images/nav-active-gray.png');
	position: absolute;
	display: block;
	height: 48px;
	width: 25px;
	top: 0;
	left: -25px;
}

.main-navigation ul ul li:first-child:hover:before {
	content: url('images/nav-active-blue.svg');
	position: absolute;
	display: block;
	height: 48px;
	width: 25px;
	top: 0;
	left: -25px;
}
.no-svg .main-navigation ul ul li:first-child:hover:before {
	content: url('images/nav-active-blue.png');
	position: absolute;
	display: block;
	height: 48px;
	width: 25px;
	top: 0;
	left: -25px;
}

.main-navigation ul ul a {
	display: block;
	border: none;
	font-family: 'Open Sans', helvetica, arial, sans-serif;
	font-weight: 400;
	font-size: 18px;
	margin: 0;
	padding: 5px 5px 5px 10px;
}
.main-navigation li:hover > ul {
	display: block;
}
.main-navigation ul ul li:hover > a,
.main-navigation ul ul li:active > a {
	padding-left: 10px;
	background-color: #233893;
	color: #fff;
}

/* =Content
-------------------------------------------------------------- */
.entry-meta {
	clear: both;
}
.entry-header {
	margin-bottom: 20px;
}
.entry-header .entry-title {
	font-size: 30px;
	color: #1d2e79;
	font-style: italic;
	font-weight: 700;
	font-family: 'Economica', sans-serif;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	margin: 0 0 10px;
}
.entry-content h1 {
	font-size: 30px;
	color: #1d2e79;
	font-style: italic;
	font-weight: 700;
	font-family: 'Economica', sans-serif;
}
.entry-content h2 {
	font-size: 26px;
	color: #1d2e79;
	font-weight: 700;
	font-family: 'Economica', sans-serif;
}
.entry-content h3 {
	font-size: 18px;
	font-family: 'Economica', sans-serif;
	text-transform: uppercase;
	font-weight: 700;
}
.entry-content h4 {
	font-size: 16px;
	font-weight: 700;
}
.entry-content h5 {
	font-size: 14px;
}
.entry-content h6 {
	font-size: 12px;
}
.entry-content p,
.entry-content ol,
.entry-content ul {
	margin: 0 0 20px;
}
.entry-content ul ul,
.entry-content ol ol,
.entry-content ul ol,
.entry-content ol ul{
	margin-bottom: 0;
}
.entry-content ul {
	list-style: disc outside;
}
.entry-content ol {
	list-style: decimal outside;
}
.entry-content li {
	margin: 0 0 0 20px;
}
.entry-content blockquote{
	margin-bottom: 20px;
	padding: 15px;
	font-style: italic;
}
.entry-content blockquote p:last-child{
	margin-bottom: 0;
}
.entry-content code {
	font-family: Consolas, Monaco, Lucida Console, monospace;
	font-size: 12px;
}
.entry-content pre{
	border: 1px solid #ededed;
	color: #666;
	font-family: Consolas, Monaco, Lucida Console, monospace;
	font-size: 12px;
	overflow: auto;
	padding: 15px;
}
.entry-content pre code {
	display: block;
}
.entry-content abbr,
.entry-content dfn,
.entry-content acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
.entry-content address {
	display: block;
	line-height: 1.714285714;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}
img.alignleft {
	margin: 12px 24px 12px 0;
	margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
}
img.alignright {
	margin: 12px 0 12px 24px;
	margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
}
img.aligncenter {
	margin-top: 12px;
	margin-bottom: 12px;
}
.entry-content embed,
.entry-content iframe,
.entry-content object,
.entry-content video {
	margin-bottom: 24px;
}
.entry-content dl {
	margin: 0 24px;
}
.entry-content dt {
	font-weight: bold;
}
.entry-content dd {
	margin-bottom: 24px;
}
.entry-content table {
	width: 100%;
	bordeR: none;
}
.entry-content table caption {
	font-size: 16px;
	font-size: 1.142857143rem;
	margin: 24px 0;
}
.entry-content td {
	padding: 6px 10px;
	vertical-align: top;
}
.page-links {
	clear: both;
	line-height: 1.714285714;
}
footer.entry-meta {
	margin-top: 24px;
	font-size: 13px;
	color: #757575;
}

/* =Footer
-------------------------------------------------------------- */
.footer-banner {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
}
footer[role="contentinfo"]  {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
.site-info {
	color: #fff;
	font-size: 12px;
	padding: 20px 30px;
	/*margin-left: 300px;
	min-width: 340px;*/
	background-color: rgba(20,32,84,.9);
	background-image: url(images/site-phone-bg.jpg);
	background-size: cover;
}
.site-info a {
	color: #fff;
	text-decoration: none;
}
.site-info a:hover {
	color: #cccccf;
}
.site-info .nav-menu {
	display: block;
	clear: both;
	margin-bottom: 10px;
}
.site-info .nav-menu li {
	display: block;
	float: left;
}
.site-info .nav-menu a {
	display: block;
	padding-left: 5px;
	padding-right: 5px;
	line-height:  1em;
	border-right: 1px solid #fff;
}
.site-info .nav-menu li:first-child a {
	padding-left: 0;
}
.site-info .nav-menu li:last-child a {
	border-right: none;
} 
/*.footer-banner {
	background-color: rgba(20,32,84,.9);
}*/
.no-rgba .site-info, .no-rgba .footer-banner {
	background-image: url(images/footer-rgba-bg.png);
}
.affiliates {
	background-color: #cccccf;
	background-image: url(images/affiliates-bg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	text-align: center;
	padding: 10px;
}
.affiliates ul {
	display: inline-block;
}
.affiliates li {
	display: block;
	float: left;
	margin: 0 5px;
}
.affiliates a {
	display: block;
	overflow: hidden;
	background-size: cover;
	background-repeat: no-repeat;
	text-decoration: none;
	height: 80px;
	width: 80px;
	text-indent: -99999px;
}
.nfpa a {
	background-image: url(images/affiliates/nfpa.png);
	width: 74px;
}
.neca a {
	background-image: url(images/affiliates/neca.png);
	width: 109px;
}
.ibew a {
	background-image: url(images/affiliates/ibew.png);
	width: 80px;
}
.infra a {
	background-image: url(images/affiliates/infraspection.png);
	width: 183px;
}

/* =Front Page
-------------------------------------------------------------- */
.front-widgets {
	width: 50%;
	float: left;
}
.first .widget {
	padding: 0 15px 15px 0;
}
.first .widget:last-child {
	padding: 0 15px 0 0;
}
.second .widget {
	padding: 0 0 15px 15px;
}
.second .widget:last-child {
	padding: 0 0 0 15px;
}
.front-slideshow {
	width: 99%;
	margin-bottom: 30px;
}

/* =Misc
-------------------------------------------------------------- */
/* Sub Pages */
.sub-pages p {
	margin-bottom: 10px;
}
.sub-pages a {
	font-size:12px;
	text-decoration: none;
}
.other_pages_container {
	margin-bottom: 20px;
}

/* Contact Form */
div.wpcf7 {
	border: 1px solid #333;
	padding: 20px;
	background-color: #f4f4f4;
	margin-bottom: 20px;
}
div.wpcf7 p {
	margin: 0 0 8px 0;
}
div.wpcf7 input,
div.wpcf7 select,
div.wpcf7 textarea {
	padding: 5px;
	border: 1px solid #333;
}
div.wpcf7 input,
div.wpcf7 select {
	width: 50%;
}
div.wpcf7 textarea {
	width: 98%;
}
div.wpcf7 input[type="submit"] {
	width: auto;
	border: none;
	background-color: #0252e8;
	color: #fff;
	padding: 10px;
	border-radius: 5px;
	cursor: pointer;
	font-family: 'Economica', sans-serif;
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: .25em;
}
div.wpcf7 input[type="submit"]:hover {
	background-color: #333;
}
div.wpcf7 img {
	width: auto;
}

/*Google Map*/
#directions_form {
	border: 1px solid #333;
	padding: 20px;
	background-color: #f4f4f4;
	margin-bottom: 20px;
}
form.custom_form {
	padding: 0;
}
#directions_form h3,
#directions_form label {
	text-transform: capitalize;
	font-size: 14px;
	font-size: 1rem;
	font-family: 'Open Sans', helvetica, arial, sans-serif;
	color: #000;
	line-height: 24px;
}
#directions_form h3 {
	font-weight: 700; 
}
#directions_form input {
	padding: 5px;
	border: 1px solid #333;
	width: 50%;
	margin-bottom: 10px;
}
#directions_form input:last-child {
	margin-bottom: 10px;
}
#directions_form input[type="button"] {
	width: auto;
	border: none;
	background-color: #0252e8;
	color: #fff;
	padding: 10px;
	border-radius: 5px;
	cursor: pointer;
	font-family: 'Economica', sans-serif;
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: .25em;
	margin-right: 10px !important;
}
#directions_form input[type="button"]:hover {
	background-color: #333;
}
#small_map_container {
	border: 1px solid #333;
	overflow: hidden;
}
#directions_response {
	border: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	-mox-box-shadow: none;
}
.adp-placemark {
	border: 1px solid #000;
}
#map_canvas h3,
#map_canvas h4 {
	font-weight: 400;
	margin-bottom: 5px;
} 
.flexslider {
	min-height: 210px;
	width: 100%;
	overflow:hidden;
}
.slides {position:relative;}


/* =Media Queries
-------------------------------------------------------------- */
/*@media screen and (min-width: 960px) {
	.site-container {
		width: 100%;
		max-width: 1500px;
	}
} */
@media print {
	body {
		background: none !important;
		color: #000;
		font-size: 10pt;
	}
	footer a[rel=bookmark]:link:after,
	footer a[rel=bookmark]:visited:after {
		content: " [" attr(href) "] "; /* Show URLs */
	}
	a {
		/*text-decoration: none;*/
	}
	.entry-content img,
	.comment-content img,
	.author-avatar img,
	img.wp-post-image {
		border-radius: 0;
		box-shadow: none;
	}
	.site {
		clear: both !important;
		display: block !important;
		float: none !important;
		max-width: 100%;
		position: relative !important;
	}
	.site-header {
		text-align: left;
		position: relative;
		width: 100%;
		clear: both;
		height: auto;
	}
	.site-logo {
		background: none !important;
		width: auto;
		max-width: auto;
		height: auto;
		max-height: auto;
		float: left;
		/*margin: 0 auto;*/
	}
	.author-avatar,
	#colophon,
	#respond,
	.commentlist .comment-edit-link,
	.commentlist .reply,
	.entry-header .comments-link,
	.entry-meta .edit-link a,
	.page-link,
	.site-content nav,
	.widget-area,
	img.header-image,
	.main-navigation,
	.social-top,
	.orderby,
	a.add_to_cart_button,
	a.product_type_variable,
	a.added_to_cart,
	a.edit,
	#map_full_screen,
	#directions_full_screen,
	#map_full_screen_container,
	.site-phone,
	.flex-direction-nav,
	.front-slideshow,
	.sub-pages,
	div#directions_form input[type="button"] {
		display: none !important;
	}
	div.wpcf7, div#directions_form {
		padding: 0 !important;
		margin: 0 !important;
		border: none;
	}
	.wrapper {
		border-top: none;
		box-shadow: none;
		width: 100%;
		height: auto;
		margin-left: 0!important;
		padding: 0 !important;
	}
	.site-content,
	.widget-area {
		margin: 0;
		width: auto;
		height: auto !important;
		padding: 0 !important;
	}
	.flex-viewport,
	.flexslider {
		overflow: visable;
	}
	ul.slides {
		width: 100% !important;
	}
	.template-front-page .widget-area {
		display: block !important;
	}
	#small_map_container,
	#directions_response {
		page-break-inside: avoid !important;
		page-break-before: always !important;
	}
	.singular .entry-header .entry-meta {
		position: static;
	}
	.singular .site-content,
	.singular .entry-header,
	.singular .entry-content,
	.singular footer.entry-meta,
	.singular .comments-title {
		margin: 0;
		width: 100%;
	}
	.entry-header .entry-title,
	.entry-title,
	.singular .entry-title {
		font-size: 21pt;
	}
	h1.site-title, h2.site-description {
		display: inline-block;
		padding-left: 0;
		float: left;
		clear: none;
	}
	footer.entry-meta,
	footer.entry-meta a {
		color: #444;
		font-size: 10pt;
	}
	.author-description {
		float: none;
		width: auto;
	}

	/* Comments */
	.commentlist > li.comment {
		background: none;
		position: relative;
		width: auto;
	}
	.commentlist .avatar {
		height: 39px;
		left: 2.2em;
		top: 2.2em;
		width: 39px;
	}
	.comments-area article header cite,
	.comments-area article header time {
		margin-left: 50px;
		margin-left: 3.57142857rem;
	}
}