@charset "UTF-8";
/* CSS Document */

html {
  font-family: "Montserrat",sans-serif;
  font-size: 23px;
  font-weight: 400;
  line-height: 1.5em;
  color: #555149;
}

h1 {font-size: 200%;}
h2 {font-size: 180%;}
h3 {font-size: 160%;}
h4 {font-size: 140%;}
h5 {font-size: 120%;}
h6 {font-size: 100%;}

h1, h2, h3, h4, h5, h6 {
  font-family: "Montserrat",sans-serif;
  color: #080;
	text-shadow: none;
	background: none;
  border: none;
	border-width: 0;
	box-shadow: none;
	line-height: 1.2;
  letter-spacing: -.03em;
}

h1, h2 {
	padding: 0 0 10px;
	margin: 0 0 15px;
	line-height: 1.2;
	border-bottom: 1px solid rgba(0,0,0,.3);
  text-transform: uppercase;
}

strong, b {
  font-weight: 600;
}

blockquote {
  padding: 17px 17px 7px;
  margin: 0 0 20px;
  margin-bottom: 20px;
  border: 5px solid #00aeef;
  border-width: 1px 11px;
  font-style: italic;
  border-radius: 13px;
}

body a:not([class]) {
  color: #048c45;
  text-decoration: none;
}

body a:not([class]):hover {
  color: #73c05b;
  text-decoration: underline;
}










/*** struoctural ************************************************************************************************************************/

body .container-header {
  z-index: 2;
}

body .container-header .container-nav,
body .container-header .grid-child {
  padding: 0;
  background: #048c45;
  justify-content: right;
}

body.wrapper-fluid header > .grid-child,
body.wrapper-fluid footer > .grid-child {
  padding-left: 0;
  padding-right: 0;
}

body .container-component > :first-child, 
body .container-sidebar-left > :first-child, 
body .container-sidebar-right > :first-child, 
body .container-component > * + *, 
body .container-sidebar-left > * + *, 
body .container-sidebar-right > * + * {
  margin: 0;
}

body .container-banner {
  z-index: 1;
  margin: 0;
}

body .logo {
  max-width: clamp(67px, 23vw, 200px);
  position: absolute;
  top: 3px;
  left: 13px;
  transition: all ease 1s;
}

body:not(.has-sidebar-right) .site-grid .container-component {
  grid-column-end: full-end;
  max-width: 1560px;
  margin: auto;
}

body:not(.has-sidebar-left) .site-grid .container-component {
  grid-column-start: full-start;
  max-width: 1560px;
  margin: auto;
}

body main {
  margin: 0;
}

body .site-grid .grid-child {
  box-shadow: 0 0 123px rgba(0,0,0,.05);
  background: #fff;
  max-width: 1560px;
  padding: 2vw;
}

body .site-grid .grid-child.container-bottom-a {
  box-shadow: 0 123px 123px rgba(0,0,0,.05);
  padding-top: 0vw;
  max-width: 1560px;
  margin: auto;
}







/*** scrolled ************************************************************************************************************************/

body.scrolled .logo {
  max-width: 67px;
  transition: all ease 1s;
}

body.scrolled .metismenu.mod-menu .metismenu-item > a {
  padding: 11px .67vw;
  transition: all ease .5s;
}








/*** top menu  *************************************************************************************************************************/

/*** force right most menu to not overflow viewport ***/
body ul.mm-collapse.submenu-reverse {
  left: auto;
  right: 0;
}

body .metismenu.mod-menu .metismenu-item:not(.level-1) > ul,
body .metismenu.mod-menu .metismenu-item:not(.level-2) > ul {
  margin-inline-end: 0;
}



/* hide stupid useless white underline */
body .container-header .metismenu > li > a:hover::after, 
body .container-header .metismenu > li > button:hover::before, 
body .container-header .metismenu > li.active > a::after, 
body .container-header .metismenu > li.active > button::before {
	background: none;
}

.metismenu.mod-menu .mm-toggler {  /* hide arrow to indicate dropdowns */
    display: none !important;
}

body .metismenu.mod-menu .metismenu-item:hover .mm-collapse { /* make menu drop down on hover */
    display: block !important;
}

.metismenu.mod-menu .mm-toggler {  /* hide arrow to indicate dropdowns */
    display: none !important;
}

body .metismenu.mod-menu .metismenu-item:hover .mm-collapse { /* make menu drop down on hover */
    display: block !important;
}

body a:focus-visible, 
body .metismenu.mod-menu .metismenu-item > a:focus, 
body .metismenu.mod-menu .metismenu-item > button:focus {
  outline-offset: 0;
  outline: none;
}

body .container-header nav {
  margin-top: 0;
  padding: 0;
}

body .metismenu.mod-menu .metismenu-item {
  padding: 0;
  line-height: 1;
}

body .metismenu.mod-menu .metismenu-item > a {
  background: none;
  color: #fff;
  padding: 17px .67vw;
  line-height: 1;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 87%;
  transition: all ease .3s;
  width: 100%;
}

body .metismenu.mod-menu .metismenu-item.active > a,
body .metismenu.mod-menu .metismenu-item > a:hover {
  background: #00aeef;
}




/*** search icon *************************************************************************************************************************/

body .container-nav .metismenu.mod-menu .metismenu-item.level-1 a.search {
  background: transparent url(/images/search.png) 50% 50% no-repeat;
  background-size: 23px;
  color: rgba(0,0,0,0) !important;
  width: 47px;
  height: 100%;
  padding: 3px;
}

body .container-nav .metismenu.mod-menu .metismenu-item.level-1.active a.search,
body .container-nav .metismenu.mod-menu .metismenu-item.level-1:hover a.search {
  background-color: #00aeef;
  color: rgba(0,0,0,0) !important;
}

body .btn-primary {
  background-color: #7e945f;
  border-color: #000;
}

body .btn-primary:hover {
  background-color: #000;
  border-color: #000;
}




/*** dropdowns *************************************************************************************************************************/

body .container-header .metismenu > li.level-1 > ul li a {
  background: #73c05b;
  color: #fff;
  width: 100%;
  text-decoration: none !important;
  font-size: 87%;
}






/* body main table flow */

body main table {
    margin: auto;
    text-align: center;
}

body main table tr,
body main table tr td{
    display: inline-block;
}

body main table tr td{
    padding: 5px;
    margin: 5px;
    border: 1px solid #ddd;
}




body .back-to-top-link,
body .back-to-top-link:focus {
  color: #fff;
  background-color: #00aeef;
  border: 1px solid #fff;
  border-radius: 100px;
  padding: .3em .5em;
  transition: opacity .2s ease-in;
  position: fixed;
  bottom: 1rem;
}

body .back-to-top-link:hover {
  background-color: #000;
}




body .amazon-affiliate {
  border-radius: 23px;
  border: 1px solid #060;
  border-width: 1px 13px;
  text-align: center;
  padding: 13px;
  font-size: 87%;
  line-height: 1.5;
  margin-top: 1vw;
}






/*** footer *************************************************************************************************************************/

body .footer { background: none; width: 100%; }

body .container-footer {
  color: #fff;
  background: #73c05b;
  border: none;
  box-shadow: inset 0 5px 40px rgba(0,0,0,.1);
  margin-top: 0;
  font-size: 87%;
  z-index: 1;
}

body .container-header {
  position: fixed !important;
  width: 100%;
  box-shadow: 0 0 43px rgba(0,0,0,.67);
}

body .container-banner {
  margin-top: 47px;
}











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

body main {
  padding: 2vw;
}

}



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

  body {
    font-size: 19px;
  }

.container-header .navbar-toggler {
  color: #fff;
  cursor: pointer;
  border: 1px solid #fff;
  box-shadow: none;
  margin: 9px 1.33vw 9px 0;
}

body main {
  padding: 2vw;
}

body .metismenu.mod-menu .metismenu-item > a {
  background: none;
  color: #fff;
  padding: 7px .67vw;
  line-height: 1;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 87%;
  transition: all ease .3s;
  width: 100%;
}

body .container-header .container-nav, body .container-header .grid-child {
  padding: 0;
  padding-right: 0px;
  padding-left: 0px;
  background: #048c45;
  justify-content: right;
}

body .container-nav .metismenu.mod-menu .metismenu-item.level-1 a.search {
  padding: 0px 0 29px;
}

}



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

body .container-header .container-nav nav {
  margin-top: 0 !important;
}

}