/*
Theme Name: Aussie Angler
Theme URI: http://aussieangler.com.au
Author: Fox & Lee
Author URI: https://foxandlee.com.au
Description: 
Version: 1.1.10
License: GNU General Public License v3.0 /
*/


/*DEFAULTS STYLE*/
/*input, textarea, select, button { -webkit-appearance: none; }*/
select::-ms-expand { display: none; } /* this removes the default select dropdown from ie browsers*/

input[type="number"] {
  -moz-appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

select, .select2-container .select2-choice, .select2-container--default .select2-selection--single {
  font-size: 90%;
  color: #333333;
  border: 1px solid #DDD;
  border-radius: 0;
  height: 36px;
  padding: 0 10px;
  -webkit-box-shadow: inset 0 -1.3em 1em 0 rgba(0, 0, 0, 0.02);
  box-shadow: inset 0 -1.3em 1em 0 rgba(0, 0, 0, 0.02);
  background-color: #ffffff;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url('img/down-arrow.png');
  background-position: 100% 50%;
  background-repeat: no-repeat;
  background-size: auto 15%;
  border-radius: 0;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 36px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none
}

.product select {
  width: 100%
}

.variations_form {
  position: relative;
}

a#variations_clear, a.reset_variations {
  opacity: 0.5;
  display: none;
  position: absolute;
  font-size: 10px;
  top: -24px;
  right: 0;
}

.qty_coverbox label {
  display: none
}


/* -- quantity box -- */

.quantity {
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
}

.quantity .input-text.qty {
  vertical-align: top;
  width: 35px;
  height: 41px;
  padding: 0 5px;
  margin-left: -5px;
  margin-right: -5px;
  text-align: center;
  position: relative;
  font-size: 1.1em;
}

.quantity.buttons_added {
  text-align: left;
  *zoom: 1;
}

.woocommerce div.product form.cart div.quantity {
  margin-right: 15px
}

.quantity.buttons_added:before, .quantity.buttons_added:after {
  content: " ";
  display: table;
}

.quantity.buttons_added:after {
  clear: both;
}

.quantity.buttons_added input {
  display: inline-block;
}

.quantity.buttons_added .minus, .quantity.buttons_added .plus {
  padding: 7px 10px 8px;
  height: 41px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  min-width: 28px;
}

.quantity.buttons_added .minus {
  border-right: 0;
}

.quantity.buttons_added .plus {
  border-left: 0;
}

.quantity.buttons_added .minus:hover, .quantity.buttons_added .plus:hover {
  background: #eeeeee;
}

.quantity input::-webkit-outer-spin-button, .quantity input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.product-info .quantity {
  margin-right: 10px;
}


/* We use this to get basic styling on all basic form elements */

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, .chosen-container-single .chosen-single {
  background-color: #fff;
  font-family: inherit;
  border-radius: 0;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-size: 0.875em;
  margin: 0 0 1em 0;
  padding: 0.5em;
  height: 2.9em;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out;
  -webkit-transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
  -webkit-transition: border-color 0.45s ease-in-out, -webkit-box-shadow 0.45s;
  transition: border-color 0.45s ease-in-out, -webkit-box-shadow 0.45s;
  -o-transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
  transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
  transition: box-shadow 0.45s, border-color 0.45s ease-in-out, -webkit-box-shadow 0.45s;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus {
  -webkit-box-shadow: 0 0 5px #999999;
  box-shadow: 0 0 5px #999999;
  border-color: #999999;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus {
  background: #fafafa;
  border-color: #999999;
  outline: none;
}

input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="datetime-local"][disabled], input[type="month"][disabled], input[type="week"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] {
  background-color: #ddd;
}


/* Adjust margin for form elements below */

input[type="file"], input[type="checkbox"], input[type="radio"], select {
  margin: 0 0 1em 0;
}


/* Checkbox labels */

​input[type="checkbox"]+label {
  display: inline-block;
  margin-left: 15px;
}


/* Normalize file input width */

input[type="file"] {
  width: 100%;
}


/* We add basic fieldset styling */

fieldset {
  border: solid 1px #ddd;
  padding: 1.25em;
  margin: 1.125em 0;
}

fieldset legend {
  font-weight: bold;
  background: #fff;
  padding: 0 0.1875em;
  margin: 0;
  margin-left: -0.1875em;
}


/* Error Handling */

.error input, input.error, .error textarea, textarea.error {
  border-color: #b20000;
  background-color: rgba(178, 0, 0, 0.1);
}

.error input:focus, input.error:focus, .error textarea:focus, textarea.error:focus {
  background: #fafafa;
  border-color: #999999;
}

.error label, label.error {
  color: #b20000;
}

.error small, small.error {
  display: block;
  padding: 0.375em 0.25em;
  margin-top: -1.3125em;
  margin-bottom: 1em;
  font-size: 0.75em;
  font-weight: bold;
  background: #b20000;
  color: #fff;
}


/* Error Handling WooCommerce */

.woocommerce-invalid input, .woocommerce-invalid input, input.woocommerce-invalid, .woocommerce-invalid textarea, textarea.woocommerce-invalid {
  border-color: #b20000;
  background-color: rgba(178, 0, 0, 0.1);
}

.woocommerce-invalid input:focus, .woocommerce-invalid input:focus, input.woocommerce-invalid:focus, .woocommerce-invalid textarea:focus, textarea.woocommerce-invalid:focus {
  background: #fafafa;
  border-color: #999999;
}

.woocommerce-invalid label, label.woocommerce-invalid {
  color: #b20000;
}

.woocommerce-invalid small, small.woocommerce-invalid {
  display: block;
  padding: 0.375em 0.25em;
  margin-top: -1.3125em;
  margin-bottom: 1em;
  font-size: 0.75em;
  font-weight: bold;
  background: #b20000;
  color: #fff;
}


/* Foundation Alerts */

.alert-box {
  border-style: solid;
  border-width: 1px;
  display: block;
  font-weight: bold;
  margin-bottom: 1.25em;
  position: relative;
  padding: 0.6875em 1.3125em 0.75em 0.6875em;
  font-size: 0.875em;
  background-color: #627f9a;
  border-color: #4e657b;
  color: #fff;
}

.alert-box .close {
  font-size: 1.375em;
  padding: 5px 4px 4px;
  line-height: 0;
  position: absolute;
  top: 0.4375em;
  right: 0.3125em;
  color: #333;
  opacity: 0.3;
}

.alert-box .close:hover, .alert-box .close:focus {
  opacity: 0.5;
}

.alert-box.radius {
  border-radius: 6px;
}

.alert-box.round {
  border-radius: 1000px;
}

.alert-box.success {
  background-color: #7a9c59;
  border-color: #617c46;
  color: #fff;
}

.alert-box.alert {
  background-color: #b20000;
  border-color: #7f0000;
  color: #fff;
}

.alert-box.secondary {
  background-color: #d26e4b;
  border-color: #bb532f;
  color: #fff;
}

.owl-carousel .item {
  height: 10rem;
  background: #4DC7A0;
  padding: 1rem;
}

.summary select{
font-size: 16px !important;
}
@media(max-width: 767px){
  input[type="text"], input[type="email"], input[type="password"], textarea{
    font-size: 16px !important;
  }
}

/* ---------- Custom Brand Headings ---------- */
.woof_container::before {
  font-size: 15px;
  font-weight: 600;
  color: #031545;
  padding-bottom: 20px;
  text-transform: uppercase;
  line-height: 15px;
  margin-top: -2px;
  position: relative;
  top: -4px;
}

.woof_container_brand::before {
  content: "Filter by brand";
}

.woof_container_types::before {
  content: "Filter by type";
}

.woof_redraw_zone {
  display: flex;
  flex-wrap: wrap;
}

.woof_container {
  flex: 1;
  width: 47%;
  max-width: 47%;
  margin-right: 3%;
}

.widget-woof h3.widget-title {
  display: none;
}

.woof_container_inner {
  margin-top: 16px;
}

.filterbox aside.widget {
  float: left;
  width: 50%;
  padding: 0 1%;
}

.filterbox aside#woocommerce_price_filter-2 {
  padding-left: 0;
  padding-right: 3%;
  width: 25%;
}

.filterbox aside#default_sorting {
  padding-right: 0;
  padding-left: 3%;
  width: 25%;
  text-align: right;
}

.filterbox aside#default_sorting .woocommerce-ordering select {
  width: 100% !important;
}

@media only screen and (max-width: 768px) {
  .filterbox aside.widget {
    float: left;
    width: 100%;
    padding: 0;
  }

  .filterbox aside#woocommerce_price_filter-2,
  .filterbox aside#default_sorting {
    width: 100%;
    text-align: left;
    padding-left: 0;
    padding-right: 0;
  }

  .woof_container {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
    flex: unset;
  }
}

.container .filterbox {
    display: block;
}

/* ---------- Password Error Box ---------- */
.woocommerce-password-strength.strong,
.woocommerce-password-strength.good,
.woocommerce-password-strength.bad {
  background-color: #c1e1b9;
  border-color: #83c373;
  color: #0f834d !important;
  width: 100%;
}

.woocommerce-password-strength.short {
  width: 100%;
}

.news-ticker {
  padding: 15px 0;
  background: #23b599;
  margin-bottom: 10px;
  color: #fff;
  font-family: "Roboto Condensed",sans-serif;
  font-style: italic;
  text-transform: uppercase;
}
