/*----- Custom CSS HGranger.com ------*/

@import url('https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,400;0,800;1,400;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Candal&display=swap');
body {
  margin: 0;
  font-family: "Chivo", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1.15rem;
  font-weight: 400;
  line-height: 1.5;
  color: #171401;
  text-align: left;
  background-color: #fff; }
h1 {font-family: 'Candal', sans-serif;}
h2 {font-family: 'Candal', sans-serif;font-size: 1.5rem;}
h3 {font-family: "Chivo";font-size:1.25rem;font-weight: 800;}
h4 {font-family: 'Candal', sans-serif;font-size: 1.3rem;border-top:1px solid #B48E00;margin-top:2em;}
  /*-----------------*/
  /*      NAV        */
  /*-----------------*/
 header {margin-bottom: 2em;}
 .dropdown-menu[data-bs-popper] {
  left: 30%;}
 .dropdown-menu a:active {background-color: transparent;}
 .dropdown-menu a:hover {background-color: transparent;}
.nav-item a {color:#000;font-size:.9em;text-transform: uppercase;letter-spacing: .5pt;border-bottom:2px dashed transparent;padding-bottom: 0;}
.nav-item a:hover {border-bottom:2px dashed #B48E00;color:#B48E00;}
.nav-item a:active {border-bottom:2px dashed ##B48E00ff;color:#B48E00;}
.here a {border-bottom:2px dashed #f#B48E00ff;color:#B48E00;}
ul .navbar-nav {text-align: right !important;}
.nav-item a {font-weight: 400;}
.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 600,
  'GRAD' 0,
  'opsz' 48
}
main a {color:#d02c11;border-bottom:1px dotted transparent;text-decoration: none;}
main a:hover {color:#d02c11;border-bottom:2px dotted #d02c11;}main li {padding: 2px 0 .6em;line-height: 1.08em;}
.me-back {background: url('../img/Be_Me_web.png') bottom left no-repeat;background-size: 120px;}
.tool-back {background: transparent url('../img/AutiMe.png') right 80% no-repeat;background-size: 26%;}
.container {background-color: transparent;}
.home-lead {margin-left:28%;}
.res-bar  {background: url('../img/HOTfades1.jpg') bottom right no-repeat;background-size: cover;padding:2em 1.25em 1em;font-size: 1.2em;}
.con-bar  {background: url('../img/REACH.jpg') bottom center no-repeat;background-size: cover;padding:2em 1.25em 1em;font-size: 1.2em;margin-right:2em;}
.showdates {font-size: .8em;text-transform: uppercase !important;line-height: 1em;padding: 0;font-weight: 400;}
.card {border: none;border-radius: 0;}.panel {border: 1px solid #B48E00;padding: 1em;margin: 3em 0;}
figure img,
figure object,
figure embed,
figure video {
	display: block;
	max-width: 100%;margin: 0 auto;}
.gallery img {width:90%;box-shadow:1px -1px 6px rgba(000,000,000,.3);}
figcaption {font-size: .86em;padding-top: .25em;padding-left: 1em;margin-top:0;border-top:1px solid #B48E00;margin-bottom:2em;}
figcaption a {color:#d02c11;border-bottom:1px dotted transparent;text-decoration: none;}
figcaption a:hover {color:#d02c11;border-bottom:2px dotted #d02c11;}
.buttonlink a {text-decoration: none !important;}
main button {text-align: center;margin: 0 auto;background-color: #5aa845;color: #fff;border: 3px solid #fff;border-radius: 12px;padding: 6px 0;width: 72%;font-family: 'Asap', sans-serif;font-weight:600;margin-top:.2em;display: block;}
main button:hover {background-color: #fff;color: #5aa845;border: 3px solid #5aa845;text-decoration: none;}
.crumb {font-size: 1rem;margin-bottom: 1.65em;}
footer {text-align: center;color:#000;background-color: transparent;margin:0 auto;width:100%;padding:.65em 0;font-size: .7em;border-top:2px solid #B48E00;}

@media (min-width: 768px) {
   }
@media (min-width: 992px) {
.me-back {background-size: 35%;min-height:860px;}
  
  .nav-item {
  padding-right:1.25em;
  padding-left:1.25em;
  }
  .res-bar {margin-right:2em;min-height: 800px;}
   }
@media (min-width: 1190px) {
  .me-back {background-size: contain;min-height:980px;}
  .home-lead {padding-top:3em;}
  .tool-back {background-size: 28%;background-position: right 98%;} 
}
   /* .me-back {background: url('../img/Be_Me_web.png') -10px no-repeat;background-size: contain;min-height:980px;} */