/*
Theme Name: Richards Electric Motor Company
Theme URI: http://www.richardselectricmotor.com/
Author: SS2 Designs, Poole Communications
Author URI: http://ss2design.com/
Description: Custom theme built from the ground-up for Richards Electric Motor Company; compact, mobile-friendly design with deep reds and a darker background
Version: 1.2
*/

body, html {
  height: 100%;
  padding: 0;
  margin: 0;
}

body {
  min-width: 1017px;
  line-height: 1.8em;
  color: #000000;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  background-image: url('images/bkgd.jpg');
  background-position: top center;
  background-repeat: no-repeat;
  background-color: #000000;
}

a {
  color: #D31C23;
}

form {
  margin: 0;
}

img {
  border: none;
}

.button,
#header .header_secondary .header_call_search form input[type="submit"] {
  display: block;
  width: auto;
  text-decoration: none;
  color: #FFFFFF;
  font-size: 125%;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #D31C23;
  background-image: url('images/nav_bkgd.jpg');
  background-position: top left;
  background-repeat: repeat-x;
  border: none;
  border-radius: 0.3em;
  padding: 0.6em 1em;
  margin: 0.5em 0;
}

.clearb {
  height: 1px;
  clear: both;
}

.column_fourth {
  width: 25%;
}

.column_half {
  width: 50%;
}

.column_third {
  width: 33%;
}

#content {
  position: relative;
  float: right;
  width: 650px;
}

  #content h1 {
    line-height: 1.4em;
    color: #D31C23;
    margin: 1.2em 0;
  }
  
  #content > .product {
    background: #EEEEEE; /* Old browsers */
    background: -moz-linear-gradient(top, #FFFFFF 0%, #FFFFFF 80%, #DDDDDD 100%);
    background: -webkit-linear-gradient(top, #FFFFFF 0%, #FFFFFF 80%, #DDDDDD 100%);
    background: linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 80%, #DDDDDD 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(
      startColorstr='#FFFFFF', endColorstr='#DDDDDD', GradientType=0 );
    border-right: #000000 1px solid;
    border-bottom: #000000 1px solid;
    border-left: #000000 1px solid;
    padding: 1.8em;
  }

  #content > .woocommerce-error {
    background-color: #FFBFBF;
  }

  #content > .woocommerce-error,
  #content > .woocommerce-message {
    list-style: none;
    border-right: #000000 1px solid;
    border-bottom: #000000 1px solid;
    border-left: #000000 1px solid;
    padding: 1em;
    margin: 0 !important;
  }

    #content > .woocommerce-error .button,
    #content > .woocommerce-message .button {
      display: table;
    }

  #content > h1 + .woocommerce-error,
  #content > h1 + .woocommerce-message {
    border-top: #000000 1px solid;
  }

  #content > .woocommerce-message {
    background-color: #FFFDBF;
  }

#content.paper {
  width: 554px;
  background-image: url('images/paper_top.jpg');
  background-position: top left;
  background-repeat: no-repeat;
  padding: 82px 48px 0;
}

  #content.paper h1 {
    margin-top: 0.6em;
  }

  #content.paper h2:first-child {
    position: absolute;
    top: 5px;
    right: 39px;
    min-width: 207px;
    height: 45px;
    line-height: 48px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    font-size: 2em;
    background-color: #000000;
    border-radius: 8px 8px 0 0;
    padding: 0 20px;
    margin: 0;
  }
  
  #content.paper h3 {
    text-align: center;
    line-height: 1.8em;
    border-bottom: #CCCCCC 1px solid;
  }
  
  #content.paper h4 {
    font-size: 1.5em;
  }
  
#content.paper::after {
  display: block;
  height: 89px;
  content: '';
  background-image: url('images/paper_bottom.jpg');
  background-position: top left;
  background-repeat: no-repeat;
  margin: 0 -48px;
}

#footer {
  position: relative;
  margin: 2em 0 2.4em;
}

  #footer .office {
    float: left;
    width: 32%;
    line-height: 1.4em;
    text-align: center;
    color: #FFFFFF;
    font-size: 1.36em;
    margin: 0 0 0 1%;
  }
  
    #footer .office em {
      color: #BBBBBB;
      font-style: normal;
    }

  #footer .office:first-child {
    width: 99%;
    margin-bottom: 1.4em;
  }
    
.front_page blockquote {
  font-size: 130%;
  line-height: 1.6em;
  margin-top: 2em;
  margin-bottom: 2em;
}

.front_page .column_third {
  margin-bottom: 1em;
}

#header {
  position: relative;
  padding: 0.8em 0 0 1.2em;
}

  #header .header_secondary {
    position: absolute;
    top: 50%;
    right: 2em;
    width: 24em;
    height: 4.20em;
    line-height: 1.6em;
    text-align: right;
    color: #FFFFFF;
    font-size: 1.5em;
    font-weight: 700;
    margin-top: -1.6em;
    margin-right: 7em;
  }

    #header .header_secondary big {
      display: block;
    }

    #header .header_secondary .header_call_search a.button {
      position: relative;
      display: inline-block;
      line-height: normal;
      text-align: center;
      font-size: 1rem;
      font-weight: 400;
      vertical-align: middle;
      background-position: 0 -3px;
    }

    #header .header_secondary .header_call_search form {
      position: relative;
      background-color: #FFFFFF;
      border-radius: 0.3em;
      padding-left: 10px;
    }

      #header .header_secondary .header_call_search form input {
        font-size: 1rem;
        border: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none;
      }

      #header .header_secondary .header_call_search form input[type="search"] {
        background-color: transparent;
        outline: none;
      }

      #header .header_secondary .header_call_search form input[type="submit"] {
        display: inline-block;
        font-size: 1rem;
        cursor: pointer;
        background-position: 0 -3px;
        border-radius: 0 0.3em 0.3em 0;
        -moz-transform: translateX(3px);
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
        margin: 0;
      }

    #header .header_secondary .header_call_search form::after {
      position: absolute;
      top: 50%;
      right: 0;
      width: 2rem;
      height: 1px;
      line-height: 1px;
      text-align: center;
      color: #FFFFFF;
      font-weight: 400;
      font-style: normal;
      font-family: FontAwesome;
      content: '\f002';
      pointer-events: none;
      -moz-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
    }

    #header .header_secondary .header_flag {
      display: block;
      position: absolute;
      top: 50%;
      left: 105%;
      width: 115px;
      height: 75px;
      background-position: center center;
      background-repeat: no-repeat;
      margin-top: -38px;
    }

.input-text {
  font-size: 110%;
  padding: 0.4em;
}

#main {
  background-color: #FFFFFF;
  padding: 1.6em 1.6em 2.4em;
}

  #main img {
    height: auto;
    max-width: 100%;
  }
  
#navigation {
  position: relative;
  background-image: url('images/nav_bkgd.jpg');
  background-position: top left;
  background-repeat: repeat-x;
}

  #navigation #cart_contents {
    position: absolute;
    top: 0;
    right: 0.8em;
  }
  
    #navigation #cart_contents a {
      display: inline-block;
      height: 1.8em;
      line-height: 1.8em;
      text-decoration: none;
      font-size: 120%;
      font-weight: 700;
      vertical-align: middle;
      background-color: #FFFFFF;
      border-radius: 0.3em;
      padding: 0 0.4em;
      margin: 0.9em 0;
    }
  
      #navigation #cart_contents a i {
        margin: 0 0.2em 0.2em 0;
      }

  #navigation ul {
    height: 3.6em;
    line-height: 3.6em;
    font-size: 120%;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
    #navigation ul li {
      position: relative;
      float: left;
    }

      #navigation ul li a {
        position: relative;
        display: inline-block;
        height: inherit;
        line-height: inherit;
        text-decoration: none;
        text-transform: uppercase;
        color: #FFFFFF;
        background-image: url('images/nav_bkgd.jpg');
        background-position: top left;
        background-repeat: repeat-x;
        padding: 0 2em;
      }
    
      #navigation ul li a:hover {
        background-position: bottom left;
      }
      
      #navigation ul li ul {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        width: 18em;
        height: auto;
        font-size: inherit;
        background-color: #222222;
        z-index: 199;
      }
      
        #navigation ul li ul li {
          float: none;
        }
      
        #navigation ul li ul li a {
          display: block;
          text-overflow: ellipsis;
          white-space: nowrap;
          background-image: none;
          overflow: hidden;
        }
      
        #navigation ul li ul li a:hover {
          background-color: #111111;
        }
        
      #navigation ul li:hover ul {
        display: block;
      }

#navigation_toggle {
  display: none;
}

.product {
  position: relative;
}

  .product h2 {
    height: 1em;
    line-height: 1em;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 130%;
    overflow: hidden;
    margin: 1.2em 0;
  }

  .product .images {
    float: left;
    width: 21em;
    margin-top: 1.5em;
  }

    #main .product .images .thumbnails img,
    .product .images .thumbnails img {
      max-width: 26%;
      border: #CCCCCC 1px solid;
      padding: 3px;
      margin: 0 3% 2% 0;
    }
    
    #main .product .images .woocommerce-main-image img,
    .product .images .woocommerce-main-image img {
      max-width: 94%;
    }
    
  .product .onsale {
    display: none;
  }
    
  .product p.price {
    font-size: 225%;
    font-weight: 700;
    color: #D31C23;
    margin-top: -0.4em;
  }
  
  .product .product_title {
    color: #000000 !important;
    font-weight: 400 !important;
  }
  
  .product .single_product_features {
    position: relative;
    margin: 1.5em 0;
  }
  
    .product .single_product_features p {
      font-size: 125%;
      font-weight: 700;
      margin: 0.2em 0;
    }
  
    .product .single_product_features ul {
      list-style-position: inside;
      padding: 0;
      margin: 0;
    }
  
  .product .summary {
    float: right;
    width: 24em;
  }
  
  .product .woocommerce-tabs {
    margin: 1.5em 0;
  }

.products {
  position: relative;
  list-style: none;
  border-left: #000000 1px solid;
  padding: 0;
  margin: 0;
}

  .products li {
    float: left;
    width: 33.33%;
    background: #EEEEEE; /* Old browsers */
    background: -moz-linear-gradient(top, #FFFFFF 0%, #FFFFFF 40%, #DDDDDD 100%);
    background: -webkit-linear-gradient(top, #FFFFFF 0%, #FFFFFF 40%, #DDDDDD 100%);
    background: linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 40%, #DDDDDD 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(
      startColorstr='#FFFFFF', endColorstr='#DDDDDD', GradientType=0 );
    border-right: #000000 1px solid;
    border-bottom: #000000 1px solid;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2% 2% 3%;
    margin: 0;
  }
  
    .products li a {
      display: block;
      text-decoration: none;
    }
  
    .products li a.button {
      display: table;
      margin: 0 auto;
    }

    .products li h3 {
      text-overflow: ellipsis;
      font-size: 125%;
      font-weight: 400;
      color: #000000;
      white-space: nowrap;
      overflow: hidden;
      margin: 1.5em 0 0.4em;
    }
    
      .products li .onsale {
        display: none;
      }
      
    .products li p {
      color: #000000;
      height: 4.8em;
      line-height: 1.6em;
      overflow: hidden;
      margin-top: 0;
    }
    
    .products li span.price {
      display: block;
      text-overflow: ellipsis;
      font-size: 150%;
      font-weight: 700;
      white-space: nowrap;
      overflow: hidden;
      margin: 0.2em 0 0.3em;
    }
  
.products::after {
  display: block;
  height: 1px;
  clear: both;
  content: '\00a0';
  background-color: #FFFFFF;
  margin-left: -1px;
}

.remco_col {
  float: left;
}

.remco_map,
.remco_video {
  position: relative;
  width: 100%;
  height: 0;
}

  .remco_map iframe,
  .remco_video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

.remco_map {
  padding-bottom: 100%;
}

.remco_product_atts {
  width: 100%;
  border-bottom: #000000 1px solid;
}

  .remco_product_atts td {
    line-height: 2em;
    text-indent: 2em;
    border-top: #000000 1px solid;
    vertical-align: top;
  }

  .remco_product_atts td:nth-child(1){
    width: 25%;
    font-weight: 700;
  }
  
  .remco_product_atts td:nth-child(2){
    width: 75%;
  }

.remco_shop_title {
  position: relative;
  display: block;
  border-bottom: #000000 1px solid;
}

  .remco_shop_title div {
    position: absolute;
    top: 0;
    right: 0.4em;
    height: 45px;
    line-height: 45px;
    text-align: right;
    text-shadow: 0 0 5px #FFD334;
    color: #CC0000;
    font-size: 2.2em;
    font-weight: 700;
  }

    .remco_shop_title div a {
      text-decoration: none;
    }

  .remco_shop_title h1,
  .remco_shop_title p {
    display: inline-block;
    height: 45px;
    line-height: 48px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    font-size: 2em;
    font-weight: 700;
    background-color: #000000;
    border-radius: 8px 8px 0 0;
    vertical-align: middle;
    padding: 0 20px;
    margin: 0;
  }

.remco_shop_title::after {
  display: block;
  height: 0;
  clear: both;
  content: '\00a0';
}

.remco_woo_thumb_wrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  overflow: hidden;
}

  .remco_woo_thumb_wrapper img {
    position: absolute;
    top: 0;
    left: 0;
  }

.remco_video {
  padding-bottom: 56.25%;
}
      
#sidebar {
  float: left;
  width: 252px;
}
      
.ui-icon {
  display: none !important;
}

ul.page-numbers {
  text-align: center;
  list-style: none;
  padding: 0;
  margin: 2em 0;
}

  ul.page-numbers li {
    display: inline-block;
  }
  
    ul.page-numbers li *.current {
      font-weight: 700;
    }
  
    ul.page-numbers li *.current,
    ul.page-numbers li *:hover {
      background-color: #F9F9F9;
    }
  
    ul.page-numbers li a,
    ul.page-numbers li span {
      display: inline-block;
      line-height: 1.5em;
      text-decoration: none;
      font-size: 110%;
      border: 1px solid #DFDFDF;
      border-radius: 3px;
      padding: 0.5em 1em;
      margin: 0 0.2em;
    }

.wc-tabs {
  display: none;
}

#wc-stripe-cc-form .form-row {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.widgets {
  position: relative;
}

  .widgets .ccards {
    position: relative;
    text-align: center;
    margin: 1.5em 0;
  }

  .widgets .widget {
    position: relative;
    border: #000000 1px solid;
  }

    .widgets .widget h2.accordion_heading {
      height: 2.2em;
      line-height: 2.2em;
      text-indent: 1em;
      text-transform: uppercase;
      color: #FFFFFF;
      font-size: 1.6em;
      font-weight: 400;
      letter-spacing: 2px;
      background-color: #000000;
      margin: 0;
    }
    
    .widgets .widget h2.accordion_heading::after {
      display: inline;
      color: #D31C23;
      font-size: 80%;
      font-family: FontAwesome;
      font-style: normal;
      font-weight: 400;
      content: '\f054';
      padding-left: 0.6em;
    }

  .widgets .widget.filters {
    border: none;
  }

    .widgets .widget.filters h2 {
      color: #CC0000;
      font-size: 150%;
    }

.woocommerce-ordering {
  z-index: auto;
}

.woocommerce-error::before,
.woocommerce-message::before {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  display: block !important;
}

.woocommerce-product-search input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.woocommerce-tabs {
  margin-bottom: 2em;
}

.woof { }

  .woof h4 {
    line-height: 1.8em;
    color: #999999;
    font-size: 150%;
    cursor: pointer;
    border-top: #000000 1px solid;
    border-bottom: #000000 1px solid;
    -moz-transition: border-bottom-color 0.4s;
    -webkit-transition: border-bottom-color 0.4s;
    transition: border-bottom-color 0.4s;
    padding: 0 0 0 14px !important;
    margin-top: 0;
    margin-bottom: 0 !important;
    margin-left: 0;
  }

  .woof .price_slider_wrapper {
    margin: 0 1.5em;
  }

  .woof .price_slider_wrapper::before,
  .woof .price_slider_wrapper::after {
    display: block;
    font-size: 60%;
    content: '\00a0';
  }

  .woof .price_slider_wrapper::after {
    height: 1em;
    overflow: hidden;
  }
  
  .woof .widget_price_filter {
    min-height: 6em;
  }

    .woof .widget_price_filter .ui-slider {
      margin-left: 0;
      margin-right: 0;
    }
      
      .woof .widget_price_filter .ui-slider .ui-slider-handle {
        background-color: #CC0000;
        border: #000000 1px solid;
      }
    
      .woof .widget_price_filter .ui-slider .ui-slider-range {
        background-color: #CC0000;
      }

  .woof .woof_container {
    padding-bottom: 0;
    margin-bottom: 0;
  }

  .woof .woof_container.active { }

    .woof .woof_container:nth-child(3) h4 { border-bottom-color: #000000; }
    .woof .woof_container.active h4 { border-bottom-color: #000000 !important; }

  .woof .woof_container.inactive { }

    .woof .woof_container:nth-child(n+4) .woof_block_html_items { display: none; }
    .woof .woof_container:nth-child(n+4) h4 { border-bottom-color: transparent; }
    .woof .woof_container.inactive h4 { border-bottom-color: transparent !important; }

  .woof .woof_list {
    padding-left: 1em;
  }
  
    .woof .woof_list li {
      line-height: 2.4em;
      padding: 0 !important;
      margin: 0 !important;
    }
    
      .woof .woof_list li div {
        background-image: url('images/re-checkbox.png');
        margin-top: -2px;
      }
  
      .woof .woof_list li a,
      .woof .woof_list li label {
        line-height: 18px;
        text-decoration: none;
        font-size: 120%;
        vertical-align: middle;
        padding: 0;
      }

      .woof .woof_list li .woof_radio_term_reset::after {
        color: #CC0000;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: 400;
        content: '\f057';
      }
    
      .woof .woof_list li .woof_radio_term_reset img {
        display: none;
      }
  
  .woof .woof_list::before,
  .woof .woof_list::after {
    display: block;
    font-size: 60%;
    content: '\00a0';
  }
  
  .woof .woof_reset_search_form {
    float: none;
    display: block;
    width: 100%;
    cursor: pointer;
    margin: 1em 0 0.2em;
  }
  
  .woof .woof_reset_search_form::after {
    display: inline;
    content: ' Search Filters';
  }
  
  .woof .woof_submit_search_form_container {
    border-top: #000000 1px solid;
    margin: 0;
  }

.woof_products_top_panel {
  line-height: 2.4em;
  border-right: #000000 1px solid;
  border-bottom: #000000 1px solid;
  border-left: #000000 1px solid;
  padding: 1em;
  margin: 0;
}

  .woof_products_top_panel li a {
    display: inline-block;
    color: #FFFFFF;
    background-color: #333333;
    border-radius: 0.4em;
    padding: 0 0.8em;
  }

  .woof_products_top_panel li span {
    background: none;
    padding-right: 0;
  }
  
  .woof_products_top_panel li span::after {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    content: '\f057';
    margin-left: 4px;
  }

  .woof_products_top_panel ul::before {
    float: left;
    content: 'Active Product Filters:';
    margin-right: 9px;
  }

.wrapper {
  width: 960px;
  margin: 0 auto;
}

@media all and (orientation: landscape){

  #header .header_secondary .header_call_search form {
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
  }

    #header .header_secondary .header_call_search form input[type="submit"] {
      text-indent: -9999px;
      width: 2.5em;
    }

  #homebar {
    display: none;
  }

  #navigation {
    display: block !important;
  }
    
  .remco_shop_title.after_sidebar {
    float: right;
    width: 650px;
  }
    
    .remco_shop_title.after_sidebar p {
      max-width: 280px;
      text-overflow: ellipsis;
      white-space: nowrap;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      overflow: hidden;
    }

  .wider_sidebar #content {
    width: 620px;
  }
  
  .wider_sidebar #sidebar {
    width: 282px;
  }

  .widgets .widget .woocommerce-product-search input {
    padding: 4px;
  }
  
}

@media all and (orientation: portrait){

  body {
    min-width: 540px;
    font-size: 18px;
    background-image: none;
  }

  .contact .remco_col {
    line-height: 1.6em;
    font-size: 1.2em;
  }

  .contact .remco_col + .clearb {
    margin-bottom: 1.6em;
  }

  #content,
  #content.paper {
    float: none;
    width: 500px;
    padding: 0 20px;
    margin: 0 -20px 10px;
  }

    #content h1 {
      line-height: 1.2em;
      margin-top: 0.8em;
      margin-bottom: 0.8em;
    }

  #content.paper {
    background-position: 50% -40px;
    padding-top: 20px;
  }

    #content.paper h2:first-child {
      display: none;
    }
    
    #content.paper.contact h3 {
      font-size: 1.2em;
      margin: 1.8em 0;
    }
  
  #content.paper::after {
    width: 540px;
    background-position: 50% -25px;
    margin: 0 -20px;
  }

  #footer .office,
  #footer .office:first-child {
    float: none;
    width: 100%;
    margin: 0;
  }

  #footer .office + .office {
    margin: 1.4em 0 0;
  }

  .front_page .column_third {
    float: left;
    width: 50%;
    height: 3.2em;
    margin-bottom: 2em;
  }

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

  #header {
    padding: 1.6em 20px;
  }

    #header .header_secondary {
      position: static;
      top: auto;
      right: auto;
      width: auto;
      height: auto;
      line-height: 1.6em;
      text-align: left;
      margin-top: 0;
      margin-right: 0;
    }

      #header .header_secondary big {
        font-size: 1em;
      }

      #header .header_secondary .header_call_search a.button,
      #header .header_secondary .header_call_search form input[type="submit"] {
        font-size: 1.5rem;
        background-position: 0 7px;
      }
      
      #header .header_secondary .header_call_search form {
        text-align: right;
        margin: 8px 0;
      }

        #header .header_secondary .header_call_search form input[type="search"] {
          display: block;
          position: absolute;
          top: 50%;
          left: 12px;
          width: 64%;
          font-size: 1.5rem;
          -moz-transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
        }

      #header .header_secondary .header_call_search form::after {
        content: "";
      }

      #header .header_secondary .header_flag {
        position: absolute;
        top: 2.3em;
        left: auto;
        right: 1.5em;
        width: 115px;
        height: 75px;
        background-position: center center;
        background-repeat: no-repeat;
        margin-top: 0;
      }

    #header img {
      display: block;
      margin: 0 0 0.8em;
    }

  #homebar {
    display: block;
    margin-bottom: 2.4em;
  }

  #main {
    padding: 20px 20px 32px;
  }

  #navigation {
    display: none;
    background-image: none;
    background-color: #333333;
  }

    #navigation ul {
      height: auto;
      line-height: normal;
      font-size: 120%;
      list-style: none;
      padding: 0;
      margin: 0;
    }
  
      #navigation ul li {
        float: none;
        border-right: none;
      }
  
  #navigation #cart_contents {
    position: relative;
    top: auto;
    right: auto;
    font-size: 120%;
  }
  
    #navigation #cart_contents a {
      text-transform: uppercase;
      color: #FFFFFF;
      font-weight: 400;
      border-radius: 0;
      margin: 0;
    }
  
      #navigation #cart_contents a i {
        display: none;
      }
  
    #navigation #cart_contents a::before {
      content: 'Shopping Cart:';
    }
    
  #navigation #cart_contents a,
  #navigation ul li a,
  #navigation ul li ul li a,
  #navigation ul li ul li a:hover,
  #navigation_toggle a {
    display: block;
    height: 2.5em;
    line-height: 2.5em;
    font-size: 150%;
    letter-spacing: 1px;
    background-image: none;
    background-color: transparent;
    padding: 0 20px;
  }
  
  #navigation ul li ul {
    background-color: transparent;
  }
  
    #navigation ul li ul li a,
    #navigation ul li ul li a:hover {
      color: #CCCCCC;
      padding-left: 40px;
    }

  #navigation ul li.current-menu-item a::before {
    display: inline-block;
    height: 3.33em;
    line-height: 3.15em;
    color: #CCCCCC;
    font-size: 0.75em;
    font-weight: 400;
    font-style: normal;
    font-family: FontAwesome;
    vertical-align: middle;
    content: '\f192';
    margin-right: 0.8em;
  }
      
  #navigation ul li ul {
    display: block;
    position: relative;
    top: auto;
    left: auto;
    width: auto;
  }

  #navigation_toggle {
    position: relative;
    display: block;
    font-size: 1.2em;
  }

    #navigation_toggle a {
      position: relative;
      text-decoration: none;
      text-transform: uppercase;
      color: #FFFFFF;
      font-weight: 700;
      background: #D31C23;
      background: -moz-linear-gradient(top, #D31C23 0%, #D31C23 46%, #BF1A1D 48%, #821214 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D31C23), color-stop(46%, #D31C23), color-stop(48%, #BF1A1D), color-stop(100%, #821214)); /* Chrome, Safari4+ */
      background: -webkit-linear-gradient(top, #D31C23 0%, #D31C23 46%, #BF1A1D 48%, #821214 100%); /* Chrome10+, Safari5.1+ */
      background: -o-linear-gradient(top, #D31C23 0%, #D31C23 46%, #BF1A1D 48%, #821214 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #D31C23 0%, #D31C23 46%, #BF1A1D 48%, #821214 100%); /* IE10+ */
      background: linear-gradient(to bottom, #D31C23 0%, #D31C23 46%, #BF1A1D 48%, #821214 100%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D31C23', endColorstr='#821214', GradientType=0); /* IE6-9 */
    }

    #navigation_toggle a::after {
      display: block;
      position: absolute;
      top: 0;
      right: 0.25em;
      width: 1.66em;
      height: 1.66em;
      line-height: 1.66em;
      text-align: center;
      font-size: 1.5em;
      font-weight: 400;
      font-style: normal;
      font-family: FontAwesome;
      content: '\f055';
    }
    
  .product .images {
    float: none;
    width: 70%;
    margin: 1em 0 0 0;
  }
 
  .product p.price {
    font-size: 150%;
    margin-top: -0.8em;
  }
  
  .product .summary {
    float: none;
    width: auto;
  }
  
  .product .woocommerce-tabs,
  .product .woocommerce-tabs h2 {
    margin-top: 0;
  }

  .products li {
    width: 50%;
    padding: 4% 4% 6%;
  }
    
    .products li span.price {
      font-size: 120%;
    }

  .products li:nth-child(n+3){
    border-top: 0;
  }
  
  .remco_col {
    float: none;
    width: 100%;
  }

    .remco_col p,
    .remco_col ul {
      margin: 0;
    }

  .remco_product_atts td:nth-child(1){
    text-indent: 0.5em;
  }
    
  .remco_shop_title h1,
  .remco_shop_title p {
    font-size: 1.4em;
  }

  .remco_shop_title div {
    position: relative;
    top: auto;
    right: auto;
    height: 55px;
    line-height: 55px;
    text-align: left;
    font-size: 1.6em;
    border-top: #000000 1px solid;
  }

  #sidebar {
    float: none;
    width: 100%;
  }

    #sidebar .widget {
      border: none;
    }

  .widgets .widget .woocommerce-product-search input {
    font-size: 21px;
    padding: 12px;
  }

  .widgets .widget .woocommerce-product-search input[type="search"] {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
  }

  .widgets .widget .woocommerce-product-search input[type="submit"] {
    padding-left: 24px;
    padding-right: 24px;
  }
    
  .woocommerce-checkout-payment {
    margin-bottom: 2em;
  }

  .woof .woof_container:nth-child(n+3) .woof_block_html_items { display: none; }
  .woof .woof_container:nth-child(n+3) h4 { border-bottom-color: transparent; }
    
  .woof_products_top_panel ul::before {
    margin-top: -12px;
  }
    
  .woof_products_top_panel li:first-of-type {
    clear: both;
  }
  
  .wrapper {
    width: 100%;
  }

}