@font-face {
    font-family: 'Modernline';
    src: url('https://client.phasethree.com/wp-content/themes/phase-three/resources/fonts/modernline/modernline.woff') format('woff'),
    url('https://client.phasethree.com/wp-content/themes/phase-three/resources/fonts/modernline/modernline.ttf')  format('truetype'),
    url('https://client.phasethree.com/wp-content/themes/phase-three/resources/fonts/modernline/modernline-tail.woff') format('woff'),
    url('https://client.phasethree.com/wp-content/themes/phase-three/resources/fonts/modernline/modernline-tail.ttf')  format('truetype')
}@font-face {
    font-family: 'PringleAndTweed';
    src:
        url('https://client.phasethree.com/wp-content/themes/phase-three/resources/fonts/pringle-and-tweed/PringleAndTweed.otf') format('opentype'),
        url('https://client.phasethree.com/wp-content/themes/phase-three/resources/fonts/pringle-and-tweed/PringleAndTweed_slanted.otf') format('opentype')
}
:root {
    --primary:          #007bff;
    --primary-hover:    #006fe6;
    --primary-active:   #0063cc;
    --primary-disabled: #66b0ff;

    --primary-10:       rgba(0,123,255, 0.10);
    --primary-20:       rgba(0,123,255, 0.20);
    --primary-30:       rgba(0,123,255, 0.30);
    --primary-40:       rgba(0,123,255, 0.40);
    --primary-50:       rgba(0,123,255, 0.50);
    --primary-60:       rgba(0,123,255, 0.60);
    --primary-70:       rgba(0,123,255, 0.70);
    --primary-80:       rgba(0,123,255, 0.80);
    --primary-90:       rgba(0,123,255, 0.90);
    --primary-100:      #e6f2ff;
    --primary-200:      #b3d8ff;
    --primary-300:      #66b0ff;
    --primary-400:      #3396ff;
    --primary-500:      #007bff;
    --primary-600:      #006fe6;
    --primary-700:      #0063cc;
    --primary-800:      #0057b3;
    --primary-900:      #004a99;

    --primary-shadow-focus: rgba(0,123,255, 0.25);
    --primary-shadow-color: rgba(0,123,255, 0.25);
    --primary-focus-shadow: 0 0 0 0.2rem rgba(0,123,255, 0.25);

    --content-bg-color: #ffffff;
    --body-bg-color:    #ffffff;

    --body-font-family:         Roboto;
    --body-font-size:           calc(16px + (16 - 16) * ((100vw - 320px) / (1200 - 320)));
    --body-font-style:          normal;
    --body-font-line-height:    1.5;
    --body-font-weight:         400;
    --body-letter-spacing:      0;
    --body-font-color:          #212529;

    --h1-font-family:         Roboto;
    --h1-font-size:           calc(32px + (40 - 32) * ((100vw - 320px) / (1200 - 320)));
    --h1-font-style:          normal;
    --h1-font-weight:         400;
    --h1-text-transform:      none;
    --h1-letter-spacing:      0;
    --h1-font-color:          #212529;

    --h2-font-family:         Roboto;
    --h2-font-size:           calc(28px + (32 - 28) * ((100vw - 320px) / (1200 - 320)));
    --h2-font-style:          normal;
    --h2-font-weight:         400;
    --h2-text-transform:      none;
    --h2-letter-spacing:      0;
    --h2-font-color:          #212529;

    --h3-font-family:         Roboto;
    --h3-font-size:           calc(24px + (28 - 24) * ((100vw - 320px) / (1200 - 320)));
    --h3-font-style:          normal;
    --h3-font-weight:         500;
    --h3-text-transform:      none;
    --h3-letter-spacing:      0;
    --h3-font-color:          #212529;

    --h4-font-family:         Roboto;
    --h4-font-size:           calc(20px + (24 - 20) * ((100vw - 320px) / (1200 - 320)));
    --h4-font-style:          normal;
    --h4-font-weight:         500;
    --h4-text-transform:      none;
    --h4-letter-spacing:      0;
    --h4-font-color:          #212529;

    --h5-font-family:         Roboto;
    --h5-font-size:           calc(18px + (20 - 18) * ((100vw - 320px) / (1200 - 320)));
    --h5-font-style:          normal;
    --h5-font-weight:         500;
    --h5-text-transform:      none;
    --h5-letter-spacing:      0;
    --h5-font-color:          #212529;

    --h6-font-family:         Roboto;
    --h6-font-size:           calc(16px + (16 - 16) * ((100vw - 320px) / (1200 - 320)));
    --h6-font-style:          normal;
    --h6-font-weight:         500;
    --h6-text-transform:      none;
    --h6-letter-spacing:      0;
    --h6-font-color:          #212529;

    --d1-font-size: calc(40px + (56 - 40) * ((100vw - 320px) / (1200 - 320)));
    --d2-font-size: calc(38px + (52 - 38) * ((100vw - 320px) / (1200 - 320)));
    --d3-font-size: calc(36px + (48 - 36) * ((100vw - 320px) / (1200 - 320)));
    --d4-font-size: calc(34px + (44 - 34) * ((100vw - 320px) / (1200 - 320)));

    --lead-font-size:   calc(18px + (20 - 18) * ((100vw - 320px) / (1200 - 320)));

    --link-color:       #007bff;
    --link-color-hover: #006fe6;

    --alert-primary-color:        var(--primary);
    --alert-primary-bg-color:     var(--primary-10);
    --alert-primary-border-color: var(--primary-20);
    --alert-primary-link-color:   var(--primary-active);

    --navbar-brand-font-family:    Roboto;
    --navbar-brand-font-size:      20px;
    --navbar-brand-font-weight:    500;
    --navbar-brand-font-style:     normal;
    --navbar-brand-font-spacing:   0px;
    --navbar-brand-text-transform: none;
    --navbar-brand-font-color:     var(--navbar-1-color);
    --navbar-brand-size:           200px;

    --navbar-1-color:                rgba(51,51,51, 0.80);
    --navbar-1-hover-color:          rgba(51,51,51, 0.90);
    --navbar-1-active-color:         rgba(51,51,51, 1.00);
    --navbar-1-disabled-color:       rgba(51,51,51, 0.30);
    --navbar-1-toggler-icon-bg:      rgba(51,51,51, 1.00);
    --navbar-1-toggler-border-color: rgba(51,51,51, 0.30);
    --navbar-1-bg-color:             #ffffff;
    --navbar-1-align:                space-between;
    --navbar-1-font-family:          Roboto;
    --navbar-1-font-size:            0.9375rem;
    --navbar-1-font-style:           ;
    --navbar-1-font-weight:          500;
    --navbar-1-text-transform:       none;
    --navbar-1-letter-spacing:       0px;
    --navbar-1-border-bottom:        1px solid rgba(0, 0, 0, 0.12);

    --navbar-top-color:                rgba(255,255,255, 0.80);
    --navbar-top-hover-color:          rgba(255,255,255, 0.90);
    --navbar-top-active-color:         rgba(255,255,255, 1.00);
    --navbar-top-disabled-color:       rgba(255,255,255, 0.30);
    --navbar-top-toggler-icon-bg:      rgba(255,255,255, 1.00);
    --navbar-top-toggler-border-color: rgba(255,255,255, 0.30);
    --navbar-top-bg-color:             #007bff;
    --navbar-top-align:                flex-end;
    --navbar-top-font-family:          Roboto;
    --navbar-top-font-size:            0.75rem;
    --navbar-top-font-style:           ;
    --navbar-top-font-weight:          500;
    --navbar-top-text-transform:       none;
    --navbar-top-letter-spacing:       0px;
    --navbar-top-border-bottom:        none;

    --navbar-bottom-color:                rgba(255,255,255, 0.80);
    --navbar-bottom-hover-color:          rgba(255,255,255, 0.90);
    --navbar-bottom-active-color:         rgba(255,255,255, 1.00);
    --navbar-bottom-disabled-color:       rgba(255,255,255, 0.30);
    --navbar-bottom-toggler-icon-bg:      rgba(255,255,255, 1.00);
    --navbar-bottom-toggler-border-color: rgba(255,255,255, 0.30);
    --navbar-bottom-bg-color:             #007bff;
    --navbar-bottom-align:                flex-start;
    --navbar-bottom-font-family:          Roboto;
    --navbar-bottom-font-size:            0.9375rem;
    --navbar-bottom-font-style:           ;
    --navbar-bottom-font-weight:          500;
    --navbar-bottom-text-transform:       none;
    --navbar-bottom-letter-spacing:       0px;
    --navbar-bottom-border-bottom:        none;

    --footer-1-color:                rgba(255,255,255, 0.80);
    --footer-1-hover-color:          rgba(255,255,255, 0.90);
    --footer-1-active-color:         rgba(255,255,255, 1.00);
    --footer-1-disabled-color:       rgba(255,255,255, 0.30);
    --footer-1-toggler-icon-bg:      rgba(255,255,255, 1.00);
    --footer-1-toggler-border-color: rgba(255,255,255, 0.30);
    --footer-1-bg-color:             #343a40;
    --footer-1-align:                ;
    --footer-1-font-family:          Roboto;
    --footer-1-font-size:            1rem;
    --footer-1-font-style:           ;
    --footer-1-font-weight:          400;
    --footer-1-text-transform:       none;
    --footer-1-letter-spacing:       0;
    --footer-1-border-bottom:        none;

    --page-title-bg-color:           transparent;
    --page-title-color:              var(--h1-font-color);
    --page-title-focus-shadow:       var(--primary-focus-shadow);
    --page-title-focus-border-color: var(--primary);
    --page-title-text-muted-color:   var(--secondary);

    --show-breadcrumbs: 0;
    --show-post-thumbnail: 0;
}