@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);
.img-responsive,
#googleMap {
    width: 100%
}

.footer .list-group,
.toc ul {
    list-style-type: none
}

#content>div,
#related>div {
    padding-top: 30px
}

#content>div>:first-child,
#related>div>:first-child {
    margin-top: 0
}

figure {
    margin-top: 8px;
    margin-bottom: 8px
}

figcaption {
    padding: 5px 10px;
    background: #e1e4e3;
    text-align: center
}

.branding {
    margin-top: 30px
}

.filesize {
    color: #56626a;
    font-size: 12px
}

#googleMap {
    margin-top: 20px;
    margin-bottom: 20px;
    height: 400px
}

.module-map #googleMap h3 {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

.module-map #googleMap .map {
    height: 300px
}

.module-map #googleMap .contact,
.module-map #googleMap .directions,
.module-map #googleMap .hours {
    margin-top: 10px;
    line-height: 1.3em
}

.module-map #googleMap .contact h4,
.module-map #googleMap .hours h4 {
    margin-top: 0;
    margin-bottom: 2px;
    padding-bottom: 0
}

body {
    background: #36424a;
    font-family: lato, sans-serif;
    /*font-size: 1.6em*/
}

a {
    color: #0080a4
}

a:focus,
a:hover {
    color: #005072
}

blockquote {
    clear: both;
    position: relative;
    padding: 34px 10px 5px;
    width: 100%;
    border-color: #d1d4d3;
    font-size: 20px;
    font-weight: 700
}

blockquote:after {
    position: absolute;
    top: 0;
    left: 10px;
    font-family: FontAwesome;
    font-size: 24px;
    content: "\f10d"
}

.div-responsive16by9,
.div-responsive3by4,
.div-responsive4by3 {
    position: relative;
    height: 0;
    overflow: hidden;
    background: #e5e8e7
}

blockquote .source {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 400
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700
}

/*a,
button,
input {
    outline: 0;
    box-shadow: none;
    transition: none
}*/

.form-legend {
    font-style: italic
}

.template-home hr {
    margin-bottom: 0;
    border-top: 4px solid #d1d4d3
}

.div-responsive4by3 {
    padding-bottom: 75%
}

.div-responsive3by4 {
    padding-bottom: 133.33%
}

.div-responsive16by9 {
    padding-bottom: 56.25%
}

.div-responsive16by9 .img-responsive,
.div-responsive3by4 .img-responsive,
.div-responsive4by3 .img-responsive {
    position: absolute;
    top: 0;
    left: 0
}

.content-feature a,
.content-main a,
.content-related a,
.features a {
    text-decoration: underline
}

.force-wrap {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all
}

.disclaimer {
    clear: both;
    margin: 20px 0;
    padding: 15px;
    background: #efefef;
    font-size: 12px
}

.alert-danger:before,
.alert-success:before,
.alert-warning:before {
    top: 10px;
    right: 10px;
    font-size: 24px;
    line-height: 1em;
    font-family: FontAwesome
}

/*.btn {
    border: 0;
    border-radius: 0
}

.btn-default {
    padding-bottom: 8px;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .4);
    background: #0080a4;
    background-image: linear-gradient(#00aad2 0, #005072 100%);
    font-weight: 700;
    color: #fff;
    text-decoration: none!important
}

.btn-default:focus,
.btn-default:hover {
    background: #005072;
    background-image: linear-gradient(#005072 0, #000 100%);
    color: #fff
}*/

.link-icons a[href^=http]:after {
    display: inline-block;
    margin: 0 0 0 6px;
    font-family: FontAwesome;
    content: "\f14c"
}

.link-icons a[href*="alberta.ca"]:after {
    margin: 0;
    content: ""
}

.link-icons a[href^="#"]:after {
    display: inline-block;
    margin: 0 0 0 6px;
    font-family: FontAwesome;
    content: "\f02e"
}

.link-icons a[href^="tel:"]:after {
    display: inline-block;
    margin: 0 0 0 6px;
    font-family: FontAwesome;
    content: "\f098"
}

.link-icons a[href^="mailto:"]:after {
    display: inline-block;
    margin: 0 0 0 6px;
    font-family: FontAwesome;
    content: "\f0e0"
}

.link-icons a[href$=".pdf"]:after,
.link-icons a[href$=".xls"]:after,
.link-icons a[href$=".xlt"]:after,
.link-icons a[href$=".xlsx"]:after,
.link-icons a[href$=".xlst"]:after,
.link-icons a[href$=".doc"]:after,
.link-icons a[href$=".dot"]:after,
.link-icons a[href$=".docx"]:after,
.link-icons a[href$=".dotx"]:after,
.link-icons a[href$=".zip"]:after,
.link-icons a[href$=".bz2"]:after,
.link-icons a[href$=".tar"]:after,
.link-icons a[href$=".iso"]:after,
.link-icons a[href$=".7z"]:after,
.link-icons a[href$=".jpg"]:after,
.link-icons a[href$=".png"]:after,
.link-icons a[href$=".bmp"]:after,
.link-icons a[href$=".gif"]:after,
.link-icons a[href$=".svg"]:after {
    display: inline-block;
    margin: 0 0 0 6px;
    font-family: FontAwesome;
    content: "\f15b"
}

.link-icons a[href$=".mp3"]:after,
.link-icons a[href$=".ogg"]:after,
.link-icons a[href$=".aac"]:after,
.link-icons a[href$=".aiff"]:after,
.link-icons a[href$=".flac"]:after,
.link-icons a[href$=".m4a"]:after,
.link-icons a[href$=".wav"]:after {
    display: inline-block;
    margin: 0 0 0 6px;
    font-family: FontAwesome;
    content: "\f028"
}

.link-icons a[href$=".mp4"]:after,
.link-icons a[href$=".f4v"]:after,
.link-icons a[href$=".webm"]:after,
.link-icons a[href$=".avi"]:after,
.link-icons a[href$=".mov"]:after,
.link-icons a[href$=".qt"]:after {
    display: inline-block;
    margin: 0 0 0 6px;
    font-family: FontAwesome;
    content: "\f03d"
}

.link-icons .link-icons-disabled a:after {
    display: inline-block;
    margin: 0;
    content: "";
}

.alert-warning {
    position: relative;
    padding-right: 45px;
    border-left: 5px solid;
    border-color: #c25527;
    background: #ffffcf
}

.alert-warning:before {
    position: absolute;
    color: #c25527;
    content: "\f071"
}

.alert-danger {
    position: relative;
    padding-right: 45px;
    border-left: 5px solid;
    /*border-color: #c00;*/
    background: #ffefef
}

.alert-danger:before {
    position: absolute;
    /*color: #c00;*/
    content: "\f057"
}

.toc {
    padding: 12px;
    border-bottom: 2px solid #ccc
}

.toc h2 {
    margin-top: 0;
    font-size: 18px
}

.toc ul {
    margin: 0;
    padding: 0
}

.toc ul a {
    margin-left: 10px
}

.toc ul li:before {
    font-family: FontAwesome;
    font-size: 14px;
    color: #999;
    content: "\f08d"
}

/*
table th {
    border: 1px solid #666;
    background: #36424a;
    color: #fff
}

table td {
    border: 1px solid #999
}*/

table caption {
    padding: 8px;
    background: #efefef
}

.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px
}

.bs-callout p:last-child {
    margin-bottom: 0
}

.bs-callout+.bs-callout {
    margin-top: -5px
}

.bs-callout-default {
    position: relative;
    padding-right: 45px;
    border-left-color: #5f6a72
}

.bs-callout .bs-callout-title {
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-weight: 700
}

/*
.pagination a {
    border-radius: 0;
    border-color: #fff
}

.pagination a:focus,
.pagination a:hover {
    border-color: #d1d4d3;
    background: #d1d4d3
}

.pagination .active a {
    border: 1px solid #d1d4d3;
    background: #d1d4d3;
    color: #36424a;
    font-weight: 700
}

.pagination .active a:focus,
.pagination .active a:hover {
    background: #005072;
    color: #fff
}*/

.breadcrumbs-share-bg,
.content-bg,
.feature-bg,
.title-bg,
.template-standalone .content-bg {
    background: #fff
}

.template-campaign .title-bg {
    padding-top: 50px
}

.subfeature-bg {
    background: #d1d4d3
}

.template-home .feature-bg {
    padding-bottom: 30px;
    background: #d1d4d3
}

.template-home .content-main {
    width: auto;
    margin: -30px 15px;
    padding-bottom: 20px;
    border: 1px solid #d1d4d3;
    border-bottom: 2px solid #a5acb0;
    background: #fff
}

.template-home .content-bg {
    background: #36424a
}

.template-topic .content-bg {
    padding-top: 20px;
    padding-bottom: 20px;
    background: #d1d4d3
}

.template-topic .content-main {
    width: auto;
    margin-left: 15px;
    margin-right: 15px;
    padding-bottom: 20px;
    background: #fff
}

aside,
main {
    border-top: 2px solid #77b800
}

.content-main {
    padding-bottom: 20px
}

.content-related {
    padding-bottom: 30px
}

.template-home .content-main .thumbnail,
.template-topic .content-main .thumbnail {
    margin-bottom: 0
}

.story-crumb {
    text-transform: uppercase;
    text-decoration: underline
}

.skip-links a {
    position: absolute;
    top: -100px;
    left: 10px;
    padding: 8px 15px;
    z-Index: 5000;
    border: 1px solid #d1d4d3;
    background: #fff
}

.skip-links a:focus,
.skip-links a:hover {
    top: 10px
}

.header-bg {
    border-bottom: 8px solid #77b800;
    background: #36424a
}

.logo a {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 130px;
    height: 61px;
    background: url(images/logo-alberta-white.svg) center center no-repeat;
    background-size: 120px 51px
}

.logo a:focus,
.logo a:hover {
    background-color: #56626a
}

.logo img {
    display: none
}

.search {
    padding-bottom: 17px
}

.search .fa {
    font-size: 28px
}

.breadcrumbs-share {
    margin-top: 10px
}

.breadcrumb {
    padding-left: 0;
    padding-right: 0;
    background: 0 0;
    font-size: 14px
}

.breadcrumb>li:after {
    padding: 0 5px;
    color: #ccc;
    content: "/"
}

.breadcrumb li:before {
    margin: 0;
    padding: 0;
    content: ""
}

.search .btn-default {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: #fff;
    color: #ccc
}

.search .btn-default:focus,
.search .btn-default:hover {
    background: #fff;
    color: #36424a
}

.share h2 {
    display: inline;
    font-size: 16px;
    font-weight: 700
}

.share .btn {
    margin-left: 5px;
    width: 36px;
    border-radius: 0;
    box-shadow: none;
    background: #d1d4d3;
    color: #36424a
}

.share .btn:focus,
.share .btn:hover {
    background: #36424a;
    color: #fff
}

h1 {
    margin-top: 5px
}

.lead {
    font-weight: 400
}

.template-home .premier-bg {
    padding-top: 50px;
    background: #e5e8e7
}

.menu-section h2 {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 18px
}

.menu-section a {
    text-decoration: none
}

.menu-section a:focus,
.menu-section a:hover {
    background: #fff
}

.menu-section .nav-pills {
    background: #a5acb0
}

.menu-section .nav-pills .nav-pills {
    background: #d1d4d3
}

.menu-section .nav-pills>li {
    margin-top: 0
}

.menu-section .nav-pills>li>a {
    border-left: 5px solid #e1e4e3;
    border-radius: 0;
    background: #e1e5e4;
    color: #36424a
}

.menu-section .nav-pills li+li a {
    border-top: 1px solid #b1b4b3
}

.menu-section .nav-pills .nav-pills li+li a {
    border-top: 1px solid #d1d4d3
}

.menu-section .nav-pills>li>a:focus,
.menu-section .nav-pills>li>a:hover {
    border-color: #a5acb0;
    background: #d1d4d3
}

.menu-section .nav-pills .nav-pills>li>a {
    padding-left: 30px;
    border-top: 1px solid #d1d4d3;
    background: #fff
}

.menu-section .nav-pills .nav-pills>li>a:focus,
.menu-section .nav-pills .nav-pills>li>a:hover {
    border-color: #a5acb0;
    background: #d1d4d3
}

.menu-section .nav-pills .parent-open>a:after {
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -11px;
    font-family: FontAwesome;
    content: "\f077"
}

.menu-section .nav-pills .parent-close>a:after {
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -11px;
    font-family: FontAwesome;
    content: "\f078"
}

.menu-section .nav-pills>li.active>a {
    font-weight: 700
}

.menu-section .nav-pills>li.current>a {
    border-left: 5px solid #77b800!important;
    background: #c1c4c3;
    font-weight: 700
}

.menu-section {
    border: 0;
    margin-bottom: 0
}

.menu-section .panel-heading {
    background: #36424a;
    color: #fff;
    font-weight: 700
}

.menu-section .panel-body {
    padding: 0;
    border-bottom: 1px solid #77b800;
    background: #e6e7e8
}

.footer-bg {
    border-top: 4px solid #71b800;
    background: #36424a
}

.footer {
    padding-bottom: 10px
}

.footer h3 {
    padding-left: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #77b800;
    font-size: 1em;
    color: #d1d4d3
}

.footer a {
    color: #fff
}

.footer .fa {
    margin-right: 5px
}

.footer .list-group-item {
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: none;
    border-radius: 0;
    background: 0 0;
    font-size: .8em;
    color: #fff
}

.emergency-bg,
.warning-bg {
    padding-bottom: 2px;
    line-height: 1.3em;
    display: block
}

.emergency-bg .notice:before,
.warning-bg .notice:before {
    position: absolute;
    margin-top: -10px;
    font-size: 24px;
    top: 50%;
    font-family: FontAwesome
}

.footer .list-group-item:focus,
.footer .list-group-item:hover {
    background: #56626a;
    color: #fff
}

.emergency-bg {
    border-bottom: 1px solid #ccc;
    background: #0080a4;
    background-image: linear-gradient(#c00 0, #600 100%);
    text-decoration: underline
}

.emergency-bg:focus,
.emergency-bg:hover {
    background-image: linear-gradient(#900 0, #300 100%)
}

.emergency-bg .notice:before {
    left: 4px;
    content: "\f0e7"
}

.warning-bg {
    border-bottom: 1px solid #999;
    background: #703319;
    background-image: linear-gradient(#edb700 0, #6d5500 100%)
}

.warning-bg:focus,
.warning-bg:hover {
    background-image: linear-gradient(#ba9000 0, #3a2d00 100%)
}

.warning-bg .notice:before {
    left: 0;
    content: "\f05a"
}

.emergency-bg .notice,
.warning-bg .notice {
    position: relative;
    padding: 10px 10px 2px 30px;
    color: #fff;
    text-decoration: underline
}

.thumbnail h3 {
    margin-top: 5px
}

.thumbnail .caption {
    padding: 0
}

.card-shadow .thumbnail {
    padding: 0;
    border: 1px solid #d1d4d3;
    border-bottom: 2px solid #a5acb0
}

.card-shadow .thumbnail .caption {
    padding: 9px
}

.thumbnail {
    overflow: hidden;
    border: 0;
    border-radius: 0
}

.template-story .thumbnail {
    padding: 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .3)
}

.nojs .panel .collapse {
    display: block
}

.panel-title {
    position: relative
}

.panel-group .panel-title a {
    display: block
}

.panel .panel-title a:after {
    position: absolute;
    right: 0;
    font-family: FontAwesome
}

.panel .panel-title a[aria-expanded=true]:after {
    content: "\f077"
}

.panel .panel-title a[aria-expanded=false]:after {
    content: "\f078"
}

.panel,
.panel-heading {
    border-radius: 0
}

.panel-heading .collapse:after {
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -11px;
    font-family: FontAwesome;
    content: "\f078"
}

.module-feed-reader .title {
    font-size: 18px
}

.module-search-results .result-title {
    margin-top: 15px;
    margin-bottom: 0;
    font-size: 18px
}

.module-search-results .result-url {
    color: #006621
}

.module-search-results .result-summary {
    color: #5f6a72
}

.search-results-toolbar {
    margin-top: 15px;
    margin-bottom: 15px
}

.search-results-title {
    margin-top: 15px;
    font-size: 18px;
    font-weight: 700
}

.nav-tabs>li {
    margin-bottom: -2px
}

/*.nav-tabs>li>a:focus,
.nav-tabs>li>a:hover {
    background: #d1d4d3
}*/
/*
.nav-tabs .active a {
    border: 2px solid #d1d4d3;
    border-bottom: 0;
    color: #31424a;
    text-decoration: none
}*/

.nav-tabs {
    /*border-width: 2px;*/
    border-color: #d1d4d3
}

.module-search-results .serach-options {
    margin-top: 20px
}

.module-search-results .search-again {
    margin-bottom: 20px
}

.module-search-results .search-again .btn-default {
    border: 1px solid #d1d4d3;
    border-radius: 0;
    box-shadow: none;
    background: #d1d4d3;
    color: #36424a
}

.module-search-results .search-again .btn-default:focus,
.module-search-results .search-again .btn-default:hover {
    border-color: #36424a;
    background: #36424a;
    color: #fff
}

/*.form-control {
    border-radius: 0
}*/

.control-label {
    font-weight: 700
}

.search .form-control {
    border: 0
}

.has-success .control-label {
    color: #77b800
}

.has-success .form-control {
    border-color: #77b800
}

.has-error,
.has-error .control-label {
    color: #c00
}

.has-error .form-control {
    border-color: #c00
}

fieldset {
    margin-bottom: 15px;
    border: 1px solid #ccc
}

fieldset legend {
    width: auto;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border-bottom: 0;
    font-size: 16px;
    font-weight: 700
}

.checkbox,
.radio {
    margin-left: 15px;
    margin-right: 15px
}

.recaptcha-box {
    position: relative;
    width: 302px;
    height: 422px
}

.recaptcha-puzzle {
    position: absolute;
    width: 302px;
    height: 422px
}

.recaptcha-frame {
    width: 302px;
    height: 422px;
    border-style: none
}

.recaptcha-solution {
    margin: 0;
    padding: 0;
    width: 300px;
    height: 60px;
    right: 25px;
    bottom: 12px;
    left: 25px;
    border: 1px solid #c1c1c1;
    border-radius: 3px;
    background: #f9f9f9
}

.recaptcha-field {
    margin: 10px 25px;
    padding: 0;
    width: 250px;
    height: 40px;
    border: 1px solid #c1c1c1;
    resize: none
}

.module-location .google-map {
    height: 300px
}

@media (min-width:1042px) {
    .container-fluid {
        width: 1012px
    }
}

@media (min-width:1012px) {
    .emergency-bg .notice,
    .warning-bg .notice {
        padding: 20px 0 12px 30px
    }
}

@media (min-width:768px) {
    .search {
        padding-top: 17px;
        padding-bottom: 0
    }
    .template-home .content-bg {
        background: url(../images/homepage-bg.jpg) top left repeat-x #36424a
    }
    figure.img-left,
    figure.img-right {
        width: 33%
    }
    figure.img-left {
        float: left;
        margin-right: 12px
    }
    figure.img-right {
        float: right;
        margin-left: 12px
    }
}

@media print {
    body {
        display: inline
    }
    .template-topic .content-main {
        margin-left: 0;
        margin-right: 0;
        width: 100%
    }
    .logo {
        border-bottom: 2px solid #000
    }
    .logo img {
        display: block
    }
    .logo a {
        background: 0 0
    }
    .logo a:after {
        content: ""
    }
    .card .thumbnail {
        position: relative;
        height: auto!important
    }
    .div-responsive16by9 {
        position: relative;
        padding-bottom: 15%
    }
    .footer,
    .menu-section,
    .menu-site,
    .menu-topics,
    .search,
    .share {
        display: none
    }
    .panel .collapse {
        display: block
    }
    .thumbnail .img-responsive {
        width: 25%
    }
    .footer-bg {
        display: none
    }
    .emergency-bg {
        border-bottom: 0
    }
}