/*
Theme Name: Wavelock
Version: 1.0.0
Description: child theme based off storefront.
Author: Tin Yap
Author URI: https://www.tin-yap.com
Template: storefront */

a, a:active, a:focus {
  text-decoration: none !important;
  border: none;
  outline: 0;
  -moz-outline-style: none;
}
.main-navigation {
  font-family: 'Roboto', sans-serif;
  font-size: 0.8em;
  letter-spacing: .05em;
}
/** Top Bar **/
.custom-topbar {
  text-align: center;
  position: relative;
  background: #0d0d14;
  color: #585888;
  padding: .53em;
}
@media only screen and (max-width: 760px) {
#topbar {
    display: none;
}}

/* override for metaslider top white space
.wp-block-cover {
  padding-top: 0px;
}*/

/*hide the whole masthead, retain only primary nav
#masthead > .col-full,
#masthead .site-header-cart {
display: none;
} */

/* Masthead */
#masthead.site-header {
    height: 120px!important;
    margin-bottom:0px;
    background-color: #0b0b1c;
    background-image: linear-gradient(#0b0b1c,#2d1260);
}

/* Masthead - Mobile */
@media only screen and (max-width: 760px) {
#masthead.site-header {
    height: 80px!important;
    margin-bottom:0px;
}}


/* header area */
.site-header {
padding-top:0.5em;
}
.site-header .custom-logo-link img, .site-header .site-logo-anchor img, .site-header .site-logo-link img {
margin-bottom: -45px;
}
.site-branding .site-title {
  font-size:1.5em;
}/*removes empty space below site branding */
.site-branding {
  margin-bottom: 0px;
}
.site-branding .site-title a {
  font-family: 'Montserrat', sans-serif;
  font-weight:
}

/* woocommerce-product-search */
.site-search .widget_product_search form input {
border-radius: 4px;
}

/* Mobile Burger */
button.menu-toggle {
  border:0;
  border-radius:10px;
  padding:.6180469716em .875em .6180469716em 2.617924em;
  font-size:.875em;
  max-width:120px;
}
button.menu-toggle, button.menu-toggle:hover {
  background-image:none;
  border: 0;
} /*Burger Color*/
button.menu-toggle:after, button.menu-toggle:before, button.menu-toggle span:before {
  background-color: #a17be8;
}

/* Primary Navigation Bar */
.storefront-primary-navigation ul li a {
  padding: .3em 1em !important;
}
.site-header-cart a.cart-contents::after {
  font-size: 20px;
}/* Primary Navigation Bar - Mobile */
@media only screen and (max-width: 760px) {
.storefront-primary-navigation .handheld-navigation {
  background-color: #0b0b1c;
  background-image: linear-gradient(#0b0b1c,#2d1260);
  font-size: 1.1em;
}
.storefront-primary-navigation .handheld-navigation ul.menu {
  padding-top: 10px;
  padding-bottom: 10px;
}
}

/* Button Clicking */
button, input[type="button"], input[type="reset"], input[type="submit"], .button, .widget a.button {
    background-color: #15b6b8;
    border-color: #15b6b8;
    border-radius: 4px;
    color: #ffffff;
}
button:hover {
  background-color: #00b0b2 !important;
  color: #ffffff !important;
}
div.product form.cart .button {
 background-color: #15b6b8 !important;
}
div.product form.cart .button:hover {
 background-color: #00b0b2 !important;
}
.onsale, .wc-block-grid__product-onsale {
  border: 0;
  background-color: #f55f2b !important;
  color: #fff;
}
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link {
    background-color: #15b6b8 !important;
    border-color: #15b6b8;
    border-radius: 4px !important;
    color: #fff;
}
.wc-block-grid.has-5-columns .wc-block-grid__product {
  font-size: 1em;
}/* On Sale Tag - Most Pages */
ul.products li.product .onsale {
  position: absolute;
  top: 10px;
  right: 8px;
}/* On Sale Tag - Front Page. Mobile no need, is flawless */
ul.wc-block-grid__products li.wc-block-grid__product .wc-block-grid__product-onsale {
  position: absolute;
  top: 10px;
  right: 8px;
}/* On Sale Tag - Mobile */
@media only screen and (max-width: 760px) {
ul.products li.product .onsale {
    position: inherit;
    right: 8px;
}}

/* Woocommerce Warning/Notice Msg */
.woocommerce-error, .woocommerce-info, .woocommerce-message, .woocommerce-noreviews, p.no-comments {
    margin-bottom: 2.617924em;
    background-color: #ca1d83;
    margin-left: 0;
    border-radius: 2px;
    color: #fff;
    clear: both;
    border-left: .6180469716em solid rgba(0,0,0,.15);
    padding: 1em 2em 1em 3.5em;
    position: relative;
    list-style: none outside;
}

/* Widget Footer */
.widget .widget-title, .widget .widgettitle {
  padding: 0 0 0.1em;
  margin-bottom: 0.1em;
}
.fa-link {
  color: #585888;
  font-size: 2rem;
}

/* Conflict with Bootstrap Fix */
.woocommerce .col-1, .woocommerce .col-2 {
  max-width:none;
}
.woocommerce-billing-fields .form-row, .woocommerce-shipping-fields .form-row,.woocommerce form .form-row {
  display: block;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
  max-width: unset;
}