/* typekit */

@import url("https://p.typekit.net/p.css?s=1&k=nur5yta&ht=tk&f=26036.26037.26044.26046.26047&a=14638192&app=typekit&e=css");

@font-face {
    font-family: "acumin-pro-semi-condensed";
    src: url("https://use.typekit.net/af/3f7b4d/00000000000000003b9acb2d/27/l?subset_id=1&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/3f7b4d/00000000000000003b9acb2d/27/d?subset_id=1&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/3f7b4d/00000000000000003b9acb2d/27/a?subset_id=1&fvd=n4&v=3") format("opentype");
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: "acumin-pro-semi-condensed";
    src: url("https://use.typekit.net/af/761912/00000000000000003b9acb2e/27/l?subset_id=1&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/761912/00000000000000003b9acb2e/27/d?subset_id=1&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/761912/00000000000000003b9acb2e/27/a?subset_id=1&fvd=i4&v=3") format("opentype");
    font-style: italic;
    font-weight: 400;
}

@font-face {
    font-family: "acumin-pro-semi-condensed";
    src: url("https://use.typekit.net/af/ee7f3d/00000000000000003b9acb33/27/l?subset_id=1&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/ee7f3d/00000000000000003b9acb33/27/d?subset_id=1&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/ee7f3d/00000000000000003b9acb33/27/a?subset_id=1&fvd=n7&v=3") format("opentype");
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: "acumin-pro-semi-condensed";
    src: url("https://use.typekit.net/af/503f80/00000000000000003b9acb34/27/l?subset_id=1&fvd=i7&v=3") format("woff2"), url("https://use.typekit.net/af/503f80/00000000000000003b9acb34/27/d?subset_id=1&fvd=i7&v=3") format("woff"), url("https://use.typekit.net/af/503f80/00000000000000003b9acb34/27/a?subset_id=1&fvd=i7&v=3") format("opentype");
    font-style: italic;
    font-weight: 700;
}

@font-face {
    font-family: "acumin-pro-semi-condensed";
    src: url("https://use.typekit.net/af/e60e87/00000000000000003b9acb31/27/l?subset_id=1&fvd=n6&v=3") format("woff2"), url("https://use.typekit.net/af/e60e87/00000000000000003b9acb31/27/d?subset_id=1&fvd=n6&v=3") format("woff"), url("https://use.typekit.net/af/e60e87/00000000000000003b9acb31/27/a?subset_id=1&fvd=n6&v=3") format("opentype");
    font-style: normal;
    font-weight: 600;
}

/******************************************************************************
* elements
* 
***/
body {
    font-family: acumin-pro-semi-condensed, sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
}

h1 {
    padding: 0 0 0 12px; /* Edited for LRRI */
    line-height: 56px;
    font-size: 48px;
}

    h1:first-child {
        margin-top: 0;
    }

h2 {
    padding: 0;
    line-height: 44px;
    color: #333;
    font-size: 36px;
    font-weight: 400;
}

h3 {
    padding: 0;
    line-height: 32px;
    color: #333;
    font-size: 24px;
    font-weight: 400;
}

h4 {
    padding: 0;
    line-height: 28px;
    color: #333;
    font-size: 18px;
    font-weight: 700;
}

h5 {
    padding: 0;
    line-height: 28px;
    color: #333;
    font-size: 18px;
    font-weight: 700;
}

h6 {
    padding: 0;
    line-height: 28px;
    color: #333;
    font-size: 18px;
    font-weight: 700;
}

p {
    margin: 23px 0 0;
    font-size: 18px;
    line-height: 28px;
}

/* Fieldsets & Panels */
.card-body h1:first-child,
.card-body h2:first-child,
.card-body h3:first-child,
.card-body h4:first-child,
.card-body h5:first-child,
.card-body h6:first-child {
    margin-top: 0
}

.card-body .row:last-child,
.form-horizontal .form-control-sm:last-child {
    margin-bottom: 0
}
/* anchors *******************************************************************/

html:not([dir='rtl']) main a[target='_blank']:after {
    display: inline-block;
    width: 17px;
    height: 16px;
    margin: 0px 0px -2px 5px;
    background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 22 20.51'%3E%3Cpath fill='%23333' d='M21,19.69a.58.58,0,0,1-.57.57H3.57A.58.58,0,0,1,3,19.69V4.31a.58.58,0,0,1,.57-.57H6.82v-2H3.57A2.58,2.58,0,0,0,1,4.31V19.69a2.58,2.58,0,0,0,2.57,2.57H20.43A2.58,2.58,0,0,0,23,19.69V16.44H21Z' transform='translate(-1 -1.74)'/%3E%3Cpath fill='%23333' d='M22,1.75H14.15a1,1,0,1,0,0,2h5.44l-7.41,7.41a1,1,0,0,0,.71,1.71,1,1,0,0,0,.7-.3L21,5.17V10.6a1,1,0,1,0,2,0V2.75A1,1,0,0,0,22,1.75Z' transform='translate(-1 -1.74)'/%3E%3C/svg%3E") no-repeat center center;
    content: '';
}

a[href $='.pdf']:after,
a[href $='.doc']:after,
a[href $='.docx']:after {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0px 0px -3px 5px;
    background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' shape-rendering='geometricPrecision'%3E%3Cpath d='M0 16L16 16L16 14L0 14Z  M8 14L0 6L4 6L4 0L12 0L12 6L16 6Z' fill='%2336424a'/%3E%3C/svg%3E") no-repeat center center;
    content: '';
}

li > a {
    margin-left: unset;
}


/* Buttons */
.crmEntityFormView .btn-default {
    border-color: #666;
}

/******************************************************************************
* header
* 
***/
.masthead .container {
    border-bottom: 1px solid #f1f1f1;
}

.masthead h2 {
    margin: 30px 0 20px;
}

.masthead .toolbar {
    margin-top: 25px;
}

.navbar-default {
    background-color: #fff;
    border-width: 0 0 1px;
    border-color: #f1f1f1;
}

    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover {
        color: inherit;
        background-color: inherit;
    }

.header-navbar .nav > li {
    border-top: 4px solid;
    border-color: #fff;
}

    .header-navbar .nav > li:hover,
    .header-navbar .nav > li.active {
        border-color: #0070c4;
    }

    .header-navbar .nav > li a {
        font-weight: 300;
    }

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
    color: inherit;
    background-color: inherit;
}

.breadcrumb {
    box-sizing: border-box;
    /*display: inline-block; Removed for LRRI */
    width: 100%;
    background: #f1f1f1;
    font-size: 14px;
    position: relative;
    border-radius: 0;
    margin-bottom: 0;
}

    .breadcrumb > li a {
        text-decoration: underline;
    }

    .breadcrumb > li + li:before {
        content: '\2192';
    }

.page-header {
    margin-bottom: 0;
    border-bottom: none;
}

.page-heading {
    padding-top: 0;
}

.dropdown-menu {
    z-index: 20000;
}

.dropdown-toggle:focus {
    border: 0 !important;
    border-color: #fff !important;
}

/******************************************************************************
* CRM Tabs/Sections
* 
***/

.tab-title {
    margin-bottom: 24px;
}

h2.tab-title {
    margin: 0 0 10px;
    padding: 0 0 5px;
}

    h2.tab-title a.fa {
        font-size: 0.5em;
        margin-top: 1em;
    }

.tab-column fieldset:last-child {
    margin-bottom: 0;
}

.crmEntityFormView .tab {
    margin-bottom: 0;
}



/******************************************************************************
* forms
* 
***/

.row {
    /* Updated to handle GOA for radio / checkbox */
    box-sizing: border-box;
    display: flex; /* Changed from inline-block to flex for LRRI */
    position: relative;
    width: 100%;
    min-height: 28px;
    margin: 0 0 14px;
    vertical-align: middle;
}

input[type='checkbox'],
input[type='radio'] {
    z-Index: 1;
    box-sizing: border-box;
    position: absolute;
    top: 1px;
    left: 3px;
    margin: 2px;
    cursor: pointer;
}

.row input[type='checkbox'] + label,
.row input[type='radio'] + label {
    z-Index: 2;
    box-sizing: border-box;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0 0 0 40px;
    cursor: pointer;
}

.form-control {
    font-size: inherit;
    border-color: #666;
}

input.form-control:not([type=checkbox]):not([type=radio]):focus {
    outline: 3px solid #feba35;
    outline-offset: 0;
}

.form-readonly.form-control:focus,
.crmEntityFormView .form-control.readonly:focus {
    outline: none;
}

/** GOA checkbox styles **/
/* Unfortunately can't be applied to checkboxes created from a CRM form due to the way the HTML is rendered. */

input[type='checkbox'] + label:before {
    z-Index: 1000;
    box-sizing: border-box;
    position: absolute;
    top: 1px;
    left: 1px;
    width: 24px;
    height: 24px;
    border: 1px solid #666;
    border-radius: 2px;
    background-color: #fff;
    content: '';
}

input[type='checkbox']:checked + label:after {
    z-index: 1001;
    background: #004f84;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' shape-rendering='geometricPrecision'%3E%3Cpath d='M1 10L6 14L15 1' fill='transparent' stroke='%23fff' stroke-width='3' stroke-endcap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    box-sizing: border-box;
    position: absolute;
    top: 2px;
    left: 2px;
    width: 22px;
    height: 22px;
    border: 1px solid #fff;
    content: '';
}

/* GOA radio styles  */

input[type='radio'] + label:before {
    z-Index: 1000;
    box-sizing: border-box;
    position: absolute;
    top: 1px;
    left: 1px;
    width: 24px;
    height: 24px;
    border: 1px solid #666;
    border-radius: 100%;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    content: '';
}

input[type='radio']:checked + label:before {
    background-color: #004f84;
}

input[type='radio']:checked + label:after {
    z-Index: 1001;
    box-sizing: border-box;
    position: absolute;
    top: 2px;
    left: 2px;
    width: 22px;
    height: 22px;
    border: 2px solid #fff;
    border-radius: 100%;
    content: '';
}

/* Entity Form */
.crmEntityFormView .cell span.picklist {
    position: relative;
}

    .crmEntityFormView .cell span.picklist label,
    .crmEntityFormView .cell.checkbox-cell label {
        /* labels for radio buttons in a entity form from the CRM */
        display: inline-block;
        position: relative;
        cursor: pointer;
        padding: 0 0 0 40px;
        margin-bottom: 10px;
        font-weight: 700;
    }

.crmEntityFormView .cell.checkbox-cell div {
    position: relative;
}

    .crmEntityFormView .cell.checkbox-cell div.info {
        padding-left: 0;
    }

    .crmEntityFormView .cell.checkbox-cell div.control span.form-check {
        margin: 3px 0 0;
    }

.crmEntityFormView .cell .picklist input[type='radio']:first-child,
.crmEntityFormView .cell .picklist input[type='radio'] {
    /* Position the actual input behind the GOA-styled one. Hides the innate selection ring around the input. */
    margin: 4px;
}



/******************************************************************************
* footer
* 
***/

.footer {
    background-color: #f1f1f1;
    border-top: 1px solid #dcdcdc;
    border-bottom: 16px solid #0081ab;
    padding: 28px 0 56px;
}

    .footer .container {
        padding-left: 0;
        padding-right: 0;
    }

    .footer div.ab-wrapper {
        position: relative;
    }

div.footer div.ab-wrapper div.goa-list a:visited {
    color: #756693;
}

div.footer div.ab-wrapper div.goa-list a:link {
    color: #333;
    font-size: 18px;
}

div.footer div.ab-wrapper #ab-aboutlinks {
    clear: both;
    margin: 28px 0 0;
    padding: 28px 0 0;
    border-top: 1px solid #ccc;
}

div.footer div.ab-wrapper div.goa-list ul {
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    vertical-align: top;
}

div.footer div.ab-wrapper #ab-aboutlinks li {
    display: inline-block;
    margin: 0 24px 0 0;
}

div.footer div.ab-wrapper div.goa-list li {
    box-sizing: border-box;
    margin: 28px 0 0;
    padding: 0px;
    list-style-type: none;
    line-height: 28px;
    vertical-align: top;
}

div.footer .container div.ab-wrapper div.ab-copyright {
    position: absolute;
    right: 0;
    bottom: 0;
}

div.footer .container div.ab-wrapper:after {
    position: absolute;
    top: 15px;
    right: 0;
    width: 150px;
    height: 60px;
    background-image: url("/alberta-logo.png");
    background-repeat: no-repeat;
    background-size: auto 60px;
    content: '';
}

div.row label.col-form-label {
    text-align: left;
}