/*
Theme Name: EZ-NetTools 01
Theme URI: https://theme1.eznettools.com/
Author: EZ-NetTools Steve Monson
Author URI: https://eznettools.com/
Description: An exclusive EZ-NetTools WordPress Theme for Businesses.
Version: 1.2
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: custom-menu, custom-logo, custom-header, custom-background, editor-style, featured-images, microformats, sticky-post, threaded-comments
Text Domain:ez-nettools-01
*/

html {font-size:115%;}

body {
background:white;
margin:0; padding:0;
color:#222;
font-family:sans-serif; 
font-family: 'Roboto', sans-serif;
font-family: "Lucida Sans Unicode","Lucida Grande","Lucida Sans","DejaVu Sans Condensed",sans-serif;
}

*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

/*-------------------- General Layout -------------------------*/
#wrapper {display:flex; flex-direction:column; min-height:100vh;  }
.admin-bar #wrapper , body.admin-bar { min-height: calc(100vh - 32px); }

.maxwidth , #container { max-width:1200px; margin:0 auto;  }

#container { 
	flex:1 1 auto; width:100%;  
	 vertical-align:top;
	display:flex; 
	line-height:1.5;
	padding: 0 10px;
}


#content { flex:1 1 auto; margin: 16px auto;  }

.has-sidebar #content {max-width:900px; overflow:hidden; }
.page-template-template-nosidebar.has-sidebar #content { max-width:none; }

.page-template-template-fullwidth #container {max-width:none; padding:0;}
.page-template-template-fullwidth #content {max-width:100%; margin:0; box-shadow:none;}

/*.page-template-template-fullwidth #content .elementor-column-wrap {padding:0;}*/

@media( max-width:700px) {
	#container { flex-direction:column; }
}

/*------------------------------------ General Formatting ------------------------------------*/

h1, h2, h3, h4, h5, h6 {
margin:.2em auto;
text-rendering: optimizeLegibility;
line-height:1.15;
font-family: georgia , serif;
	font-weight:normal;
}

h1 { font-size:2.5em; }
h1:first-child {margin-top:0;}

h2 { font-size:1.8em; }
h3 { font-size:1.4em; }
h4 {}
h5 {}
h6 {}

p {
line-height:1.5;
margin:.8em auto;
}

a { color: #0077c6; }
a:hover , .entry-meta a:hover {color:#1f90db; text-decoration:underline; }

blockquote {position: relative; padding-left:1em;}

img {max-width:100%; height:auto; }

iframe {max-width:100%;}


.alignright{ float:right; margin-left:1em; clear:right; margin-top:.25em; }
.alignleft{ float:left; margin-right:1em; clear:left; margin-top:.25em; }
.aligncenter{ display:block; margin:auto; }

.video-container { width: 100%; position: relative; margin:0 0; background:#444; }
.video-container:after { padding-top: 56%; display: block; content: ""; }
.video-container iframe {	position: absolute; height:100%; width:100%; }

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block }

figure {margin:0; padding:0;}

.clear{clear:both}

.sticky{}
.bypostauthor{}
.wp-caption { text-align:center; }
.wp-caption img {vertical-align:top; }
.wp-caption-text { display:inline-block; text-align:left; font-size:16px; opacity:.8;}
.gallery-caption{}

.screen-reader-text { clip:rect(1px, 1px, 1px, 1px); position:absolute !important }


/*============== General Form Styling  ================*/
input, textarea {
	font:inherit;
	padding:6px;
	line-height:1.25;
	border: solid 1px #aaa;
}

/*------------------------ Header --------------------------------*/

#header {
	background:#3F84CE;
	box-shadow: 0 1px 1px rgba(0,0,0,.25) , 0 1px 6px rgba(0,0,0,.25);
	z-index:999;
	position:relative;
	text-shadow:1px 1px rgba(0,20,40,.6); 
}
#header a { text-decoration:none; color:inherit; }

#header .inner {
	margin: 0 auto;
	max-width:1200px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
#header .inner > * {display:inline-block; vertical-align:top; }

#header #branding {display:flex; flex-direction:column; padding:0 8px; justify-content:center; }
#site-title {font-size:1.4em;  display:flex; align-items:center; align-self:center; }
#site-logo {  display:inline-block; align-self: center; }
#site-logo img {width:auto; max-height:78px; vertical-align:top; }
.site-description {font-size:.8em; display:block;}

#header .header-aside {
	float:right; padding:.4em; font-size:1.4em; 
	display:flex; align-items:center; justify-content:flex-end;
	flex:1 1 auto;
}

.cart-contents {
    display: inline-flex;
    align-items: center;
    padding: 4px;
	position:relative;
	flex:1 1 auto;
	justify-content: center;
	background:transparent !important;
}
.cart-contents figure {display:inline-block; position:relative;  }
.cart-contents-count {
	position:absolute;
	top:-5px; left:5px; right:2px;
	text-align:center;
	font-weight:bold;
	font-size:16px;
}
.cart-contents svg {
    filter: drop-shadow(1px 1px #345);
}

.cart-contents-count.lots { font-size:13px; left:7px;}
/*------------------ Top Navigation ----------------------*/
#header #menu {   display:flex; position:relative; 	}
#menu ul {
	margin:0; padding:0; list-style:none;
	display:flex;
	flex-wrap:wrap;
	flex:9 1 auto;
}

#menu li { display:inline-block; display:flex; position:relative; flex:1 1 auto; }

#menu li a {
	display:inline-block;
	padding:.9em;
	line-height:1;
	text-decoration:none;
	display:flex;
	align-items:center;
	flex:1 1 auto;
	justify-content:center;
}
#menu li:first-child a {border: solid 1px rgba(100,100,100,.1);}

#menu li a:hover { background: rgba(180,250,235,.08); box-shadow:inset 1px 1px 4px 1px rgba(255,255,255,0.2); }

#menu li.current-menu-item > a , #menu li.current_page_parent > a  { background: rgba(8, 59, 98, 0.5);  box-shadow: inset 0 0 6px rgba(255,255,255,.2); }

#menu li ul {
position:absolute;
left:0; top:100%;
background:#f5f5f5;
font-size: .85em;
box-shadow: 0 1px 1px rgba(0,0,0,.25) , 0 1px 6px rgba(0,0,0,.25);
display:none;
}

#menu li:hover ul { display:block;}

#menu li.page_item_has_children > a:after, #menu li.menu-item-has-children > a:after  {
	content:' ';
	border:solid .2em transparent;
	border-top:solid .32em;
	border-bottom:solid .32em transparent;
	display: inline-block;
	vertical-align: top;
	margin-top:.33em;
	margin-left:.2em;
	opacity:0.8;
}
#menu li:hover ul li { flex:1 1 100%; }
#menu li:hover ul li a { width:100%; }

/*----------------- Breadcrumbs ------------------------*/
.breadcrumbs {
	font-size:14px;
	padding:8px 0;
}


/*-------------------- Homepage Banner ---------------------*/
.homepage-banner {
	position:relative;
	width:100%;  
}
.banner-image {
	background-size:cover;
	background-position:center;
	width:100%; height:100%; padding-bottom:45%;
}
.homepage-banner .textbox {
	position:absolute;
	top:0; left:0; right:0; bottom:0;
	padding:4vw;
	text-align:center;
	color:white;
	font-size:2.8vw;
	text-shadow: 1px 1px 4px rgba(0,0,0,.35);
	background:rgba(0,0,0, .5);
	background:linear-gradient( rgba(0,0,0, .5) , rgba(0,0,0, .1) );
}
.textbox h1 { max-width:14em;}

@media (max-width:400px) {
	.homepage-banner .textbox {font-size:3.3vw; overflow:auto;}
}
@media (min-width:1300px) {
	.homepage-banner .textbox {font-size:2.4vw;}
}

.button {
	display:inline-block;
	padding:.4em .8em;
	background:rgba(0,0,0,.6);
	color:white;
	line-height:1;
	text-decoration:none;
	border:solid .06em;
	border-radius:.15em;
}

.button:hover { text-decoration:none;   }

/*------------------------ Page & Blog Styling -----------------------------*/
.hentry {
	margin: 0;
}

.blog #content , .archive #content {box-shadow:none;}
.blog .hentry , .archive .hentry , .search-results > article {box-shadow:0 0 4px rgba(0,0,0,.25); overflow: hidden; margin: 0 auto 16px; }

.page-header , .post-header {
	position:relative;
	margin-bottom:4px;
}
.summary-header-link { color:inherit; text-decoration:none; transition: .3s cubic-bezier(.39,.58,.57,1);  }
.summary-header-link:hover {color:#0077c6;}
.featured-image {
	padding-bottom:50%;
	background-size:cover;
	background-position:center;
	background-color:#f5f5f5;
	box-shadow:inset 0 0 24px 1px rgba(0,0,0,.1);
	vertical-align:top;
	transition: .3s cubic-bezier(.39,.58,.57,1); 
}
.summary-header {position:relative; overflow:hidden;}
.summary-header:hover .featured-image {
	transform:scale(1.05);
}
.entry-title {  line-height:1.05;  }
.entry-title small { font-size: 45%; display: block; }
h2.entry-title {padding:.5rem 0;}
.with-image .entry-title {margin:0;}
.header-content {padding: 0rem 1rem .5rem;}
.with-image .header-content {
	position:absolute;
	bottom:0; left:0; right:0;
	background:rgba(0,0,0,.5);
	background: linear-gradient( rgba(0,0,0,0) , rgba(0,0,0,.5) 55% );
	color:white;
	padding: 1.25rem 1rem .5rem; margin:0;
	text-shadow:1px 1px 2px rgba(0,0,0,.5);
}

.entry-content { padding:0 1rem 0.75rem; }
.elementor-page .entry-content {padding:0;}

.entry-meta {opacity:.75; font-size:12px;}
.entry-meta a {color:inherit; text-decoration:none;}

.moretag a {background:none; color:inherit; border:solid 1px #aaa; }
.moretag a span { display:inline-block; transition:.15s cubic-bezier(.17,.84,.44,1); }
.moretag a:hover span { transform:translateX(2px); }

@media ( max-width:480px ) {
	 .with-image .header-content {position:static; color:inherit; background:none; text-shadow:none; margin:0; padding:0px; }
}

/*---------------------- Sidebar ----------------------------*/

#sidebar {max-width:290px; padding-left:16px; line-height:1.25; margin:0 auto; }
.page-template-template-leftbar #sidebar { padding-left:0; padding-right:16px; }

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

.widget-container {
    display: block;
    border: solid 1px #ccc;
    padding: 8px;
    margin: 16px 0 0 0;
	list-style:none;
	box-shadow:0 1px 4px rgba(0,0,0,.12);
}

.widget-title {font-size:0.95em; text-transform:uppercase; letter-spacing:0.12em; }

.widget-container ul { list-style:none; margin:0; padding:0; font-size:0.95em;}
.widget-container li { border-top:solid 1px #ccc; padding:8px;  }
.widget-container li a { display:block;   text-decoration:none; }

.searchform > div {display:flex; }
#s {
	padding:4px;
	flex:1 1 auto;
	font:inherit;
	border:solid 1px #bbb;
}
#searchsubmit {
	background:url(https://res.cloudinary.com/ez-nettools/image/upload/v1513965900/icon-search_stmbnw.png) #333 no-repeat center; 
	background-size: 21px 21px;
	color:transparent; border:none;
	font-size:10px;
}

.search-form , .woocommerce-product-search {display:flex; width:100%; font-size:16px;}
.search-form label  {display:flex;}
.search-field {width:100%; min-width:50px;  }


/*------------------- Comments Section -----------------------*/

.comments-dropdown {display:block;}

.number-of-comments {
font-size:1.8em;
font-weight:bold;
position:relative;
border-bottom:solid 3px;
	padding-bottom:4px;
	margin-bottom:12px;
}
.comments-dropdown summary:hover { background:#ddf4ff; }

.all-comments {
margin:0; padding:0;
}

.comments ul { padding:0px; margin:8px 0;}

.comments li {
margin:1rem 0 0 0;
padding: 1rem 0 0 40px;
list-style:none;
border-top:solid 1px #aaa;
position:relative;
}
.comment-body {position:relative; }

.reply {position:absolute; top:0; right:0; }
.avatar  {position:absolute; top:0; left:-40px;}

.comment-notes {font-size:14px;}


#respond {  padding:0px 12px;}
#respond p {margin:4px 0;}

.comment-form-comment , .form-submit {margin:0;}
.comment-form input, .comment-form textarea {
border:solid 1px #bbb;
box-shadow:inset 2px 2px 6px rgba(0,0,0,.15);
font:inherit;
width:100%;
padding:8px;
}

#comment {height:4em; transition:.45s cubic-bezier(.08,.82,.17,1); }
#comment:focus {height:10em;}

.comment-form input:focus, .comment-form textarea:focus {border:solid 1px #456;}
.comment-form input.submit { background:#eee; box-shadow:0 1px 2px rgba(0,0,0,.15); margin:16px 0; }

.logged-in-as {display:none; margin:0; }
.logged-in-as a {font-size:.85em; padding:8px; border:solid 1px; border-radius:3px; text-decoration:none; line-height:1; }


/*====================================== WooCommerce Styling =================================================*/
#content .woocommerce-breadcrumb { margin:0; font-size:14px; }
.woocommerce-breadcrumb a { display:inline-block; padding:8px 4px;}
.woocommerce-breadcrumb a:hover {background-color:#def;}

.pswp .pswp__bg {background:rgba(50,50,50,.88);}

.woocommerce #content { }

.woocommerce-mini-cart { font-size:14px;}
.woocommerce-mini-cart__buttons.buttons {margin:0;}
#sidebar ul.product_list_widget li{ padding-top:10px; padding-bottom:10px; }
#sidebar .widget_shopping_cart .cart_list li a.remove {top:10px;}

/*------------ My Account ------------------*/
.woocommerce-MyAccount-navigation ul {list-style:none;}
.woocommerce-MyAccount-navigation li a {
	border: solid thin;
	padding: 12px;
	display: block;
	line-height: 1;
	background: #3776cc;
	color: white;
	text-decoration: none;
}

.woocommerce-MyAccount-navigation li.is-active a {background:#e17b18; background:linear-gradient( #fdf4d6 , #efb639); color:#512a06; border:solid 1px #d18a46; }

/*---------- Shop Page -----------*/
#content ul.products {display:flex; flex-wrap:wrap; }
#content ul.products .product { 
	padding:4px;
	display: flex;
	flex-direction: column;
	justify-content: space-between; 
	flex: 1 1 10em;
	text-align:center;
	border: solid 1px #e8e8e8;
	border-radius: 4px;
}
.woocommerce .page-title {margin-top:0;}

#content ul.products::after {display:flex; flex:1 1 11em;   }

#content ul.products .product a {display:flex; color:inherit; flex:1 1 auto; flex-direction:column;}
#content ul.products .product a h2 {padding:4px 0;}
#content ul.products .product a img { margin:auto;   max-width:100%; width:auto;  }
#content ul.products li.product .button {margin-top:2px; flex:0 0 auto;}

#content .onsale {padding:0; background:#c43; font-size:.7em; }

#content .price {color:inherit; margin: 1px 0 2px; }
#content .price del { display: inline-block; }

.woocommerce #content nav.woocommerce-pagination a , .woocommerce nav.woocommerce-pagination span.current {padding:1rem;}


/*---------- Product Pages --------------*/

.single-product .product {padding:0 1rem;}

.value {display:flex;}
.label {width:3.0em;}
form.cart .quantity {display:flex;}
form.cart .quantity input {font:inherit;}

#container .button {  }
#content .alt.button {background:#336FC7; color:white; }

#content .woocommerce-product-rating {display:block; margin-bottom:4px;}
.woocommerce-review-link {font-size:14px;   }
.woocommerce #content .star-rating {margin:8px auto 0;}
.woocommerce .star-rating span::before {color:orange;}

#content div.product div.images img { max-width:100%; width:auto; }

.variations td.label {display:block; width:100%; line-height:1; border:solid thin #ddd; }

#content .tabs.wc-tabs {margin:0;}
.description_tab.active { color: #000; }
#content .woocommerce-Tabs-panel {border:solid thin #d3ced2; border-top:none; padding:1rem;}

@media (max-width:400px) {
	.woocommerce #content div.product .woocommerce-tabs ul.tabs {font-size:3.5vw; margin:8px -14px; }
}

/*---------------- shopping cart -------------------*/
.woocommerce-cart #content table.cart img {
	width:90px;	
}
@media (max-width:770px) {
	.woocommerce-cart #content table.cart img {}
	.woocommerce-cart #wrapper #content table.cart .product-thumbnail {display:block;}	
}


/*----------------- checkout ------------------*/
 #content input.input-text,  #content textarea {
	line-height:1.25;
}
.woocommerce #customer_details.col2-set .col-1, .woocommerce-page #customer_details.col2-set .col-1,
.woocommerce #customer_details.col2-set .col-2, .woocommerce-page #customer_details.col2-set .col-2 {
    clear: both;
    float: none !important;
    width: 100% !important;
    margin-right: 0px !important;
    text-align: left;
    padding-bottom: 20px;
}
.woocommerce-checkout #sidebar {display:none;}
.woocommerce-checkout #content {max-width:none;}

.select2-results__option, .payment_methods {color:#222;}


/*============================== Footer =====================================*/

#footer {
	background:#3062B1;
	color:#fafafa;
	padding-top:1em;
	text-align:center;
}
#footer a{color:#ffa;}

#footer li a{ padding:6px; }



#copyright {
	background: #136;
	padding:8px;
	font-size:16px;
}


.post-divider:first-child {
display:none; margin:0;
	
}

* + .post-divider {
	margin:8em auto 0;
	display: block;
    width: 100%;
}

/*:::::::::::::::::::::::::::: Media Queries :::::::::::::::::::::::::::::::::*/


@media (min-width:700px) {
	#customer_details {width:56%; float:left; padding-right:2rem; }
	#order_review {width:44%; float:right; }
	.comment-form-author , .comment-form-email , .comment-form-url { width:33.3%; float:left; padding-left:1%; }
	.comment-form-author {padding-left:0;}
}




@media (max-width:1090px) {
	html {font-size:110%;}
	#header #branding { padding:4px 8px;}
	#menu { order:3; width:100%; }
	#menu li { display:flex; flex:1 1 auto; }
	#menu li a { flex:1 1 auto; text-align:center;  }
}

@media (max-width:980px) {
	html {font-size:105%;}
}

@media (max-width:880px) {
	html {font-size:100%;}
}

@media (max-width:780px) {
	html {font-size:95%;}
	.woocommerce #content ul.products .product {margin: 0 1% 1rem;}
}

@media (max-width:700px) {
	html {font-size:90%;}
	#sidebar {padding-left:0;}
}

@media (max-width:600px ) {
	#branding , .header-aside {width:100%; text-align:center; }
	h1.entry-title {font-size:2.2em;}
	#header .header-aside {justify-content:center; }
	.cart-contents {position:absolute; bottom:100%; right:4px;  }
	.banner-image {padding-top:10%;}
}