body {
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
    color: #333; /* #636361; */
}

p {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #333; /* #636361; */
    margin-bottom: 24px !important; /* overrides style.css 26 */
}

/* FONT OVERRIDES */
h1.custom3 {
  color: #009c52;
  font-weight: 500 !important;
  font: 38px/38px 'Times New Roman';
    font-weight: normal;
  text-align: left;
  margin: 20px 40px 20px 0;
}

h1.custom3b {
  color: #295aa5;
  font-weight: 500 !important;
  font: 38px/38px 'Times New Roman';
    font-weight: normal;
  text-align: left;
  margin: 20px 40px 20px 0;
}

h3 {
    font-size: 24px;
    line-height: 24px;
    color: #295aa5;
    font-weight: 600;
    text-transform: capitalize;
}

h3.custom {
  font-size: 36px;
  color: #295aa5;
  font-weight: normal;
  text-transform: capitalize;
  margin-bottom: 32px;
}


/* EXTRA COLORS */
.dark-gray {
  color: #555;
}

/* LINE SPACING OVERRIDE */
.double-space {
  line-height: 36px;
}


/* HOME CAROUSEL OVERRIDES */
img.home-carousel-outline {
  border-radius: 50%;
  border: 8px solid white;
}


.list_carousel1 #foo1 > li figure img {
  width: 100%;
}


/* HOME INDUSTRIES SERVED */
div.notched {
  position: relative;
  width: 200px;
  height: 80px;
  overflow: hidden;
  background-color: #522d5b;
  clip-path: polygon(
    0 20%,
    10% 0,
    90% 0,
    100% 20%,
    100% 80%,
    90% 100%,
    10% 100%,
    0% 80%
  )
}

/* CALL BOX 1 */
.call-box {
  background: #295aa5; /* #323231; */
  padding-top:56px;
  padding-bottom:56px;
}

.call-box .title1 {
  color: #b2b0a9;
}

.call-box .address {
  color: #e0dfdb;
  font: 30px/32px 'Times New Roman';
  float: left;
  margin: 6px 40px 0 0;
}

.call-box .orderform {
  color: #e0dfdb;
  font: 28px/30px 'Times New Roman';
  text-align: center;
  margin-top: 10px;
  margin-bottom: 5px;
}

.call-box .orderform a {
  color: #ffffff;
}

.call-box-home-page {
  /* background: #f4f4ef url(../img/pattern3.png) repeat; */
  padding: 11px 0 25px 0;
}

.call-box2 {
  background: #f4f4ef url(../img/pattern3.png) repeat;
  padding: 11px 0 25px 0;
}

.call-box2 figure {
	margin-right: 30px;
	float: left;
}
.call-box2 .title1 {
	float: left;
	font: 14px/18px 'Times New Roman';
	color: #295aa5;
	text-transform: uppercase;
	margin: 18px 12px 0 0;
}
h1.custom {
	color: #295aa5;
    font-weight: 500 !important;
	font: 38px/38px 'Times New Roman';
	text-align: center;
	margin: 6px 40px 0 0;
}

h1.custom2 {
	color: #009c52;
    font-weight: 500 !important;
	font: 38px/38px 'Times New Roman';
	text-align: center;
	margin: 6px 40px 0 0;
}

h1.custom4 {      /* TLS secondary pages with more margin */
	color: #009c52;
    font-weight: 500 !important;
	font: 38px/38px 'Times New Roman';
	text-align: center;
	margin: 36px 0 36px 0;
}

.title2 {
	color: #e0dfdb;
	float: left;
	font: 14px/18px 'Times New Roman';
	margin: 18px 38px 0 0;
	text-transform: uppercase;
}

.title3 {
	color: #7f7c70;
	float: left;
	font: 14px/18px 'Times New Roman';
	margin: 11px 0 0 0;
	text-transform: uppercase;
}

.title4 {
  /* font: 18px 'Times New Roman'; */
  font: 18px 'Trebuchet MS', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 1px;
  color: #009c52;
}


/* TOP NAVIGATION OVERRIDES */
nav.tm_navbar li.order-form {
	color: #30302f; /* #f5f5f1; */
  /* background: #30302f; */
	/* background: rgba(0, 156, 82, 0.125); /* light green */
  /* background: rgba(41, 90, 165, 0.125); /* light blue */
  background: rgba(255, 0, 0, .125); /* light red */
	-webkit-transition: all 0.35s ease;
	transition: all 0.35s ease;
}

/* CUSTOM LISTS */
ul.custom-list li::before {
    content: "";
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px;
    background-color: #009c52;
    -webkit-mask-image: url(../img/leaf-icon.png);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(../img/leaf-icon.png);
    mask-size: contain;
    mask-repeat: no-repeat;
}

ul.custom-list {
    list-style: none; /* Remove default bullets */
    margin-left:18px;
    padding-left: 0;
}

ul.custom-list li {
    position: relative;
    padding-left: 30px; /* Space for the image bullet */
    text-indent: -2px; /* Hanging indent */
    margin-bottom: 1em;
}

/* Use icon and special margins with list on top-most secondary pages */
ul.custom-list-root-secondary-page li::before {
    content: "";
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px;
    background-color: #009c52;
    -webkit-mask-image: url(../img/leaf-icon.png);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(../img/leaf-icon.png);
    mask-size: contain;
    mask-repeat: no-repeat;
}

ul.custom-list-root-secondary-page {
    list-style: none; /* Remove default bullets */
    margin-left:18px;
    padding-left: 0;
}

ul.custom-list-root-secondary-page li {
    position: relative;
    padding-left: 30px; /* Space for the image bullet */
    text-indent: -2px; /* Hanging indent */
    margin-bottom: 45px !important;
}

ul.custom-list-root-secondary-page h3 {
    margin-bottom: 12px !important;
}


.list6 li {
  font-size: 15px;
  line-height: 18px;
}

.list6 li strong {
  font: 24px/40px 'Times New Roman';
  color: #202020;
  background: #d8d8d3;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 100%;
  width: 40px;
  height: 40px;
  float: left;
  text-align: center;
  margin-right: 18px;
  margin-top: 3px;
}

.list6.indent li {
  margin-bottom: 20px;
}

.list6 li .title {
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 1px;
  color: #009c52;
}

.list8 li {
  font-size: 15px;
  line-height: 18px;
}

.lh-24 {
    line-height: 24px;
}

.mt-30 {
    margin-top:30px;
}

.mt-60 {
    margin-top:60px;
}

.mb-30 {
    margin-bottom:30px;
}

.mb-45 {
    margin-bottom:45px;
}

.mb-60 {
    margin-bottom:60px;
}

.mb-75 {
    margin-bottom:75px;
}

.pb-80 {
    padding-bottom: 80px;
}

.center {
    text-align: center;
}

.fw-600 {
    font-weight: 600;
}


.table-container {
  overflow-x: auto;
  width: 90%;
}

table {
  width: 90%;
  border-collapse: collapse;
  margin: 20px 0;
}

th, td {
  border: 1px solid #bebeba;
  padding: 10px;
  text-align: left;
  background-color: #f4f4f4;
}

thead {
  background-color: #f4f4f4;
}


footer {
	padding: 28px 0 28px 0;
    background: #eeede8 url(../img/pattern1a.png) repeat;
}



@media (min-width: 1220px) {
 

}


@media (min-width: 992px) and (max-width: 1219px) {

    .global {
      padding-top: 21px;
      padding-bottom: -30px;
    }

    .list_carousel1 #foo1 > li figure {
      margin-top: 50px;
    }    
}   

@media (min-width: 768px) and (max-width: 991px) {

    .call-box .address {
        margin: 40px 0 0 0;
        float: none;
    }

    .call-box2 {
    text-align: center;
    }
    .call-box2 figure {
    margin: 0 0 20px 0;
    float: none;
    }
    .call-box2 .title1 {
    float: none;
    margin: 0 0 20px 0;
    }
    .call-box2 .tel {
    margin: 0 0 20px 0;
    float: none;
    }
    .call-box2 .title2 {
    margin: 0 0 20px 0;
    float: none;
    }
    .call-box2 .title3 {
    margin: 0 0 20px 0;
    float: none;
    }    

    .call-box2 h1.custom {
      font: 28px/28px 'Times New Roman';
      text-align: center;
      margin: 6px 24px 0 0;
    }

    .list_carousel1 #foo1 > li figure {
      margin-top: 0px;
    }  
    
    .global {
      padding-top: 21px;
      padding-bottom: -30px;
    }    
}    


@media (max-width: 767px) {
    .call-box2 {
      text-align: center;
    }
    .call-box2 figure {
      margin: 0 0 20px 0;
      float: none;
    }
    .call-box2 .title1 {
      float: none;
      margin: 0 0 20px 0;
    }
    .call-box2 .tel {
      margin: 0 0 20px 0;
      float: none;
      font-size: 40px;
      line-height: 50px;
    }
    .call-box2 .title2 {
      margin: 0 0 20px 0;
      float: none;
    }
    .call-box2 .title3 {
      margin: 0 0 20px 0;
      float: none;
    }

    .call-box2 h1.custom {
      font: 25px/25px 'Times New Roman';
      font-weight: bold !important;
      line-height: 32px;
      text-align: center;
      margin: 6px 24px 0 0;
    }   

    .list_carousel1 #foo1 > li figure {
	    margin-top: 0px;
    } 

    .call-box .address {
        margin: 0 0 20px 0;
        float: none;
    }
}