/*@import url('./initialization.css');*/ /* Initialization Stylesheet */
/*@import url('./cta.css');*/ /* Calls To Action (CTA) Stylesheet */
/*@import url('./projects.css');*/ /* Recently Completely Projects stylesheet */
/*@import url('./specifications.css');*/ /* specifications stylesheet */
@import url('./intro.css'); /* intro stylesheet */
/*@import url('./appraisal.css');*/ /* appraisal stylesheet */
/*@import url('./paginator.css');*/ /* paginator stylesheet */
/*@import url('./testimonials.css');*/ /* testimonials stylesheet */
@import url('./nav.css'); /* navigation menu stylesheet */
/*@import url('./glossary.css');*/ /* glossary stylesheet */
@import url('./fmkr.css'); /* filemaker stylesheet */
/*@import url('./flexslider.css');*/ /* flexslider slideshow on project page */
@import url('./contact-us.css'); /* message contact us stylesheet */
/*@import url('./appraisals.css');*/ /* submitted appraisals stylesheet */
/*@import url('./gold.css');*/ /* submitted appraisals stylesheet */
/* @import url('./tab-menu-widget.css'); */ /* tab menu widget stylesheet */
@import url('./cms.css'); /* content management system stylesheet */
/*@import url('./associates.css');*/ /* associates stylesheet */
@import url('./funding.css'); /* funding stylesheet */
@import url('./vehicles.css'); /* vehicles stylesheet */
@import url('./custom-letter.css'); /* custom-letter stylesheet */
@import url('./unsubscribe.css'); /* unsubscribe */
@import url('./responsive-multi-level-menu.css'); /* responsive-multi-level-menu */

body {
/*
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
  background-color: black;
*/
}
p {
  margin-bottom: 1em;
}
a {
  text-decoration: none;
}
a img {
  border: 0; 
} 

.WHAC-C-Head {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.4em;
}

p.byline {
  margin-top: 1em;
  font-style: italic;
  font-weight:bold;
}

p.WHAC-body-no-indent {
  padding-top: 1em;
  clear:both;
}

a.link {
  text-transform: uppercase;
  color: #b8322e;
  text-decoration: underline;
  font-weight: bold;
}

a.link:hover {
  text-decoration: none;
  color: blue;
}

/* SOCIAL */

div#under-banner {
  width: 100%;
  height: 29px;
  clear:both;
  margin-top: -27px;
}

div.socialfollow {
  width: 90px;
  height: 25px;
  z-index: 3;
  position: relative;
  margin: 12px 0 0 10px;
  /*margin: 7px 0 0 10px; old rule changes by reg*/
}

div#telephone {
  width: 320px;
  height: 25px;
  margin: 1.1em 0.5em 0 0;
  /*margin: 0.5em 0.5em 0 0; old rule changed by reg*/
}

a.social {
}

img.social { 
  width: 25px;
  height: 25px;
}

/* IMAGES */

img {
    max-width: 100%;
}

.img-right.shadow,
.img-right.img-30.shadow,
.thirds.shadow,
.apprenticeship.thirds.shadow,
.tours.thirds.shadow,
.shadow {
  -moz-box-shadow:    3px 3px 5px 6px #666;
  -webkit-box-shadow: 3px 3px 5px 6px #666;
  box-shadow:         3px 3px 5px 6px #666;
}

.apprenticeship,
.tours {
  height: 300px;
}

/* LAYOUT */

#wrapper {
  padding: 32px 0 59px 0;
}

#page-footer {
  position: fixed;
  width: 100%;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 0;
  margin:0;
  background-color:black;
}
#content {
  margin: 0 auto 0 auto;
  padding: 0 0 0 0;
  display:block;
  clear:both;
}
#outer {
}
#inner {
  background-color:white;
  margin: auto;
  padding: 1em 1em 3.5em 1em;
  overflow:hidden;
  height: 100%; /* for ie */
  display:block;
}

/*div#layout-full { width: 100% }*/ /*chaged by reg 03/15/2019 - issue appraisals and vehicles web pages*/

h1 {
  text-transform: uppercase;
  font-weight:bold;
  color: #b13034;
  font-size:2.5em;
}

.serif-bold { font-weight:bold; }

.img_thumbnail {
  clear:both;
}

.img_image {

}
.img_image img {
  float:right; 
  width: 20%; 
  margin: 0 0 1% 1%;
}
.img_image:hover img {
  transform:scale(2);
}

p#telephone, 
p#telephone a,
p#telephone a:visited,
p#telephone a:link { 
  color: white;
}

p#telephone a:hover {
  color:#b13034;
}

form#login fieldset { padding: 20px; }
form#login label { font-weight: bold; }


/* FORMS */

.submit_form fieldset { background-color:#F8F9F9; }
.submit_form div,
.submit_form div textarea,
.submit_form div input {
  width: 98%;
  font-family: Helvetica sans-serif;
  font-size:1.2em;
  padding: 0 1%;
}
.submit_form div {
  margin: 2% 0;
}
.submit_form textarea {
  height: 5em;
}
.submit_form legend {
  background-color:white;
  padding: 0 0.4em;
  font-size:1.8em;
  text-transform: uppercase;
  font-weight: bold;
  color: #b13034;
}
input[type=submit] {
  border: 1px solid #f44c0e;
  color: #fff;
  background: #b13034;
  padding: 10px 20px;
  border-radius: 5px;
  font-size:1.2em;
  float:right;
  margin-right: 1%;
  text-transform: uppercase;
}
input[type=submit]:hover {
  background: #f44c0e;
}

p#telephone {
  color:white; 
  text-align:right;
  float:right; 
  z-index: 3; 
  position:relative;
  margin: 0;
}

figure.fig_left { width:35%; float:left; }
figure.fig_right { width:35%; float:right; }

@media screen and (min-width: 500px) {
    
  div.socialfollow {
    float:left;
  }

  div#telephone {
    float: right;
  }
  .img-left {
    float:left;
  }
  .img-right {
    float:right;
  }
  .img-left.img-30 {
    float:left;
    width:30%;
  }
  .img-right.img-30 {
    float:right;
    width:30%;
    margin:  0 0 1em 1em;
  }
  img.thirds {
    float:left; 
    width: 30%; 
    margin: 0 3% 0 0;
  }
  img#jam,
  img#shelby,
  img#jw {
    float:left;
    /*height: 425px;*/
    margin: 0 3% 0 0;
  }
  
  img#jam {
    /*width: 20%;
    height: 100%;*/ /*480px;*/
    /*margin-right: 0;*/
  }

  img#shelby {
    /*width: 20%;
    height: 100%;
    margin-top:1.25%;*/
  }

  img#jw {
    /*width: 15%;
    height: 100%;
    margin-top:1.25%;*/
  }

}

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

  p.break {
    margin: 2em 0 0 0;
  }
  img.thirds,
  img#jw,
  img#shelby,
  img#jam {
    float:none;
    margin: 0  0 7% 0;
    width: 100%;
  }
  div#under-banner {
    margin-top: 0;
    height: 60px;
  }

  div.socialfollow, 
  div#telephone {
    clear:both;
    height: 40px;
    margin: 0 auto;
  }

  div.socialfollow {
    padding-top: 70px;
  }

  div#under-banner {
    height: 140px;
  }

  p#telephone { margin-top: -20px; }

  figure.fig_left { width:20%; }
  figure.fig_right { width:20%; }

  .submit_form legend { font-size:1.4em; }
  .submit_form div,
  .submit_form div textarea,
  .submit_form div input {
    font-size:1.0em;
  }
  .submit_form input[type=submit] { font-size:0.9em; }
  .img_image img {
    width: 30%; 
    margin: 1% 0 1% 1%;
  }
  .img_image:hover img {
    transform:scale(2);
  }
  .img-left, .img-right {
    float:none;
  }
  .img-left.img-30,
  .img-right.img-30 {
    float:none;
    width: 100%;
  }

}

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

  p#telephone {  margin-top: -10px; }

    .active {
        display: block;
    }
   h1 { font-size: 1em; }
   h1 { font-size: 1.5em; }
  .img_image img {
    width: 40%; 
    margin: 1% 0 1% 1%;
  }
  .img_image:hover img {
    transform:scale(2);
  }
  .WHAC-bullets {
    margin-top: 3%;
  }

}

@media screen {
  #content {
    border: 0.2em solid #d89031; /*#b13034;*/
  }
}