@charset "UTF-8";

/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Arvo:wght@400;700&family=Lato:ital,wght@0,300;0,400;0,700;1,400&display=swap');

:root {
  /* Set fonts for project */
  --first-font: 'Arvo', serif;
  --second-font: 'Lato', sans-serif;
  /* Set Brand Colours for project */
  --first-color: #e3b979;
  --sfirst-color-opacity: rgba(227, 185, 121, 0.83);
  --second-color: #4d4c4c;
  --second-color-opacity: rgba(77, 76, 76, 0.83);
  --third-color: #ffffff;
  /* Colours for positive & negative buttons */
  --pos-button: #007012;
  --pos-button-hover: #00440b;
  --neg-button: #bc032a;
  --neg-button-hover: #74041c;
  /* Set Colours for general links */
  --link-color: #e3b979;
  --link-color-hover: #4d4c4c;

}

/* CSS Document */
h1 {
  font-family: var(--first-font);
  color: var(--first-color);
  font-weight: 700;
  font-size: 2.0em;
  /* 24px / 16px = 1.5em */
  margin-bottom: 7px;
  line-height: 120%;
  margin-top: 0px
}

h2 {
  font-family: var(--first-font);
  color: var(--second-color);
  font-weight: 700;
  font-size: 1.75em;
  /* 24px / 16px = 1.5em */
  margin-bottom: 7px;
  line-height: 120%
}

h3 {
  font-family: var(--first-font);
  font-weight: 700;
  color: var(--second-color);
  font-size: 1.5em;
  /* 24px / 16px = 1.5em */
  margin-bottom: 7px;
  line-height: 120%
}

h4 {
  font-family: var(--first-font);
  color: var(--second-color);
  font-weight: 700;
  font-size: 1.3em;
  /* 24px / 16px = 1.5em */
  margin-bottom: 5px;
  line-height: 120%
}

h5 {
  font-family: var(--second-font);
  color: var(--second-color);
  font-weight: 700;
  font-size: 1.1em;
  /* 24px / 16px = 1.5em */
  margin-bottom: 5px;
  line-height: 120%
}

body, p,
.dxheControl .dxheHtmlViewArea, body.dxheDesignViewArea, body.dxhePreviewArea {
  font-family: var(--second-font);
  font-weight: normal;
  font-size: 16px;
  color: #000;
  line-height: 140%;
  margin-bottom: 12px
}

body {
  font-family: var(--second-font);
  font-weight: normal;
  font-size: 15px;
  color: #000;
  line-height: 140%;
}

body.dxheDesignViewArea {
  background-color: transparent !Important;
  padding: 2px
}

body.dxhePreviewArea {
  background-color: transparent !Important;
  padding: 2px
}

a {
  color: var(--link-color);
  text-decoration: none;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

a:hover {
  color: var(--link-color-hover);
  text-decoration: none;

}

/* Text Align */

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.dxheContentArea {
  background: #fff
}

strong, b {
  font-weight: 800
}

i, em {
  font-style: italic
}

.caption {
  font-style: italic;
  font-size: 90%;
  margin-top: 8px;
  margin-bottom: 0px
}

.feature-heading {
  text-align: center;
  font-size: 20px;
  margin-bottom: 0px
}

.presented {
  font-size: 85%;
  line-height: 1.5
}

.media-icons {
  font-size: 30px;
  line-height: 40px
}

.media-icons a {
  cursor: pointer
}

/* Search News */

input[type=text].txbarchivesearch {
  width: auto;
  margin: 0 -42px 0 0;
  padding: 8px 54px 8px 8px;
  height: 50px;
  display: inline-block;
  width: 100%;
}

.search-archive-glass-ico i {
  background: var(--second-color);
  padding: 7.6px;
  color: #ffffff;
  cursor: pointer;
  position: relative;
  left: -1px;
  top: 0px;
  font-size: 26px;
}

.search-archive-glass-ico i:hover {
  background: var(--first-color);
}

/* Search Site */

input[type=text].txbsitesearch {
  width: auto;
  margin: 0px;
  padding: 8px 54px 8px 8px;
  height: 40px;
  display: inline-block;
  width: 100%;
}



.search-holder {
  display: flex;
  width: 100%;
}

.search-input {
  max-width: 100% !Important;
  padding: 10px;
  outline: none;
  margin: 0px;
}

.search-input:focus {
  border: 2px solid var(--second-color);
}


.search-icon {
  padding: 10px;
  background: var(--second-color);
  color: white;
  min-width: 50px;
  text-align: center;
  cursor: pointer;
  margin: 0px;
  font-size: 22px;
}

.search-icon:hover {
  background: var(--third-color);
}




.lightblue {
  color: #B8CFE9
}

.tel-no {
  font-size: 20px;
  font-weight: 600;
  margin-top: 5px
}

.white {
  color: #fff
}

.homesliderhead {
  font-size: 40px !Important;
  line-height: 105%;
  font-size: 36px !important
}

.product-grid-product-name a {
  display: block;
  font-size: 16px;
  height: 40px;
  line-height: 20px;
  margin-top: 10px;
  overflow: hidden
}

.product-grid-product-name a:hover {
  text-decoration: none
}

/*Styles for screen 667px and lower*/
@media only screen and (max-width:667px) {
  h1 {
    font-size: 26px
  }

  h2 {
    font-size: 18px
  }

  p {
    font-size: 13px
  }

  .grey {
    width: 100%;
    margin-right: 0px;
    float: left;
    margin-top: 10px
  }

  .txbsitesearch {
    margin-left: 0
  }
}