

/* FONT-FACE - ROBOTO */
/*================================================== */







/* FONT-FACE - MONTSERRAT */
/* using font embed link in header instead to improve page speed score */
/*================================================== */

/*!! FONTS via TRANSFONTER https://transfonter.org/*/

/*@font-face {*/
/*    font-family: 'Montserrat';*/
/*    src: url('../fonts/Montserrat/Montserrat-SemiBoldItalic.eot');*/
/*    src: url('../fonts/Montserrat/Montserrat-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),*/
/*    url('../fonts/Montserrat/Montserrat-SemiBoldItalic.woff2') format('woff2'),*/
/*    url('../fonts/Montserrat/Montserrat-SemiBoldItalic.woff') format('woff'),*/
/*    url('../fonts/Montserrat/Montserrat-SemiBoldItalic.ttf') format('truetype'),*/
/*    url('../fonts/Montserrat/Montserrat-SemiBoldItalic.svg#Montserrat-SemiBoldItalic') format('svg');*/
/*    font-weight: 600;*/
/*    font-style: italic;*/
/*}*/

/*@font-face {*/
/*    font-family: 'Montserrat';*/
/*    src: url('../fonts/Montserrat/Montserrat-SemiBold.eot');*/
/*    src: url('../fonts/Montserrat/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),*/
/*    url('../fonts/Montserrat/Montserrat-SemiBold.woff2') format('woff2'),*/
/*    url('../fonts/Montserrat/Montserrat-SemiBold.woff') format('woff'),*/
/*    url('../fonts/Montserrat/Montserrat-SemiBold.ttf') format('truetype'),*/
/*    url('../fonts/Montserrat/Montserrat-SemiBold.svg#Montserrat-SemiBold') format('svg');*/
/*    font-weight: 600;*/
/*    font-style: normal;*/
/*}*/

/*@font-face {*/
/*    font-family: 'Montserrat';*/
/*    src: url('../fonts/Montserrat/Montserrat-Italic.eot');*/
/*    src: url('../fonts/Montserrat/Montserrat-Italic.eot?#iefix') format('embedded-opentype'),*/
/*    url('../fonts/Montserrat/Montserrat-Italic.woff2') format('woff2'),*/
/*    url('../fonts/Montserrat/Montserrat-Italic.woff') format('woff'),*/
/*    url('../fonts/Montserrat/Montserrat-Italic.ttf') format('truetype'),*/
/*    url('../fonts/Montserrat/Montserrat-Italic.svg#Montserrat-Italic') format('svg');*/
/*    font-weight: normal;*/
/*    font-style: italic;*/
/*}*/



/* Barlow */
/* ------------------------------ */

@font-face {
    font-family: 'Barlow';
    src: url('../fonts/Barlow/Barlow-Regular.eot');
    src: url('../fonts/Barlow/Barlow-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Barlow/Barlow-Regular.woff2') format('woff2'),
    url('../fonts/Barlow/Barlow-Regular.woff') format('woff'),
    url('../fonts/Barlow/Barlow-Regular.ttf') format('truetype'),
    url('../fonts/Barlow/Barlow-Regular.svg#Barlow-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('../fonts/Barlow/Barlow-Italic.eot');
    src: url('../fonts/Barlow/Barlow-Italic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Barlow/Barlow-Italic.woff2') format('woff2'),
    url('../fonts/Barlow/Barlow-Italic.woff') format('woff'),
    url('../fonts/Barlow/Barlow-Italic.ttf') format('truetype'),
    url('../fonts/Barlow/Barlow-Italic.svg#Barlow-Italic') format('svg');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* condensed */
@font-face {
    font-family: 'Barlow Condensed';
    src: url('../fonts/Barlow/BarlowCondensed-Light.eot');
    src: url('../fonts/Barlow/BarlowCondensed-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Barlow/BarlowCondensed-Light.woff2') format('woff2'),
    url('../fonts/Barlow/BarlowCondensed-Light.woff') format('woff'),
    url('../fonts/Barlow/BarlowCondensed-Light.ttf') format('truetype'),
    url('../fonts/Barlow/BarlowCondensed-Light.svg#BarlowCondensed-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow Condensed';
    src: url('../fonts/Barlow/BarlowCondensed-SemiBold.eot');
    src: url('../fonts/Barlow/BarlowCondensed-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Barlow/BarlowCondensed-SemiBold.woff2') format('woff2'),
    url('../fonts/Barlow/BarlowCondensed-SemiBold.woff') format('woff'),
    url('../fonts/Barlow/BarlowCondensed-SemiBold.ttf') format('truetype'),
    url('../fonts/Barlow/BarlowCondensed-SemiBold.svg#BarlowCondensed-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow Condensed';
    src: url('../fonts/Barlow/BarlowCondensed-Bold.eot');
    src: url('../fonts/Barlow/BarlowCondensed-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Barlow/BarlowCondensed-Bold.woff2') format('woff2'),
    url('../fonts/Barlow/BarlowCondensed-Bold.woff') format('woff'),
    url('../fonts/Barlow/BarlowCondensed-Bold.ttf') format('truetype'),
    url('../fonts/Barlow/BarlowCondensed-Bold.svg#BarlowCondensed-Bold') format('svg');
    font-weight: bold;
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}




/* SourceSansPro */
/* ------------------------------ */
@font-face {
    font-family: SourceSansPro;
    src: url('../fonts/SourceSansPro/SourceSansPro-Light.eot');
    src: url('../fonts/SourceSansPro/SourceSansPro-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/SourceSansPro/SourceSansPro-Light.woff2') format('woff2'),
    url('../fonts/SourceSansPro/SourceSansPro-Light.woff') format('woff'),
    url('../fonts/SourceSansPro/SourceSansPro-Light.ttf') format('truetype'),
    url('../fonts/SourceSansPro/SourceSansPro-Light.svg#SourceSansPro-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: SourceSansPro;
    src: url('../fonts/SourceSansPro/SourceSansPro-Regular.eot');
    src: url('../fonts/SourceSansPro/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/SourceSansPro/SourceSansPro-Regular.woff2') format('woff2'),
    url('../fonts/SourceSansPro/SourceSansPro-Regular.woff') format('woff'),
    url('../fonts/SourceSansPro/SourceSansPro-Regular.ttf') format('truetype'),
    url('../fonts/SourceSansPro/SourceSansPro-Regular.svg#SourceSansPro-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: SourceSansPro;
    src: url('../fonts/SourceSansPro/SourceSansPro-SemiBold.eot');
    src: url('../fonts/SourceSansPro/SourceSansPro-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/SourceSansPro/SourceSansPro-SemiBold.woff2') format('woff2'),
    url('../fonts/SourceSansPro/SourceSansPro-SemiBold.woff') format('woff'),
    url('../fonts/SourceSansPro/SourceSansPro-SemiBold.ttf') format('truetype'),
    url('../fonts/SourceSansPro/SourceSansPro-SemiBold.svg#SourceSansPro-SemiBold') format('svg');
    font-weight:500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: SourceSansPro;
    src: url('../fonts/SourceSansPro/SourceSansPro-Bold.eot');
    src: url('../fonts/SourceSansPro/SourceSansPro-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/SourceSansPro/SourceSansPro-Bold.woff2') format('woff2'),
    url('../fonts/SourceSansPro/SourceSansPro-Bold.woff') format('woff'),
    url('../fonts/SourceSansPro/SourceSansPro-Bold.ttf') format('truetype'),
    url('../fonts/SourceSansPro/SourceSansPro-Bold.svg#SourceSansPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}




/* Frank Ruhl Libre */
/* ------------------------------ */
@font-face {
    font-family: 'Frank Ruhl Libre';
    src: url('../fonts/FrankRuhlLibre/FrankRuhlLibre-Regular.eot');
    src: url('../fonts/FrankRuhlLibre/FrankRuhlLibre-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/FrankRuhlLibre/FrankRuhlLibre-Regular.woff2') format('woff2'),
    url('../fonts/FrankRuhlLibre/FrankRuhlLibre-Regular.woff') format('woff'),
    url('../fonts/FrankRuhlLibre/FrankRuhlLibre-Regular.ttf') format('truetype'),
    url('../fonts/FrankRuhlLibre/FrankRuhlLibre-Regular.svg#FrankRuhlLibre-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Frank Ruhl Libre';
    src: url('../fonts/FrankRuhlLibre/FrankRuhlLibre-Bold.eot');
    src: url('../fonts/FrankRuhlLibre/FrankRuhlLibre-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/FrankRuhlLibre/FrankRuhlLibre-Bold.woff2') format('woff2'),
    url('../fonts/FrankRuhlLibre/FrankRuhlLibre-Bold.woff') format('woff'),
    url('../fonts/FrankRuhlLibre/FrankRuhlLibre-Bold.ttf') format('truetype'),
    url('../fonts/FrankRuhlLibre/FrankRuhlLibre-Bold.svg#FrankRuhlLibre-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}




/* Typography BASE styles */
/* ------------------------------ */
body {
    line-height: 1.65em;
    /*line-height: 1.9em;*/
    font-family: SourceSansPro, Sans-Serif;
    font-weight: 300;
    /*letter-spacing: 0.03em;*/
}
strong {
    font-weight: 700;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Barlow Condensed', Sans-Serif;
    font-weight: 600;
    line-height: 1.45em;
    letter-spacing: -0.02em;
    /*letter-spacing: 0.02em;*/

    /*text-transform: uppercase;*/
}
h1.h-alt, .h-alt h1,
h2.h-alt, .h-alt h2,
h3.h-alt, .h-alt h3,
h4.h-alt, .h-alt h4,
h5.h-alt, .h-alt h5,
h6.h-alt, .h-alt h6 {
    font-family: SourceSansPro, Sans-Serif;
    letter-spacing: 0;
}

.text-lrg {
    font-size: 1.25em;
}

h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
    /*text-transform: none;*/
}



/* FONT COLOURS */
/* ------------------------------ */


/* Headings base */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6  {

    /* PRIMARY (BRAND) COLOUR*/
    /*color: #f37169;*/
    /*color: var(--color-primary);*/
    font-weight: 600;
}

/* Text Links */
a, a:visited, .text-white a {

    /* PRIMARY (BRAND) COLOUR*/
    color: var(--color-primary);
}
a:hover{

    /* PRIMARY Hover*/
    color: var(--color-primary-d1);
}
.text-white a:hover{

    /* PRIMARY lite Hover*/
    color: var(--color-primary-l1);
}
.links-white a,
.links-white a:hover {
    color: white;
    text-decoration: underline;
}


/* Primary List Items */
.li-primary ul li::before,
.li-primary ol li::before,
ul.li-primary li::before,
ol.li-primary li::before {

    /* PRIMARY (BRAND) COLOUR*/
    color: var(--color-primary);
}


/* Alt (primary) headings */
.h-alt h1,
.h-alt h2,
.h-alt h3,
.h-alt h4,
.h-alt h5,
.h-alt h6,
.h-alt .h1,
.h-alt .h2,
.h-alt .h3,
.h-alt .h4,
.h-alt .h5,
.h-alt .h6,
h1.h-alt,
h2.h-alt,
h3.h-alt,
h4.h-alt,
h5.h-alt,
h6.h-alt,
.h1.h-alt,
.h2.h-alt,
.h3.h-alt,
.h4.h-alt,
.h5.h-alt,
.h6.h-alt  {

    /* ALT HEADING COLOUR*/
    color: var(--color-primary);
}

/* light headings */
.h-light h1,
.h-light h2,
.h-light h3,
.h-light h4,
.h-light h5,
.h-light h6,
.h-light .h1,
.h-light .h2,
.h-light .h3,
.h-light .h4,
.h-light .h5,
.h-light .h6,
h1.h-light,
h2.h-light,
h3.h-light,
h4.h-light,
h5.h-light,
h6.h-light,
.h1.h-light,
.h2.h-light,
.h3.h-light,
.h4.h-light,
.h5.h-light,
.h6.h-light  {

    /* ALT HEADING COLOUR*/
    color: var(--color-primary-l1);
}

/* primary headings */
.h-primary h1,
.h-primary h2,
.h-primary h3,
.h-primary h4,
.h-primary h5,
.h-primary h6,
.h-primary .h1,
.h-primary .h2,
.h-primary .h3,
.h-primary .h4,
.h-primary .h5,
.h-primary .h6,
h1.h-primary,
h2.h-primary,
h3.h-primary,
h4.h-primary,
h5.h-primary,
h6.h-primary,
.h1.h-primary,
.h2.h-primary,
.h3.h-primary,
.h4.h-primary,
.h5.h-primary,
.h6.h-primary  {

    /* primaryADING COLOUR*/
    color: var(--color-primary);
}

/* secondary headings */
.h-secondary-75 h1,
.h-secondary-75 h2,
.h-secondary-75 h3,
.h-secondary-75 h4,
.h-secondary-75 h5,
.h-secondary-75 h6,
.h-secondary-75 .h1,
.h-secondary-75 .h2,
.h-secondary-75 .h3,
.h-secondary-75 .h4,
.h-secondary-75 .h5,
.h-secondary-75 .h6,
h1.h-secondary-75,
h2.h-secondary-75,
h3.h-secondary-75,
h4.h-secondary-75,
h5.h-secondary-75,
h6.h-secondary-75,
.h1.h-secondary-75,
.h2.h-secondary-75,
.h3.h-secondary-75,
.h4.h-secondary-75,
.h5.h-secondary-75,
.h6.h-secondary-75  {

    /* secondary HEADING COLOUR*/
    color: var(--color-secondary-75);
}

/* Display headings */
.h-display {
    border-bottom: 0.15em solid rgba(0,0,0,0.1);
    padding-bottom: 0.125em;
    margin-bottom: 0.25em;
}
.h-display-v2 {
    border-color: rgba(255,255,255,0.4)
}



/* List Item - Check-list */
/* ----------------------------------------- */
.check-list li {
    position: relative;
    list-style: none;
    padding-left: 40px;
    margin-bottom: 20px;
}
.check-list li:before {
    content: "\f05d";
    font-family: FontAwesome;
    position: absolute;
    left: -5px;
    top: 5px;
    font-size: 40px;
    color: #FF4800;
}



/* Blockquote */
/* ----------------------------------------- */
blockquote {
    font-size: 24px;
    line-height: 28px;
    font-weight: 600;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    padding-top: 15px;
    padding-bottom: 15px;
}
blockquote p:before,
blockquote p:after {
    display: inline-block;
    font-size: 48px;
    line-height: 0;
    color: var(--color-primary);
    margin-top: -0.6em;
    top: 16px;
    position: relative;
}
blockquote p:before {
    content: '“';
    padding-right: 5px;
}
blockquote p:after {
    content: '”';
    padding-left: 5px;
}




/* Letter Spacing utils */
/* ----------------------------------------- */
.ls-2 {
    letter-spacing: 0.15em;
}
.ls-1 {
    letter-spacing: 0.075em;
}





/* Font Size Utils */
/* ----------------------------------------- */
.f-sz-14 { font-size: 14px !important; }
.f-sz-15 { font-size: 15px !important; }
.f-sz-18 { font-size: 18px !important; }
/*.f-sz-21 { font-size: 21px !important; }*/
/*.f-sz-22 { font-size: 22px !important; }*/
/*.f-sz-28 { font-size: 28px !important; }*/
.f-sz-48 { font-size: 48px !important; }



/* Line Height Utils */
/* ----------------------------------------- */
/*.f-lh-14 { line-height: 14px !important; }*/
.f-lh-18 { line-height: 18px !important; }
.f-lh-23 { line-height: 23px !important; }
.f-lh-24 { line-height: 24px !important; }
/*.f-lh-28 { line-height: 28px !important; }*/
.f-lh-30 { line-height: 30px !important; }
/*.f-lh-32 { line-height: 32px !important; }*/
.f-lh-48 { line-height: 48px !important; }



/* Font Family Utils */
/* ----------------------------------------- */
.f-BarlowCond {
    font-family: "Barlow Condensed" !important;
}
.f-FrankRuhlLibre {
    font-family: "Frank Ruhl Libre" !important;
}
.f-SourceSansPro {
    font-family: "SourceSansPro" !important;
}



/* Font Style Utils */
/* ----------------------------------------- */
.fs-italic {
    font-style: italic !important;
}
.f-underline {
   text-decoration: underline!important;
}


/* Font Awesome */
/* ----------------------------------------- */
.tag-links:before {

    font-family: FontAwesome;
    content: '\f02b';
    padding-right: 5px;
}


/* Editor Content alignment patch */
/* ----------------------------------------- */
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }



