quadmenu/assets/frontend/less/themes/widgets.less

#quadmenu {
  // Contact Form 7 
  //--------------------------------------------------------------------------

  .wpcf7 {

    form {
      margin: 0;
      padding: 0;

      > p {
        margin: 0 0 1.5em 0;
      }
    }

    .wpcf7-form-control-wrap {

    }

    br {
      display: none;
    }

    .ajax-loader {	
      display:none;
    }

    .wpcf7-not-valid {
      border: 1px solid #ff0000;
    }

    span.wpcf7-not-valid-tip {
      display:none;
    }

    div.wpcf7-response-output {
      margin: 0;
      padding: 15px;
    }

    div.wpcf7-validation-errors {
      border-radius: 4px;
    }

    div.wpcf7-validation-errors {
      margin-bottom: 20px;
    }

    .wpcf7-checkbox {
      text-align: center;
    }
  }

  .widget {

    padding: 0;

    a,
    ul li {
      line-height: inherit;
    }

    // General List
    // ---------------------------------------------------------------------
    ul {
      list-style: none;
      margin: 0;

      li {
        position: relative;
        display: block;
        margin: 0 0 @vertical-padding 0;
        width: 100%;
      }

      li:last-child {
        border-bottom: 0;
        padding-bottom: 0;
      }

      li img,
      li h5,
      li i,
      li span {
        .transition(color 0.4s);
      }

      ul {
        margin-top: 10px;
        margin-bottom: 0.1em;
        li:first-child {
          border-top: 1px solid;
        }
      }

    }

    > ul,
    > div > ul {
      padding: 0;
      margin-top: 0;
      margin-bottom: 0;
      > li:first-child {
        border-top: 0; 
        padding-top: 0; 
      }
    }

    // Wordpress Widgets
    // ---------------------------------------------------------------------

    &.widget_text {
      p {
        line-height: 1.45;
        margin-bottom: 10px;          
      }

      input,
      select {
        max-width: 100%;            
      }
    }

    &.widget_rss {

      span.quadmenu-title a.rsswidget {
        text-transform: uppercase;
      }

      span.quadmenu-title a.rsswidget:first-child {
        float: right;
      }

      span.rss-date {
        display:block;            
        text-align: right;
        //font-size: @general_font_font-size  * 1px- 2px;
        margin: 10px 0;
      }

      div.rssSummary {
        text-transform: none;
      }

      cite {
        margin-top: 5px;
        text-align: right;
        display:block;
      }
    }

    &.widget_nav_menu, 
    &.widget_pages {

      ul ul {
        padding: 10px 0 0 10px;
      }

    }

    &.widget_recent_comments,
    &.widget_recent_entries {
      ul > li > span.comment-author-link,
      ul > li > span.post-date {
        display: block;
        margin: 2px 0 0 0;
        font-size: 0.8em;
        text-transform: none;
        line-height: 1.3em;
      }   
    }

    &.widget_product_search,
    &.widget_search {
      input.form-control {
        width: 100%;
      }
    }

    &.widget_archive,
    &.widget_categories,
    &.widget_product_categories {
      ul > li > span.count {
        font-weight: 700;
        //text-align: center;
        float: right;
        //display: inline-block;
        //border-radius: 1px;
        //width: 1.5em;
      }
    }

    &.widget_calendar {

      > .title {
        display: none;
      }


      table {

        > caption {              
          margin: 0px;
          display: table-caption;
        }

        > thead > tr > th {
          border-bottom: 1px;
          font-size: 0.8em;
        }            

        td, th {
          text-align: center;
          padding: 10px 0;
        }
      }
    }

    &.widget_tag_cloud, 
    &.widget_product_tag_cloud {
      a {
        display: inline-block;
        text-decoration: none;
        margin: 0 0.5em 0 0;

        &:after,
          &:before {
          display: none;
        }
      }

    }

    // Woocommerce Widgets
    // ---------------------------------------------------------------------

    &.widget_products,
    &.widget_recent_reviews,
    &.widget_shopping_cart,
    &.widget_recently_viewed_products,
    &.widget_top_rated_products,
    &.widget_featured_posts {

      li {
        .clearfix();

        > a,
        > a > span.product-title {
          margin: 5px 0;                    
          font-weight: 400;
          text-transform: uppercase;
          line-height: 1;
        }

        > a > img {
          margin: 0 15px 0 0;
          float: left;
          width: 70px;
          height: auto;
          max-width: 35%;
          position: inherit;
          .transform(none);
        }

        > .date,
        > a > .date {
          display: block;
          //font-size: @general_font_font-size * 1px;
          text-transform: uppercase;
        }

        > a:hover > img {
          box-shadow: 0px 3px 7px -3px rgba(0,0,0,0.2);
        }

        > p { 
          margin : 0;
          overflow: hidden;
        }
      }

    }

    &.widget_products,
    &.widget_recent_reviews,
    &.widget_shopping_cart,
    &.widget_recently_viewed_products,
    &.widget_top_rated_products {

      li > .reviewer,
      li > .quantity,
      li > .price,
      li > .star-rating {
        width: auto;
        float: none;
        display: block;
        margin-top: 5px;
        line-height: 1;
      }

      //li span.reviewer,
      //li span.amount {
      //    font-size: @general_font_font-size  * 1px - 2px;
      //}      

    }

    &.widget_shopping_cart {

      ul.cart_list {

        padding: 0;

        li {

          > a.remove {
            display: block;
            position: absolute;
            right: 0;
            top: 0;
            width: 20px;
            height: 20px;
            line-height: 20px;
            text-align: center;
            border-radius: 50%;

            &:after,
              &:before {
              display: none;
            }
          }

        } 
      }

      .total,
      .buttons {
        border: none;
        padding: 0;                   
        margin: 0;
      }

      .buttons {
        display: flex;
      }

      .buttons {

        .button {
          margin: 0;
          flex: auto;

          &:first-child {
            margin-right: 5px;
          }
        }

      }

    }

    &.widget_product_search {

      label.screen-reader-text {
        display: none;
      }
    }

    &.widget_price_filter {
      
      .quadmenu-title {
        display: none;
      }        
      .price_slider {
        margin-bottom: 15px;
      }
      .price_slider_amount {
        text-align: right;
        //line-height: @input-height-base;
        //font-size: @general_font_font-size  * 1px- 2px;
        .button {
          float:left;
        }
      }
      .ui-slider {
        position: relative;
        text-align:left;
      }
      .ui-slider .ui-slider-handle {
        position:absolute;
        z-index: 2;
        width: 10px;
        height: 10px;
        cursor: pointer;
        outline:none;
        top: -4px;
        //background-color: @bg_20;
        &:last-child {
          margin-left: -1em;
        }
      }
      .ui-slider .ui-slider-range {
        position:absolute;
        z-index: 1;
        height: 15px;
        display:block;
        border: 0;
      }

      .ui-widget-content {

      }    
      .ui-slider-horizontal {
        height: 2px;
      }
      .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%;
      }
      .ui-slider-horizontal .ui-slider-range-min {
        left: -1px;
      }
      .ui-slider-horizontal .ui-slider-range-max {
        right: -1px;
      }
    }

    &.widget_layered_nav {
      ul {
        li.chosen {
          a {
            text-decoration: none;
          }
        }
      }
    }

    // Other Widgets
    // ---------------------------------------------------------------------

    &.widget_edd_cart_widget {

      .edd-cart-number-of-items {
        padding: 9px 0;
      }

      ul > li {
        padding: 9px 0;

        &.edd_subtotal {
          margin: 0;
        }
      }

    }

    &.widget_sci_googlemaps_widget #sci-google-map {
      max-width: 100%;
    }

  }
}