/*Use this CSS document for any small styling changes needed*/

/*Google map embed in recycling centres, Silktide picked up controls that do not change when focused*/
.gm-style button:focus,
.gm-style button:active {
  border: 2px solid #fbba08 !important;
}

/* Focus controls - Changed to improve accessibility, default style fails Silktide due to contrast issues */

a:focus {
    outline: 3px transparent solid;
    box-shadow: 0 0 0 2px #ffe13b, 0 0 0 4px #424141, 0 0 4px 8px #ffe13b;
  }
  
  
  .form__field:focus,
  .form__textarea:focus,
  .google-translate .goog-te-combo:focus,
  .form__select:focus,
  .form__checkbox:focus,
  .form__radio:focus {
    border-color: #ffe13b;
    outline: 3px transparent solid;
    box-shadow: 0 0 0 2px #ffe13b, 0 0 0 4px #424141, 0 0 4px 8px #ffe13b;
  }
  
  
  .button:focus,
  .button:active,
  .pagination--complex .pagination__link:focus,
  .pagination--complex .pagination__active:focus,
  .widget--my-account-sign-in a:focus,
  .widget--my-account-paybridge-balance-lookup .button:focus,
  .welcome-links li:nth-child(3) a:focus,
  .widget--my-account-api-links a:focus,
  .widget--my-account-forms .view-more:focus,
  .widget--myaccount-form-submissions .view-more:focus,
  .widget--myaccount-form-submissions .button--danger:focus,
  .pagination--complex .pagination__link:active,
  .pagination--complex .pagination__active:active,
  .widget--my-account-sign-in a:active,
  .widget--my-account-paybridge-balance-lookup .button:active,
  .welcome-links li:nth-child(3) a:active,
  .widget--my-account-api-links a:active,
  .widget--my-account-forms .view-more:active,
  .widget--myaccount-form-submissions .view-more:active,
  .widget--myaccount-form-submissions .button--danger:active {
    outline: 3px transparent solid;
    box-shadow: 0 0 0 2px #ffe13b, 0 0 0 4px #424141, 0 0 4px 8px #ffe13b;
  }