/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Oct 1, 2017, 7:26:04 PM
    Author     : mandyblyss
*/
/* custom fonts */
body, td, li, blockquote, p {
  font-family: 'Source Sans Pro', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  body p, body li, td p, td li, li p, li li, blockquote p, blockquote li, p p, p li {
    font-weight: 300; }
  body h1, body h2, body h3, body h4, body .display-3, td h1, td h2, td h3, td h4, td .display-3, li h1, li h2, li h3, li h4, li .display-3, blockquote h1, blockquote h2, blockquote h3, blockquote h4, blockquote .display-3, p h1, p h2, p h3, p h4, p .display-3 {
    font-weight: 700; }

/* extend colours */
.info {
  color: #2c7299; }

.success {
  color: #28a745; }

.danger {
  color: #dc3545; }

.warning {
  color: #ffc107; }

.primary {
  color: #115a82; }

.white {
  color: #ffffff; }
  .white a {
    color: #fff; }

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

.bg-info {
  background-color: #2c7299 !important; }

/* dropdown menu */
li ul.dropdown-menu.show a:link, li ul.dropdown-menu.show a:visited {
  color: rgba(0, 0, 0, 0.9); }
li ul.dropdown-menu.show li {
  padding-left: 10px !important;
  /*   svg{
          font-size: 150%;
          padding-right: 10px;
          vertical-align: central;
      }
  */ }
  li ul.dropdown-menu.show li a:link, li ul.dropdown-menu.show li a:visited {
    color: rgba(0, 0, 0, 0.9); }
  li ul.dropdown-menu.show li a:active, li ul.dropdown-menu.show li a:hover {
    color: white;
    background-color: #115a82; }
  li ul.dropdown-menu.show li:active, li ul.dropdown-menu.show li:hover {
    color: white;
    background-color: #115a82; }
    li ul.dropdown-menu.show li:active a:link, li ul.dropdown-menu.show li:active a:visited, li ul.dropdown-menu.show li:hover a:link, li ul.dropdown-menu.show li:hover a:visited {
      color: white !important; }
  li ul.dropdown-menu.show li svg {
    color: #ccc;
    margin-right: 5px; }
  li ul.dropdown-menu.show li .badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #999999 !important;
    border-radius: 10px; }

/* spacing */
.spaceleft {
  margin-left: 10px; }

.spanceright {
  margin-right: 10px; }

.spaceabove {
  margin-top: 10px; }
  .spaceabove .extra {
    padding-top: 20%; }

.spacebelow {
  margin-bottom: 10px; }
  .spacebelow .extra {
    padding-bottom: 20%; }

.nopadding-right {
  padding-right: 0; }

.nopadding-left {
  padding-left: 0; }

.nospacebelow {
  margin-bottom: 0px;
  padding-bottom: 0px; }

.row {
  width: 100%; }

/* OTHER STYLES */
p {
  font-size: 105%; }

.smallgrey {
  font-size: 80%;
  color: #ccc; }

.bg-light {
  background-color: #ffffff !important; }

a:hover {
  text-decoration: none; }

.navbar-text {
  color: #555 !important;
  font-size: 105%; }
  .navbar-text a:link {
    color: #555; }
  .navbar-text a:hover {
    color: #2c7299; }
  .navbar-text .strong {
    font-weight: 700; }

li.nav-item {
  border-top: solid 2px #115a82;
  padding-left: 20px; }
  li.nav-item .active {
    color: #000; }

.feature {
  font-size: 190%;
  padding-right: 20px;
  font-weight: 400; }

.jumbotron {
  border-radius: 0px; }
  .jumbotron.products {
    padding-bottom: 0;
    padding-top: 3rem;
    margin-bottom: 0px;
    background-color: #fff; }
  .jumbotron.banner-bg {
    position: relative;
    overflow: hidden;
    background-color: #005C86;
    height: auto; }
    .jumbotron.banner-bg.contact {
      padding-bottom: 0px !important;
      margin-bottom: 0px; }

.banner-bg {
  padding-top: 10%; }

.banner-bg:before {
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  opacity: 0.65;
  background-repeat: no-repeat;
  background-position: 50% 0;
  -ms-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover; }

.banner-bg.home:before {
  background-image: url("../images/water-storage-solutions-home.jpg"); }

.banner-bg.about:before {
  background-image: url("../images/water-tank-systems-about.jpg");
  background-position: center; }

.banner-bg.colours:before {
  background-image: url("../images/residential-tanks-1.jpg");
  background-position: 50% 50%; }

.banner-bg.contact:before {
  background-image: url("../images/residential-tanks-2.jpg");
  background-position: 50% 50%; }

.navbar {
  border-bottom: 2px rgba(0, 0, 0, 0.2) solid; }

.nav-item .nav-link {
  text-transform: uppercase;
  font-weight: bold; }
  .nav-item .nav-link:link {
    color: #bbb; }
  .nav-item .nav-link a.dropdown-item {
    color: #bbb; }

ul.navbar-nav li.nav-item a.nav-link:visited {
  color: #bbb; }

ul.navbar-nav li.nav-item a.nav-link:hover {
  color: #2c7299; }

li.info {
  background-color: #eee;
  padding-left: 5px; }

li.nav-item .dropdown-menu {
  margin-left: 25px; }

.btn-info {
  background-color: #2c7299;
  border-color: #2c7299; }
  .btn-info:hover {
    background-color: #138496;
    border-color: #138496; }

.btn-primary {
  background-color: #115a82;
  border-color: #115a82; }
  .btn-primary:hover {
    background-color: #2c7299;
    border-color: #2c7299; }

.btn-default {
  background-color: #ffffff;
  border-color: #115a82;
  color: #2c7299; }
  .btn-default:hover {
    background-color: #2c7299;
    border-color: #2c7299;
    color: #ffffff; }

.btn {
  text-transform: uppercase;
  border-radius: 0px;
  font-weight: bolder;
  padding: 15px 60px; }
  .btn.btn-sm {
    padding: 5px 15px; }

.add-to-cart {
  padding: 15px 10px; }

p btn {
  font-weight: bolder; }

.btn.btn-outline-light {
  font-weight: bold;
  border-width: 2px; }
  .btn.btn-outline-light:hover {
    background-color: #2c7299 !important; }

.btn.btn-outline-primary {
  font-weight: bold;
  border-width: 2px;
  color: #115a82;
  border-color: #115a82; }
  .btn.btn-outline-primary:hover {
    background-color: #115a82 !important;
    color: #fff; }

.lead.white {
  font-weight: normal; }

h4.normal-font {
  line-height: 140%; }

.normal-font {
  font-weight: normal; }

.thin-font {
  font-weight: 300; }

.fill-image {
  width: 100%;
  height: 100%;
  min-height: 200px;
  background-repeat: no-repeat;
  background-position: center;
  -ms-background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  background-image: url("../images/farm-commercial-tanks-home.jpg"); }

footer h5 {
  font-weight: bold;
  color: #fff; }
footer p {
  font-weight: normal; }

/* form styles */
/* makes field invisible to catch the spam bots */
input.invis {
  display: none; }

.form-check-label {
  padding-right: 5px; }

.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075), 0 0 12px rgba(64, 224, 208, 0.8);
  box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075), 0 0 12px rgba(64, 224, 208, 0.8); }

/* PRODUCT IMAGE SIZE */
.w-100-pct {
  max-height: 200px;
  width: auto; }

/* PAGINATION */
ul.pagination li {
  border: 2px solid #17a2b8;
  padding: 5px 10px;
  margin-right: 4px;
  border-radius: 5px; }
  ul.pagination li a:link, ul.pagination li a:visited {
    color: #2c7299; }
  ul.pagination li a:hover, ul.pagination li a.active {
    color: #2c7299;
    border-color: #2c7299; }
  ul.pagination li:hover {
    background-color: #2c7299; }
    ul.pagination li:hover a {
      color: #fff; }
  ul.pagination li.active {
    background-color: rgba(17, 80, 119, 0.2); }
    ul.pagination li.active:hover {
      background-color: #2c7299; }
      ul.pagination li.active:hover a {
        color: #fff; }

.clearfix {
  clear: both; }

/* CART styles */
.row.cart {
  margin-bottom: 20px; }
  .row.cart .btn {
    padding: 8px 40px;
    margin-right: 8px; }
    .row.cart .btn:hover {
      color: #ffffff; }
  .row.cart .col- {
    margin-left: 0;
    padding-left: 0; }
  .row.cart .product-name h4 {
    font-size: 120%; }
  .row.cart h4 a:link, .row.cart h4 a:visited {
    color: #2c7299; }
  .row.cart h4.price {
    margin-top: 7px; }
  .row.cart .col-lg-12, .row.cart .col-md-12 {
    padding-left: 10px; }
  .row.cart .col-sm-12 .btn {
    padding: 8px 20px; }

@media (max-width: 768px) {
  body {
    padding-top: 4.5rem; }

  .container {
    max-width: 720px; }

  li.nav-item {
    font-size: 90%; } }
@media (max-width: 414px) {
  nav img {
    max-height: 50px; }

  .container {
    padding: 0px 5px; }
    .container.pt-5.pb-5 {
      padding-top: 5px;
      padding-bottom: 5px; }
    .container h1 {
      font-size: 200%; }
    .container h2 {
      font-size: 160%; }
    .container .feature {
      font-size: 140%; }
    .container .btn {
      padding: 5px 10px; }

  .row {
    margin-left: 0px;
    margin-right: 0px; }

  .jumbotron {
    margin-bottom: 0.5rem; }

  .pb-5 {
    padding-bottom: 1rem !important; }

  .pt-5 {
    padding-top: 1rem !important; }

  ul.dropdown-menu {
    margin: 0;
    width: 100%; }
    ul.dropdown-menu li {
      padding-top: 5px;
      padding-bottom: 5px; }

  .navbar-nav ul li {
    margin-right: 5px; }

  li.nav-item .dropdown-menu {
    margin-left: 0px;
    margin-right: 10px; }
    li.nav-item .dropdown-menu a:active {
      color: white;
      background-color: #115a82; }

  .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-left: 0px;
    padding-right: 0px; } }

/*# sourceMappingURL=custom-site.css.map */