body {
	font-size: 16px /*{body|body-font-size}*/;
	color: rgba(0, 0, 0, 1) /*{body|text-colour}*/;
}
a, a:hover, a:active, .btn-link, .btn-link:hover{
	color: rgba(2, 68, 168, 1) /*{body|link-colour}*/;
}
.wrapper-header {
	background-color: rgba(255, 255, 255, 1) /*{header|background-colour}*/;
	border:none;
	margin-bottom:0px;
}
.wrapper-header a, .wrapper-header a:hover, .wrapper-header a:active {
  color: rgba(0, 0, 0, 1) /*{header|link-colour}*/;
}
.wrapper-header .btn-default {
	background-color: #efefef /*{header|button-colour}*/;
	border-color: #efefef /*{header|button-colour}*/;
	color: rgba(0, 0, 0, 1) /*{header|button-text-colour}*/;
}
.header-search .ajax_search {
	border-color: #efefef /*{header|button-colour}*/;
	box-shadow: none;
	border-width: 2px;
}
.navbar.navbar-default {
	background-color: rgba(138, 153, 138, 1) /*{header|menu-background-colour}*/;
}
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover,
.navigation-list li a:hover,.navbar-default .navbar-nav > li:hover > a,
.navigation-list li:hover a, .navigation-list li a,
.navbar-default .navbar-nav > li > a:focus {
	color: #ffffff /*{header|menu-colour}*/;
}
@media (max-width: 767.98px){
	.navbar-nav .dropdown-menu .dropdown-item{
		color: #ffffff /*{header|menu-colour}*/;
	}
}
a#cartcontentsheader {
  padding: 13px 17px;
}
/* Force 2 Products per Row on Mobile */
@media (max-width: 767px) {
  .thumbnail-list > div,
  .thumbnail-list .col-xs-12,
  .thumbnail-list .col-sm-6,
  .thumbnail-list .col-md-4,
  .product-thumb {
    width: 50% !important;
    float: left !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
    box-sizing: border-box !important;
  }
  /* Slightly reduce text and button sizes so cards stay tidy */
  .thumbnail-list .caption h3,
  .thumbnail-list .caption a {
    font-size: 12px !important;
    line-height: 1.2 !important;
  }
  
  .thumbnail-list .btn {
    padding: 5px 3px !important;
    font-size: 11px !important;
  }
}
.wrapper-footer {
	background-color: rgba(138, 153, 138, 1) /*{footer|background-color}*/;
	color: #ffffff /*{footer|text-colour}*/;
}
.wrapper-footer a, 
.wrapper-footer a:hover, 
.wrapper-footer a:active {
	color: #ffffff /*{footer|link-colour}*/;
}
/* Secondary button */
.btn-outline-secondary, .btn-default {
	color: rgba(57, 60, 66, 1) /*{buttons | btn-default-text-colour}*/;
	background-color: rgba(255, 255, 255, 1) /*{buttons | btn-default-background-colour}*/;
	border-color: rgba(0, 0, 0, 1) /*{buttons | btn-default-border-colour}*/;
}
.btn-outline-secondary:hover, .btn-default:hover,
.btn-outline-secondary.disabled, .btn-default:disabled,
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle, .btn-default:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled).active, .show > .btn-default.dropdown-toggle {
	color: rgba(255, 255, 255, 1) /*{buttons | btn-default-text-colour-hover}*/;
	background-color: rgba(57, 60, 66, 1) /*{buttons | btn-default-background-colour-hover}*/;
	border-color: rgba(57, 60, 66, 1) /*{buttons | btn-default-border-colour-hover}*/;
}
/* Primary button */
.btn-primary {
	color: rgba(255, 255, 255, 1) /*{buttons | btn-primary-text-colour}*/;
	background-color: rgba(110, 112, 115, 1) /*{buttons | btn-primary-background-colour}*/;
	border-color: rgba(110, 112, 115, 1) /*{buttons | btn-primary-border-colour}*/;
}
.btn-primary:hover,
.btn-primary.disabled, .btn-primary:disabled,
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
	color: rgba(255, 255, 255, 1) /*{buttons | btn-primary-text-colour-hover}*/;
	background-color: rgba(255, 5, 5, 1) /*{buttons | btn-primary-background-colour-hover}*/;
	border-color: rgba(138, 153, 138, 1) /*{buttons | btn-primary-border-colour-hover}*/;
}
/* Success button */
.btn-success {
	color: rgba(0, 0, 0, 1) /*{buttons | btn-success-text-colour}*/;
	background-color: rgba(255, 255, 255, 1) /*{buttons | btn-success-background-colour}*/;
	border-color: rgba(0, 0, 0, 1) /*{buttons | btn-success-border-colour}*/;
}
.btn-success:hover,
.btn-success.disabled, .btn-success:disabled,
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
	color: rgba(0, 0, 0, 1) /*{buttons | btn-success-text-colour-hover}*/;
	background-color: rgba(235, 225, 171, 1) /*{buttons | btn-success-background-colour-hover}*/;
	border-color: rgba(0, 0, 0, 1) /*{buttons | btn-success-border-colour-hover}*/;
}
/* Custom Body Background Color */
body {
    background-color: #ffffff !important;
}
/* ==========================================
   MOBILE & TABLET RESPONSIVE ENHANCEMENTS
   Targeting screens smaller than 768px
   ========================================== */
@media (max-width: 767.98px) {
  /* 1. Touch-Friendly Buttons & Inputs */
  /* Ensures buttons and form inputs are tall enough to tap easily on phones */
  .btn, 
  button, 
  input[type="submit"], 
  .form-control {
    min-height: 44px;
    font-size: 16px !important; /* Prevents iOS auto-zoom on form focus */
  }
  /* 2. Responsive Banner & Image Scaling */
  /* Stops large desktop banners from distorting or causing horizontal scroll */
  .banner, 
  .carousel-inner img, 
 .home-banner img {
max-width: 100%;
  height: auto !important;
  object-fit: cover;
}
}
/* Force 2 Products per Row on Mobile */
@media (max-width: 767px) {
  .thumbnail-list > div,
  .thumbnail-list .col-xs-12,
  .thumbnail-list .col-sm-6,
  .thumbnail-list .col-md-4,
  .product-thumb {
    width: 50% !important;
    float: left !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
    box-sizing: border-box !important;
  }
}
a#cartcontentsheader {
  padding: 10px 12px;
  font-size: 14px;
}
table {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
/* Custom Shoe Size Tile Styling */
.variation-option label {
  display: inline-block;
  min-width: 45px;
  height: 45px;
  line-height: 43px;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin: 4px;
  cursor: pointer;
  font-weight: 600;
}

/* Highlight selected size */
.variation-option input[type="radio"]:checked + label {
  border-color: #000;
  background-color: #000;
  color: #fff;
}

/* Out of stock appearance */
.variation-option.out-of-stock label {
  opacity: 0.4;
  text-decoration: line-through;
}