/* colours: brown: 3A2F28  green: 9FAF71 dark green 83946C  beige: FFFBF8 blue: 547BAF */
/*  4c4038 */
body { background: #FFFCFA  url(../images/greenbackground.png) repeat-x top left;} /*FEF7F0*/
#nav-row{background-color:#9FAF71}
#header-row {background-color: #9FAF71;}
#content, #footer, #bannerlogo { background-color: #FFFCFA;} 
#bannerimage{background-color: #3A2F28;border: 1px #786d66 solid;}
.imgcenter {margin-left: auto; margin-right: auto;}
#jaspro-logo{margin-top: -6rem;background-color:#FFFCFA;}

/* menu */
.title-bar, .top-bar { background-color: #9FAF71;}
.top-bar ul {background-color: #9FAF71;}
.menu .active > a {background: transparent; color: #2F396A;}
.top-bar .menu > li > a {padding: 0.7rem .8rem;}

/* menu */
.title-bar, .top-bar { background-color: #9FAF71;}
.top-bar ul {background-color: #9FAF71;}
.top-bar ul > li.active, .top-bar ul > li:hover { background-color: #00bbd6; }
.top-bar ul > li:not(.name):hover, .top-bar ul > li:not(.name).active, .top-bar ul > li:not(.name):focus { background: #83946C; } /*  6C7E68 */
.top-bar ul > li.divider { background: #757a65; -webkit-box-shadow: 1px 0 0 rgba(204, 205, 199, 0.1); -moz-box-shadow: 1px 0 0 rgba(204, 205, 199, 0.1); box-shadow: 1px 0 0 rgba(204, 205, 199, 0.1); }
.top-bar ul > li:not(.name) a,.top-bar ul > li:not(.name):hover a, .top-bar ul > li:not(.name).active a, .top-bar ul > li:not(.name):focus a {color: #ffffff; border-bottom: none;}
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {border-color: #fff transparent transparent;}
.is-drilldown-submenu-parent > a::after {border-color: transparent transparent transparent #fff;}
.js-drilldown-back > a::before {border-color: transparent #fff transparent transparent;}
.menu .active > a {background: transparent; color: #2F396A;}
.top-bar .menu > li > a {padding: 0.7rem .8rem;}

h1, h2, h3, h4, h5, h6 { font-family: 'Oswald', Geneva, Verdana, sans-serif; font-weight: bold; font-style: normal; color: #3A2F28; text-rendering: optimizeLegibility; line-height: 1.3; margin-bottom: 16px; margin-top: 16px; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #3A2F28; line-height: 0; } 
a {color: #547BAF;}
a:hover, a:focus {color: #1585cf; }
a.noline:hover {border: none;}
/*  buttons */
.button.primary { background-color: #547BAF; border: 1px solid #3F5C83; }
.button.primary:hover, .button.primary:focus { background-color: #3F5C83; }
/* misc */
#jphone img, #jcell img {padding-bottom:.3rem;}
#jcell img{padding-left:.3rem;padding-right:.3rem;}
.leadplus {
  font-size: 150%;
  line-height: 1.6;
  font-weight: bold;
  font-family: 'Oswald', Geneva, Verdana, sans-serif; }
p.sitedesign{font-size: .8rem;margin-top:1rem;}
hr.blend { border: solid #FFFCFA; border-width: 1px 0 0; clear: both; margin: 22px 0 21px; height: 0; }
hr.blendthin { border: solid #FFFCFA; border-width: 1px 0 0; clear: both; margin: 0px; height: 0; }
.photobox img {border: solid 1px #ABA6A3;}
.callout { background: #fff; border-color: #ABA6A3; -webkit-box-shadow: inset 0px 1px 0px rgba(171, 166, 163, 0.5); -moz-box-shadow: inset 0px 1px 0px rgba(171, 166, 163, 0.5); box-shadow: inset 0px 1px 0px rgba(171, 166, 163, 0.5); }
.message-text, .message-text h3 {color:#83946C;}
.info-cards .card-divider{background:#9FAF71;color:#fff;font-size: 1.125rem}
.button.radius{border-radius: 3px;}
.button-group.info-card-nav .button.current {text-decoration: underline;}
.button-group.info-card-nav .button {
    background-color: #E8E3E0;
    color: #3A2F28; }
    .button-group.info-card-nav .button:hover, .button-group.info-card-nav .button:focus {
      background-color: #D2CCC8;
      color: #3A2F28; }
     
.menu.info-card-nav a, .menu.info-card-nav .menu-text {
    background-color: #E8E3E0;
    color: #3A2F28; 
    margin-bottom: 1px;
	  margin-right: 1px;
    border: 1px solid transparent;
		border-radius: 0;
		transition: background-color .25s ease-out, color .25s ease-out;
    
    }
    .menu.info-card-nav .menu-text{
    	 background-color: #877F79;color:#fff;}
    .menu.info-card-nav a:hover, .menu.info-card-nav a:focus {
      background-color: #D2CCC8;
      color: #3A2F28; }      
/*  youtube responsive embed */   
.embed-container.asbestos-60 { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container.asbestos-60 iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 
      
/* Small only */
@media screen and (max-width: 39.9375em) {}

/* Medium and up */
@media screen and (min-width: 40em) {
	#jaspro-logo{margin-top: -6rem;}
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	#jphone, #jcell{font-size: 1.1875rem;}
}

/* Large and up */
@media screen and (min-width: 64em) {}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}