/*
Theme Name:     ZBOE Displays
Theme URI:      
Description:    Custom WordPress theme
Author:         
URI:             
Version:        1.2017
Text Domain:    zboe-displays
*/
/*
font-family: 'Source Sans Pro', sans-serif;
*/
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
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{margin:0;    padding:0;    border:0;    font-size:100%;    vertical-align:baseline;}
body{line-height:1; }
ol, ul{list-style:none;}
.page_contents-i ul li { list-style-type: circle; color:#11313a; font-size:18px; line-height:1.33em; text-align:left; font-weight:300; padding-bottom:1em; margin-left: 1.5em; }
.page_contents-i ol li { color:#11313a; font-size:18px; line-height:1.33em; text-align:left; font-weight:300; padding-bottom:1em; }
blockquote, q{quotes:none; }
blockquote:before, blockquote:after, q:before, q:after{content:"";    content:none; }
table{border-collapse:collapse;     border-spacing:0; }
caption, th, td{font-weight:normal;     text-align:left; }
h1, h2, h3, h4, h5, h6{clear:both; }
html{overflow-y:scroll;    font-size:62, 5%;    -webkit-text-size-adjust:100%;    -ms-text-size-adjust:100%;}
a, a:hover, a:active, a:focus{outline:none;     text-decoration:none;}
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:#4449c0;     text-decoration:none; }
hr { background-color: #343434; border: 0 none; height: 1px; margin: 1em 0 1.74em; }
sub, sup{font-size:75%;     line-height:0;     position:relative;     vertical-align:baseline; }
sup{top:-0.5em; }
sub{bottom:-0.25em; }
small{font-size:smaller; }
img{border:0;     -ms-interpolation-mode:bicubic; }
img, object, embed{max-width:100%; height:auto; }
img{-ms-interpolation-mode:bicubic; }
img.alignleft {float:left; }
img.alignright {float:right; }
/* 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:""; }
.align-right{text-align:right !important; }
.align-left{text-align:left !important; }
.align-center{text-align:center !important; }
.aligncenter{text-align:center !important; }
.fl{float:left !important; }
.fr{float:right !important; }
.cl-fl{clear:both; }
.hor-space-s{padding-top:1em }
.hor-space-m{padding-top:2em }
.hor-space-l{padding-top:3em }
em, i { font-style:italic; }
strong, b { font-weight:bold; }
/* some Responsive styles */
/* Responsive images */
.entry-content img, .comment-content img, .widget img{max-width:100%;
/* Fluid images for posts, comments, and widgets */
}
img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"]{height:auto;
/* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full, img.size-large, img.header-image, img.wp-post-image{max-width:100%;    height:auto;
/* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
/* Images */
.alignleft{float:left;}
.cl-fl { clear:both; }
/* *********************************************************************************************************************************** */
/* ********************* Main Styling starts ****************************************************************************** */
html { margin-top:0 !important; }
html #wpadminbar { position:relative !important; }
a { color:#212121; transition:all ease 300ms; }
a:hover { color:#31859c; }
html { 	background-color: #fff; height: 100%; display: block;}
body{ background-color:#fff; text-align:left; font-family: 'Source Sans Pro', sans-serif; font-weight:400; letter-spacing:0em; color:#385072; padding:0px; margin:0px; overflow: visible; position: relative; height: auto; min-height: 100%;  }
.desktop { display:block; }
.mobile { display:none; }
/*************************
* General styles
***************************/
#main-header {
}
.top-header { background:#11313a; }
.top-header-i { padding:6px 0; line-height:1em; color:#fff;  font-size: 14px; font-weight: 400; }
.top-header-left {  float:left; width:50%; line-height:26px; }
.top-header-left a { color:#fff; line-height:inherit; }
.top-header-left a:hover { color:#ccc; }
.top-header-right { float:right; width:50%; text-align:right;  }
.social-media { display:inline-block; margin-right:0; }
.social-media li { float:left; padding-right:20px; font-size:22px; }
.social-media li a { color:#fff; }
.social-media li a:hover { color:#ccc; }
.social-media li:last-child{ padding-right:0; }
.header-wrapper {}
.menu-wrapper { background: #fff none repeat scroll 0 0; border-bottom:solid 2px #31859c; padding: 23px 0 20px; position: relative; z-index: 999; }
.menu-inner { position:relative; }
.header-inner { background:#fff; }
.header-row { padding:20px 0; border-bottom:solid 1px #fff; }
.header-logo { float:left ; width:25%; transition:all ease 200ms; }
.header-logo a { display:block; margin:0 0 0 0; transition:all ease 200ms; }
.header-logo a img { display:block; transition:all ease 200ms; max-width: 40%; }
.header-menu { position:absolute; right:0; bottom:0; width:75%; top:0; }
.header-menu-tbl { display:table; height:100%; width:100%; }
.header-menu-cell { display:table-cell; height:100%; width:100%; vertical-align:middle; }
.secondary-menu { margin:0 0 5px 0; text-align:right; } 
.secondary-menu ul { display:inline-block; }
.secondary-menu ul li { text-align:right; }
.secondary-menu ul li a { background: #fafafa none repeat scroll 0 0; color:#717c84;  border: 1px solid #eaeaea; border-radius: 3px; display: block; font-size: 12px; font-weight: 400; padding: 7px 12px; }
.secondary-menu ul li a i { color:#eaeaea; line-height: 1em; }
.secondary-menu ul li a:hover { background: #fafafa none repeat scroll 0 0; border: 1px solid #ccc; box-shadow: 1px 1px 3px -1px rgba(0, 0, 0, 0.1); color: #454545; }
#main-navigation { float:right; display:inline-block; }
#main-navigation ul.sub-menu { display:none; position:absolute; top:100%; left:0; padding:13px 13px; background:#31859c; box-shadow:2px 2px 8px rgba(0,0,0,0.55) }
#main-navigation ul.sub-menu li { float:none; display:block; padding:0 0; }
#main-navigation ul.sub-menu li a { border-bottom:solid 1px rgba(0,0,0,0.05); color:#fff; display: block; width:100%; white-space:nowrap; font-size: 16px; font-weight: 400; padding: 10px 25px 10px 7px; text-transform: uppercase; box-sizing:border-box; }
#main-navigation ul.sub-menu li:last-child a { border-bottom:solid 0px #11313a; }
#main-navigation ul.sub-menu li a:hover { background:rgba(0,0,0,0.25);}
#main-navigation li { float:left; position:relative;}
#main-navigation li:hover > .sub-menu { display:block; }
#main-navigation li a { color:#11313a; display: block; font-size: 16px; font-weight: 400; padding: 10px 20px; text-transform: uppercase; } 
#main-navigation li:last-child a { padding-right:0; }
#main-navigation li a:hover { color:#31859c; }
#main-navigation li.current-page-ancestor a,
#main-navigation li.current-menu-item > a { color:#31859c; }
.sub_page_header-w { background:#31859c; border-top:solid 0 #31859c; border-bottom:solid 2px #31859c; text-align:center; }
.sub_page_header-w ul {display:table; margin:0 auto; }
.sub_page_header-w ul li { float:left; margin-right:1px;  }
.sub_page_header-w ul li a  { font-size:16px; color:#fff; line-height:2.5em; padding:0 1.5em; display:block;  }
.sub_page_header-w ul li a:hover,
.sub_page_header-w ul li a:active,
.sub_page_header-w ul li.current a { background:#fff; color:#31859c; }
table.tablepress { border:solid 1px #31859c; }
table.tablepress thead th { background:#31859c; color:#fff; font-weight:400; font-size:13px; }
table.tablepress tbody td { font-weight:400; font-size:13px; vertical-align:middle; text-align:left; border:solid 1px #eee; }
.black-overlay:before {
	background: rgba(0,0,0,.8);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media only screen and (max-width: 959px) {
	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	tr { border: 1px solid #ccc; }
	table.tablepress tbody td { font-weight: 400;
font-size: 15px;
vertical-align: middle;
text-align: left;
border: solid 1px #eee;
padding-left: 50% !important;
display: block;
box-sizing: border-box;
width: 100%; vertical-align: middle !important; min-height:2em; }
	.tablepress td { 
		/* Behave  like a "row" */
		font-size:15px;
    border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
    padding:5px 0 5px 50% !important;
    min-height:1em; 
	}
	td:before { 
position: relative;
top: 0px;
left: 6px;
width: 100%;
padding-right: 10px;
padding-left: 0;
white-space: wrap;
display: block;
margin-left: -100%;
vertical-align: middle;
font-weight:700;
float:left;
	}
	/*
	Label the data
	*/
	td:nth-of-type(0):before { content: attr(data-before); }  
	td:nth-of-type(1):before { content: attr(data-before); }
	td:nth-of-type(2):before { content: attr(data-before); }
	td:nth-of-type(3):before { content: attr(data-before); }
	td:nth-of-type(4):before { content: attr(data-before); }
	td:nth-of-type(5):before { content: attr(data-before); }
	td:nth-of-type(6):before { content: attr(data-before); }
	td:nth-of-type(7):before { content: attr(data-before); }
	td:nth-of-type(8):before { content: attr(data-before); }
	td:nth-of-type(9):before { content: attr(data-before); }
	td:nth-of-type(10):before { content: attr(data-before); }
	td:nth-of-type(11):before { content: attr(data-before); }
	td:nth-of-type(12):before { content: attr(data-before); }    
	td:nth-of-type(13):before { content: attr(data-before); }  
	td:nth-of-type(14):before { content: attr(data-before); }
	td:nth-of-type(15):before { content: attr(data-before); }
	td:nth-of-type(16):before { content: attr(data-before); }
  td:nth-of-type(17):before { content: attr(data-before); }      
}
@media only screen and (max-width: 568px) { 
  table.tablepress tbody td { padding-left: 10px !important; line-height:1.5em; }  
  td:before { top:0; left:0; floaT:none; margin-left:0 !important; }
}
.page_contents { padding:65px 0 130px 0; }
.home-page-block .page_contents { padding-top: 0 !important; }
.page_contents-i {}
.page_contents-i h1 { font-size:40px; text-align:center; color:#11313a; font-weight:300; line-height:1em; padding-bottom:60px; }
.page_contents-i h1.home-page-title { font-size: 4em; color: #ffffff; font-weight: 400; }
.page_contents-i .solution_row:last-child { padding-bottom:0px; }
.solution_row { text-align:center; padding-bottom:115px; } 
.solution_row-left { width:50%; float:left; }
.solution_row-right { width:50%; float:right; }
.solution_row-left .solution_row-col-i { padding-right:20px; }
.solution_row-right .solution_row-col-i { padding-left:20px; }
.solution_row img { display:block; margin:0 auto; }
.solution_row h2 { font-size:30px; line-height:1em; font-weight:400; color:#31859c; margin:0; padding:15px 0; text-align:center; }  
.solution_row p { color:#11313a; font-size:20px; line-height:1.3em; text-align:center; font-weight:300; padding:0;  }
.title-wrapper { background:#eee; padding:20px; border-bottom:solid 2px #ddd; }
.title-wrapper h1 { text-align:left; font-size:40px; text-align:center; color:#11313a; font-weight:300; line-height:1em; padding-bottom:0; }
p { color:#11313a; font-size:18px; line-height:1.33em; text-align:left; font-weight:300; padding-bottom:1em; }
h2 { font-size:30px; line-height:1em; font-weight:400; color:#11313a; margin:0; padding:0 0 21px;}
h3 { font-size:26px; line-height:1em; font-weight:400; color:#11313a; margin:0; padding:0 0 21px;}
h6 { font-size:18px; line-height: 1.33em; font-weight: 400; }
.page_contents h3 a { font-weight: 300 !important; }
.page_contents form label { color:#11313a; font-size:13px; line-height:1.33em; text-align:left; padding-bottom:2px; font-weight:400; text-transform:uppercase; display:block; }
.page_contents.regular-page p { text-align:justify; }
.page_contents form { display:block; width:600px; max-width:90%; }
.page_contents form input { display:block; width:100%; font-size:17px; color:#11313a; font-weight:300; background:#fafafa; border:solid 1px #ccc; border-radius:2px; padding:0.5em; box-sizing:border-box; }
.page_contents form textarea { display:block; width:100%; font-size:17px; color:#11313a; font-weight:300; background:#fafafa; border:solid 1px #ccc; border-radius:2px; padding:0.5em; box-sizing:border-box; }
.page_contents form input[type="submit"] { display:inline-block; width:auto; font-size:18px; color:#fff; font-weight:400; border-radius:2px; padding:0.5em 1.5em; 
 box-sizing:border-box; text-transform:uppercase; background:#11313a; bordeR:solid 1px #11313a; transition:all ease 250ms; float:right; cursor:pointer; }
.page_contents form input[type="submit"]:hover { background:#31859c; color:#fff; border:solid 1px #31859c } 
.page_contents form::after { display:table; content:''; clear:both; } 
.page_contents a { color:#31859c;font-weight:700; }
.page_contents a:hover { color:#11313a; }
.contact-us-map { padding-bottom: 30px; }
.contact-us-map .map { float:left; width:67.5%; }
.contact-us-map .address { float:right; width:30%; color:#11313a; font-size:19px; line-height:1.33em; text-align:left; font-weight:300; padding-bottom:1em; }
.footer-widgets { background:#11313a; position:relative; padding:15px 0; }
.footer-widgets-i {}
.footer-left { float:left; width:50%; }
.footer-left #footer-navigation { float:left;  display:inline-block; }
#footer-navigation li { float:left; border-right:solid 1px #fff;  }
#footer-navigation li a { line-height:1em; color:#fff;  font-size: 14px; font-weight: 400; line-height:1em; padding:0 6px; }
#footer-navigation li:first-child a { padding-left:0; }
#footer-navigation li a:hover { color:#ccc; }
#footer-navigation li:last-child { border-right:solid 0 #fff; }
.footer-right { float:right; width:50%; text-align:right; }
.footer-right { padding:0 0; font-size:14px; color:#fff;  line-height:1em; font-weight: 400; line-height:1em; }
.footer-right p { padding:0 0; font-size:14px; color:#fff;  line-height:1em; font-weight: 400; line-height:1em; }
.footer-right a { color:#fff;  }
.footer-right a:hover { color:#ccc; }
.footer-base { margin: 10px 0; width: 100%; text-align: center; line-height:1em; color:#fff;  font-size: 14px; }
.footer-base a { width: 100%; text-align: center; line-height:1em; color:#fff;  font-size: 14px; }
.footer-base a:hover { color:#ccc; }
/* *********************************************************************************************************************************** */
/* *********************************************************************************************************************************** */
/* The grid */                                                                     
.container{padding-left:1em; padding-right:1em; }
.row {width:100%; max-width:1200px; min-width:100px; margin:0 auto; padding-left:20px; padding-right:20px; box-sizing: border-box;}
.medium-row{ padding:0 40px; box-sizing:border-box; }
.intro-row { max-width:810px; box-sizing:border-box; }
.row-normal { max-width:1120px; }
.row > .row-inner {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
} 
.panel-row-style {
	padding-bottom: 30px !important;
}         
/*overflow:hidden;*/
.desktop { display:block; }
.mobile { display:none; }
img, object, embed{max-width:100%; }
img{height:auto; }
.mobile-menu-icon { position:relative; text-align:right; }
.mmi-i { padding:0 0 0 0;}
#toggle-menu { color:#565e63;  display: inline-block;
    font-size: 32px;
    line-height: 1em;
    padding: 10px 10px 8px;
    transition: all 250ms linear 0s; }      
#toggle-menu i { }
#toggle-menu img { display:block; }
#toggle-menu:hover, #toggle-menu:active { border-color: #e53112; color:#72acdc; }
.mobile-menu { position:absolute; width:100%; top:100%; left:0; right:0; z-index:999; display:none; background:rgba(0,0,0,0.9); }
.mobile-menu-inner { margin:0 15px; }
.mobile-menu-inner ul#main-navigation { display:block; padding:15px 0; float:none; margin:0; display:block; }
.mobile-menu-inner ul#main-navigation a { font-size:16px; color:#fff; } 
.mobile-menu-inner ul li { width:100%; }
.mobile-menu-inner ul li a{ display:block; border-bottom:solid 1px #555;   }
.mobile-menu-inner ul#main-navigation > li {  float:none; background-color:transparent; }
.mobile-menu-inner ul#main-navigation > li:last-child a{ display:block; border-bottom:none; }
.mobile-menu-inner ul.sub-menu { display:none; background: transparent none repeat scroll 0 0 !important; box-sizing: border-box; display: block; padding: 10px; }
.mobile-menu-inner ul.sub-menu li { margin:0 !important; }
.mobile-menu-inner ul.sub-menu li a { border-bottom:1px solid #212121; }
.mobile-menu-inner li.current-menu-item ul.sub-menu li a { background: #404f89 }
.mobile-menu-inner ul.sub-menu li:hover > a { color:#72acdc }
.mobile-menu-inner ul#main-navigation a:hover { color: #72acdc;  }
@media only screen and (min-width: 1600px) {
}
@media only screen and (max-width: 1024px) {
  .desktop { display:none; }
  .mobile { display:block; }
  .footer-widgets {}
  .footer-widgets-i { padding:0 }
  #footer-navigation li { float:none; border-right:solid 0px #fff; display:block; text-align:center;  }
  #footer-navigation li a { line-height:1em; color:#fff;  font-size: 14px; font-weight: 400; line-height:1em; padding:0 6px; display:inline-block;  margin-bottom:12px;  }
  #footer-navigation li:last-child a { padding-left:0; margin-bottom:0; padding:0 6px;}
  #footer-navigation li:first-child a { padding-left:0; margin-bottom:11px; padding:0 6px; }  
  .footer-left #footer-navigation { float: none; display: inline-block; }
  .footer-widgets-i .footer-left { width:100%; float:none; text-align:center; padding-bottom:14px; }
  .footer-widgets-i .footer-right { width:100%; float:none; text-align:center; padding-bottom:04px; }
      .footer-widgets-i .footer-right span { display:block; visibility:hidden; opacity:0; }
      .footer-widgets-i .footer-right a { display:inline-block; }      
  .footer-left #footer-navigation { float: none; display: inline-block; }
  .header-logo { float: left; width: 50%; }    
  .sub_page_header-w ul li a { font-size: 16px; color: #fff; line-height: 2em; padding: 0 12px; display: block; border: solid 1px rgba(255,255,255,0.15); } 
  .sub_page_header-w ul li { float: none; margin:1px; display: inline-block; }
  .top-header-left {
    float: left;
    width: 75%; }
    .top-header-right {
    float: left;
    width: 25%; }  
}  /* EOF max-width: 1024px */


@media only screen and (max-width : 959px) { 
  
  
}

@media only screen 
and (max-width : 820px) { 
  .header-logo a img { max-width: 60% !important; }
  
  
  
}
@media only screen 
and (max-width : 668px) { 
  .header-logo a img { max-width: 100% !important; }
  .top-header-left { float: none; text-align:center; width: 100%; }
    .top-header-right { float: none; width: 100%; text-align:center; padding-top:10px; }   
}
@media only screen and (max-width: 420px) {   
}
@media only screen and (max-width: 380px) {
}
@media only screen and (max-width: 340px) {
}