@charset "utf-8";


.mobilecontrols {
  display: none;
}

header {
  position: relative;
  width: 100%;
  z-index: 99;

  .container {
    max-width: 1650px !important;
  }
}

body.fixed-header header {
  position: fixed;
  top: 0;
}

header.woocommerce-products-header {
  margin-bottom: 30px;
}

body.fixed-header header.woocommerce-products-header {
  position: relative;
  top: 0;
}


/* Safari 4.0 - 8.0 */
@-webkit-keyframes fromTop {
  0% {
    top: -85px;
  }

  100% {
    top: 0px;
  }
}

/* Standard syntax */
@keyframes fromTop {
  0% {
    top: -85px;
  }

  100% {
    top: 0px;
  }
}


.topheader {
  background: #0F0F0F;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);

  .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    min-height: 42px;

    .topleft {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      align-items: center;
      font-size: 16px;
      font-weight: 600;
      color: var(--white);

      & img.aumadelogo {
        filter: brightness(0) invert(1);
        margin-right: 10px;
      }

      & p.starrating {
        position: relative;
        margin: 0 0 0 20px;
        font-size: 16px;
        font-weight: 600;
        color: var(--white);

        & img {
          margin: -3px 4px 0 0;
        }

        & span {
          font-size: 16px;
          font-weight: 600;
          color: var(--white);
        }

        &:before {
          content: '';
          position: absolute;
          width: 1px;
          height: 20px;
          background-color: rgba(255, 255, 255, 0.1);
          left: -10px;
          top: 5px;
        }
      }

    }

    .topright {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end;
      align-items: center;

      & a {
        color: var(--white);
      }

      & a.topphone {
        position: relative;
        color: var(--sitetext);
        margin-right: 20px;

        & span {
          position: relative;
          z-index: 1;
          font-weight: 800;
          padding: 0 28px;
          letter-spacing: 0.16px;

          & img {
            margin: -2px 5px 0 0;
          }

          &:hover {
            color: var(--white);

            & img {
              filter: brightness(1) invert(1);
            }
          }
        }

        & :after {
          content: '';
          position: absolute;
          background: var(--white);
          width: 100%;
          height: 100%;
          min-height: 42px;
          top: -12px;
          left: 0;
          z-index: -1;
          clip-path: polygon(4% 0%, 100% 0%, 96% 100%, 0% 100%);
          transition: all ease-out 0.3s !important;
          -webkit-transition: all ease-out 0.3s !important;
          -moz-transition: all ease-out 0.3s !important;
          -ms-transition: all ease-out 0.3s !important;
        }

        &:hover {
          & :after {
            background-color: var(--themered);
            transition: all ease-out 0.3s !important;
            -webkit-transition: all ease-out 0.3s !important;
            -moz-transition: all ease-out 0.3s !important;
            -ms-transition: all ease-out 0.3s !important;
          }
        }

      }

      & a.topemail {
        letter-spacing: 0.16px;

        & img {
          filter: brightness(0) invert(1);
          margin-right: 11px;
        }

        &:hover {
          color: var(--themered);
          text-decoration: underline;

          & img {
            filter: invert(38%) sepia(99%) saturate(5507%) hue-rotate(344deg) brightness(84%) contrast(110%);
          }
        }
      }
    }
  }
}


.primeheader {
  background: #0F0F0F;

  .container {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    position: relative;
    height: 98px;

    a.logodiv {
      min-width: 245px;

      & img {
        width: 100%;
      }
    }
  }
}


.topright_woocomlinks.button-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  min-width: auto;
  align-items: center;
  column-gap: 0;


  a {
    display: flex;
    flex-wrap: nowrap;
    max-width: 150px;

    & p {
      display: flex;
      flex-wrap: wrap;
      /* outline: 1px solid red; */
      margin: 0;

      .carticon {
        max-width: 32px;
      }
    }
  }
}

a.cartlink {
  position: relative;

  &:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    background: rgba(255, 255, 255, 0.1);
    left: -15px;
  }
}

p.accounticon,
p.carticon {
  width: 35px;
  min-width: 35px;
  margin-right: 10px !important;

  & img {
    filter: brightness(0) invert(1);
  }
}

a.accountlink {
  margin: 0 10px 0 0;
}

a.accountlink:hover {
  .accounticon img {
    filter: invert(38%) sepia(99%) saturate(5507%) hue-rotate(344deg) brightness(84%) contrast(110%);
  }

  .accounttxt,
  .headsmalltxt {
    color: var(--themered);

    & span {
      color: var(--themered);
    }
  }
}

a.cartlink:hover {
  .carticon img {
    filter: invert(38%) sepia(99%) saturate(5507%) hue-rotate(344deg) brightness(84%) contrast(110%);
  }

  .carttxt,
  .headsmalltxt {
    color: var(--themered);

    & span {
      color: var(--themered);
    }
  }
}

span.accounttxt,
span.carttxt {
  width: 100%;
  font-size: 15px;
  font-weight: 700;
  color: var(--white);
  line-height: 1;
  max-width: 100px;
}

.headsmalltxt span {
  font-size: 13px;
  font-weight: 600;
  color: var(--white);
}

.topright_woocomlinks.button-group a.button.witharrow {
  min-width: 210px;
}

.mobilefixbtnbar {
  display: none;
}

aside.widget.widget_block {
  .wc-block-mini-cart.wp-block-woocommerce-mini-cart {
    & button {
      padding: 0 !important;
      background: transparent !important;
      margin: 0 20px 0 0 !important;
      color: var(--white) !important;

      & span.wc-block-mini-cart__quantity-badge {
        width: 40px;

        & svg {
          width: 100% !important;
          height: auto;
        }
      }

      &:hover {
        border: 0px solid transparent !important;
        outline: 0px solid transparent !important;
        color: var(--themered) !important;
      }
    }
  }
}

.topright a.topphone {
  & span.phone_no {
    display: none;
  }
}


/* responsive styles  */
@media (min-width:1201px) {

  #menu ul li.shopmenu {
    & ul.sub-menu.lv3 {
      & li.shop_child {


        &:hover {
          & ul.submenu {
            padding: 30px;
            background: #5d5d5d;
            width: 650px;
            display: flex;
            flex-wrap: nowrap;

            /* &:hover {
            display: flex;
          } */

            & li.menu_prd_label {
              width: 50%;
              background: #5d5d5d;


              &>a {
                font-family: "Protest Strike" !important;
                font-weight: normal;
                font-size: 20px;

                & i.fa.fa-angle-down {
                  transform: rotate(90deg);
                  display: none;
                }

              }

              & ul {
                position: relative;
                left: 0;
                display: flex;
                flex-wrap: wrap;
                min-height: 370px;
                padding: 0 30px;
                align-items: flex-start;
                align-content: flex-start;
                width: 300px;

                & li {
                  width: 100%;
                  font-family: var(--site-font-family) !important;


                  & a {
                    font-family: var(--site-font-family) !important;
                    padding: 10px 20px;
                  }
                }
              }
            }
          }
        }
      }
    }
  }



}

@media (max-width:1900px) {}

@media (max-width:1600px) {

  .primeheader {
    .container {
      a.logodiv {
        min-width: 200px;
        width: 200px;
      }
    }
  }

  .topright_woocomlinks.button-group a.button.witharrow {
    min-width: 170px;
    padding: 17px 10px !important;
  }
}

@media (max-width:1440px) {

  .topright_woocomlinks.button-group {

    & a.accountlink,
    & a.cartlink {

      & p.headaccounttxt,
      & p.headcarttxt {
        display: none;
      }
    }
  }

  a.accountlink {
    margin: 0 15px 0 0;
  }

  .wc-block-mini-cart__button span.wc-block-mini-cart__amount {
    display: none;
  }

  .topheader {
    & .container {
      .topleft {
        font-size: 14px;
      }
    }
  }

}


@media (max-width:1200px) {


  .topheader {
    & .container {
      justify-content: center;

      .topleft {
        display: none;
      }
    }
  }

  .topright_woocomlinks.button-group {
    right: 60px;
    position: relative;
  }


}

@media (max-width:992px) {

  .topheader {
    & .container {
      & .topright {
        & a.topphone {
          & span {
            padding: 0 24px;
          }
        }

        .aws-container {
          width: 200px;
        }
      }
    }
  }
}

@media (max-width:768px) {

  .topheader {
    /* background: var(--white); */

    .container {
      min-height: 30px;

      .topright {
        & a.topphone {
          background: var(--white);
          margin: 0 20px 0 10px;
          height: 42px;
          display: flex;
          flex-wrap: wrap;
          align-items: center;

          &:hover span {
            color: var(--sitetext);

            & img {
              filter: none;
            }
          }

          & :after {
            display: none;
          }
        }

        & a.topemail {
          /* display: none; */
          font-size: 0;
        }
      }
    }
  }

  .topright a.topphone {
    & span.phone_no {
      display: block;
      padding: 0 10px !important;

      &:hover {
        color: var(--sitetext);
      }
    }

    & span.with_call {
      display: none;
    }
  }

  .topheader {
    & .container {
      & .topright {
        .aws-container {
          width: calc(100% - 220px);
          /* background: teal; */
        }
      }
    }
  }

  .primeheader {
    .container {
      width: 100%;
      padding: 0 15px;
    }
  }

  .topright_woocomlinks.button-group a.button.witharrow {
    min-width: 120px;
    padding: 10px 10px !important;
    font-size: 14px !important;
  }

  aside.widget.widget_block {
    & .wc-block-mini-cart.wp-block-woocommerce-mini-cart {
      & button {
        margin: 6px 20px 0 0 !important;
      }
    }
  }

            .ftnewssignupform {
                max-width: 420px;
                margin: 0 auto;
            }


}


@media (max-width:576px) {

  .topright_woocomlinks.button-group a.button.witharrow {
    min-width: 70px;
    padding: 5px 5px !important;
    font-size: 14px !important;
    width: 90px;

    & i.menudrop {
      display: none;
    }
  }

  .primeheader {
    .container {
      height: 60px;
    }
  }

  .topright_woocomlinks.button-group {
    right: 50px;
  }

  .topright_woocomlinks.button-group {

    & a.accountlink,
    & a.cartlink {
      display: none;
    }
  }

  .mobilefixbtnbar {
    position: fixed;
    z-index: 0;
    width: 100%;
    background: var(--sitetext);
    left: 0;
    bottom: 0;
    display: flex;
    justify-content: center;

    & a {
      width: 33.33%;
      border-right: 1px solid rgba(0, 0, 0, 0.2);
      border-left: 1px solid rgba(255, 255, 255, 0.2);
      min-width: 50px !important;
      padding: 5px 10px;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;

      & img {
        display: block;
        filter: brightness(0) invert(1);
      }

      & span {
        width: 100%;
        text-align: center;
        font-size: 12px;
        font-weight: 700;
        margin: 5px 0;
        color: var(--white);
        line-height: 1;
        letter-spacing: 1px;
      }
    }

    & a.active {
      background: var(--themered);
    }
  }

  .topright_woocomlinks .widget.widget_block {
    display: none;
  }

  .aws-search-result {
    min-width: 300px;
  }

  .topheader {
    .container {width: 95%;}}


.ftnewssignupform {/*background: salmon;*/
                   .form.newsletter-form {min-width:inherit!important;
                                          display:flex;
                                         }
            }

form.newsletter-form {
    & input.wpcf7-form-control.wpcf7-submit.has-spinner {
        position: relative !important;
        right: 20px;
        background: url(../images/submit-icon.svg) no-repeat 10px center transparent !important;
        padding: 14px 10px 14px 36px !important;
        width: 120px;
        left: 50% !important;
        margin: 0 0 0 -60px !important;
    }
}



}

@media (max-width:480px) {

  .primeheader {
    .container {
      a.logodiv {
        min-width: 150px;
        width: 150px;
      }
    }
  }

}