/*
Theme Name:   	Storefront Child Theme
Theme URI:    	https://github.com/stuartduff/storefront-child-theme
Author:       	Stuart Duff
Author URI:     http://stuartduff.com
Template:     	storefront
Description:  	This is a blank child theme for WooThemes StoreFront theme
Version:      	1.0.0
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	storefront
Tags:         	black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later
*/

/*
 * Add your own custom css below this text.
 --------------------------------------------------------------
 >>> TABLE OF CONTENTS:
 ----------------------------------------------------------------*/

/*
 # Normalize
 # Typography
 # Elements
 # Forms
 # Navigation
 	## Links
 	## Menus
 # Accessibility
 # Alignments
 # Clearings
 # Widgets
 # Content
     ## Posts and pages
 	## Asides
 	## Comments
 # Infinite scroll
 # Media
 	## Captions
 	## Galleries
 ----------------------------------------------------------------*/

/* # Typography
 ======================*/

body, html {
  font-family: 'Lato', sans-serif;
  font-weight: 500;
}

/* # Forms
=======================*/

/* # Navigation
 ======================*/

/* ## Header Area */

.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header, .no-wc-breadcrumb .site-header {
  margin-bottom: 0.2em;
}

.site-header {
  padding-top: 1.0em;
  margin-bottom: 0;
}

.header_logo {
  float: left;
}

/* ## Main Menu Bar Styles */

.storefront-primary-navigation {
  background-color: #b50000;
}

#menu-main-menu a {
  padding: 1em 26px;
  color: #FFFFFF;
}

#menu-main-menu a:hover {
  background-color: #f1f1f1;
  color: #b50000;
}

.site-header .site-search {
  width: 30% !important;
  /* Use px values if you want, eg. 350px */
}

}

/* ## Sub Menu Styles */

#menu-main-menu ul.sub-menu {}

#menu-main-menu ul.sub-menu, #menu-main-menu ul.nav-menu ul.children {
  background: #f1f1f1;
  border: 1px solid #D6D6D6;
  border-top: none;
}

#menu-main-menu ul.sub-menu li a, #menu-main-menu ul.nav-menu ul.children li a {
  color: #b50000;
}

#menu-main-menu ul.sub-menu li a:hover, #menu-main-menu ul.nav-menu ul.children li a:hover {
  background: #795959;
  color: #FFF;
}

.widget_nav_menu ul li:before {
  content: '';
}

.main-navigation ul li a:before {
  content: '';
}

/* ## Remove Dropdown Menu Arrows */

@media (min-width: 768px) {
  .main-navigation ul.menu>li.menu-item-has-children>a:after, .main-navigation ul.menu>li.page_item_has_children>a:after, .main-navigation ul.nav-menu>li.menu-item-has-children>a:after, .main-navigation ul.nav-menu>li.page_item_has_children>a:after {
    display: none;
  }
}

/*  # Elements
======================*/

/* Header Style */

.single-product .header-widget-region {
  display: none;
}

/* Sidebar Styles */

aside .widget-title {
  background: #a40a0a;
  color: #fff;
}

.widget h3.widget-title {
  padding: 10px 0 10px 10px;
}

img {
  border-radius: 0px;
}

.menu-categs-box {
  height: auto;
  width: 1074px;
  margin: 0 auto;
  padding: 0;
}

.menu-categs-box a {
  text-decoration: none;
}

.menu-categs-box ul {
  float: left;
  width: 19%;
  margin: 0 5px;
  padding: 0;
  text-align: center;
}

.menu-categs-box ul li {
  list-style-type: none;
}

li.libreak img {
  width: 100%;
  height;
  auto;
}

li.cat_title {
  height: 36px;
  padding: 5px 0;
  line-height: 24px;
  font-weight: 700;
}

li.broadcast-services {
  background: linear-gradient(to bottom, #7b6c06, #eecd32);
}

li.antennas {
  background: linear-gradient(to bottom, #063e7b, #3a6492);
}

li.filters-combiners {
  background: linear-gradient(to bottom, #1c6605, #43923a);
}

li.towers {
  background: linear-gradient(to bottom, #7b067a, #823b88);
}

li.transmission-line {
  background: linear-gradient(to bottom, #A00000, #c00);
}

.cat_title a {
  color: #fff;
}

ul.wsubcategs {
  width: 100%;
  margin: 0;
  padding: 8px 0;
  line-height: 21px;
}

ul.wsubcategs li {
  text-align: left;
  padding: 7px 5px;
  border-bottom: 1px dotted #000;
}

ul.wsubcategs a {
  color: #000;
  font-weight: normal;
  font-size: .9em;
}

ul.wsubcategs a:hover {
  color: #A00000;
}

.home_posts {
  width: 48%;
  float: left;
  margin-right: 5px;
}

.home_posts:nth-child(2) {
  float: right;
}

.home-widget-title {
  background: linear-gradient(to bottom, #00315C, #005190);
  font-size: 1.15em;
  font-weight: normal;
  color: #FFF;
  padding: 0 10px;
}

.reseller_main {
  width: 100%;
  min-height: 300px;
}

.reseller_logo {
  float: left;
  width: 300px;
}

.reseller_info {
  float: left;
  height: 300px;
  width: auto;
}

.resellerBlock {
  display: inline-block;
  margin: 0.5em 10px;
  width: auto;
}

.resellerBlock h4 {
  margin-bottom: 0;
}

.specialImg {
  width: auto;
}

.specialImg a:link {}

/* # Content
===============================*/

.entry-header .posted-on {
  display: none;
}

a.social-icon {
  float: left;
  padding: 10px;
}

/* Child Page Shortcode */

.childList {
  width: 100%;
  margin-bottom: 1.8em;
  position: relative;
}

.childPic {
  width: 10%;
  height: 100px;
  margin-right: 10px;
  padding-top: 5px;
  float: left;
}

.childBlock {
  width: 85%;
  height: 100px;
  padding-top: 10px;
  float: left;
}

/* Sales Contact Shortcode */

.salesList {
  width: 100%;
  display: block;
  margin-bottom: 1.8em;
}

.salesPic {
  width: 10%;
  display: inline-block;
  padding-top: 5px;
}

.salesBlock {
  width: 70%;
  display: inline-block;
}

/* Planning Tools Shortcode */

.planningList {
  width: 100%;
  display: block;
  margin-bottom: 1.8em;
}

.planningPic {
  width: 10%;
  background: #23232se;
  display: inline-block;
}

.planningBlock {
  width: 70%;
  display: inline-block;
  vertical-align: top;
  padding-left: 10px;
}

.planningBlock p {
  margin-bottom: 0;
}

.col-full {}

.home.right-sidebar .content-area {
  width: 100%;
  margin-right: 0;
}

.career_listings a {
  font-weight: bold;
}

#single_careers h2, #single_careers h3 {
  font-weight: bold;
}

#single_careers h3 {
  margin-top: 10px;
}

html body #single_careers button a {
  color: #f0f0f0;
}

html body #single_careers button {
  border-radius: 10px;
}

/* Guyed Calculator Elements
=======================================*/

.guyed-tower-calc-link {
  margin-bottom: 30px;
}

.results {
  margin-top: 20px;
}

.headerRow {
  display: flex;
  display: -webkit-flex;
  /* Safari */
  flex-direction: row;
  /*  flex-grow: 1;
    flex-shrink: 1;*/
  width: 100%;
  color: #000;
}

.headerRow div {
  border: 1px solid #000;
  padding: 15px;
  text-align: center;
  /*    display:inline-flex;*/
  flex: 1;
  align-self: center;
}

.headerRow div:first-child {
  flex: 1;
  width: 20px;
}

#empty_header {
  flex: 1;
  width: 20px;
  background-color: #FFFFFF;
  border: 1px solid #FFF;
}

#header_top {
  flex: 1;
  background-color: #e8c78b;
}

.USHeader {
  background-color: #98e0ac
}

#left_us {
  border-right: 1px solid #98e0ac;
}

#middle_us {
  border-left: 1px solid #98e0ac;
  border-right: 1px solid #98e0ac;
}

#right_us {
  border-left: 1px solid #98e0ac;
}

.metricHeader {
  background-color: #98b5e0
}

#left_metric {
  border-right: 1px solid #98b5e0;
}

#middle_metric {
  border-left: 1px solid #98b5e0;
  border-right: 1px solid #98b5e0;
}

#right_metric {
  border-left: 1px solid #98b5e0;
}

#header_bottom {
  flex: 1;
  background-color: #f9de66;
}

.whiteCell {
  background-color: #ffffff;
}

.resultRow {
  display: flex;
  display: -webkit-flex;
  /* Safari */
  flex-direction: row;
  flex-grow: 1;
  flex-shrink: 1;
  width: 100%;
  color: #000;
}

.resultRow div {
  border: 1px solid #000;
  padding: 15px;
  text-align: center;
  /*display:inline-flex;*/
  flex: 1;
  align-self: center;
}

.resultRow div:first-child {
  flex: 1;
  width: 20px;
}

.badRow {
  flex: 1;
  background-color: #e8c78b;
}

.okayRow {
  flex: 1;
  background-color: #f9de66;
}

.perfectRow {
  flex: 1;
  background-color: #3df936;
}

.goodRow {
  flex: 1;
  background-color: #98e0ac;
}

/* # WooCommerce Elements
================================== */

/* # Single Product */

.images, .entry-summary {}

img.attachment-shop_single {
  margin-right: 0;
}

.single-product div.product .images {
  margin: 0;
  width: 31%;
}

.single-product div.product .summary {
  float: left;
  width: 60%;
}

.single-product div.product .summary h1 {
  font-size: 1.5em;
}

/* # Shop Home Page and Categories Listings */

.storefront-handheld-footer-bar {
  display: none;
}

.site-main ul.products li.product {
  width: 100%;
  text-align: left;
}

.site-main .columns-3 ul.products li.product {
  width: 100%;
  text-align: left;
}

.product-category-image {
  float: left;
  padding-right: 10px;
}

.product-category-title {
  text-align: left;
  clear: right;
  margin-bottom: 0.25em;
}

.product-category-description {
  font-size: 14px;
  text-align: left;
}

.product-category-sublists {
  clear: both;
  display: block;
  text-align: left;
  float: left;
  font-size: 1.15em;
}

.product-category-sublists span:after {
  content: ' -';
}

.product-category-sublists span:last-child:after {
  content: '';
}

ul.products li img {
  float: left;
  margin: 0;
  height: 100px;
  width: 100px;
}

ul.products li h3 {
  clear: right;
  margin-left: 10px;
}

ul.products li a {
  clear: left;
  width: inherit;
}

#content .products .product .product_type_simple {
  display: none;
}

.excerpt_style {
  width: 80%;
  padding-left: 10px;
  text-align: left;
}

.excerpt_style p {
  text-align: left;
}

.subcat_list {
  clear: both;
  display: block;
  text-align: left;
  margin-top: 15px;
}

a.woocommerce-LoopProduct-link img {
  float: left;
  padding: 10px;
}

/* # Single Product Custom Fields */

.definition_list {
  list-style-type: none;
  display: block;
  margin-left: 0.5em;
  width: 85%;
}

.definition_list li {
  border-bottom: 1px dotted #aeaeae;
  font-size: 0.85em;
}

.def_title {
  padding: 5px;
  text-align: right;
  vertical-align: top;
  font-style: italic;
  width: 10%;
  display: inline-block
}

.def_item {
  padding: 5px;
  width: 85%;
  display: inline-block
}

.prod_list {
  list-style-type: none;
  margin-left: 0.5em;
  width: 85%;
}

.prod_list li {
  border-bottom: 1px dotted #5C5C5C;
  font-size: 0.9em;
}

.prod_title {
  padding: 5px;
  text-align: left;
  vertical-align: top;
  font-weight: bold;
  width: 35%;
  display: inline-block;
}

.prod_item {
  padding: 5px;
  width: 55%;
  display: inline-block
}

.single_list {
  list-style-type: disc;
  width: 85%;
}

.single_list li {
  font-size: 0.9em;
}

.single_title {
  padding: 5px;
  text-align: left;
  vertical-align: top;
  font-weight: bold;
  width: 35%;
  display: inline-block;
}

.single_item {
  padding: 5px;
  display: inline-block
}

.pattern_block {
  width: 32%;
  padding: 0px;
  display: block;
  float: left;
}

.pattern_block img {
  height: auto;
  width: 200px;
  padding: 10px;
}

.pattern_block ul {
  width: 100%;
  margin: 0;
  display: block;
  list-style-type: none;
}

.pattern_block ul li {
  font-size: 0.80em;
}

.pattern_block ul li:nth-child(1) {
  font-weight: bold;
}

.product-table {
  font-size: 0.5em;
}

.woocommerce-tabs {
  display: none;
}

.products .product-category .product-category-description {
    padding-left: 120px;
}

.products .product-category h2.woocommerce-loop-category__title, .products .product h2.woocommerce-loop-product__title {
    display: inline-block;
    padding-left: 20px;
}
.products .product-category a, .products .product a{
  overflow:hidden;
}

/*=======================================================
RESPONSIVE STYLES
========================================================= */

@media (max-width: 767px) {
  /*  # Typography  */
  /* # Forms */
  /* # Navigation
    ## Links
    ## Menus */
  .site-header {
    padding-top: 1.0em;
  }
  .header_logo {
    display: inline;
    width: 100%;
    background-color: #FFF;
  }
  .home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header, .no-wc-breadcrumb .site-header {
    margin-bottom: 0;
  }
  button.menu-toggle, button.menu-toggle:hover {
    border: none;
    background: #b50000;
    color: #fff;
  }
  .storefront-handheld-footer-bar ul li.cart .count, button.menu-toggle:after, button.menu-toggle:before, button.menu-toggle span:before {
    background-color: #FFF;
  }
  .handheld-navigation ul li a {
    color: #fff;
  }
  /* #Elements */
  /* Homepage */
  .home_posts {
    width: 100%;
  }
  li.libreak img {
    display: none;
  }
  .menu-categs-box {
    height: auto;
    width: auto;
    margin: 0 auto;
    padding: 0;
  }
  .menu-categs-box a {
    text-decoration: none;
  }
  .menu-categs-box ul {
    float: left;
    width: 100%;
    margin: 4px 0 2px 0;
    padding: 0;
    text-align: center;
  }
  .wsubcategs {
    display: none;
  }
  /* #woocommerce category list*/
  .excerpt_style {
    width: 100%;
  }
  /* #woocommerce single product*/
  .single-product div.product .summary {
    width: 100%;
  }
}
