/* APA Pattern Library 3-15-2021 */
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap");

/******************** Typography ********************/

body, .slds-text-body_regular, .slds-text-body_small, .slds-text-heading_large, .slds-text-heading_medium, .slds-text-heading_small, h1, h2, h3, h4, h5, h6 {
  font-family: 'Lato', sans-serif;
  color: #333333;
}

.slds-scope:not(html), .slds-scope body {
  background-color: #f8f8f8;
  font-family: 'Lato', sans-serif;
  font-size: 0.875rem;
}

.slds-scope h1, .slds-scope h2, .slds-scope h3, .slds-scope h4, .slds-scope h5, .slds-scope h6, .slds-scope th, .slds-scope td, .slds-scope .slds-card__header-link {
  font-family: 'Lato', Arial, sans-serif;
  font-weight: 400;
}

.slds-scope h1 {
  font-size: 3rem;
  margin-bottom: 0.5rem;
  line-height: 1.2;
}

.slds-scope .slds-card__header-title {
  font-size: 1.5rem;
}

.slds-scope b, .slds-scope strong, .slds-scope dfn {
  font-weight: 700 !important;
}

/******************** Links ********************/

.slds-scope a {
  color: #003A70;
}

/******************** Grey Boxes ********************/

.slds-scope .slds-box {
  border-color: #e6e6e6;
}

.slds-scope .slds-theme_shade, .slds-scope .slds-theme--shade {
  background-color: #f8f8f8;
}

/******************** Badges ********************/

.slds-scope .slds-badge {
  background-color: aliceblue;
  color: #003A70;
  border-color: #bbd0f2;
  border-radius: 0.25rem;
  font-weight: 400;
  letter-spacing: .5px;
  padding: 0.25em 0.4em;
}

/******************** Buttons ********************/

/* Button General */

.slds-scope .slds-button {
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.8px;
  border-radius: 3px;
}

/* Primary */

.slds-scope .slds-button_brand {
  background-color: #003A70;
  border-color: #003A70;
  -webkit-transition: background 0.5s ease 0s;
  -moz-transition: background 0.5s ease 0s;
  -ms-transition: background 0.5s ease 0s;
  transition: background 0.5s ease 0s;
}

.slds-scope .slds-button_brand:hover {
  background-color:#15354F;
  border-color:#15354F;
  -webkit-transition: background 0.5s ease 0s;
  -moz-transition: background 0.5s ease 0s;
  -ms-transition: background 0.5s ease 0s;
  transition: background 0.5s ease 0s;
}

/* Outline */

.slds-scope .slds-button_outline-brand {
  color: #003A70;
  background-color: #FFFFFF;
  border-color: #003A70;
  -webkit-transition: background 0.5s ease 0s;
  -moz-transition: background 0.5s ease 0s;
  -ms-transition: background 0.5s ease 0s;
  transition: background 0.5s ease 0s;
}

.slds-scope .slds-button_outline-brand:hover {
  color: #15354F;
  background-color: #d5e8f9;
  border-color: #15354F;
  -webkit-transition: background 0.5s ease 0s;
  -moz-transition: background 0.5s ease 0s;
  -ms-transition: background 0.5s ease 0s;
  transition: background 0.5s ease 0s;
}

.slds-scope .slds-button_outline-brand:active, .slds-scope .active_filter {
  color: #FFFFFF;
  background-color: #003A70 !important;
  border-color: #003A70 !important;
  -webkit-transition: background 0.5s ease 0s;
  -moz-transition: background 0.5s ease 0s;
  -ms-transition: background 0.5s ease 0s;
  transition: background 0.5s ease 0s;
}

/* Outline Dismiss */

.slds-scope .slds-button_neutral {
  color: #595959;
  background-color: #fff;
  border-color: #CCCCCC;
  -webkit-transition: background 0.5s ease 0s;
  -moz-transition: background 0.5s ease 0s;
  -ms-transition: background 0.5s ease 0s;
  transition: background 0.5s ease 0s;
}

.slds-scope .slds-button_neutral:hover {
  color: #333333;
  background-color: #F1F1F1;
  border-color: #333333;
  -webkit-transition: background 0.5s ease 0s;
  -moz-transition: background 0.5s ease 0s;
  -ms-transition: background 0.5s ease 0s;
  transition: background 0.5s ease 0s;
}

/* Text Button */

.slds-scope a.slds-button {
  color: #003A70;
  padding-left: 1rem;
  padding-right: 1rem;
  -webkit-transition: background 0.5s ease 0s;
  -moz-transition: background 0.5s ease 0s;
  -ms-transition: background 0.5s ease 0s;
  transition: background 0.5s ease 0s;
}

.slds-scope a.slds-button:hover {
  background-color: #e0f6fd;
  color: #23527c;
  text-decoration: none;
  -webkit-transition: background 0.5s ease 0s;
  -moz-transition: background 0.5s ease 0s;
  -ms-transition: background 0.5s ease 0s;
  transition: background 0.5s ease 0s;
}

/* Destructive */

.slds-scope .slds-button_text-destructive {
  color: #D51212;
  background-color: #FFFFFF;
  border-color: #D51212;
  -webkit-transition: background 0.5s ease 0s;
  -moz-transition: background 0.5s ease 0s;
  -ms-transition: background 0.5s ease 0s;
  transition: background 0.5s ease 0s;
}

.slds-scope .slds-button_text-destructive:hover {
  color: #FFFFFF;
  background-color: #D51212;
  border-color: #D51212;
  -webkit-transition: background 0.5s ease 0s;
  -moz-transition: background 0.5s ease 0s;
  -ms-transition: background 0.5s ease 0s;
  transition: background 0.5s ease 0s;
}

.slds-scope .slds-button_destructive {
  color: #fff;
  background-color: #D51212;
  border-color: #D51212;
  -webkit-transition: background 0.5s ease 0s;
  -moz-transition: background 0.5s ease 0s;
  -ms-transition: background 0.5s ease 0s;
  transition: background 0.5s ease 0s;
}

.slds-scope .slds-button_destructive:hover {
  color: #fff;
  background-color: #c82333;
  border-color: #c82333;
  -webkit-transition: background 0.5s ease 0s;
  -moz-transition: background 0.5s ease 0s;
  -ms-transition: background 0.5s ease 0s;
  transition: background 0.5s ease 0s;
}

/* CTA Button - New Class */

.slds-scope .slds-button_CTA, .slds-scope .slds-button_CTA {
  color: #333333;
  background-color: #FFCD06;
  border-color: #FFCD06;
  -webkit-transition: background 0.5s ease 0s;
  -moz-transition: background 0.5s ease 0s;
  -ms-transition: background 0.5s ease 0s;
  transition: background 0.5s ease 0s;
}

.slds-scope .slds-button_CTA:hover, .slds-scope .slds-button_CTA:focus, .slds-scope .slds-button_CTA:hover, .slds-scope .slds-button_CTA:focus {
  color: #333333;
  background-color: #E7BA09;
  border-color: #E7BA09;
  -webkit-transition: background 0.5s ease 0s;
  -moz-transition: background 0.5s ease 0s;
  -ms-transition: background 0.5s ease 0s;
  transition: background 0.5s ease 0s;
}

/******************** Toggle Switch ********************/

.slds-scope .slds-checkbox_toggle [type=checkbox]:checked+.slds-checkbox_faux, .slds-scope .slds-checkbox_toggle [type=checkbox]:checked+.slds-checkbox--faux, .slds-scope .slds-checkbox_toggle [type=checkbox]:checked~.slds-checkbox_faux, .slds-scope .slds-checkbox_toggle [type=checkbox]:checked~.slds-checkbox--faux, .slds-scope .slds-checkbox_toggle [type=checkbox]:checked+.slds-checkbox_faux_container .slds-checkbox_faux, .slds-scope .slds-checkbox_toggle [type=checkbox]:checked+.slds-checkbox--faux_container .slds-checkbox--faux, .slds-scope .slds-checkbox--toggle [type=checkbox]:checked+.slds-checkbox_faux, .slds-scope .slds-checkbox--toggle [type=checkbox]:checked+.slds-checkbox--faux, .slds-scope .slds-checkbox--toggle [type=checkbox]:checked~.slds-checkbox_faux, .slds-scope .slds-checkbox--toggle [type=checkbox]:checked~.slds-checkbox--faux, .slds-scope .slds-checkbox--toggle [type=checkbox]:checked+.slds-checkbox_faux_container .slds-checkbox_faux, .slds-scope .slds-checkbox--toggle [type=checkbox]:checked+.slds-checkbox--faux_container .slds-checkbox--faux {
  border-color: #003A70;
  background-color: #003A70;
}