/* CSS Document */

body {
	background: url(../img/steel-diamond-plate.png);
}

header {
  padding-top: 2rem;
  padding-bottom: 1rem;  
  background: #fefefe;
}

header .text-right em.tag {
  font-size: 1.2rem;
  color: #353b36;
  padding: 20px 0 0 0;
  float: right;
}
@media screen and (max-width: 39.9375em) {header .text-right em.tag {padding: 0;}}

header .text-right span.phone {
  font-size: 1.8rem;
  color: #353b36;
  padding: 0 0 0 0;
  clear: right;
  float: right;
}

a {cursor:pointer !important;}

nav {
  background: #222a25; 
  z-index: 500;
}

nav #primary a,
nav #primary a::after {
  color: #fefefe; 
  border-color: #fefefe transparent transparent;
}
nav #primary .submenu {
  background: #222a25; 
  border: none; 
  z-index: 500;
}
nav #primary a:hover,
nav #primary a.active {
  background: #353b36;
}

nav .show-for-medium {
  color: #fefefe;
  text-align: right; 
  padding-top: 5px;
  font-style: italic;
}

section.swiper {
  background: #e2ca01; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left top, #ffe617, #af9d03); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom right, #ffe617, #af9d03); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom right, #ffe617, #af9d03); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom right, #ffe617, #af9d03); /* Standard syntax */
}

.swiper-container {
    width: 100%;
    height: 350px;
}      

.swiper-container .swiper-slide {
  display: table;
  height: 100%;
  background-repeat: none;
  background-position: left center;
  background-size: cover;
}
.swiper-container .swiper-content {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
  padding: 0 12%;
  text-align: center;
}

.swiper-container .swiper-content p {
  color: #fefefe;
  font-size: 1.8rem;
}
.swiper-container .swiper-content i {
  font-size: 6rem;
  margin-bottom: 1rem;
  color: #fefefe;
}


section.content {
  min-height: 1rem;
  padding-top: 2rem;
  padding-bottom: 2rem;   
  background: #fefefe; 
}

section.content a:not(.button) {
  border-bottom: 2px dotted #66b32e;  
}
section.content a:hover:not(.button) {
  border-bottom: 2px solid #66b32e;  
}
section.content .fa {
  color: #66b32e;  
}
section.content form .fa {
  color: #595c57;
}

.fieldset legend {
  background: none;
  color: #595c57; 
}

section.content.grey {
  background: #dfdfdf;
	background: url(../img/steel-diamond-plate-light.png);
}

section.content.grey .callout img {
  float: right;
  margin-left: 0.5rem; 
}
section.content a.button {
  clear: both;
  cursor: pointer;
}

section.content .image-label {
  position: relative; 
  padding-top: 4rem;
}
section.content .image-label span.label {
  position: absolute;
  top: 2rem;
  left: 0;
}

section.content img.float-left,
section.content .image-label.float-left {
  margin-right: 1rem;
  margin-bottom: 1rem;
}
section.content img.float-right,
section.content .image-label.float-right {
  margin-left: 1rem;
  margin-bottom: 1rem;
}

ul.no-bullet.titles li {
margin-left: 5rem;
}
ul.no-bullet.titles li span.indent {
  position: absolute;
  left: 1rem;
  color: #595c57;
  font-size: 0.8rem;
}

.red {
  color: red;
}
.green {
  color: green;
}
.amber {
  color: orange;
}

section.banner {
  height: 300px;
  background: #11662e; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left top, #003613, #66b32e); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom right, #003613, #66b32e); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom right, #003613, #66b32e); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom right, #003613, #66b32e); /* Standard syntax */
}

footer {
  padding: 2rem 0 4rem 0;
  color: #c0bfbe;
}

footer .text-right {
  font-size: 1.8rem;
}
@media screen and (max-width: 39.9375em) {
  footer,
footer .text-right  {text-align: center !important;}
  }
  
form .input-group.set {
  display: none; 
}