/* Breeze Ver6.9.8: area-map navigation and policy agreement color. */
html{scroll-behavior:smooth}
#calendar-area-map{scroll-margin-top:22px}
.area-map-scroll-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  margin:0 0 13px!important;
  padding:9px 16px!important;
  border:2px solid #20a9c2!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#13768a!important;
  font-size:13px!important;
  font-weight:900!important;
  text-decoration:none!important;
  box-shadow:0 4px 11px rgba(19,118,138,.12)!important;
}
.area-map-scroll-button::after{content:' ↑';margin-left:6px}
.area-map-scroll-button:hover,.area-map-scroll-button:focus{
  background:#eafafd!important;
  color:#0d6072!important;
}

/* Only the terms/policy agreement action is yellow with black text. */
.policy-agreement-button .policy-agreement-face,
.policy-agreement-button input:checked+.policy-agreement-face{
  border-color:#d5ad00!important;
  background:#ffd83d!important;
  color:#111!important;
  box-shadow:0 6px 15px rgba(163,125,0,.22)!important;
}
.policy-agreement-button input:focus+.policy-agreement-face{
  outline:3px solid rgba(255,216,61,.42)!important;
}
.policy-agreement-button .agreement-before,
.policy-agreement-button .agreement-after{
  color:#111!important;
}

@media(max-width:760px){
  .area-map-scroll-button{width:100%!important;min-height:46px!important;margin-bottom:12px!important}
}
