/* topsoilcss stylesheet2025.css */

.modal-backdrop{display:none;} 
/* Override bootstrap defaults */
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #a5b918;
    border-color: #a5b918;
}
.pagination > li > a, .pagination > li > span {
    color: #a5b918;
}
.pagination > li > a:hover, .pagination > li > span:hover {
    color: #a5b918;
}
/* End override bootstrap defaults */
#cart .btn-link, #cart li, #cart a {
    color: #FFFFFF !important;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: rgb(0,0,0,0.15);
    color: #FFFFFF !important;
}

.postcode-text {
  margin-top: 0rem;
  font-size: 1.2rem;
/*
  color: #f19222;
*/
}




.orangehead {
		/* LOZ */

  color: #92afbc;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 3.0rem;
  margin-bottom: 1rem;
  text-transform: uppercase; }

.product_title {
  font-weight: 700;
  font-size: 1.8rem; 
  margin-top: .8rem;

  }

.looseprice {
  color: #404040;
  font-size: 1.6rem;
  line-height: 2.5rem;
  margin-bottom: 0rem; }

.loosepricebold {
  color: #303030;
  font-weight: 600; }

/* Added styles - Lee */
/* HEADER / NAV alts */

@media (min-width: 810px) {
	.container > .navbar-collapse{display:table !important;margin:0 auto !important;}}

.nav > li{margin:0 15px;}

@media (max-width: 1279px) {
	.nav > li{margin:0 0px;}}


header .container  {
  margin-top: 5px !important;}

header .container{
	margin-bottom: 5px !important;}

@media (min-width: 1280px) {
  header div .col-sm-4 {
    width: 25%; } }

@media (max-width: 1279px) {
  header div .col-sm-4 {
    width: 33.3%; } }

@media (max-width: 810px) {
  header div .col-sm-4, #product-product .col-sm-4 {
    width: 100% !important; } }

@media (max-width: 1425px) {
  #product-product .col-sm-4 {
    width: 50%; } }

.navbar {
  margin-bottom: 0px; }

header .btn {
  padding: 5px 12px !important;
  margin-left: 10px; }

@media (max-width: 810px) {
  header .col-sm-8, #product-product .col-sm-8  {
    width: 100% !important; } }

@media (max-width: 1425px) {
  #product-product .col-sm-8  {
    width: 50%; } }
/*
@media (max-width: 810px) {
  #logo .img-responsive {
    width: 50%;
    margin: 0 auto; } }

@media (max-width: 600px) {
  #logo .img-responsive {
    width: 100%;
    margin: 0 auto; } }

@media (max-width: 768px) {
  #logo {
    width: 81%;
    float: left; padding-top:5px} }

@media (max-width: 360px) {
  #logo {
    width: 78%;
    float: left; padding-top:8px} }
*/
#top-links ul {
	margin-bottom: 0px !important;
}

.fa-2x {
  font-size: 1.6em; }

.fa.fa-bars {
	font-size: 30px !important;
}

.navbar-collapse {
  padding-right: 0px;
  padding-left: 0px; }

@media (max-width: 600px) {
  #menu {
    padding-left: 20px;
	width: 95% !important;}  }

@media (max-width: 810px) {
  #menu {
    padding-left: 20px;
    padding-right: 20px; } }

header .col-sm-8 {
  padding-left: 0px;
  padding-right: 0px; }

header .col-sm-8 .container {
  min-height: 75px;
  padding-top: 2%; }


@media (max-width: 946px) {
header .col-sm-8 .container {
	padding-top: 0%; }}

@media (max-width: 810px) {
header .col-sm-8 .container {
	padding-top: 2%; }}

.caption-container{	
	max-width: 1465px !important;
	width: 100%;
	margin:0 auto;
padding:10px;}

.home-caption{color:white !important;text-align: center;
	padding: 3px 10px;}

.tradehighlight {
	color: white;
	font-size: 2em;
	text-transform: uppercase;
}

.highlight {
    box-shadow: 15px 0 0 #a5b918, 
      -15px 0 0 #a5b918;
}

.highlight {
    display: inline;
    background: #a5b918;
    color: white;
    padding: 2px 15px;
    padding-left: 0;
    padding-right: 0;
    -webkit-box-decoration-break: clone;
    -ms-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone;
}

@media (max-width:365px){
	.dropdown-menu-right{right:-65px !important}}

/* page alts */
#page-text-top h2, #page-text-top h3, #page-text-top h4, #page-text-top h5, #page-text-top h6 {
  text-align: center; }

h1, h2, h3, h4, h5, h6 {
  line-height: 1.4em !important; }

@media (min-width:769px){
.boxwhite .btn-lg, .boxgreen .btn-lg {
	margin-top: 20px;
	margin-bottom: 15px;
	position: absolute;
	display: inline-block;
	bottom: 41px;
	left: 36px;
	width: 46.8%;
}}

@media (max-width:769px){
.boxwhite .btn-lg, .boxgreen .btn-lg {
	margin-top: 20px;
	margin-bottom: 0px;
	position: relative;
	display: inline-block;
	bottom: 0px;
	left: 0px;
	width: 100%;
	}}

/* Product cat altes */
.product-layout {
  padding-left: 20px !important;
  padding-right: 20px !important; }


/* Purchase Option Blocks */
div #purchase_options {
line-height: 2.2em;
font-size: 1em;
font-weight: bold;
margin-bottom: 0.7em;
}

#purchase_options .text{
margin: 0.5em;
padding: 0.3em;
line-height:2.5em;
}

@media (min-width:  992px) and (max-width:1300px){
  div #purchase_options {
  font-size: 0.9em;
  }
  #purchase_options .text{
  margin: 0.1em;
  padding: 0.1em;
  }
}

#purchase_options .textstandard{
background-color: #f5f5f5;
color: #f19222;
}
#purchase_options .texthighlight{
background-color: #f5f5f5;
color: #a5b918;
} 
#purchase_options .textunavailable{
background-color: #f5f5f5;
color: #999;
}


/* Product alts */

@media (max-width:450px){
#pricingNotes .pricelist tbody{display:inline-block !important}}

@media (max-width:450px){
#pricingNotes .pricelist tr{
	display:flex; flex-wrap:wrap; /* allow to wrap on multiple rows */ border-bottom: solid thin #f19222;padding:5px 0;}}

@media (max-width:450px){
#pricingNotes .pricelist th, #pricingNotes .pricelist td{
	display:block; flex:1 /* to evenly distributs flex elements */}}

@media (max-width:450px){
#pricingNotes .pricelist .save{
	width:100%; /* fill entire width,row */
  flex:auto; /* reset the flex properti to allow width take over */
	text-align: right;}}


@media (max-width:450px){
	#input-quantity{width:100% !important; margin-bottom:15px;}}

@media (max-width:450px){
	#button-cart{width:100% !important;}}




/* END ADDED STYLES */
.top-bar .svg-inline--fa.fa-w-12,
.top-bar .svg-inline--fa.fa-w-16 {
  color: white;
  font-size: .9rem;
  margin-left: .6rem;
  margin-right: .2rem; }

.top-bar p, .top-bar a {
  color: white !important;
  text-decoration: none !important;
  font-size: .9rem;
  display: inline; }

u-auto-margins-y {
  margin-top: 100px;
  margin-bottom: auto; }
.m-none {
	margin: 0;
}
.mb-vtiny {
  margin-bottom: 0.1em; }

.mt-vtiny {
  margin-top: 0.3em; }


.mb-tiny {
  margin-bottom: 0.75em; }

.mb-big {
  margin-bottom: 4em; }

.mb-medium {
  margin-bottom: 1em; }

.mb-small {
  margin-bottom: 1.5em; }

.mt-big {
  margin-top: 4em; }

.mt-medium {
  margin-top: 1em; }

.mt-small {
  margin-top: 1em; }

.mt-tiny {
  margin-top: 0.75em; }

.ml-big {
  margin-left: 4em; }

.ml-medium {
  margin-left: 2.5em; }

.ml-small {
  margin-left: 1.5em; }

.ml-tiny {
  margin-left: 0.75em; }

.mr-big {
  margin-right: 4em; }

.mr-medium {
  margin-right: 2.5em; }

.mr-small {
  margin-right: 1em; }

.mr-tiny {
  margin-right: 0.75em; }

.pb-big {
  padding-bottom: 4em; }

.pb-medium {
  padding-bottom: 2.5em; }

.pb-small {
  padding-bottom: 1.5em; }

.pt-big {
  padding-top: 4em; }

.pt-medium {
  padding-top: 2.5em; }

.pt-small {
  padding-top: 1em; }


.pt-tiny {
  padding-top: 0.5em; }

.pt-vtiny {
  padding-top: 0.3em; }

body {
  font-family: 'brother-1816', sans-serif;
  font-weight: 400;
  color: #666;
  font-size: 15px;
  line-height: 25px;
  width: 100%; }

h1, h2, h3, h4, h5, h6 {
  color: #444; }

/* default font size */
.fa {
  font-size: 14px; }

/* Override the bootstrap defaults */
h1 {
  font-size: 33px; }

h2 {
  font-size: 27px; }

h3 {
  font-size: 20px; }

h4 {
  font-size: 15px; }

h5 {
  font-size: 12px; }

h6 {
  font-size: 10.2px; }

a {
  color: #a5b918; }

a:hover {
  text-decoration: underline;
  color: #889e37; }

legend {
  font-size: 18px;
  padding: 7px 0px; }

label {
  font-size: 12px;
  font-weight: normal; }

select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {
  font-size: 14px; }

.form-control{height:42px !important;border-radius: 0px !important;}

/* LOZ #input-option227, #loose-input-quantity{border: 1px solid #f19222 !important;} */
#loose-input-quantity {}
#input-quantity{width:25%; float:left;margin-right:5%;}

#input-quantity{text-align: center !important}

#button-cart{display:inline-block !important; width:70%;}

#button-postcode{font-size:1.2em !important;}

@media (max-width:600px){
	#button-postcode{margin-top:10px;}}


.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {
  font-size: 12px; }

.input-group .input-group-addon {
  font-size: 12px;
  height: 30px; }

/* Fix some bootstrap issues */
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
  display: inline; }

.nav-tabs {
  margin-bottom: 15px; }

div.required .control-label:before {
  content: '* ';
  color: #F00;
  font-weight: bold; }

/* Gradent to all drop down menus */
.dropdown-menu li > a:hover {
  text-decoration: none;
  color: #ffffff;
  background-color: #222;
  background-repeat: repeat-x; }

/* top */
#top {
  background-color: #a5b918;
  border-bottom: 1px solid #e2e2e2;
  padding: 5px 0px 0px 0;
  margin: 0 0 20px 0;
  min-height: 0px; }

#top .container {
  padding: 0 20px; }

#top #form-currency .currency-select,
#top #form-language .language-select {
  text-align: left; }

#top #form-currency .currency-select:hover,
#top #form-language .language-select:hover {
  text-shadow: none;
  color: #ffffff;
  background-color: #a5b918;
  background-repeat: repeat-x; }

#top .btn-link, #top-links li, #top-links a {
  color: #ffffff;
  text-decoration: none; }

#top .btn-link:hover, #top-links a:hover {
  color: #ffffff;
  text-decoration: underline; }

#top .top-text {
  color: #ffffff;
  font-size: 15px;height:100%;padding-top:5px; }

#top-links .dropdown-menu a {
  text-shadow: none; }

#top-links .dropdown-menu a {
  color: #a5b918; }

#top-links .dropdown-menu a:hover {
  color: #FFF; }

#top .btn-link strong {
  font-size: 14px;
  line-height: 14px; }

#top-links {
  padding-top: 0px; }

#top-links a + a {
  margin-left: 15px; }
 
/* logo */
/*
.logo-img-responsive {
  display: block;
  max-height: 80px;
  height: auto; }

#logo {
  margin: 5px 0 8px 0; }
*/
/* search */
#search {
  margin-bottom: 10px; }

#search .input-lg {
  height: 40px;
  line-height: 20px;
  padding: 0 10px; }

#search .btn-lg {
  font-size: 15px;
  line-height: 18px;
  padding: 10px 35px;
  text-shadow: 0 1px 0 #FFF; }

/* cart */
#cart {
  margin-bottom: 5px; }

#cart > .btn {
  font-size: 12px;
  line-height: 18px;
  color: #FFF; }

#cart.open > .btn {
  background-image: none;
  background-color: #FFFFFF;
  border: 1px solid #E6E6E6;
  color: #666;
  box-shadow: none;
  text-shadow: none; }

#cart.open > .btn:hover {
  color: #444; }

#cart .dropdown-menu {
  background: #a5b918;
  z-index: 1001; }

#cart .dropdown-menu {
  min-width: 100%; }

@media (max-width: 478px) {
  #cart .dropdown-menu {
    width: 100%; } }

#cart .dropdown-menu table {
  margin-bottom: 10px; }

#cart .dropdown-menu li > div {
  min-width: 427px;
  padding: 0 10px; }

@media (max-width: 478px) {
  #cart .dropdown-menu li > div {
    min-width: 100%; } }

#cart .dropdown-menu li p {
  margin: 20px 0; }

/* menu */
#menu {
  min-height: 40px;
  padding-top: 0%;
  width: 110%; }

#menu .nav > li > a {
  font-size: 1.2em;
  color: #222;
  text-transform: uppercase;
  padding: 8px 15px 8px 15px;
  min-height: 15px;
  background-color: transparent; }

#menu .nav > li > a:hover, #menu .nav > li.open > a {
  background-color: #a5b918;
  color: #ffffff; }

#menu .dropdown-menu {
  padding-bottom: 0; }

#menu .dropdown-inner {
  display: table; }

#menu .dropdown-inner ul {
  display: table-cell; }

#menu .dropdown-inner a {
  min-width: 500px;
  display: block;
  padding: .5em 2em .5em 2em;
  clear: both;
  line-height: 1.3em;
  color: #222;
  font-size: 1.2em; }

#menu .dropdown-inner li a:hover {
  color: #FFFFFF; }

#menu .see-all-head {
  display: block;
  margin-top: 0;
  margin-left: 0px;
  border-bottom: 1px solid #DDD;
  padding: 3px 20px;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 3px 3px;
  font-size: 12px; }

#menu .see-all {
  display: block;
  margin-top: 0;
  margin-left: 20px;
  border-bottom: 1px solid #DDD;
  padding: 3px 20px;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 3px 3px;
  font-size: 12px; }

#menu .see-all:hover, #menu .see-all:focus {
  text-decoration: none;
  color: #ffffff;
  background-color: #a5b918;
  background-repeat: repeat-x; }

#menu #category {
  float: left;
  padding-left: 15px;
  font-size: 16px;
  font-weight: 700;
  line-height: 40px;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); }

#menu .btn-navbar {
  font-size: 15px;
  font-stretch: expanded;
  color: #FFF;
  padding: 2px 18px;
  float: right;
  background-color: #222;
  background-repeat: repeat-x; }

#menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] {
  color: #ffffff;
  background-color: #222; }

@media (min-width: 768px) {
  #menu .dropdown:hover .dropdown-menu {
    display: block; } }

@media (max-width: 767px) {
  #menu {
    border-radius: 4px; }
  #menu div.dropdown-inner > ul.list-unstyled {
    display: block; }
  #menu div.dropdown-menu {
    margin-left: 0 !important;
    padding-bottom: 10px;
/* bg colour */
    background-color: rgba(255, 255, 255, 1.0); }

  #menu .dropdown-inner {
    display: block; }
  #menu .dropdown-inner a {
    width: 100%;
/* txt colour */
    color: #333; }
  #menu .dropdown-menu a:hover,
  #menu .dropdown-menu ul li a:hover {
    background: #a5b918; }
  #menu .see-all {
    margin-top: 0;
    border: none;
    border-radius: 0;
    color: #fff; } }

/* content */
#content {
  min-height: 600px; }

/* footer */
footer {
  margin-top: 30px;
  padding-top: 30px;
  background-color: #a5b918;
  border-top: 1px solid #ddd;
  color: #e2e2e2;
  font-size: 1.5rem; }

footer hr {
  border-top: none;
  border-bottom: 1px solid #666; }

footer a {
  color: #eee; }

footer a:hover {
  color: #ccc; }

footer h5 {
  font-size: 1.5rem;
  font-weight: 400;
  color: #fff; }

/* alert */
.alert {
  padding: 8px 14px 8px 14px; }

/* breadcrumb */
.breadcrumb {
  margin: 0 0 20px 0;
  padding: 8px 0;
  border: 1px solid #ddd;
line-height:18px !important}

.breadcrumb i {
  font-size: 15px; }

.breadcrumb > li {
  text-shadow: 0 1px 0 #FFF;
  padding: 0 20px;
  position: relative;
  white-space: nowrap; }

.breadcrumb > li + li:before {
  content: '';
  padding: 0; }

.breadcrumb > li:after {
  content: '';
  display: block;
  position: absolute;
  top: -3px;
  right: -5px;
  width: 26px;
  height: 26px;
  border-right: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }

@media (max-width:600px){
.breadcrumb > li:after {
	width:13px;
	height:13px;
	top:5px;
	}}

.breadcrumb > li > a {
  color: #222;
  font-size: 12px; }

.pagination {
  margin: 0; }

/* buttons */
.buttons {
  margin: 1em 0; }

.btn {
  padding: 7.5px 12px;
  font-size: 12px;
  border-radius: 4px; }

.btn-xs {
  font-size: 9px; }

.btn-sm {
  font-size: 10.2px; }

.btn-lg {
  padding: 8px 16px;
  font-size: 15px; }

.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
  font-size: 12px; }

.btn-group > .btn-xs {
  font-size: 9px; }

.btn-group > .btn-sm {
  font-size: 10.2px; }

.btn-group > .btn-lg {
  font-size: 15px; }

.btn-default {
  color: #ffffff ;
  background-color: #a1a1a1;
text-transform:uppercase;}

.btn-default:hover {
  color: #ffffff ;
  background-color: #707070;}

.btn-primary {
  color: #ffffff;
  background-color: #f19222;
  background-repeat: repeat-x; }

.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled], .btn-primary[disabled]:hover {
  background-color: #b5cad6;
  color: white;
  background-position: 0 -15px; }

#button-delivery-options{border:none !important}

.btn-warning {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #faa732;
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  background-repeat: repeat-x;
  border-color: #f89406 #f89406 #ad6704; }

.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
  box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1); }

.btn-danger {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #da4f49;
  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  border-color: #bd362f #bd362f #802420; }

.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
  box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1); }

.btn-success {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #5bb75b;
  background-image: linear-gradient(to bottom, #62c462, #51a351);
  background-repeat: repeat-x;
  border-color: #51a351 #51a351 #387038; }

.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
  box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1); }

.btn-info {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #df5c39;
  background-image: linear-gradient(to bottom, #e06342, #dc512c);
  background-repeat: repeat-x;
  border-color: #dc512c #dc512c #a2371a; }

.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
  background-image: none;
  background-color: #df5c39; }

.btn-link {
  border-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  color: #a5b918;
  border-radius: 0; }

.btn-link, .btn-link:active, .btn-link[disabled] {
  background-color: rgba(0, 0, 0, 0);
  background-image: none;
  box-shadow: none; }

.btn-inverse {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #363636;
  background-image: linear-gradient(to bottom, #444444, #222222);
  background-repeat: repeat-x;
  border-color: #222222 #222222 #000000; }

.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
  background-color: #222222;
  background-image: linear-gradient(to bottom, #333333, #111111); }

/* list group */
.list-group a {
  border: 1px solid #DDDDDD;
  color: #888888;
  padding: 8px 12px; }

.list-group a.active, .list-group a.active:hover, .list-group a:hover {
  color: #444444;
  background: #eeeeee;
  border: 1px solid #DDDDDD;
  text-shadow: 0 1px 0 #FFF; }

/* carousel */
.carousel-caption {
  color: #FFFFFF;
  text-shadow: 0 1px 0 #000000; }

.carousel-control .icon-prev:before {
  content: '\f053';
  font-family: FontAwesome; }

.carousel-control .icon-next:before {
  content: '\f054';
  font-family: FontAwesome; }

.purchasebox {
padding: 6px 10px 0px 10px;
/* LOZ border-radius: 5px; */
margin-top: 15px;
}
.orange10 {
	/* LOZ */
/* background-color: rgb(241,146,34,0.1); */
border: #a0b9c4 solid 2px;
}
.green10 {
/*background-color: rgb(165,185,24,0.1);*/
border: #a0b9c4 solid 2px;
}
.grey10 {
background-color: white;
}

/* product list */
.product-thumb {
  border: 1px solid #ddd;
  margin-bottom: 20px;
  overflow: auto; }

.product-thumb .image {
  text-align: center; }

.product-thumb .image a {
  display: block; }

.product-thumb .image a:hover {
  opacity: 0.8; }

.product-thumb .image img {
  margin-left: auto;
  margin-right: auto; }

.product-grid .product-thumb .image {
  float: none; }

@media (min-width: 767px) {
  .product-list .product-thumb .image {
    float: left;
    padding: 0 15px; } }

.product-thumb h4 {
  font-weight: bold; }

.product-thumb .caption {
  padding: 0 20px;
  min-height: 180px; }

.product-list .product-thumb .caption {
  margin-left: 230px; }

@media (max-width: 1200px) {
  .product-grid .product-thumb .caption {
    min-height: 210px;
    padding: 0 10px; } }

@media (max-width: 767px) {
  .product-list .product-thumb .caption {
    min-height: 0;
    margin-left: 0;
    padding: 0 10px; }
  .product-grid .product-thumb .caption {
    min-height: 0; } }

.product-thumb .rating {
  padding-bottom: 10px; }

.rating .fa-stack {
  font-size: 8px; }

.rating .fa-star-o {
  color: #999;
  font-size: 15px; }

.rating .fa-star {
  color: #FC0;
  font-size: 15px; }

.rating .fa-star + .fa-star-o {
  color: #E69500; }

h2.price {
  margin: 0; }

.product-thumb .price {
  color: #444; }

.product-thumb .price-new {
  font-weight: 600; }

.product-thumb .price-old {
  color: #999;
  text-decoration: line-through;
  margin-left: 10px; }

.product-thumb .price-tax {
  color: #999;
  font-size: 12px;
  display: block; }

.product-thumb .button-group {
  border-top: 1px solid #ddd;
  background-color: #eee;
  overflow: auto; }

.product-list .product-thumb .button-group {
  border-left: 1px solid #ddd; }

@media (max-width: 768px) {
  .product-list .product-thumb .button-group {
    border-left: none; } }

.product-thumb .button-group button {
  width: 60%;
  border: none;
  display: inline-block;
  float: left;
  background-color: #eee;
  color: #888;
  line-height: 38px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase; }

.product-thumb .button-group button + button {
  width: 20%;
  border-left: 1px solid #ddd; }

.product-thumb .button-group button:hover {
  color: #444;
  background-color: #ddd;
  text-decoration: none;
  cursor: pointer; }

@media (max-width: 1200px) {
  .product-thumb .button-group button, .product-thumb .button-group button + button {
    width: 33.33%; } }

@media (max-width: 767px) {
  .product-thumb .button-group button, .product-thumb .button-group button + button {
    width: 33.33%; } }

.thumbnail{display:inline-block;min-width:100%;padding:0px !important;border: none !important;border-radius:0px}

.thumbnail > img{min-width:100%}

.image-additional .thumbnail img{width:78px!important; height:78px!important;object-fit:cover !important;}

.thumbnails {
  overflow: auto;
  clear: both;
  list-style: none;
  padding: 0;
  margin: 0; }

.thumbnails > li {
  margin-left: 20px; }

.thumbnails {
  margin-left: -20px; }

.thumbnails > img {
  width: 100%; }

.image-additional a {
  padding: 5px;
  display: block;
  border: 1px solid #ddd;min-width: 78px;
min-height:78px;
}

.image-additional {
  min-width: 78px;
	margin-bottom:20px;
}

.thumbnails .image-additional {
  float: left;
  margin-left: 20px; }

.image-additional .thumbnail {margin-bottom:0px !important}

/*
#product-product a:link, #product-product a:visited {
	color: #000 !important;
}
*/
@media (min-width: 1200px) {
  #content .col-lg-2:nth-child(6n+1),
  #content .col-lg-3:nth-child(4n+1),
  #content .col-lg-4:nth-child(3n+1),
  #content .col-lg-6:nth-child(2n+1) {
    clear: left; } }

@media (min-width: 992px) and (max-width: 1199px) {
  #content .col-md-2:nth-child(6n+1),
  #content .col-md-3:nth-child(4n+1),
  #content .col-md-4:nth-child(3n+1),
  #content .col-md-6:nth-child(2n+1) {
    clear: left; } }

@media (min-width: 768px) and (max-width: 991px) {
  #content .col-sm-2:nth-child(6n+1),
  #content .col-sm-3:nth-child(4n+1),
  #content .col-sm-4:nth-child(3n+1),
  #content .col-sm-6:nth-child(2n+1) {
    clear: left; } }

/* fixed colum left + content + right*/
@media (min-width: 768px) {
  #column-left .product-layout .col-md-3 {
    width: 100%; }
  #column-left + #content .product-layout .col-md-3 {
    width: 50%; }
  #column-left + #content + #column-right .product-layout .col-md-3 {
    width: 100%; }
  #content + #column-right .product-layout .col-md-3 {
    width: 100%; } }

/* fixed product layouts used in left and right columns */
#column-left .product-layout, #column-right .product-layout {
  width: 100%; }

/* fixed mobile cart quantity input */
.input-group .form-control[name^=quantity] {
  min-width: 50px; }

/* Missing focus and border color to overwrite bootstrap */
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
  background-image: none;
  background-color: #df5c39; }

/* CUSTOM CLASSES */
/*============= TOP BAR HEADER =============*/
.top-bar {
  background: #9eba3c;
  height: 3.4rem;
  padding: .5rem 0; }

.top-bar [class*="col-"] {
  padding: 0 !important;
  margin: 0 !important; }

.top-bar .svg-inline--fa.fa-w-12,
.top-bar .svg-inline--fa.fa-w-16 {
  color: white;
  font-size: 1.5rem;
  margin-left: .6rem;
  margin-right: .2rem; }

.top-bar p, .top-bar a {
  color: white !important;
  text-decoration: none !important;
  font-size: 1.25rem;
  display: inline; }

/*============= LORRY DROPDOWN =============*/
/*.lorryoption-grab {
  color: #a5b918;
  font-weight: 700; }

.lorryoption-nograb {
  color: #f19222;
  font-weight: 700; }

*/
.lorrysizes {
max-width: 220px;
padding-top: 0.5em;
font-size: 0.8em;
}
a.nounder:hover  {
text-decoration: none;
}
.lorryoption-head {
  font-weight: bold; }

/* Popup Document */
.makeblue {
background-color: #aaaaff;
}
.makepink {
background-color: #ffaaaa;
}
/* The Modal (background) */
.modal {
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-popup {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
  height: 80%;
}
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 90%;
  height: 95%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

/*============= TOP BAR HEADER =============*/
.top-bar {
  background: #a5b918; 
  height: 3.4rem;
  padding: 2rem 0 4rem 0; }

.top-bar [class*="col-"] {
  padding: 0 !important;
  margin: 0 !important; }

.bg-primary {
  background-color: #a5b918 !important; }

a:link, a:visited {
  font-weight: bold;
  color: #a5b918; }

a:hover {
  font-weight: bold;
  color: #a5b918;
  text-decoration: underline; }

a.orange:link, a.orange:visited {
	  font-weight: bold;
  color: #f19222; }

a.orange:hover {
	  font-weight: bold;
  color: #f19222;
  text-decoration: underline; }


.container {
  max-width: 1465px !important;
  width: 100%; }

/*===== HOME FIXED BACKGROUND IMG =====*/
#fixed {
  z-index: -1;
  position: relative;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform; }

#fixed.align-top {
	  background-position: top;
}

#fixed.align-bottom {
	  background-position: bottom;
}

#fixed.align-left {
	  background-position: left;
}

#fixed.align-right {
	  background-position: right;
}

#fixed.align-center {
	  background-position: center;
}

.fixed-height {
  min-height: 500px; }

@media (max-width:600px){
.fixed-height {
	min-height: 250px; }}

/*===== FIXED BACKGROUND IMGs =====*/
#fixed.home {
  background-image: url("../../img/fixed/home.jpg"); }
#fixed.homenewtrade {
  background-image: url("../../img/fixed/tradehome.jpg"); }
.homenewtradetopmessage {
  background-color: #eef1d8;
  padding:15px;
}
/* Page Heading */
#page-text-top h1 {
  font-weight: 600;
  font-size:2em;
  color: #a5b918;
  text-align: left;
  padding-top: 20px; }

#page-text-top p {
  font-size: 16px;
  line-height: 28px;
  text-align: justify; }

.btn-primary,
.btn-orange {
  background-color: #f19222;
  transition: all .5s ease;
  border: 1px solid #f19222;
  border-radius: 0;
  font-weight: 600px;
  font-size: 1.2em; 
text-transform: uppercase !important;}

/*@media (max-width:600px){.btn-primary,
	.btn-orange, #button-postcode{font-size:1em !important}}*/

@media (max-width:460px){#button-postcode{display: flex !important;
        flex-wrap: wrap !important;width:100% !important;white-space: normal !important}}


  .btn-primary:link, .btn-primary:visited,
  .btn-orange:link,
  .btn-orange:visited {
    color: #FFF; }
  .btn-primary:hover,
  .btn-orange:hover {
    color: #f19222;
    background-color: white;
    transition: all .8s ease;
    border: 1px solid #f19222;
    border-radius: 0; }
  .btn-primary A,
  .btn-orange A {
    color: white; }
  .btn-primary A:hover,
  .btn-orange A:hover {
    color: #f19222;
    text-decoration: none; 
}

.social-wrapper {
  display: flex;
  flex-direction: row;
  width: 15em; }

.social-icon-img {
  width: 2.5em;
  margin-right: 1em; }

#mainbox a:link,
#mainbox a:visited {
  /*color: #ffFFFF*/ }

.mainbox {
  border: 1px solid #ddd;
  overflow: auto;
  min-height: 483px;
  margin-bottom: 40px !important; }
  .mainbox--heading {
    color: #222;
    font-weight: 600;
    font-size: 1.4em;
    min-height: 3.6em;

    line-height: 1.2em;
    margin-left: -14px;
    margin-right: -14px;	
    margin-top: .8em; }

#smaller-text .mainbox--heading {
    font-size: 1.3em;
    line-height: 1.1em;
    margin-top: 0.5em;
}

@media screen and (max-width: 1250px) and (min-width: 1200px){
	.mainbox--heading {
		font-size: 1.2em;
	}
}
	
.mainbox p, #mainbox p{text-align:justify !important;font-size:15px !important;}

/* Card Boxes */
.h-100 {
  min-height: 100px; }

#mainbox h5 {
  font-weight: 600;
  font-size: 1.8em; }


/* New category page styles */
.drainage-text {
	font-size: .9em;
	font-weight: 300;
	margin-top: 0.1em;
}

#smaller-text .drainage-text {
    font-size: .8em;
    margin-top: 0.8em;
    line-height: 1.1em;
}

.purchase-options-container {
	margin-top: 0.6em;
}

.product-name-container {
	min-height: 6.0em;
}

.category-name-container {
	min-height: 4.3em;
}

.product-name-textarea {
	min-height: 70px;
}




/* LOZ */
.large-text-link {
	font-size: 1.28em;
	font-weight: bold;
}

a.bold {
	font-weight: bold;
}





/* - removed to match Lee's css

        #mainbox p {

            font-size: 1.6em; 

            letter-spacing: 0.03em;

        }

*/

/*
#product-product a.pdf_link {
color: #666 !important;
text-decoration: underline;
text-decoration-color: #f19222;
}

#product-product a.pdf_link:hover {
color: #f19222 !important;
}
*/

.boxwhite {
  background-color: #ffffff;
  border: solid 1px;
  border-color: #000000;
  margin-left: 5px;
  margin-right: 5px;
padding:15px;}

#boxwhite h5 {
  color: #a5b918; margin-top:0px;}

#boxgreen h5 {
  margin-top:0px;}

.boxgreen {
  background-color: #eef1d8;
  border: solid 1px;
  border-color: #eef1d8;
  margin-left: 5px;
  margin-right: 5px;
padding:15px;}

/* Unnecessary so removed 

        

        #boxgreen .img-border {

            border: 1px solid #e9efd3;

        }

        #boxwhite .img-border {

          border: 1px solid #ffffff;

        }

        */
.image-in-box {
  background-position: center center;
  background-size: cover;
  min-height: 350px;
  border: solid 15px; }

.boxwhite .image-in-box, .boxgreen .image-in-box{border: none !important;}

.boxwhite .col-sm-7, .boxgreen .col-sm-7{width:52% !important;padding:0 !important;margin-right:30px}

@media (max-width:1248px){
	.boxwhite .col-sm-7, .boxgreen .col-sm-7{width:50.5% !important;}}

@media (max-width:990px){
	.boxwhite .col-sm-7, .boxgreen .col-sm-7{width:52% !important;}}

@media (max-width:768px){
	.boxwhite .col-sm-7, .boxgreen .col-sm-7{width:100% !important;padding-bottom:50px;}}


.boxwhite .col-sm-5, .boxgreen .col-sm-5{width:43.4% !important;}

@media (max-width:1446px){
	.boxwhite .col-sm-5, .boxgreen .col-sm-5{width:43% !important;}}

@media (max-width:1342px){
	.boxwhite .col-sm-5, .boxgreen .col-sm-5{width:42.4% !important;}}

@media (max-width:990px){
	.boxwhite .col-sm-5, .boxgreen .col-sm-5{width:43.4% !important;}}

@media (max-width:810px){
	.boxwhite .col-sm-5, .boxgreen .col-sm-5{width:43.6% !important;}}

@media (max-width:768px){
	.boxwhite .col-sm-5, .boxgreen .col-sm-5{width:100% !important;}}



#boxwhite .image-in-box {
  border-color: #ffffff; }

#boxgreen .image-in-box {
  border-color: #eef1d8; }

.innerbox {
  padding: 15px;
  text-align: center; }

.product-thumb .caption {
  min-height: auto; }

.img-responsive {
  width: 100%; }

.btn-blue {
  background-color: #668b9e;
  width: 100px; }

.btn {
  border-radius: 0; }

.footer-link a {
  color: white; }

.footer-link:hover a {
  color: white;
  text-decoration: underline; }

@media (max-width: 1250px) {
  .mainbox {
    min-height: 500px !important; } }

@media (max-width: 990px) {
  .mainbox {
    min-height: 566px !important; } }

@media (max-width: 767px) {
  .mainbox {
    min-height: 0px !important; } }


/* Cookie CSS */
            #cookie-space {
                display:none;
                height: 51px;
            }    
            #cookie-consent {
                width: 100%;
                position: fixed;
                left: 0px;
                z-index: 999;
                background: none repeat scroll 0% 0% rgba(255,148,21, 0.95);
                border-bottom: 1px solid rgba(195, 195, 195, 0.73);
                display: none;
                padding: 1em 1em;
                top: 0px;
            }
            #cookie-consent #accept {
                float: right;
                margin-top: 1px;
                margin-left: 10px;
                background: none repeat scroll 0% 0% rgba(98, 139, 159, 1);
                padding: 10px 10px;
                border: medium none;
                color: #FFF;
                cursor: pointer;
            }
            #cookie-inner {
                display: block;
                max-width: 1280px;
                margin-left: auto;
                margin-right: auto;
                padding: 10px 10px;
                min-width: 300px;
            } 
            #cookie-text h1, #cookie-text p {
				color: #ffffff;            
			}			
            #cookie-text h1 {
				font-weight: bold;
				font-size: 18px;
				padding:0px;
				margin:0px;
			}			


/* chkctype CSS */
            #chkctype-retail-message #chkctype-outer {
                background: none repeat scroll 0% 0% rgba(158,187,59, 1.0);
				border-top: solid 1px #000;
			}
            #chkctype-trade-message #chkctype-outer {
                background: none repeat scroll 0% 0% rgba(110,139,157, 1.0);
				border-top: solid 1px #637d8d;
			}
            #chkctype-outer {
                width: 100%;
                position: fixed;
                left: 0px;
                z-index: 999;
/*                display: none; */
                padding: 1em 1em;
                bottom: 0px;
				transition: all 1.0s ease;
            }

            #chkctype-outer #chkctype-button-link {
                float: right;
                margin-top: 1px;
                margin-left: 10px;
                padding: 10px 10px;
                border: medium none;
                color: #FFF;
                cursor: pointer;
            }

            #chkctype-trade-message #chkctype-outer #chkctype-button-link {
                background: none repeat scroll 0% 0% rgba(247, 148, 29, 1);
			}
            #chkctype-retail-message #chkctype-outer #chkctype-button-link {
                background: none repeat scroll 0% 0% rgba(247, 148, 29, 1);
			}

            #chkctype-inner {
                display: block;
                max-width: 1280px;
                margin-left: auto;
                margin-right: auto;
                padding: 10px 10px;
                min-width: 300px;
            } 
            #chkctype-text .heavy {
				font-weight: bold;
				font-size: 18px;
				padding:0px;
				margin:0px;
				color: #ffffff;            
			}			
	        #chkctype-text .light {
				font-size: 16px;
				padding:0px;
				margin-left: 1em;
				color: #ffffff;            
			}	



/* Responsive Cart Table Code */
#carttable div {
  box-sizing: border-box;
}

#carttable .table-container {
  display: block;
  margin: 2em auto;
  width: 100%;
  max-width: 1200px;
}

#carttable .flag-icon {
  margin-right: 0.1em;
}

#carttable .flex-table {
  display: flex;
  flex-flow: row wrap;
  border-left: solid 1px #d9d9d9;
  transition: 0.5s;
  margin: 0;
}
#carttable .flex-table:first-of-type {
  border-top: solid 1px #a5b918;
  border-left: solid 1px #a5b918;
}
#carttable .flex-table:first-of-type .flex-row {
  background: #a5b918;
  color: white;
  border-color: #a5b918;
}
#carttable .flex-table.row:nth-child(odd) .flex-row {
  background: #f4f2f1;
}
#carttable .flex-table:hover {
  background: #F5F5F5;
  transition: 500ms;
}

#carttable .flex-row {
  width: calc(100% / 4);
  text-align: center;
  padding: 0.5em 0.5em;
  border-right: solid 1px #d9d9d9;
  border-bottom: solid 1px #d9d9d9;
}

#carttable .rowspan {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: center;
}

#carttable .column {
  display: flex;
  flex-flow: column wrap;
  width: 75%;
  padding: 0;
}
#carttable .column .flex-row {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  padding: 0;
  border: 0;
  border-bottom: solid 1px #d9d9d9;
}
#carttable .column .flex-row:hover {
  background: #F5F5F5;
  transition: 500ms;
}

#carttable .flex-cell {
  width: calc(100% / 3);
  text-align: center;
  padding: 0.5em 0.5em;
  border-right: solid 1px #d9d9d9;
}
@media all and (max-width: 767px) {
  #carttable .flex-row {
    width: calc(100% / 4);
  }
  #carttable .flex-row.second {
    width: 50%;
  }
  #carttable .flex-row.first {
    width: 100%;
  }

  #carttable .column {
    width: 100%;
  }
}

#pricingNotes .pricelist  {
margin-left: 20px;
/*margin-left: auto;
margin-right: auto;*/
margin-top: 20px;
margin-bottom: 20px;
}

#pricingNotes  td.qty {
width: 70px;
}

#pricingNotes  td.price { 
width: 70px;
}

#pricingNotes td.saving {
width: 200px;
}

.pricelist td.save {
color: #f19222;
}

/*
@media all and (max-width: 430px) {
  #carttable .flex-table .flex-row {
    border-bottom: 0;
  }
  #carttable .flex-table .flex-row:last-of-type {
    border-bottom: solid 1px #d9d9d9;
  }

  #carttable .header .flex-row {
    border-bottom: solid 1px;
  }

  #carttable .flex-row {
    width: 100%;
  }
  #carttable .flex-row.first {
    width: 100%;
    border-bottom: solid 1px #d9d9d9;
  }

  #carttable .column {
    width: 100%;
  }
  #carttable .column .flex-row {
    border-bottom: solid 1px #d9d9d9;
  }

  #carttable .flex-cell {
    width: 100%;
  }
}
*/
/* Responsive Cart Table Code - end*/
.tradehomeheadbox {
  background-color: #eef1d8;
  padding:15px;
}

/* MEGABOX START */

*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

  #logo {
	  margin-left: -3px;
  }
  #logo .responsive-logo {
    max-width: 336px;
  }

  .mega-links li.mobile-hide
  {
	  display: block;
  }
 


ul .drop-menu li a  {
	text-align: center;
  margin: 0;
  padding: 0 30px;
  color: #231f20; 
  font-size: 18px;
  display: block;
  /* border-radius: 5px;*/
  line-height: 35px;
  border-bottom: 1px solid #a6c0cd;
  background-color: #e1ebef;
}
ul .drop-menu li a:hover  {
  color: #fff;
  background-color: #6e8b9d;
}


.drop-menu header {
  color: #f2f2f2;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.8em;
  background: #9ebb3b;
  text-align: center;
  border-bottom: white solid 1px;
}


header {
  padding-top: 2px;
  padding-bottom: 3px;
  padding-left: 5px;
  padding-right: 5px;
}

nav .top-text {
	padding: 5px 0 0 0;
	color: #fff;
}

nav{
  /* position: fixed; - maybe fix in the future but let's make it work like it used to first of all */
  z-index: 99;
  width: 100%;
  
  background: #FFF;
}
nav .wrapper {
/*
  height: 120px;
  justify-content: space-between;
  padding: 0px 100px;
*/
  align-items: center;
  position: relative;
  line-height: 70px;
  margin: auto;
  padding-bottom: 15px;
  display: flex;
}
.wrapper .logo a{
  color: #f2f2f2;
  font-size: 30px;
  font-weight: 600;
  text-decoration: none;
}
.wrapper .nav-links{
  display: inline-flex;
  z-index: 99;
  	margin-top: 6px;
	width: 100%;
	justify-content: space-around;
	margin-left: 75px;
	margin-right: 75px;
}
.nav-links li{
  list-style: none;
}
.nav-links li a{
  color: #FFF; 
  text-decoration: none;
  font-size: 18px;
  padding: 1px 14px;
  transition: all 0.3s ease;
  
font-family: 'brother-1816', sans-serif;
font-weight: 400;
  
}
.nav-links li a:hover{
  background: #6e8b9d;;
}
.nav-links .mobile-item{
  display: none;
}
.nav-links .drop-menu {
  position: absolute;
/*  background: #e1ebef;*/
  background: white;
  width: 180px;
  line-height: 45px;
  top: 85px;
  opacity: 0;
  visibility: hidden;
  /* box-shadow: 0 6px 10px rgba(0,0,0,0.15); */
  padding-top: 35px;
  padding-left: 17px;
  padding-right: 17px;
  padding-bottom: 18px;
}
.nav-links li:hover .mega-box {
  transition: all 0.3s ease;
  top: 68px;
  opacity: 1;
  visibility: visible;
}

.nav-links li:hover .drop-menu {
  transition: all 0.3s ease;
  top: 68px;
  opacity: 1;
  visibility: visible;

}


.drop-menu li a{
  width: 100%;
  display: block;
  padding: 0 0 0 15px;
  font-weight: 400;
  border-radius: 0px;
}
.mega-box{
  position: absolute;
  left: 0;
  width: 100%;
  padding: 0 000px;
  top: 85px;
  opacity: 0;
  visibility: hidden;
  z-index: 99;
}
.mega-box .content {
  background: white;
  padding: 1px 16px 17px 16px;
  display: flex;
  width: 100%;
  justify-content: space-between;
  box-shadow: 0 6px 10px rgba(0,0,0,0.15);
  margin-top: 32px;
}
/*
.infobox .mega-box {
	background: white;
	width: 450px;
	margin-left: 62%;


}
*/
/* LPJ: Useful */ 
.mega-box .content .row{
  /*width: calc(25% - 2px);*/
  width: 100%;
  line-height: 35px;
  margin-left: 0;
  margin-right: 0;
}
.content .row img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.content .row header{
  color: #f2f2f2;
  font-size: 19px;
  font-weight: bold;
  line-height: 1.8em;
  background: #9ebb3b;
  text-align: center;
  border-bottom: white solid 1px;
}

.content .row header:not(:nth-of-type(1)) {
  border-top: white solid 2px;
}
/*
.mega-links  {
	padding-bottom: 20px;
}
*/
.content .row .mega-links {
  margin-left: -40px;
  /* border-left: 1px solid rgba(255,255,255,0.09); */
  text-align: center;
}




.row .mega-links li{
  padding: 0 20px;
}
.row .mega-links li a{
  padding: 0px;
  padding: 0 20px;
  color: #231f20;
  font-size: 18px;
  display: block;
  margin-left: 19px;
  border-bottom: 1px solid #a6c0cd; /*red*/
  width: 100%;  
}
.row .mega-links li a #removeunderline{
  border-bottom: 10px solid red !important; /*red*/  
}

.nounderline {
  border-bottom: 1px solid #a6c0cd; /*red*/
  width: 100%;
}
.row .mega-links li a:hover{
  color: #fff;
  /*background-color: rgba(255,255,255,0.3);*/
}

.mega-box .content .row {
	background: #e1ebef;
	border: white solid 1px;
}

.wrapper .btn .fa-bars {
  color: #6e8b9d;
  font-size: 30px;
  cursor: pointer;
  display: none;
}


.wrapper .btn{
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  display: none;
}
.wrapper .btn.close-btn{
  position: absolute;
  right: 30px;
  top: 10px;
}


nav input{
  display: none;
}

.body-text{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  padding: 0 30px;
}
.body-text div{
  font-size: 45px;
  font-weight: 600;
}










.logo-max {
	max-height: 80px;
}

.top-area {
background-color: #a5b918;
border-bottom: 1px solid #e2e2e2;
padding: 5px 0px 0px 0;
margin: 0 0 20px 0;
min-height: 0px;	
}

nav ul li .top-text-color   {
	color: #222 ;
}
nav ul li .top-text-color:hover   {
	color: #fff ;
}

ul .drop-menu {
	min-width: 450px; 
}

.shrink-text {
	 font-size: 1.0vw;
}

.shift-dropdown-left {
	margin-left: -146px;
}

@media screen and (min-width: 1276px) and (max-width: 1431px) {
	.content .row header a {
		font-size: 17px !important;
	}	
}
@media screen and (min-width: 1251px) and (max-width: 1276px) {
	.content .row header a {
		font-size: 15px !important;
	}	
}

@media screen and (max-width: 1416px) {
	.content .row header {
	  font-size: 15px;
	}	
}

@media screen and (max-width: 1123px) {
	.row .mega-links li a {
		font-size: 17px;
	}	
}

@media screen and (max-width: 1250px) {
	/* 2-column mega menu layout */
	.mega-box .content {
		flex-direction: row;
		flex-wrap: wrap;
		padding: 1px 17px 17px 17px; /* Restore horizontal padding to create white border effect */
		align-items: flex-start; /* Prevent columns from stretching to match height */
		background: white; /* Ensure content background is white */
	}
	
	.mega-box .content .row {
		width: 50%;
		box-sizing: border-box;
		padding: 0; /* Remove all padding to reach edges */
		line-height: 35px; /* Match 4-up menu line height */
		align-self: flex-start; /* Prevent individual rows from stretching */
	}
	
	.mega-box .content .row:nth-child(odd) {
		padding: 0; /* Remove padding to reach left edge */
	}
	
	.mega-box .content .row:nth-child(even) {
		padding: 0; /* Remove padding to reach right edge */
	}
	
	.content .row header {
		font-size: 19px; /* Match 4-up menu header font size */
	}
	
	.content .row .mega-links {
		min-height: auto; /* Remove fixed min-height to allow natural sizing */
		margin-left: 0; /* Remove negative margin */
		text-align: center;
	}
	
	.row .mega-links li {
		padding: 0; /* Remove horizontal padding from list items */
	}
	
	.row .mega-links li a {
		font-size: 18px; /* Match 4-up menu link font size */
		padding: 0; /* Match 4-up menu padding (no vertical padding) */
		margin-left: 0; /* Remove left margin to reach edge */
		width: 100%;
	}
	
	/* Hide lines with twoup-hide class in 2-up layout */
	.mega-box .content .row .mega-links li.twoup-hide,
	.mega-box .content .row .mega-links li[class*="twoup-hide"] {
		display: none !important;
		visibility: hidden !important;
		height: 0 !important;
		overflow: hidden !important;
	}
	
	/* Remove bottom border from twoup-hide-border class in 2-up layout */
	.twoup-hide-border {
		border-bottom: 0 !important;
	}
}

@media screen and (max-width: 800px) {

ul .drop-menu li a  {
  line-height: 1.2em;
  padding: 7px 0;
}

	
.top-text-color { color: #f2f2f2 !important; }
	
  .wrapper .btn{
    display: block;
  }

  .wrapper .btn .fa-bars {
	  display: block;
  }

  .wrapper .nav-links{
    position: fixed;
    height: 100vh;
    width: 100%;
    max-width: 350px;
    top: 0;
    left: -200%;
    background: #6e8b9d;
    display: block;
    padding: 50px 10px;
    line-height: 50px;
    overflow-y: auto;
    box-shadow: 0px 15px 15px rgba(0,0,0,0.18);
    transition: all 0.3s ease;
  }
  /* custom scroll bar */
  ::-webkit-scrollbar {
    width: 10px;
  }
  ::-webkit-scrollbar-track {
    background: #6e8b9d;
  }
  ::-webkit-scrollbar-thumb {
    background: #a5b919;
  }
  #menu-btn:checked ~ .nav-links{
    left: 0%;
  }
  #menu-btn:checked ~ .btn.menu-btn{
    display: none;
  }
  #close-btn:checked ~ .btn.menu-btn{
    display: block;
  }
  .nav-links li{
    margin: 15px 10px;
  }
  .nav-links li a{
    padding: 0 20px;
    display: block;
    font-size: 20px;
  }
  .nav-links .drop-menu {
    position: static;
    opacity: 1;
    top: 65px;
    visibility: visible;
    width: 100%;
    max-height: 0px;
    overflow: hidden;
    box-shadow: none;
    transition: all 0.3s ease;
	padding: 0;
  }
  
  .nav-links .drop-menu li a {
	padding-left: 10px;
	padding-right: 10px;
  }
  
  .nav-links li:hover .drop-menu {
	  padding: 0;
  }
  
  #showDrop:checked ~ .drop-menu,
  #showMega:checked ~ .mega-box{
    max-height: 100%;
  }
  .nav-links .desktop-item{
    display: none;
  }
  .nav-links .mobile-item{
    display: block;
    color: #f2f2f2;
    font-size: 20px;
    font-weight: 500;
    padding-left: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
  }
  .nav-links .mobile-item:hover{
    background: #a5b919;
  }
  .drop-menu li{
    margin: 0;
  }
  .drop-menu li a{
    font-size: 18px;
  }
  .mega-box{
    position: static;
    top: 65px;
    opacity: 1;
    visibility: visible;
    padding: 0;
    max-height: 0px;
    overflow: hidden;
    transition: all 0.3s ease;
  }
  .mega-box .content{
    box-shadow: none;
    flex-direction: column;
    padding: 20px 20px 0 20px;
  }
  .mega-box .content .row{
	border: 0;
    width: 100%;
    margin-bottom: 0px;
    border-top: 1px solid rgba(255,255,255,0.08);
  }
  .mega-box .content .row:nth-child(1),
  .mega-box .content .row:nth-child(2){
    border-top: 0px;
  }
  .content .row .mega-links{
    border-left: 0px;
    padding-left: 15px;
  }
  .row .mega-links li{
    margin: 0;
  }
  .content .row header{
    font-size: 19px;
  }

  .mega-links li.mobile-hide
  {
	  display: none;
  }
  /*
  .row .mega-links li a {
    line-height: 1.1em;
	font-size: 1em;
	padding: 0 0 0 10px;
  }  
  .row .mega-links li {
	padding: 0;
	padding-left: 25px;
  }
*/

}
/*
@media screen and (max-width: 1130px) {
	nav .wrapper {
		padding: 0 50px;
	}
}
*/

@media screen and (max-width: 600px) {
    nav .top-text {
	display: none;
	}
}
	
@media screen and (max-width: 320px) {
	nav .wrapper {
		padding: 0 10px;
	}
  #logo .responsive-logo {
    max-width: 230px;
  }

}

@media (max-width: 800px) {
  #logo {
    width: 95%;
    }
	
	.row .mega-links li {
	  padding: 0;
	}
	
  ul .drop-menu {
     min-width: 0;
   }
  .mega-box .content {
	  padding: 0;
	  margin-top: 0;
  }
	
  .mega-box {
	padding: 0;  
  }
  .row {
	margin-left: 0;
  }
  
  .row .mega-links li a {
	  padding: 0;
	  margin: 0;
  }
  
  .content .row .mega-links {
	  min-height: 0;
	  margin-left: 0;
	  padding-left: 0;
  }
  .wrapper .nav-links {
	  max-width: 80%;
  }

}


@media screen and (max-width: 800px) {
  .shift-dropdown-left  {
	  margin-left: 0;
  }
}

 @media (max-width: 425px) {
  .wrapper .nav-links {
	  max-width: 100%;
  }
  
  .mega-box {
	  padding: 0;
  }

  #logo {
    width: 95%;
  }

  #logo .responsive-logo {
    max-width: 200px;
  }

  #menu-btn:checked ~ .nav-links {
    left: 0;
    margin-left: 0;
  }
}



@media (max-width: 800px) {
.override #logo {
  width: 81%;
  float: left;
  padding-top: 5px;
}
}



/* Replace SEARCH text with magnifying glass icon below 1085px */
@media (max-width: 1085px) {
	#search-text {
		text-indent: -9999px; /* Hide the text */
		overflow: hidden;
		width: 40px; /* Double the width */
		height: 40px; /* Double the height */
		display: inline-block;
		background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23222"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>');
		background-repeat: no-repeat;
		background-position: center;
		background-size: 32px 32px; /* Double the icon size */
		vertical-align: middle; /* Align with text baseline */
	}
}

/* Replace INFORMATION text with i icon below 1035px */
@media (max-width: 1035px) {
	#information-text {
		text-indent: -9999px; /* Hide the text */
		overflow: hidden;
		width: 40px; /* Same size as search icon */
		height: 40px; /* Same size as search icon */
		display: inline-block;
		background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23222"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4M11,8.5A1.5,1.5 0 0,1 12.5,7A1.5,1.5 0 0,1 14,8.5A1.5,1.5 0 0,1 12.5,10A1.5,1.5 0 0,1 11,8.5M10.5,12H13.5V17H10.5V12Z"/></svg>');
		background-repeat: no-repeat;
		background-position: center;
		background-size: 32px 32px; /* Same icon size as search */
		vertical-align: middle; /* Align with text baseline */
	}
}

/* Replace DELIVERIES text with delivery truck icon below 985px */
@media (max-width: 985px) {
	#deliveries-text {
		text-indent: -9999px; /* Hide the text */
		overflow: hidden;
		width: 40px; /* Same size as other icons */
		height: 40px; /* Same size as other icons */
		display: inline-block;
		background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23222"><path d="M18,18.5A1.5,1.5 0 0,1 16.5,17A1.5,1.5 0 0,1 18,15.5A1.5,1.5 0 0,1 19.5,17A1.5,1.5 0 0,1 18,18.5M19.5,9.5L21.46,12H17V9.5M6,18.5A1.5,1.5 0 0,1 4.5,17A1.5,1.5 0 0,1 6,15.5A1.5,1.5 0 0,1 7.5,17A1.5,1.5 0 0,1 6,18.5M20,8H17V4H3C1.89,4 1,4.89 1,6V17H3A3,3 0 0,0 6,20A3,3 0 0,0 9,17H15A3,3 0 0,0 18,20A3,3 0 0,0 21,17H23V12L20,8Z"/></svg>');
		background-repeat: no-repeat;
		background-position: center;
		background-size: 32px 32px; /* Same icon size as others */
		vertical-align: middle; /* Align with text baseline */
	}
}

/* Hover states for icons - make them white on hover */
@media (max-width: 1085px) {
	#search-text:hover {
		background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>') !important;
	}
}

@media (max-width: 1035px) {
	#information-text:hover {
		background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4M11,8.5A1.5,1.5 0 0,1 12.5,7A1.5,1.5 0 0,1 14,8.5A1.5,1.5 0 0,1 12.5,10A1.5,1.5 0 0,1 11,8.5M10.5,12H13.5V17H10.5V12Z"/></svg>') !important;
	}
}

@media (max-width: 985px) {
	#deliveries-text:hover {
		background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M18,18.5A1.5,1.5 0 0,1 16.5,17A1.5,1.5 0 0,1 18,15.5A1.5,1.5 0 0,1 19.5,17A1.5,1.5 0 0,1 18,18.5M19.5,9.5L21.46,12H17V9.5M6,18.5A1.5,1.5 0 0,1 4.5,17A1.5,1.5 0 0,1 6,15.5A1.5,1.5 0 0,1 7.5,17A1.5,1.5 0 0,1 6,18.5M20,8H17V4H3C1.89,4 1,4.89 1,6V17H3A3,3 0 0,0 6,20A3,3 0 0,0 9,17H15A3,3 0 0,0 18,20A3,3 0 0,0 21,17H23V12L20,8Z"/></svg>') !important;
	}
}

/* Switch icons back to text when mobile menu appears (800px and below) */
@media (max-width: 800px) {
	#search-text,
	#information-text,
	#deliveries-text {
		text-indent: 0 !important; /* Show the text again */
		overflow: visible !important;
		width: auto !important;
		height: auto !important;
		background-image: none !important;
		background-size: auto !important;
		vertical-align: baseline !important;
	}
	
	/* Override hover states for icons in mobile - keep text only */
	#search-text:hover,
	#information-text:hover,
	#deliveries-text:hover {
		background-image: none !important;
		text-indent: 0 !important;
		width: auto !important;
		height: auto !important;
	}
	
	/* Hide information-text element in mobile mode */
	#information-text {
		display: none !important;
	}
}

@media (max-width: 1120px) {
    .nav-links .drop-menu {
        left: 700px !important;
    }
}

@media (max-width: 1000px) {
    .nav-links .drop-menu {
        left: 650px !important;
    }
}
@media (max-width: 920px) {
    .nav-links .drop-menu {
        left: 530px !important;
    }
}

/* MEGABOX END */