/* colours: brown: 3A2F28  green: 9FAF71 dark green 83946C  beige: FFFBF8 blue: 547BAF   hoover #ff5200 */
/*  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 {/*display: block*/;margin-left: auto; margin-right: auto;}
#bannerlogo .columns p{background-color:#FFFCFA;}
#jaspro-logo{margin-top: -6rem;background-color:#FFFCFA;}

/* 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;}
#top-menu .menu li {font-size:.96rem;}
.shopmenu{background-color: #5D6049;}

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;}
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 #98c1d2;}
table.features {background-color: #ffffff;font-size: .9rem;}
table.features thead, table.features tfoot { background-color: #D2CDC9; }
.callout { background: #9FAF71; color: #fff; border-color: #0b5a60; -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); }
.card-section{border-top: 1px solid #e6e6e6;}
.card {border: 1px solid #dadada;}
.message-text, .message-text h3 {color:#83946C;}
.shopicon{border: 1px solid #3A2F28;}
.leadplus {
  font-size: 150%;
  line-height: 1.6;
  font-weight: bold;
  font-family: 'Oswald', Geneva, Verdana, sans-serif; }
/*  video embed hoover cordless, nacecare*/
.embed-container.cordlesshoover, .embed-container.nacecare{ position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container.cordlesshoover iframe, .embed-container.cordlesshoover object, .embed-container.cordlesshoover embed, .embed-container.nacecare iframe, .embed-container.nacecare object, .embed-container.nacecare embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }							  

ul.checks {
  line-height: 1.8em;
  margin: 5px 0 15px;
  padding: 0;
  
}

ul.checks li {
  list-style: none;
  position: relative;
  padding: 0 0 0 20px;
}

ul.checks li::before {
  content: "✔️";
  background-size: contain;
  display: inline-block;
  width: 1em;
  height: 1em;
  position: relative;
  top: 0.1rem;
  margin-right: 0.4rem;
}

    					

/* Small only */
@media screen and (max-width: 39.9375em) {}

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

/* 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) {}