@charset "UTF-8";
/* ------------------------------------------------------------------------------------------
   Section 4: Buttons
   Notes:
   - Preserves current appearance and class names from the latest file.
   - Removes legacy vendor-prefixed transitions/shadows.
   - Consolidates duplicate .btn-green definitions.
   - Extracts common "raised" styles into a grouped rule (no markup change).
-------------------------------------------------------------------------------------------*/

/* Base-ish utility selectors retained from your file */
.btn-link.focus,
.btn-link:focus { text-decoration: none; }

.btn-block {
  text-align: center;
  display: block;
}

/* -----------------------------
   Default button (as provided)
------------------------------*/
.btn-default,
.content .btn-default {
  font-family: var(--font-body);
  font-weight: 500;
  background-color: #F48120;
  color: var(--body-button-text-color);
  letter-spacing: 0.25px;
  text-decoration: none;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
  padding: 12px 15px;
  margin: 15px auto;
  border-radius: 0;
  border: none;
  min-width: 140px;
  transition: background 0.2s ease-out, color 0.2s ease-out, border 0.2s ease-out;
  position: relative;
  z-index: 3;
}
.btn-default:hover,
.btn-default:focus {
  background-color: #F48120;
  color: #000;
}

/* -----------------------------
   White (fills)
------------------------------*/
.btn-white,
.content .btn-white {
  color: #474e58 !important;
  background-color: #fff !important;
  border-color: #fff !important;
  display: inline-block !important;
  padding: .5em 1em !important;
  margin-bottom: 0 !important;
  margin-top: 3px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
  cursor: pointer !important;
  border: 1px solid transparent !important;
  border-radius: .2em !important;
  text-decoration: none !important;
}
.btn-white:hover { color: #fff !important; background-color: #474e58 !important; }
.btn-white:focus { color: #474e58 !important; background-color: #fff !important; }
.btn-white:active { color: #474e58 !important; background-color: #fff !important; }

/* -----------------------------
   Light blue (token-driven)
------------------------------*/
.btn-light-blue,
.content .btn-light-blue {
  background-color: var(--head-primary-color);
  color: #fff;
}
.btn-light-blue:hover,
.btn-light-blue:focus {
  color: #fff !important;
  background-color: var(--head-secondary-color);
}

/* -----------------------------
   Green (consolidated definition)
   (Keeps current behavior: green base, gray on hover/focus from the later rule)
------------------------------*/
.btn-green,
.content .btn-green {
  color: #fff !important;
  background-color: #27C33C !important;
  border-color: #222 !important;
  display: inline-block !important;
  padding: .5em 1em !important;
  margin-bottom: 0 !important;
  margin-top: 3px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
  cursor: pointer !important;
  border: 1px solid transparent !important;
  border-radius: .2em !important;
  text-decoration: none !important;
}
.btn-green:hover,
.btn-green:focus,
.btn-green:active {
  color: #fff !important;
  background-color: #474e58 !important;
}

/* -----------------------------
   Banner buttons
------------------------------*/
.blue-banner-button {
  background-color: #01213d !important;
  border: 1px solid #01213d !important;
  color: #fff !important;
  font-weight: 700 !important;
}
.blue-banner-button:hover,
.blue-banner-button:focus,
.blue-banner-button:active {
  color: #000 !important;
  background-color: #F48120 !important;
}

.gray-banner-button {
  background-color: #F48120 !important;
  border: 1px solid #F48120 !important;
  color: #000 !important;
  font-weight: 700 !important;
}
.gray-banner-button:hover,
.gray-banner-button:focus,
.gray-banner-button:active {
  color: #000 !important;
  background-color: #fffef0 !important;
}

/* -----------------------------
   Outlined orange
------------------------------*/
.btn-orangeborder {
  color: #000 !important;
  background-color: #fffef0 !important;
  border: 1px solid #F48120 !important;
  display: inline-block !important;
  padding: 12px 15px;
  margin: 15px auto;
  font-weight: 400 !important;
  font-size: 1rem;
  line-height: 1.2 !important;
  text-align: center !important;
  white-space: nowrap !important;
  min-width: 140px;
  vertical-align: middle !important;
  cursor: pointer !important;
  border-radius: .2em !important;
  text-decoration: none !important;
}
.btn-orangeborder:hover,
.btn-orangeborder:focus {
  color: #000 !important;
  background-color: #F48120 !important;
}

/* -----------------------------
   Solid orange (and historical "blue" alias)
   Note: .btn-blue remains an alias to keep existing markup behavior.
------------------------------*/
.btn-orange,
.btn-blue {
  color: #000000 !important;
  background-color: #F48120 !important;
  border-color: #F48120 !important;
  display: inline-block !important;
  padding: .5em 1em !important;
  margin-bottom: 0 !important;
  margin-top: 3px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
  cursor: pointer !important;
  border: 1px solid transparent !important;
  border-radius: .2em !important;
  text-decoration: none !important;
}
.btn-orange:hover,
.btn-orange:focus,
.btn-blue:hover,
.btn-blue:focus {
  color: #000 !important;
  background-color: #FBC78F !important;
}

/* -----------------------------
   Red (kept original cross-color interactions)
------------------------------*/
.btn-red {
  color: #fff !important;
  background-color: #8b0000 !important;
  border-color: #222 !important;
  display: inline-block !important;
  padding: .5em 1em !important;
  margin-bottom: 0 !important;
  margin-top: 3px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
  cursor: pointer !important;
  border: 1px solid transparent !important;
  border-radius: .2em !important;
  text-decoration: none !important;
}
.btn-red:hover { color: #fff !important; background-color: #F8981F !important; }
.btn-red:focus,
.btn-red:active { color: #fff !important; background-color: #1A5C94 !important; }

/* -----------------------------
   Slate
------------------------------*/
.btn-slate {
  color: #000 !important;
  font-weight: 400 !important;
  background-color: #94bbb8 !important;
  display: inline-block !important;
  margin-bottom: 0 !important;
  margin-top: 3px !important;
  line-height: 1.2 !important;
  text-align: center !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
  cursor: pointer !important;
  text-decoration: none !important;
  padding: .5em 1em !important;
  border: none;
  border-radius: 4px;
}
.btn-slate:hover,
.btn-slate:focus,
.btn-slate:active {
  color: #000 !important;
  background-color: #FBC78F !important;
}

/* -----------------------------
   Small variants (sizes/colors preserved)
------------------------------*/
.btn-orange-sm {
  color: #000 !important;
  font-weight: 600 !important;
  background-color: #F48120 !important;
  display: inline-block !important;
  margin-bottom: 0 !important;
  margin-top: 3px !important;
  line-height: 1.2 !important;
  text-align: center !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
  cursor: pointer !important;
  text-decoration: none !important;
  padding: 5px 18px;
  border: none;
  border-radius: 4px;
}
.btn-orange-sm:hover,
.btn-orange-sm:focus,
.btn-orange-sm:active {
  color: #000 !important;
  background-color: #FBC78F !important;
}

.btn-orangeborder-sm {
  color: #000 !important;
  font-weight: 600 !important;
  background-color: #fffef0 !important;
  border: 1px solid #F48120 !important;
  display: inline-block !important;
  margin-bottom: 0 !important;
  margin-top: 3px !important;
  line-height: 1.2 !important;
  text-align: center !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
  cursor: pointer !important;
  text-decoration: none !important;
  padding: 5px 18px;
  border-radius: 4px;
}
.btn-orangeborder-sm:hover {
  color: #000 !important;
  background-color: #F48120 !important;
}
.btn-orangeborder-sm:focus,
.btn-orangeborder-sm:active {
  color: #000 !important;
  background-color: #F48120 !important;
}

.btn-slate-sm {
  color: #000 !important;
  font-weight: 600 !important;
  background-color: #94bbb8 !important;
  display: inline-block !important;
  margin-bottom: 0 !important;
  margin-top: 3px !important;
  line-height: 1.2 !important;
  text-align: center !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
  cursor: pointer !important;
  text-decoration: none !important;
  padding: 5px 18px;
  border: none;
  border-radius: 4px;
}
.btn-slate-sm:hover,
.btn-slate-sm:focus,
.btn-slate-sm:active {
  color: #000 !important;
  background-color: #FBC78F !important;
}

.btn-blue-sm {
  color: #fff !important;
  background-color: #474e58 !important;
  border-color: #474e58 !important;
  display: inline-block !important;
  padding: 2px 10px !important;
  margin-bottom: 0 !important;
  margin-top: 3px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
  cursor: pointer !important;
  border: 1px solid #ccc !important;
  border-radius: .2em !important;
  text-decoration: none !important;
}
.btn-blue-sm:hover,
.btn-blue-sm:focus,
.btn-blue-sm:active {
  color: #000 !important;
  background-color: #fffef0 !important;
}

.btn-red-sm {
  color: #fff !important;
  background-color: #8b0000 !important;
  border-color: #222 !important;
  display: inline-block !important;
  padding: 2px 10px !important;
  margin-bottom: 0 !important;
  margin-top: 3px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
  cursor: pointer !important;
  border: 1px solid #222 !important;
  border-radius: .2em !important;
  text-decoration: none !important;
}
.btn-red-sm:hover { color: #fff !important; background-color: #F8981F !important; }
.btn-red-sm:focus,
.btn-red-sm:active { color: #fff !important; background-color: #1A5C94 !important; }

.btn-green-sm {
  color: #fff !important;
  background-color: #009900 !important;
  border-color: #ccc !important;
  display: inline-block !important;
  padding: 2px 10px !important;
  margin-bottom: 0 !important;
  margin-top: 3px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
  cursor: pointer !important;
  border: 1px solid #ccc !important;
  border-radius: .2em !important;
  text-decoration: none !important;
}
.btn-green-sm:hover { color: #fff !important; background-color: #F8981F !important; }
.btn-green-sm:focus,
.btn-green-sm:active { color: #1A5C94 !important; background-color: #fff !important; }

/* -----------------------------
   Shared "raised" look (deduped)
   These selectors previously repeated the same box-shadow/transition.
------------------------------*/
.btn-slate,
.btn-orange-sm,
.btn-orangeborder,
.btn-orangeborder-sm,
.btn-slate-sm {
  box-shadow: 0 3px 6px rgba(0,0,0,0.2);
  transition: box-shadow 0.2s, transform 0.2s;
}
.btn-slate:hover,
.btn-orange-sm:hover,
.btn-orangeborder-sm:hover,
.btn-slate-sm:hover {
  box-shadow: 0 4px 8px rgba(0,0,0,0.25);
}

/* === Touch / hybrid-device hover fix ===
   On devices where hover is not a reliable interaction (touchscreens, hybrid laptops), browsers may emulate :hover
   on first tap and prevent expected click behavior. This block disables hover-only visual changes by reverting
   :hover styles to the non-hover (base) styles when (hover: none) or pointer is coarse.
*/
@media (hover: none), (any-pointer: fine) {
  /* Revert hover color swaps to base so taps behave consistently */
  .btn-white:hover{color:#000!important;background-color:#F48120!important;border-color:#F48120!important}
  .btn-light-blue:hover{color:#000!important;background-color:#F48120!important;border-color:#F48120!important}
  .btn-green:hover{color:#000!important;background-color:#F48120!important;border-color:#F48120!important}
  .blue-banner-button:hover{color:#fff!important;background-color:#fbc08c!important;border-color:#F48120!important}
  .gray-banner-button:hover{color:#000!important;background-color:#fbc08c!important;border-color:#F48120!important}
  .btn-orangeborder:hover{color:#000!important;background-color:#F48120!important;border-color:#F48120!important}
  .btn-orange:hover,.btn-blue:hover{color:#000!important;background-color:#fbc08c!important;border-color:#f69a4d!important}
  .btn-red:hover{color:#000!important;background-color:#F48120!important;border-color:#F48120!important}
  .btn-slate:hover{color:#000!important;background-color:#F48120!important;border-color:#F48120!important}
  .btn-orange-sm:hover{color:#000!important;background-color:#fbc08c!important;border-color:#fbc08c!important}
  .btn-orangeborder-sm:hover{color:#000!important;background-color:#F48120!important;border-color:#F48120!important}
  .btn-slate-sm:hover{color:#000!important;background-color:#F48120!important;border-color:#F48120!important}
  .btn-blue-sm:hover{color:#fff!important;background-color:#f69a4d!important;border-color:#f69a4d!important}
  .btn-red-sm:hover{color:#000!important;background-color:#F48120!important;border-color:#F48120!important}
  .btn-green-sm:hover{color:#000!important;background-color:#F48120!important;border-color:#F48120!important}   

  /* Revert the raised shadow hover bump */
  .btn-slate:hover,.btn-orange-sm:hover,.btn-orangeborder-sm:hover,.btn-slate-sm:hover{
    box-shadow:0 3px 6px rgba(0,0,0,.2)!important
  }

  /* Provide a touch-friendly pressed feedback instead of hover */
  .btn-slate:active,.btn-orange:active,.btn-blue:active,.btn-green:active,.btn-red:active,.btn-white:active,.btn-orangeborder:active,
  .btn-orange-sm:active,.btn-orangeborder-sm:active,.btn-slate-sm:active,.btn-blue-sm:active,.btn-red-sm:active,.btn-green-sm:active,
  .blue-banner-button:active,.gray-banner-button:active{
    transform:scale(.98);
  }
 
  /* Sidebar navigation touch-friendly hover */ 
  #sidebar .nav-link:hover, #sidebar .navbar-light .nav-link:focus {
  color: #000;
  background-color: #f2f4f4;
  }
  
  .arrowlist-white a:hover, .arrowlist-gray a:hover {
	background: #F48120 !important;
	text-decoration:underline !important;
	color: #000 !important;
   }
  
   a:hover {color: #F48120; text-decoration: underline;} 
  
  .hero-slider .carousel-caption a:hover,
  .video-feature .video-caption a:hover,
  .hero-slider .carousel-caption a:focus,
  .video-feature .video-caption a:focus {color: #000 !important; background-color: #fffef0 !important;}  
  .audience .nav li a:hover, .auxnav .nav li a:hover, .audience .nav li a:focus, .auxnav .nav li a:focus {color:#000!important;background-color:#F48120!important;border-color:#F48120!important}
  .accordion .card-header .btn:hover {text-decoration: none; background-color: #F48120; }
    
  .landingpage-box-link:hover,
  .landingpage-box:hover,
  .landingpage-box-link:hover {background-color: #fffef0;text-decoration: none;}
  
}