/*
 * Your global styles here
 */
 html,
 body {
     height: 100%;
 }
 
 html {
     background: white;
 }
 
 body {
     margin: 0;
 }
 
 h1 {
     font-size: 35px !important; 
     font-family: var(--dxp-s-text-heading-extra-large-font-family) !important;
     color: var(--dxp-s-text-heading-extra-large-color);
     line-height: 115% !important;
     overflow: hidden;
     font-weight: 400;
     margin: 0 !important;
 }
 
 h2 {
     font-size: 31.4px !important;
     font-family: var(--dxp-s-text-heading-large-font-family) !important;
     color: var(--dxp-s-text-heading-large-color) !important;
     font-weight: 400 !important;
     line-height: 115% !important;
     overflow: hidden;
 }
 
 h3 {
     font-size: 24px !important;
     font-family: var(--dxp-s-text-heading-medium-font-family) !important;
     color: var(--dxp-s-text-heading-medium-color) !important;
     font-weight: 600 !important;
     line-height: 115% !important;
     overflow: hidden;
 }
 
 h4 {
     font-size: 22px !important;
     font-family: var(--dxp-s-text-heading-small-font-family) !important;
     color: var(--dxp-s-text-heading-small-color) !important;
     font-weight: 600 !important;
     line-height: 115% !important;
     overflow: hidden;
 }
 
 h5 {
     font-size: 20px !important;
     font-family: var(--dxp-s-text-heading-extra-small-font-family) !important;
     color: var(--dxp-s-text-heading-extra-small-color) !important;
     font-weight: 600 !important;
     line-height: 115% !important;
     overflow: hidden;
 }
 
 h6 {
     font-size: 18px !important;
     font-family: var(--dxp-s-text-heading-extra-extra-small-font-family) !important;
     color: var(--dxp-s-text-heading-extra--extra-small-color) !important;
     font-weight: 400;
     line-height: 115% !important;
     overflow: hidden;
 }

 p {
     color: var(--dxp-s-body-text-color);
     font-size: var(--dxp-s-body-font-size);
     font-family: var(--dxp-s-body-font-family);
     line-height: 150%;
 } 
 
 .site-title {
     font-family: var(--dxp-s-text-heading-extra-large-font-family);
     color: var(--dxp-s-text-heading-extra-large-color);
     font-size: 23.5px;
     line-height: 115%;
     overflow: hidden;
     font-weight: 700;
 }
/*  
 .hero-header {
     font-family: var(--dxp-s-text-heading-extra-large-font-family);
     color: var(--dxp-s-text-heading-extra-large-color);
     font-size: 31.4px;
     line-height: 115%;
     overflow: hidden;
     font-weight: 700;
 } */
 
 .hero-sub-header {
     font-family: var(--dxp-s-text-heading-medium-font-family);
     color: var(--dxp-s-text-heading-extra-large-color);
     font-size: 20px;
     line-height: 135%;
     overflow: hidden;
 }
 
 .mtg-caption{
     font-size: 14px;
     line-height: 135%;
     overflow: hidden;
 }

 /* LWR flow navigation button loses top padding by default */
 .navigationBar {
    padding-top: .75rem !important;
 }
 
 a,a:link:not(.slds-button, .slds-dropdown__item > a),a:visited:not(.slds-button, .slds-dropdown__item > a) {
    color: #005ea2;
}

a:hover:not(.slds-button, .slds-dropdown__item > a) {
    color: #1a4480;
}

a:active:not(.slds-button, .slds-dropdown__item > a) {
    color: #162e51;
}

/* a:focus:not(.slds-button, .slds-dropdown__item > a) {
    outline: .25rem solid #2491ff;
    outline-offset: 0;
} */

 /* For Desktop View */
 @media screen and (min-width: 1024px) {
     h1 {
         font-size: 47px !important;
     }
     h2 {
         font-size: 39.2px !important;
     }
     h3 {
         font-size: 28px !important;
     }
     h4 {
         font-size: 24px !important;
     }
     h5 {
         font-size: 22px !important;
     }
     h6 {
         font-size: 20px !important;
     }
     .site-title {
         font-size: 35.3px;
     }
     .hero-sub-header {
         font-size: 24px;
     }
     
 }
 
 /* For Tablet View */
 @media screen and (min-width: 390px) and (max-width: 1023px) {
     h1 {
         font-size: 39.2px !important;
     }
     h2 {
         font-size: 35.3px !important;
     }
     h3 {
         font-size: 28px !important;
     }
     h4 {
         font-size: 24px !important;
     }
     h5 {
         font-size: 22px !important;
     }
     h6 {
         font-size: 20px !important;
     }
     .site-title {
         font-size: 31.4px;
     }
     .hero-sub-header {
         font-size: 22px;
     }
 }
 
 /* For Mobile Phones Portrait or Landscape View 
 @media screen and (max-width: 390px) {
 
 }
 */