﻿
/*=======================================
        Typography including headings
 =======================================*/

@charset "UTF-8";


@font-face {
    font-family: "ato-font-family";
    src: url("../fonts/ato-font-family.eot");
    src: url("../fonts/ato-font-family.eot?#iefix") format("embedded-opentype"),
         url("../fonts/ato-font-family.woff") format("woff"),
         url("../fonts/ato-font-family.ttf") format("truetype"),
         url("../fonts/ato-font-family.svg#ato-font-family") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "ato-font-family-v2";

    src: url("../fonts/ato-font-family-v2.woff") format("woff"),
         url("../fonts/ato-font-family-v2.ttf") format("truetype"),
         url("../fonts/ato-font-family-v2.svg#ato-font-family-v2") format("svg");
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: "swiss721bt";
    src: url("../fonts/233CC5_0_0.eot");
    src: url("../fonts/233CC5_0_0.eot?#iefix") format("embedded-opentype"),
         url("../fonts/233CC5_0_0.woff") format("woff"),
         url("../fonts/233CC5_0_0.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
}


@font-face {
    font-family: "swiss721bt";
    src: url("../fonts/233CC5_1_0.eot");
    src: url("../fonts/233CC5_1_0.eot?#iefix") format("embedded-opentype"),
         url("../fonts/233CC5_1_0.woff") format("woff"),
         url("../fonts/233CC5_1_0.ttf") format("truetype");
    font-weight: 100;
    font-style: italic;
}


@font-face {
    font-family: "swiss721bt";
    src: url("../fonts/233CC5_2_0.eot");
    src: url("../fonts/233CC5_2_0.eot?#iefix") format("embedded-opentype"),
         url("../fonts/233CC5_2_0.woff") format("woff"),
         url("../fonts/233CC5_2_0.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: "swiss721bt";
    src: url("../fonts/233CC5_3_0.eot");
    src: url("../fonts/233CC5_3_0.eot?#iefix") format("embedded-opentype"),
         url("../fonts/233CC5_3_0.woff") format("woff"),
         url("../fonts/233CC5_3_0.ttf") format("truetype");
    font-weight: normal;
    font-style: italic;
}


@font-face {
    font-family: "swiss721bt";
    src: url("../fonts/233CC5_4_0.eot");
    src: url("../fonts/233CC5_4_0.eot?#iefix") format("embedded-opentype"),
         url("../fonts/233CC5_4_0.woff") format("woff"),
         url("../fonts/233CC5_4_0.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}


@font-face {
    font-family: "swiss721bt";
    src: url("../fonts/233CC5_5_0.eot");
    src: url("../fonts/233CC5_5_0.eot?#iefix") format("embedded-opentype"),
         url("../fonts/233CC5_5_0.woff") format("woff"),
         url("../fonts/233CC5_5_0.ttf") format("truetype");
    font-weight: bold;
    font-style: italic;
}


html {
    font-size: 62.5%; /* Overrides Bootstraps 14px and sets a default base font size against browser default 16px - equivelent to 10px or 8pt */
}

body {
    font-family: "swiss721bt", 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 15px;
	font-size: 1.5rem;
}

/* Headings */

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: inherit;
    font-weight: normal;
    line-height: 1.1em;
    color: inherit;
}

h1 {
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: 100;
}

h2 {
    font-size: 21px;
    font-size: 2.1rem;
    font-weight: 100;
}

h3 {
    font-size: 16px;
    font-size: 1.6rem;
}

h4 {
    font-size: 13px;
    font-size: 1.3rem;
	font-weight: bold;
}

h5 {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;
}

h6 {
    font-size: 11px;
    font-size: 1.1rem;
    font-weight: bold;
}

a, a:hover, a:focus {
    color: #4466da;
    text-decoration: underline;
}
#accordionWizard a, #accordionWizard a:hover, #accordionWizard a:focus{
    color: inherit;
    text-decoration: none;
}
.text-red {
    color: #A94442;
}

@media (min-width: 769px) {

    
	body {
        font-size: 17px;
        font-size: 1.7rem;		
	}

	h1 {
        font-size: 33px;
        font-size: 3.3rem;
    }

    h2 {
        font-size: 25px;
        font-size: 2.5rem;
        font-weight: 100;
    }

    h3 {
        font-size: 18px;
        font-size: 1.8rem;
    }

}

@media (min-width: 992px) {

}

@media (min-width: 992px) and (max-width: 1200px) {
}

@media (min-width: 1200px) {
}


[data-icon]:before {
    font-family: "ato-font-family-v2" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before,
[class^="icon-"]:after,
[class*=" icon-"]:after {
    font-family: "ato-font-family-v2" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


button[data-icon]:before,
a.btn[data-icon]:before {
    display: none;
}

button[data-icon]:after,
a.btn[data-icon]:after {
    font-family: "ato-font-family-v2" !important;
    content: attr(data-icon);
    padding-left: 5px;
    vertical-align: middle;
    font-weight: normal;
    speak: none;
}

a.btn[data-icon]:after {
    vertical-align: baseline;
}

.icon-user:before {
    content: "\E0AB";
}
.icon-info:before {
    content: "\E0A0";
}

.icon-home:before {
    content: "\E08F";
}

.icon-radio-btn:before {
    content: "r";
}

.icon-tick-filled:before {
    content: "\E0AA";
}

.icon-user-account:before {
    content: "\E01B";
}

.icon-minus:before {
    content: "m";
}

.icon-plus:before {
    content: "\E0A6";
}

.icon-logo-ato:before {
    content: "\E0A3";
}

.icon-checkbox-unticked:before {
    content: "\E098";
}

.icon-checkbox-ticked:before {
    content: "\E099";
}

.icon-checkbox-disabled:before {
    content: "\E09A";
}

.icon-close:before {
    content: "\E0AE";
}

.icon-exit:before {
    content: "\E096";
}

.icon-error-alert:before {
    content: "\E095";
}

.icon-error:before {
    content: "\E08D";
}

.icon-accordion-expand:before {
    content: "\E09E";
}

.icon-arrow-left:before {
    content: "\E0A2";
}

.icon-arrow-right:before {
    content: "\E0A1";
}

.icon-accordion-collapse:before {
    content: "\E09F";
}

.icon-accordion-click:before {
    content: "\E0A1";
}

.icon-tick:before {
    content: "\E0AC";
}

.icon-tooltip:before {
    content: "\E085";
}

.icon-warning-sign-circle:before {
    content: "\E0AD";
}

.icon-warning-sign-nocircle:before {
    content: "\E0A7";
}

.icon-menu:before {
    content: "\E0A9";
}

.icon-warning-sign:before {
    content: "\E0AD";
}

.icon-radio-btn-disabled:before {
    content: "\E0A8";
}

.icon-danger:before {
    content: "\E0A4";
}

.icon-print:before {
    content: "\E0B0";
}

.icon-calendar:before {
    content: "\E0AF";
}

.icon-file:before {
    content: "\E0A5";
}

.icon-login:before {
    content: "\E0AB";
}

.icon-pre-fill:before {
    content: "\E08C";
}
.icon-ato-information:before {
    content: "\E090";
}
.icon-help:before {
    content: "\E08B";
}
.icon-flag:before {
    content: "\E08E";
}
.icon-external-link:before {
    content: "\E0B1";
}
.icon-comment:before {
    content: "\E0B2";
}
.icon-star:before {
    content: "\E0B3";
}
.icon-clip:before {
    content: "\E0B4";
}
.icon-search:before {
    content: "\E0B5";
}
.icon-tools-calculators:before {
    content: "\E0B6";
}
.icon-edit:before {
    content: "\E0B7";
}
.icon-delete:before {
    content: "\E0B8";
}
.icon-view:before {
    content: "\E0BB";
}
.icon-calculator:before {
    content: "\E0B9";
}
.icon-calculator-circle:before {
    content: "\E0BA";
}



.icon-external-link,
.icon-inline  {
    display:inline-block;
    text-decoration: none;
}

.color-orange:before {
    color: #E67620;
}
