/* 
Theme Name: Scallop Imaging
Theme URI: http://cyberchimps.com/guide/child-theme-example/
Description: Scallop Imaging Responsive Theme
Template: responsive
Version: 1.0.0
Author: CyberChimps
Author URI: https://cyberchimps.com/
License: GNU General Public License
License URI: license.txt

*/

/* =Start From Here
-------------------------------------------------------------- */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800);
@import url(../../../wp-content/themes/scallop/style-homepage.css);
@import url(../../../wp-content/themes/scallop/style-products.css);
@import url(../../../wp-content/themes/scallop/style-slider.css);
@import url(../../../wp-content/themes/scallop/style-media.css);
@import url(../../../wp-content/themes/scallop/style-top-menu.css);
@import url(../../../wp-content/themes/scallop/style-menu.css);
@import url(../../../wp-content/themes/scallop/style-responsive.css);

html,
body,
.container,
.main { height: 100%;}

*,
body,
html{
	font-family: 'Open Sans', sans-serif;
	padding:0;
	margin:0;
	}
	
#zoho {
	overflow:hidden;
	}
#zoho form{
	margin:0;
	padding:0;
	}	
#zoho form p label{
	color:#00A6DD !important;
	padding:10px 0 0 0 !important;
	}	

iframe {
	border:1px solid #333;
	}
	
.captcha-field {
	width:100px;
	}
	
ul#company-logos.four,
ul#company-logos.three
{
	clear:both;
	}
ul#company-logos.four {
	text-align:center;
	list-style:none;
	padding:0;
	margin:0;
	max-width:100%;
	width:100%;
	}
ul#company-logos.four li{
	text-align:center;
	list-style:none;
	padding:2%;
	margin:0;
	max-width:100%;
	display:inline-block;
	float:left;
	width:21%;
	}
ul#company-logos.three {
	text-align:center;
	list-style:none;
	padding:0;
	margin:0;
	max-width:100%;
	width:100%;
	}
ul#company-logos.three li{
	text-align:center;
	list-style:none;
	padding: 2% 0;
	margin:0;
	max-width:100%;
	display:inline-block;
	float:left;
	width:33%;
	}
ul#company-logos.four li a img,
ul#company-logos.three li a img{
	padding:0;
	margin:0 auto;
	float:none;
	}

div.wpcf7-response-output {
	clear:both;
	float:left;
	}
.wpcf7-form label,
.wpcf7-form p{
	padding:0 !important;
	margin:0 !important;
	float:left;
	clear:both;
	}
.wpcf7-form span.label{
	font-weight:600;
	font-size:15px;
	color:#0094c3;
	}
.wpcf7-form span.checkbox{
	font-weight:600;
	font-size:15px;
	color:#0094c3;
	}

#faqs{
	overflow: hidden;
	padding:2%;
	max-width:100%;
	width:96%;
	}
#faqs .faq {
	float:left;
	clear:both;
	max-width:100%;
	width:100%;
	padding:0;
	margin-bottom:10px;
	}
#faqs .faq a{
	font-size:13px;
	color:#0066CC !important;
	}
.answer{
	max-width:100%;
	width:94%;
	padding:0 3%;
	}
.answer h2{
	border-bottom:1px solid #F0AB00;
	padding-bottom:6px;
	font-size:16px !important;
	color:#F0AB00;
	}
.answer p{
	line-height:none !important;
	padding:0 !important;
	margin:0 0 12px 0 !important;
	}

.post-entry .documentation-div {
	max-width:100%;
	margin-bottom:10px;
	font-size:13px;
	padding:0;
	width:100%;
	float:left;
	}
.post-entry .documentation-div img{
	border:1px solid #999;
	max-width:100%;
	float:left;
	width:141px;
	height:auto;
	margin:0 !important;
	padding:0 !important;
	}
.post-entry .documentation-div .right{
	margin:0 !important;
	padding:0 0 0 10px !important;
	float:left;
	}
.post-entry .documentation-div h2{
	border-bottom:1px solid #1EB0E1;
	font-size:24px !important;
	margin:0 !important;
	padding:0 !important;
	}
.post-entry .documentation-div a{
	font-weight:600;
	}


.product-accessory {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border: 1px solid #afafaf;
	background:#f5f5f5;
	margin:0 0 10px 0;
	padding:2%;
	max-width:100%;
	width:96%;
	float:left;
	clear:both;
	}
.product-accessory .thumb{
	margin:0 !important;
	padding:0 !important;
	max-width:100%;
	width:25%;
	float:left;
	}
.product-accessory .thumb img{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border: 1px solid #afafaf;
	margin:0 !important;
	padding:0 !important;
	}
.product-accessory .thumb img:hover{
	border: 1px solid #00A6DD;
	}
.product-accessory .info{
	padding:0 0 0 2%;
	max-width:100%;
	width:73%;
	float:left;
	}	
.product-accessory .info .model{
	float:left;
	clear:both;
	}
.product-accessory .info h2{
	font-size:16px !important;
	line-height:none !important;
	margin:0 0 10px 0 !important;
	padding:0 !important;
	color:#333 !important;
	}	
.product-accessory p{
	font-size:14px !important;
	line-height: normal!important;
	margin:0 0 14px 0 !important;
	padding:0 !important;
	}	

.post-entry .wpcf7-form textarea{
	height:140px;
	width:100%;
	}
.post-entry .wpcf7-form p{
	font-size:14px;
	padding:0;
	margin:0;
	}
.post-entry .wpcf7-form span.note{
	font-size:12px;
	color:#0099CC;
	padding:0;
	margin:0;
	}
#logos tr,#logos td{
border:none;}

#logos a img{
	padding:0px;
	margin:0;
	border:none;
	max-width:100%;
	width:100%;
	height:auto;
	}

.hentry {
	padding:0 !important;
	margin:0 !important;
	}
.hentry h1 {
	line-height:none;
	font-size:26px !important;
	font-weight:400 !important;
	padding:0 0 16px 0 !important;
	color:#58A618;
	margin:0 !important;
	}
.hentry h2 {
	line-height: normal;
	font-size:26px !important;
	font-weight:400 !important;
	padding:0 0 16px 0 !important;
	color:#58A618;
	margin:0 !important;
	}
.hentry h2 a{
	font-size:20px !important;
	font-weight:400 !important;
	padding:0 0 16px 0 !important;
	color:#00A6DD;
	margin:0 !important;
	}
.hentry h3 {
	border-bottom: 1px solid #EFB10D;
	line-height: normal;
	font-size:20px !important;
	font-weight:600 !important;
	padding:0 !important;
	color:#EFB10D;
	margin:0 0 6px 0 !important;
	}
.hentry h4 {
	line-height: normal;
	font-size:16px !important;
	font-weight:600 !important;
	padding:0 !important;
	color:#EFB10D;
	margin:0 0 6px 0 !important;
	}
.hentry p {
	line-height:none;
	padding:0 0 12px 0 !important;
	margin:0;
	}

.post-entry h1 {
	line-height:none;
	font-size:22px !important;
	font-weight:400 !important;
	padding:0 0 16px 0 !important;
	color:#58A618;
	margin:0;
	}
.post-entry h2 {
	line-height:none;
	font-size:20px !important;
	font-weight:600 !important;
	padding:8px 0 3px 0 !important;
	color:#00A6DD;
	margin:0;
	}
.post-entry h5 {;
	line-height: normal;
	font-size:20px !important;
	font-weight:600 !important;
	padding:0 !important;
	color:#00A6DD;
	margin:20px 0 6px 0 !important;
	}
.hentry p {
	line-height:none;
	padding:0 0 12px 0 !important;
	margin:0;
	}

.skip-container{
	position: relative;
	display: block;
	padding:0;
}
#box-shadow {
	-webkit-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 1);
	-moz-box-shadow:		0px 0px 7px 0px rgba(50, 50, 50, 1);
	box-shadow:				 0px 0px 7px 0px rgba(50, 50, 50, 1);
	overflow:hidden;
	margin: 0 auto;
	max-width:100%;
	width: 1020px;
	padding:0 !important;
	}
#container{
	overflow:hidden;
	margin: 0 auto;
	max-width:100%;
	width: 1020px;
	padding:0 !important;
}

#widgets {
	padding: 10px 0 10px 0px !important;
	margin:0 !important;
	float:right;
	}
#widgets .widget-wrapper {
	padding: 2% 0 0 0 !important;
	width:90% !important;
	}
#widgets .widget-wrapper ul{
	padding:0;
	margin:0;
	list-style:none;
	}
#widgets .widget-wrapper li{
	border-left:6px solid #5C707C;
	line-height:16px;
	padding:0;
	margin: 0 0 10px 0;
	}
#widgets .widget-wrapper li:hover,
#widgets .widget-wrapper li.current-menu-item{
	border-left:6px solid #00A6DD;
	}
#widgets .widget-wrapper li a{
	border-left:1px solid #5C707C;
	background:#939598;
	display:block;
	padding: 2%;
	color:#fff;
	}
#widgets .widget-wrapper li a:hover,
#widgets .widget-wrapper li.current-menu-item a{
	border-left:1px solid #5C707C;
	background:#5C707C;
	display:block;
	padding:2%;
	color:#fff;
	}
#widgets .widget-wrapper h3{
	font-weight:600;
	font-size:18px;
	padding:0 0 3px 0;
	color:#00A6DD;
	margin:0;
	}
	
#header{
	background:#fff;
	padding:0;
	}
#logo{
	padding:18px;
	}
#top-widget {
	padding:16px;
	}

#top-widget{
	padding:0 18px 0 0;
	margin:0;
	}
	
.top-widget #searchform {
	padding:0 !important;
	clear:both;
	}
.top-widget input[type="text"]{
	border:1px solid #cfcfcf;
	background-color:#f6f6f6;
	border-radius: 0;
	box-shadow: none;
	width: auto;
	margin:0 !important;
	padding: 8px 0 8px 10px !important;
	color: #747474 !important;
	max-width:100%;
	width:180px;
	font-size: 13px;
}
.top-widget input[type="submit"]{
	background: url(../../../wp-content/themes/scallop/imgs/search-icon.png) center center no-repeat !important;
	background-color:#58A618 !important;
	border-left:1px solid #004f69 !important;
	box-shadow: none;
	border-radius: 0 !important;
	text-indent: -9000px;
	border:none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	margin: 0 !important;
	padding: 6px 20px !important;
	text-shadow: none;
	vertical-align: middle;
	white-space: nowrap;
	width:25px;
	}
.top-widget input[type="submit"]:hover{
	background: #58a618 url(../../../wp-content/themes/scallop/imgs/search-icon.png) center center no-repeat !important;
	}

#top-widget .top {
	float:right;
	clear:both;
	padding:0;
	margin:10px 0 14px 0;
	}
#top-widget .usa {
	margin-right:20px;
	line-height:28px;
	float:left;
	}
#top-widget .usa img{
	margin-right:10px;
	float:left;
	}
#top-widget ul.social{
	list-style:none;
	float:right;
	padding:0;
	margin:0;
	}
#top-widget ul.social li{
	display:inline-block;
	list-style:none;
	width:28px;
	height:28px;
	float:left;
	padding: 0;
	margin:0 0 0 6px;
	}
#top-widget ul.social li a img{
		opacity: 0.7;
		filter: alpha(opacity=70); /* For IE8 and earlier */
	}
#top-widget ul.social li a img:hover{
		opacity: 1.0;
		filter: alpha(opacity=100); /* For IE8 and earlier */
	}	

#wrapper{
	background:#E7E7E7;
	padding: 0 !important;
	position: relative;
	margin: 0 auto !important;
	border: none;
	clear: both;
	height:100%;
	}
body.page-template-page-zoom-php #wrapper{
	background: #fff !important;
	padding:0;
	max-width:100%;
	width:100%;
	}
	

#widgets form p{
	padding:0;
	margin:0 0 6px 0;
	}
#widgets textarea {
	height:72px;
	}

#content,
#content-archive,
#content-search {
	border-right:1px solid #999;
	background: #fff;
	padding: 2% 2% 1% 2% !important;
	overflow:hidden;
	min-height:100%;
	margin:0 !important;
	width:62%;
	}
.post-entry {
	background:#fff;
	padding: 0 !important;
	margin:0 !important;
	}

#footer{
	background:#858585;
	clear: both;
	margin: 0 auto;
	max-width:100%;
	width: 1020px;
	padding: 0;
	}
.copyright{
	background:url(../../../wp-content/themes/scallop/imgs/footer-squares.png) repeat;
	font-size:12px;
	color:#fff !important;
	max-width:100%;
	width: 96%;
	padding: 1.5% 2%;
	}
.copyright a{
	text-decoration:underline;
	color:#fff !important;
	}
.copyright a:hover{
	text-decoration:underline;
	color:#58A618 !important;
	}
.widget-wrapper{
	background-color: transparent !important;
	border-right: 1px solid #6d6d6d !important;
	border: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* =Footer Widgets
-------------------------------------------------------------- */

.footer-widgets{
	overflow:hidden;
	background:#858585;
	position:relative;
	font-size:12px;
	color:#fff !important;
	max-width:100%;
	width: 100%;
	padding: 0;
	
	display: table;
    table-layout: fixed;
	}

.footer-widget{
	display:inline-block;
	max-width:100%;
	width:14%;
	padding:0;
	margin:0;
	float:left;
    display: table-cell;
	}
	
.footer-widget h3{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border-right: 1px solid #008bb7;
	background:#00a5d9 !important;
	text-align:left;
	font-size:14px;
	font-weight: 700;
	padding:10px 0 10px 16px !important;
	display:inline-block;
	width:100% !important;
	margin:0;
	float:left;
	}
	
.footer-widget ul{
	margin:0;
	padding:10px 0 10px 16px !important;
	list-style:none;
	clear:both;
	float:left;
	}
.footer-widget ul li{
	margin:0;
	padding:2% 0;
	list-style:none;
	}
.footer-widget ul li a{
	color:#fff !important;
	}
.footer-widget .textwidget{
	padding:10px 0 10px 16px !important;
	}	
.footer-widget ul.social{
	float:left;
	clear:both;
	padding:10px 0 0 0 !important;
	margin:0;
	list-style:none;
	clear:both;
	float:left;
	}
.footer-widget ul.social li{
	display:inline-block;
	list-style:none;
	width:24px;
	height:24px;
	float:left;
	padding: 0;
	margin:0 6px 0 0;
	}
.footer-widget .contact-address{
	background:none !important;
	padding:8px 0;
	clear:both;
	float:left;
	}
#latest-news {
	float:left;
	padding:1% !important;
	max-width:100%;
	width:92% !important;
	}
#latest-news a{
	color:#fff;
	}
#latest-news a:hover,
#latest-news a:hover h4{
	color:#00A5D9;
	}
#latest-news a h4{
	font-size:14px;
	line-height:normal;
	padding:0;
	margin:10px 0 0 0;
	color:#fff;
	}

.menus,
.contact,
.latest-news {
	max-width:100%;
	}
	
.menus {
	width: 15%;
	}
.contact {
	width: 25%;
	}
.contact h3{
	border-right: none !important;
	}
.latest-news {
	background:#4b4b4b;
	width: 30%;
	}
.latest-news h3{
	border-left: 1px solid #008bb7;
	background:#0094c3 !important;
	}
	

.sans-border, .sans-border td {border: none;}


/*The last 29 days of the month are the hardest."- Nikola Tesla*/

/*
playback timings (ms):
  load_resource: 118.887
  captures_list: 67.771
  CDXLines.iter: 16.414 (3)
  esindex: 0.015
  PetaboxLoader3.resolve: 68.111 (2)
  PetaboxLoader3.datanode: 70.725 (5)
  RedisCDXSource: 2.171
  exclusion.robots.policy: 0.174
  exclusion.robots: 0.188
  LoadShardBlock: 45.616 (3)
*/