/*

Government of Alberta Design System

Version: V 1.0.1

Full system available at https://www.alberta.ca/goa/design-system/

*/



/******************************************************************************
* classes
* 
***/


/* goa-blockquote ************************************************************/

blockquote {
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 24px 0 0;
    padding: 23px 28px 23px 42px;
    background: #f1f1f1;
    font-size: 18px;
    line-height: 28px;
    vertical-align: top;
}

    blockquote *:first-child {
        margin-top: 0;
    }

    blockquote *:last-child {
        margin-bottom: 0;
    }

    blockquote:before {
        position: absolute;
        top: 28px;
        left: 12px;
        width: 18px;
        height: 18px;
        background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath fill='%23333' d='M11.8,2.7C10.6,6.5,9,13.3,9,20.5H1.4c0.2-7.2,2-13.4,3.9-17.8H11.8z M23.4,2.7c-1.4,4-2.9,10.6-2.9,17.8h-7.6 c0.2-7.2,2.1-13.4,4-17.8H23.4z'/%3E%3C/svg%3E") no-repeat center center;
        content: '';
    }



/* callouts ******************************************************************/

div.goa-callout {
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 24px 0 0;
    padding: 23px 24px 23px 24px;
    border-width: 0;
    border-left-width: 48px;
    border-style: solid;
    border-color: #0070c4;
    background: #f1f1f1;
}

    div.goa-callout *:first-child {
        margin-top: 0;
    }

    div.goa-callout *:last-child {
        margin-bottom: 0;
    }

    /* variants ***/

    div.goa-callout.goa--event {
        border-color: #00853f;
    }

    div.goa-callout.goa--important {
        border-color: #feba35;
        color: #333;
    }

    div.goa-callout.goa--emergency {
        border-color: #fc1921;
    }
    /* goa-callout SVG */

    div.goa-callout:before {
        position: absolute;
        top: 33px;
        left: -36px;
        width: 24px;
        height: 24px;
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: center center;
        content: '';
    }

    div.goa-callout:before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,20a9,9,0,1,1,9-9A9,9,0,0,1,12,21Z'/%3E%3Cpath fill='%23fff' d='M15.16,15.5h-2V9a1,1,0,0,0-1-1H9.82a1,1,0,0,0,0,2h1.36V15.5h-2a1,1,0,1,0,0,2h6a1,1,0,0,0,0-2Z'/%3E%3Cpath fill='%23fff' d='M12,7.33A1.29,1.29,0,1,0,10.73,6,1.29,1.29,0,0,0,12,7.33Z'/%3E%3C/svg%3E");
    }

    div.goa-callout.goa--emergency:before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M11,9.41v4.52a1,1,0,0,0,2,0V9.41a1,1,0,0,0-2,0Z'/%3E%3Cpath fill='%23fff' d='M12,16.15a1.29,1.29,0,1,0,1.29,1.29A1.29,1.29,0,0,0,12,16.15Z'/%3E%3Cpath fill='%23fff' d='M22.87,20.14l-10-17.32a1,1,0,0,0-1.74,0l-10,17.32a1,1,0,0,0,0,1,1,1,0,0,0,.87.5H22a1,1,0,0,0,.87-.5A1,1,0,0,0,22.87,20.14Zm-19.14-.5L12,5.32l8.27,14.32Z'/%3E%3C/svg%3E");
    }

    div.goa-callout.goa--important:before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,20a9,9,0,1,1,9-9A9,9,0,0,1,12,21Z'/%3E%3Cpath fill='%23000' d='M12,14.46a1,1,0,0,0,1-1V6.57a1,1,0,0,0-2,0v6.89A1,1,0,0,0,12,14.46Z'/%3E%3Cpath fill='%23000' d='M12,15.68A1.29,1.29,0,1,0,13.29,17,1.29,1.29,0,0,0,12,15.68Z'/%3E%3C/svg%3E");
    }

    div.goa-callout.goa--event:before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M3.27,22.85H20.73a2.14,2.14,0,0,0,2.14-2.14V5A2.14,2.14,0,0,0,20.73,2.9h-2.1v2h2.1a.14.14,0,0,1,.14.14V8.31H3.13V5a.14.14,0,0,1,.14-.14H5.48V6.28a1,1,0,1,0,2,0V1.85a1,1,0,1,0-2,0v1H3.27A2.14,2.14,0,0,0,1.13,5V20.71A2.14,2.14,0,0,0,3.27,22.85Zm17.6-12.54v10.4a.14.14,0,0,1-.14.14H3.27a.14.14,0,0,1-.14-.14V10.31Z'/%3E%3Cpath fill='%23fff' d='M16.45,7.28a1,1,0,0,0,1-1V1.85a1,1,0,0,0-2,0v1h-1.8v2h1.8V6.28A1,1,0,0,0,16.45,7.28Z'/%3E%3Cpath fill='%23fff' d='M11.47,7.28a1,1,0,0,0,1-1V1.85a1,1,0,1,0-2,0v1H8.66v2h1.81V6.28A1,1,0,0,0,11.47,7.28Z'/%3E%3Crect fill='%23fff' x='6.67' y='11.52' width='2.33' height='2.33'/%3E%3Crect fill='%23fff' x='11.22' y='11.52' width='2.33' height='2.33'/%3E%3Crect fill='%23fff' x='15.77' y='11.52' width='2.33' height='2.33'/%3E%3Crect fill='%23fff' x='3.64' y='15.83' width='2.33' height='2.33'/%3E%3Crect fill='%23fff' x='8.19' y='15.83' width='2.33' height='2.33'/%3E%3Crect fill='%23fff' x='12.74' y='15.83' width='2.33' height='2.33'/%3E%3C/svg%3E");
    }



/* goa-card ******************************************************************/

div.goa-card {
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    margin: 0;
    vertical-align: top;
}

    div.goa-card ul {
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    div.goa-card li {
        box-sizing: border-box;
        width: 100%;
        margin: 24px 0 0;
        background: #fff;
        border: 1px solid #dcdcdc;
    }

    div.goa-card a {
    }

        div.goa-card a:hover {
            color: #004f84;
            text-decoration: none;
        }

        div.goa-card a:focus {
            outline: 3px solid #feba35;
            outline-offset: 0;
        }

    div.goa-card li div.goa-thumb {
        position: relative;
        display: block;
        padding: 56.25% 0 0;
        overflow: hidden;
        border-bottom: 8px solid #0081ab;
        background: #e5e5e5;
    }

        div.goa-card li div.goa-thumb img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: none;
        }

    div.goa-card div.goa-thumb iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: none;
    }

    div.goa-card div.goa-title {
        box-sizing: border-box;
        padding: 24px 28px 0;
        font-size: 24px;
        font-weight: 400;
        line-height: 32px;
        /*text-decoration: underline;*/
    }

    div.goa-card div.goa-text {
        box-sizing: border-box;
        align-self: stretch;
        padding: 23px 28px;
        color: #36424a;
        font-size: 18px;
        line-height: 28px;
    }

    /* variants ***/

    div.goa-card.goa--secondary li {
        flex-basis: 49%;
    }

    div.goa-card.goa--tertiary li {
        flex-basis: 32%;
    }


/* goa-disclaimer ****************************************************************/

div.goa-disclaimer {
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    margin: 32px 0 0;
    padding: 27px 28px;
    background: #f1f1f1;
    vertical-align: top;
}

    div.goa-disclaimer *:first-child {
        margin-top: 0;
    }

    div.goa-disclaimer *:last-child {
        margin-bottom: 0;
    }

    div.goa-disclaimer p {
        font-size: 14px;
        line-height: 24px;
    }


/* goa-froufrou **************************************************************/

h2.goa-froufrou {
    box-sizing: border-box;
    display: inline-block;
    z-Index: 25000;
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    background-color: #ccc;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

    h2.goa-froufrou > span {
        box-sizing: border-box;
        display: inline-block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 24px;
        background: rgba(0, 0, 0, 0.6);
        color: #fff;
        vertical-align: top;
    }


/* goa-hero ******************************************************************/

div.goa-hero div.goa-wrapper {
    box-sizing: border-box;
    z-Index: 1;
    width: 100%;
    margin: 0 auto;
    padding: 56px 72px;
    vertical-align: top;
}

    div.goa-hero div.goa-wrapper > :first-child {
        margin-top: 0;
    }

div.goa-hero {
    box-sizing: border-box;
    display: flex;
    align-items: flex-end;
    width: 100%;
    height: 600px;
    padding: 0 0 8px;
    border-bottom: 8px solid #0081ab;
    background: #f1f1f1;
    color: #fff;
    vertical-align: top;
}

    div.goa-hero h1 {
        margin: 0;
        padding: 0;
        width: 66%;
        font-size: 3rem;
        line-height: 3.375rem;
    }

    div.goa-hero p {
        width: 66%;
        margin: 28px 0 0;
        padding: 0;
        font-size: 1.5rem;
        line-height: 32px;
    }

    div.goa-hero a {
        box-sizing: border-box;
        margin: 28px 0 0;
        padding: 12px;
        border-radius: 4px;
        border: 0;
        background: #0070c4;
        cursor: pointer;
        color: #fff;
        font-size: 18px;
        font-weight: 700;
        line-height: 1em;
        text-decoration: none;
    }

        div.goa-hero a:hover {
            color: #fff;
            background: #004f84;
        }

        div.goa-hero a:focus {
            background: #004f84;
        }

        div.goa-hero a:active {
            color: #fff;
            background: #666;
            outline: none;
        }


/* goa-notification ****************************************************************/

div.goa-notifications {
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    background: #ccc;
}

    div.goa-notifications > div.goa-wrapper {
        padding: 0;
    }

    div.goa-notifications h2 {
        position: absolute;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px);
        left: -10px;
        width: 1px;
        height: 1px;
        white-space: nowrap;
    }

    div.goa-notifications ul {
        box-sizing: border-box;
        display: inline-block;
        width: 100%;
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    div.goa-notifications li {
        box-sizing: border-box;
        display: block;
        width: 100%;
        margin: 0;
        padding: 0 72px;
        vertical-align: top;
    }

    div.goa-notifications a {
        box-sizing: border-box;
        display: inline-block;
        position: relative;
        width: 100%;
        padding: 28px 32px;
        min-height: 56px;
        color: #fff !important;
        text-align: left;
    }

        div.goa-notifications a:hover,
        div.goa-notifications a:focus {
            color: #fff;
            text-decoration: none;
        }

    div.goa-notifications li.goa-emergency {
        background-color: #ec040b;
    }

    div.goa-notifications li.goa-important {
        background-color: #feba35;
    }

        div.goa-notifications li.goa-important a {
            color: #000 !important;
        }

    div.goa-notifications li.goa-info {
        background-color: #005daa;
    }

    div.goa-notifications li.goa-event {
        background-color: #007738;
    }

div.goa-notifications {
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
}

html[dir = 'rtl'] div.goa-notifications h2 {
    right: -10px;
    left: auto;
}

html[dir = 'rtl'] div.goa-notifications a {
    padding: 28px 32px;
    text-align: right;
}

    html[dir = 'rtl'] div.goa-notifications a:before {
        left: auto;
        right: 0;
    }

/* notification SVGS */
div.goa-notifications a:before {
    position: absolute;
    top: 50%;
    left: 0px;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    content: '';
}

div.goa-notifications li.goa-info a:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,20a9,9,0,1,1,9-9A9,9,0,0,1,12,21Z'/%3E%3Cpath fill='%23fff' d='M15.16,15.5h-2V9a1,1,0,0,0-1-1H9.82a1,1,0,0,0,0,2h1.36V15.5h-2a1,1,0,1,0,0,2h6a1,1,0,0,0,0-2Z'/%3E%3Cpath fill='%23fff' d='M12,7.33A1.29,1.29,0,1,0,10.73,6,1.29,1.29,0,0,0,12,7.33Z'/%3E%3C/svg%3E");
}

div.goa-notifications li.goa-emergency a:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M11,9.41v4.52a1,1,0,0,0,2,0V9.41a1,1,0,0,0-2,0Z'/%3E%3Cpath fill='%23fff' d='M12,16.15a1.29,1.29,0,1,0,1.29,1.29A1.29,1.29,0,0,0,12,16.15Z'/%3E%3Cpath fill='%23fff' d='M22.87,20.14l-10-17.32a1,1,0,0,0-1.74,0l-10,17.32a1,1,0,0,0,0,1,1,1,0,0,0,.87.5H22a1,1,0,0,0,.87-.5A1,1,0,0,0,22.87,20.14Zm-19.14-.5L12,5.32l8.27,14.32Z'/%3E%3C/svg%3E");
}

div.goa-notifications li.goa-important a:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,20a9,9,0,1,1,9-9A9,9,0,0,1,12,21Z'/%3E%3Cpath fill='%23000' d='M12,14.46a1,1,0,0,0,1-1V6.57a1,1,0,0,0-2,0v6.89A1,1,0,0,0,12,14.46Z'/%3E%3Cpath fill='%23000' d='M12,15.68A1.29,1.29,0,1,0,13.29,17,1.29,1.29,0,0,0,12,15.68Z'/%3E%3C/svg%3E");
}

div.goa-notifications li.goa-event a:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M3.27,22.85H20.73a2.14,2.14,0,0,0,2.14-2.14V5A2.14,2.14,0,0,0,20.73,2.9h-2.1v2h2.1a.14.14,0,0,1,.14.14V8.31H3.13V5a.14.14,0,0,1,.14-.14H5.48V6.28a1,1,0,1,0,2,0V1.85a1,1,0,1,0-2,0v1H3.27A2.14,2.14,0,0,0,1.13,5V20.71A2.14,2.14,0,0,0,3.27,22.85Zm17.6-12.54v10.4a.14.14,0,0,1-.14.14H3.27a.14.14,0,0,1-.14-.14V10.31Z'/%3E%3Cpath fill='%23fff' d='M16.45,7.28a1,1,0,0,0,1-1V1.85a1,1,0,0,0-2,0v1h-1.8v2h1.8V6.28A1,1,0,0,0,16.45,7.28Z'/%3E%3Cpath fill='%23fff' d='M11.47,7.28a1,1,0,0,0,1-1V1.85a1,1,0,1,0-2,0v1H8.66v2h1.81V6.28A1,1,0,0,0,11.47,7.28Z'/%3E%3Crect fill='%23fff' x='6.67' y='11.52' width='2.33' height='2.33'/%3E%3Crect fill='%23fff' x='11.22' y='11.52' width='2.33' height='2.33'/%3E%3Crect fill='%23fff' x='15.77' y='11.52' width='2.33' height='2.33'/%3E%3Crect fill='%23fff' x='3.64' y='15.83' width='2.33' height='2.33'/%3E%3Crect fill='%23fff' x='8.19' y='15.83' width='2.33' height='2.33'/%3E%3Crect fill='%23fff' x='12.74' y='15.83' width='2.33' height='2.33'/%3E%3C/svg%3E");
}


/* goa-paging ****************************************************************/

div.goa-paging {
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    margin: 24px 0 0;
}

    div.goa-paging ul {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        line-height: 1em;
        list-style-type: none;
    }

        div.goa-paging ul > li {
            box-sizing: border-box;
            float: left;
            margin: 0px;
            padding: 0px;
        }

            div.goa-paging ul > li > a {
                position: relative;
                display: block;
                padding: 12px;
                border-radius: 4px;
                text-align: center;
            }

            div.goa-paging ul > li.active {
                padding: 12px;
                font-weight: 700;
            }

            div.goa-paging ul > li > a:hover {
                color: #004f84;
                background: #f1f1f1;
            }

    div.goa-paging li.next a::after {
        margin-left: 4px;
        display: inline-block;
        content: '\2192';
    }

    div.goa-paging li.previous a::before {
        margin-right: 4px;
        content: '\2190';
        display: inline-block;
    }


/* goa-search ****************************************************************/

div.goa-search {
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0 224px 0 0;
    min-height: 800px;
    vertical-align: top;
}
/* goa-searchbar *************************************************************/

div.goa-searchbar {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    height: 42px;
    white-space: nowrap;
    margin: 24px 0 0;
}

    div.goa-searchbar form {
        width: 100%;
    }

    div.goa-searchbar label {
        position: absolute;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px);
        left: -10px;
        width: 1px;
        height: 1px;
        white-space: nowrap;
    }

    div.goa-searchbar input {
        box-sizing: border-box;
        position: relative;
        width: 300px;
        height: 42px;
        margin: 0px;
        padding: 12px;
        border-radius: 4px 0px 0px 4px;
        border: 1px solid #666;
        font-size: 1em;
        line-height: 42px;
        white-space: nowrap;
        vertical-align: top;
        -webkit-appearance: none;
    }

    div.goa-searchbar input {
        box-sizing: border-box;
        position: relative;
        width: 300px;
        height: 42px;
        margin: 0px;
        padding: 12px;
        border-radius: 4px 0px 0px 4px;
        border: 1px solid #666;
        font-size: 1em;
        line-height: 42px;
        white-space: nowrap;
        vertical-align: top;
        -webkit-appearance: none;
    }

        div.goa-searchbar input:focus {
            padding: 11px;
            border: 2px solid #feba35;
            outline: 0;
        }

    div.goa-searchbar button {
        box-sizing: border-box;
        position: relative;
        width: 48px;
        height: 42px;
        margin: 0px;
        padding: 9px 12px;
        border: none;
        border-radius: 0px 4px 4px 0px;
        background: #0070c4;
        white-space: nowrap;
        cursor: pointer;
        vertical-align: top;
    }

        div.goa-searchbar button:hover {
            background: #004f84;
        }

        div.goa-searchbar button:focus {
            outline: 3px solid #feba35;
            outline-offset: 0;
        }

html[dir = 'rtl'] div.goa-searchbar input {
    border-radius: 0px 4px 4px 0px;
}

html[dir = 'rtl'] div.goa-searchbar button {
    border-radius: 4px 0px 0px 4px;
}
/* goa-searchresults *********************************************************/

div.goa-searchresults {
    box-sizing: border-box;
}

    div.goa-searchresults ul {
        box-sizing: border-box;
        display: inline-block;
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    div.goa-searchresults li {
        box-sizing: border-box;
        display: inline-block;
        margin: 23px 0 0;
        padding: 0;
    }

    div.goa-searchresults div.goa-title {
        font-weight: 400;
    }

    div.goa-searchresults div.goa-url {
        color: #345900;
        word-wrap: break-word;
    }
/* goa-searchministry ********************************************************/

div.goa-searchministry {
    box-sizing: border-box;
    position: absolute;
    top: 90px;
    right: 0;
    width: 200px;
}

    div.goa-searchministry h2 {
        margin: 0;
        padding: 0;
        font-size: 24px;
        line-height: 1em;
    }

    div.goa-searchministry ul {
        box-sizing: border-box;
        margin: 24px 0 0;
        padding: 0;
        list-style-type: none;
    }


/* goa-socialconnect *********************************************************/

div.goa-socialconnect {
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    margin: 20px 0 0;
    padding: 0px;
}

    div.goa-socialconnect > p {
        margin: 0;
        padding: 0;
    }

    div.goa-socialconnect > ul {
        margin: 24px 0 0;
        padding: 0;
        list-style-type: none;
    }

        div.goa-socialconnect > ul > li {
            margin: 0;
            padding: 0;
        }

            div.goa-socialconnect > ul > li > a {
                position: relative;
                display: inline-block;
                overflow: hidden;
                padding-left: 26px;
            }

                div.goa-socialconnect > ul > li > a:hover,
                div.goa-socialconnect > ul > li > a:focus {
                    /*background: #006a8c;
    color: #fff;*/
                }

    div.goa-socialconnect > div.title {
        margin: 0;
        padding: 0 0 5px 0;
    }
    /* goa-socialconnect SVGs */

    div.goa-socialconnect li a:before {
        position: absolute;
        top: 50%;
        left: 0;
        width: 18px;
        height: 18px;
        margin-top: -9px;
        content: '';
    }

    div.goa-socialconnect li.facebook a:before {
        background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 266.89 266.89' shape-rendering='geometricPrecision'%3E%3Crect fill='%233c5a99' width='266.89' height='266.89' rx='14.73' ry='14.73' /%3E%3Cpath fill='%23fff' d='M184.15,266.89V163.54h34.69L224,123.26H184.15V97.54c0-11.66,3.24-19.61,20-19.61h21.33v-36a285.42,285.42,0,0,0-31.08-1.59c-30.75,0-51.81,18.77-51.81,53.24v29.71H107.77v40.28h34.78V266.89Z' /%3E%3C/svg%3E") no-repeat center center;
    }

    div.goa-socialconnect li.twitter a:before {
        background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 255 255' shape-rendering='geometricPrecision'%3E%3Cpath fill='%231da1f2' d='M82.9,228.6c94.3,0,145.9-78.2,145.9-145.9c0-2.2,0-4.4-0.1-6.6c10-7.3,18.7-16.3,25.6-26.5c-9.4,4.1-19.3,6.9-29.5,8.1c10.7-6.4,18.7-16.5,22.5-28.4c-10.1,6-21.1,10.2-32.6,12.4C195.3,21,162.8,20,142.2,39.4c-13.3,12.5-19,31.2-14.8,49C86.1,86.3,47.7,66.9,21.6,34.8C8,58.2,15,88.2,37.5,103.3c-8.2-0.2-16.1-2.4-23.3-6.4c0,0.2,0,0.4,0,0.6c0,24.4,17.2,45.4,41.2,50.3c-7.6,2.1-15.5,2.4-23.2,0.9c6.7,20.9,26,35.2,47.9,35.6c-18.2,14.3-40.6,22-63.7,22c-4.1,0-8.2-0.3-12.2-0.7C27.7,220.6,55,228.6,82.9,228.6'/%3E%3C/svg%3E") no-repeat center center;
    }

    div.goa-socialconnect li.linkedin a:before {
        background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 61.1 54' shape-rendering='geometricPrecision'%3E%3Cpath fill='%23000' d='M58.9,44.2c0.5-0.1,0.7-0.3,0.7-0.7c0-0.5-0.3-0.8-1-0.8h-1.1v2.8H58v-1.2h0.5l0,0l0.8,1.2h0.4L58.9,44.2L58.9,44.2z M58.4,43.9H58V43h0.6c0.3,0,0.6,0,0.6,0.4C59.2,43.9,58.8,43.9,58.4,43.9z'/%3E%3Cpath fill='%23000' d='M58.5,41.5c-1.5,0-2.6,1.1-2.6,2.6c0,1.5,1.1,2.6,2.6,2.6c1.5,0,2.6-1.1,2.6-2.6C61.1,42.6,59.9,41.5,58.5,41.5z M58.5,46.3c-1.3,0-2.2-1-2.2-2.3c0-1.3,1-2.3,2.2-2.3c1.3,0,2.2,1,2.2,2.3C60.7,45.4,59.7,46.3,58.5,46.3z'/%3E%3Cpath fill='%23007bb6' d='M50,0H4C1.8,0,0,1.7,0,3.9v46.2C0,52.3,1.8,54,4,54h46c2.2,0,4-1.7,4-3.9V3.9C54,1.7,52.2,0,50,0z'/%3E%3Cpath fill='%23fff' d='M8,20.2h8V46H8V20.2z M12,7.4c2.6,0,4.6,2.1,4.6,4.6c0,2.6-2.1,4.6-4.6,4.6c-2.6,0-4.6-2.1-4.6-4.6 C7.4,9.5,9.4,7.4,12,7.4'/%3E%3Cpath fill='%23fff' d='M21,20.2h7.7v3.5h0.1c1.1-2,3.7-4.2,7.6-4.2c8.1,0,9.6,5.3,9.6,12.3V46h-8V33.5c0-3-0.1-6.8-4.2-6.8c-4.2,0-4.8,3.3-4.8,6.6V46h-8V20.2z'/%3E%3C/svg%3E") no-repeat center center;
    }

    div.goa-socialconnect li.youtube a:before {
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 512 512'%3E%3Cpath fill='%23f44336' d='M490.24,113.92c-13.888-24.704-28.96-29.248-59.648-30.976C399.936,80.864,322.848,80,256.064,80c-66.912,0-144.032,0.864-174.656,2.912c-30.624,1.76-45.728,6.272-59.744,31.008C7.36,138.592,0,181.088,0,255.904C0,255.968,0,256,0,256c0,0.064,0,0.096,0,0.096v0.064c0,74.496,7.36,117.312,21.664,141.728c14.016,24.704,29.088,29.184,59.712,31.264C112.032,430.944,189.152,432,256.064,432c66.784,0,143.872-1.056,174.56-2.816c30.688-2.08,45.76-6.56,59.648-31.264C504.704,373.504,512,330.688,512,256.192c0,0,0-0.096,0-0.16c0,0,0-0.064,0-0.096C512,181.088,504.704,138.592,490.24,113.92z'/%3E%3Cpolygon fill='%23fff' points='192,352 192,160 352,256'/%3E%3C/svg%3E") no-repeat center center;
    }

    div.goa-socialconnect li.instagram a:before {
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 512 512'%3E%3Cpath fill='%23000000' d='M256,49.471c67.266,0,75.233.257,101.8,1.469,24.562,1.121,37.9,5.224,46.778,8.674a78.052,78.052,0,0,1,28.966,18.845,78.052,78.052,0,0,1,18.845,28.966c3.45,8.877,7.554,22.216,8.674,46.778,1.212,26.565,1.469,34.532,1.469,101.8s-0.257,75.233-1.469,101.8c-1.121,24.562-5.225,37.9-8.674,46.778a83.427,83.427,0,0,1-47.811,47.811c-8.877,3.45-22.216,7.554-46.778,8.674-26.56,1.212-34.527,1.469-101.8,1.469s-75.237-.257-101.8-1.469c-24.562-1.121-37.9-5.225-46.778-8.674a78.051,78.051,0,0,1-28.966-18.845,78.053,78.053,0,0,1-18.845-28.966c-3.45-8.877-7.554-22.216-8.674-46.778-1.212-26.564-1.469-34.532-1.469-101.8s0.257-75.233,1.469-101.8c1.121-24.562,5.224-37.9,8.674-46.778A78.052,78.052,0,0,1,78.458,78.458a78.053,78.053,0,0,1,28.966-18.845c8.877-3.45,22.216-7.554,46.778-8.674,26.565-1.212,34.532-1.469,101.8-1.469m0-45.391c-68.418,0-77,.29-103.866,1.516-26.815,1.224-45.127,5.482-61.151,11.71a123.488,123.488,0,0,0-44.62,29.057A123.488,123.488,0,0,0,17.3,90.982C11.077,107.007,6.819,125.319,5.6,152.134,4.369,179,4.079,187.582,4.079,256S4.369,333,5.6,359.866c1.224,26.815,5.482,45.127,11.71,61.151a123.489,123.489,0,0,0,29.057,44.62,123.486,123.486,0,0,0,44.62,29.057c16.025,6.228,34.337,10.486,61.151,11.71,26.87,1.226,35.449,1.516,103.866,1.516s77-.29,103.866-1.516c26.815-1.224,45.127-5.482,61.151-11.71a128.817,128.817,0,0,0,73.677-73.677c6.228-16.025,10.486-34.337,11.71-61.151,1.226-26.87,1.516-35.449,1.516-103.866s-0.29-77-1.516-103.866c-1.224-26.815-5.482-45.127-11.71-61.151a123.486,123.486,0,0,0-29.057-44.62A123.487,123.487,0,0,0,421.018,17.3C404.993,11.077,386.681,6.819,359.866,5.6,333,4.369,324.418,4.079,256,4.079h0Z'/%3E%3Cpath fill='%23000000' d='M256,126.635A129.365,129.365,0,1,0,385.365,256,129.365,129.365,0,0,0,256,126.635Zm0,213.338A83.973,83.973,0,1,1,339.974,256,83.974,83.974,0,0,1,256,339.973Z'/%3E%3Ccircle fill='%23000000' cx='390.476' cy='121.524' r='30.23'/%3E%3C/svg%3E") no-repeat center center;
    }

    div.goa-socialconnect li.pinterest a:before {
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 256 256'%3E%3Cpath fill='%23CB1F27' d='M0,128.002 C0,180.416 31.518,225.444 76.619,245.241 C76.259,236.303 76.555,225.573 78.847,215.848 C81.308,205.457 95.317,146.1 95.317,146.1 C95.317,146.1 91.228,137.927 91.228,125.848 C91.228,106.879 102.222,92.712 115.914,92.712 C127.557,92.712 133.182,101.457 133.182,111.929 C133.182,123.633 125.717,141.14 121.878,157.355 C118.671,170.933 128.686,182.008 142.081,182.008 C166.333,182.008 182.667,150.859 182.667,113.953 C182.667,85.899 163.772,64.901 129.405,64.901 C90.577,64.901 66.388,93.857 66.388,126.201 C66.388,137.353 69.676,145.217 74.826,151.307 C77.194,154.104 77.523,155.229 76.666,158.441 C76.052,160.796 74.642,166.466 74.058,168.713 C73.206,171.955 70.579,173.114 67.649,171.917 C49.765,164.616 41.436,145.031 41.436,123.015 C41.436,86.654 72.102,43.054 132.918,43.054 C181.788,43.054 213.953,78.418 213.953,116.379 C213.953,166.592 186.037,204.105 144.887,204.105 C131.068,204.105 118.069,196.635 113.616,188.15 C113.616,188.15 106.185,217.642 104.611,223.337 C101.897,233.206 96.585,243.07 91.728,250.758 C103.24,254.156 115.401,256.007 128.005,256.007 C198.689,256.007 256.001,198.698 256.001,128.002 C256.001,57.309 198.689,0 128.005,0 C57.314,0 0,57.309 0,128.002Z'/%3E%3C/svg%3E") no-repeat center center;
    }

/* goa-socialshare ***********************************************************/

div.goa-socialshare {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    width: 100%;
    margin: 20px 0 0;
    padding: 0;
}

    div.goa-socialshare div.goa-title {
        display: flex;
        align-items: center;
    }

    div.goa-socialshare > ul {
        display: flex;
        align-items: center;
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

        div.goa-socialshare > ul > li {
            float: left;
            margin: 0 0 0 20px;
            padding: 0px;
        }

            div.goa-socialshare > ul > li > a {
                position: relative;
                display: flex;
                overflow: hidden;
                padding: 24px 0 0;
                width: 24px;
                height: 0;
            }

                div.goa-socialshare > ul > li > a:hover,
                div.goa-socialshare > ul > li > a:focus {
                    /*background: #006a8c;
    color: #fff;*/
                }

    div.goa-socialshare > div.title {
        margin: 0;
        padding: 0 0 5px;
    }
    /* goa-socialshare SVGs */

    div.goa-socialshare li a:before {
        position: absolute;
        top: 50%;
        left: 0;
        width: 24px;
        height: 24px;
        margin-top: -12px;
        content: '';
    }

    div.goa-socialshare li.facebook a:before {
        background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 266.89 266.89' shape-rendering='geometricPrecision'%3E%3Crect fill='%233c5a99' width='266.89' height='266.89' rx='14.73' ry='14.73' /%3E%3Cpath fill='%23fff' d='M184.15,266.89V163.54h34.69L224,123.26H184.15V97.54c0-11.66,3.24-19.61,20-19.61h21.33v-36a285.42,285.42,0,0,0-31.08-1.59c-30.75,0-51.81,18.77-51.81,53.24v29.71H107.77v40.28h34.78V266.89Z' /%3E%3C/svg%3E") no-repeat center center;
    }

    div.goa-socialshare li.twitter a:before {
        background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 255 255' shape-rendering='geometricPrecision'%3E%3Cpath fill='%231da1f2' d='M82.9,228.6c94.3,0,145.9-78.2,145.9-145.9c0-2.2,0-4.4-0.1-6.6c10-7.3,18.7-16.3,25.6-26.5c-9.4,4.1-19.3,6.9-29.5,8.1c10.7-6.4,18.7-16.5,22.5-28.4c-10.1,6-21.1,10.2-32.6,12.4C195.3,21,162.8,20,142.2,39.4c-13.3,12.5-19,31.2-14.8,49C86.1,86.3,47.7,66.9,21.6,34.8C8,58.2,15,88.2,37.5,103.3c-8.2-0.2-16.1-2.4-23.3-6.4c0,0.2,0,0.4,0,0.6c0,24.4,17.2,45.4,41.2,50.3c-7.6,2.1-15.5,2.4-23.2,0.9c6.7,20.9,26,35.2,47.9,35.6c-18.2,14.3-40.6,22-63.7,22c-4.1,0-8.2-0.3-12.2-0.7C27.7,220.6,55,228.6,82.9,228.6'/%3E%3C/svg%3E") no-repeat center center;
    }

    div.goa-socialshare li.linkedin a:before {
        background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 61.1 54' shape-rendering='geometricPrecision'%3E%3Cpath fill='%23000' d='M58.9,44.2c0.5-0.1,0.7-0.3,0.7-0.7c0-0.5-0.3-0.8-1-0.8h-1.1v2.8H58v-1.2h0.5l0,0l0.8,1.2h0.4L58.9,44.2L58.9,44.2z M58.4,43.9H58V43h0.6c0.3,0,0.6,0,0.6,0.4C59.2,43.9,58.8,43.9,58.4,43.9z'/%3E%3Cpath fill='%23000' d='M58.5,41.5c-1.5,0-2.6,1.1-2.6,2.6c0,1.5,1.1,2.6,2.6,2.6c1.5,0,2.6-1.1,2.6-2.6C61.1,42.6,59.9,41.5,58.5,41.5z M58.5,46.3c-1.3,0-2.2-1-2.2-2.3c0-1.3,1-2.3,2.2-2.3c1.3,0,2.2,1,2.2,2.3C60.7,45.4,59.7,46.3,58.5,46.3z'/%3E%3Cpath fill='%23007bb6' d='M50,0H4C1.8,0,0,1.7,0,3.9v46.2C0,52.3,1.8,54,4,54h46c2.2,0,4-1.7,4-3.9V3.9C54,1.7,52.2,0,50,0z'/%3E%3Cpath fill='%23fff' d='M8,20.2h8V46H8V20.2z M12,7.4c2.6,0,4.6,2.1,4.6,4.6c0,2.6-2.1,4.6-4.6,4.6c-2.6,0-4.6-2.1-4.6-4.6 C7.4,9.5,9.4,7.4,12,7.4'/%3E%3Cpath fill='%23fff' d='M21,20.2h7.7v3.5h0.1c1.1-2,3.7-4.2,7.6-4.2c8.1,0,9.6,5.3,9.6,12.3V46h-8V33.5c0-3-0.1-6.8-4.2-6.8c-4.2,0-4.8,3.3-4.8,6.6V46h-8V20.2z'/%3E%3C/svg%3E") no-repeat center center;
    }

    div.goa-socialshare li.email a:before {
        background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 100 100'%3E%3Cpath d='M50,0C22.4,0,0,22.4,0,50s22.4,50,50,50s50-22.4,50-50S77.6,0,50,0z M23,29.7H77c1.7,0,3.1,1.2,3.4,2.9L50,50.7L19.5,32.5C19.8,30.9,21.2,29.7,23,29.7z M80.5,66.8c0,1.9-1.6,3.5-3.5,3.5H23c-1.9,0-3.5-1.6-3.5-3.5V36.6l29.6,17.6c0.3,0.2,0.6,0.2,0.9,0.2s0.6-0.1,0.9-0.2l29.6-17.6V66.8z' fill='%23E6493A' /%3E%3C/svg%3E") no-repeat center center;
    }


/******************************************************************************
* breakpoint: mobile
* 
***/

@media screen and (max-width: 500px) {

    /* goa-hero *************************************************************/

    div.goa-hero div.goa-wrapper {
        padding-left: 24px;
        padding-right: 24px;
    }

    /* goa-notifications *****************************************************/

    div.goa-notifications li {
        padding-left: 24px;
        padding-right: 24px;
    }

    /* goa-cards *************************************************************/

    div.goa-card {
        display: inline-block;
        width: 100%;
        vertical-align: top;
    }

        div.goa-card ul {
            display: inline-block;
            width: 100%;
            vertical-align: top;
        }

        div.goa-card li {
            display: inline-block;
            width: 100%;
            vertical-align: top;
        }


    /* goa-search ************************************************************/

    div.goa-search {
        padding-right: 0;
    }


    /* goa-searchresults *****************************************************/

    div.goa-searchresults {
        padding: 0px;
        min-height: auto;
    }


    /* goa-searchministry ****************************************************/

    div.goa-searchministry {
        box-sizing: border-box;
        position: static;
        width: 100%;
    }

        div.goa-searchministry li {
            display: inline-block;
            margin-right: 8px;
        }
}



/******************************************************************************
* breakpoint: tablet
* 
***/

@media screen and (min-width: 500px) and (max-width: 768px) {


    /* goa-cards *************************************************************/

    div.goa-card {
        display: inline-block;
        width: 100%;
        vertical-align: top;
    }

        div.goa-card ul {
            display: inline-block;
            width: 100%;
            vertical-align: top;
        }

        div.goa-card li {
            display: inline-block;
            width: 100%;
            vertical-align: top;
        }


    /* goa-search ************************************************************/

    div.goa-search {
        padding-right: 0;
    }


    /* goa-searchresults *****************************************************/

    div.goa-searchresults {
        padding: 0;
        min-height: auto;
    }


    /* goa-searchministry ****************************************************/

    div.goa-searchministry {
        box-sizing: border-box;
        position: static;
        width: 100%;
    }

        div.goa-searchministry li {
            display: inline-block;
            margin-right: 8px;
        }
}



/******************************************************************************
* breakpoint: desktop
* 
***/

@media screen and (min-width: 1200px) {
    div.goa-notifications a {
        display: block;
        width: 1056px;
        margin: 0 auto;
    }

    div.goa-notifications > div.goa-wrapper {
        width: 100%;
    }

    div.goa-hero div.goa-wrapper {
        width: 1200px;
    }
}