/*--------      UIKIT       */


[class*=uk-width] {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
}

.uk-width-1-2 {
    width: 50%
}

.uk-width-1-3 {
    width: calc(100% * 1 / 3.001)
}

.uk-width-2-3 {
    width: calc(100% * 2 / 3.001)
}

.uk-width-1-4 {
    width: 25%
}

.uk-width-3-4 {
    width: 75%
}

.uk-width-1-5 {
    width: 20%
}

.uk-width-2-5 {
    width: 40%
}

.uk-width-3-5 {
    width: 60%
}

.uk-width-4-5 {
    width: 80%
}

.uk-width-1-6 {
    width: calc(100% * 1 / 6.001)
}

.uk-width-5-6 {
    width: calc(100% * 5 / 6.001)
}

.uk-width-small {
    width: 150px
}

.uk-width-medium {
    width: 300px
}

.uk-width-large {
    width: 450px
}

.uk-width-xlarge {
    width: 600px
}

.uk-width-xxlarge {
    width: 750px
}

.uk-width-auto {
    width: auto
}

.uk-width-expand {
    flex: 1;
    min-width: 1px
}

@media (min-width: 640px) {
    .uk-width-1-1\@s {
        width: 100%
    }

    .uk-width-1-2\@s {
        width: 50%
    }

    .uk-width-1-3\@s {
        width: calc(100% * 1 / 3.001)
    }

    .uk-width-2-3\@s {
        width: calc(100% * 2 / 3.001)
    }

    .uk-width-1-4\@s {
        width: 25%
    }

    .uk-width-3-4\@s {
        width: 75%
    }

    .uk-width-1-5\@s {
        width: 20%
    }

    .uk-width-2-5\@s {
        width: 40%
    }

    .uk-width-3-5\@s {
        width: 60%
    }

    .uk-width-4-5\@s {
        width: 80%
    }

    .uk-width-1-6\@s {
        width: calc(100% * 1 / 6.001)
    }

    .uk-width-5-6\@s {
        width: calc(100% * 5 / 6.001)
    }

    .uk-width-small\@s {
        width: 150px
    }

    .uk-width-medium\@s {
        width: 300px
    }

    .uk-width-large\@s {
        width: 450px
    }

    .uk-width-xlarge\@s {
        width: 600px
    }

    .uk-width-xxlarge\@s {
        width: 750px
    }

    .uk-width-auto\@s {
        width: auto
    }

    .uk-width-expand\@s {
        flex: 1;
        min-width: 1px
    }
}

@media (min-width: 960px) {
    .uk-width-1-1\@m {
        width: 100%
    }

    .uk-width-1-2\@m {
        width: 50%
    }

    .uk-width-1-3\@m {
        width: calc(100% * 1 / 3.001)
    }

    .uk-width-2-3\@m {
        width: calc(100% * 2 / 3.001)
    }

    .uk-width-1-4\@m {
        width: 25%
    }

    .uk-width-3-4\@m {
        width: 75%
    }

    .uk-width-1-5\@m {
        width: 20%
    }

    .uk-width-2-5\@m {
        width: 40%
    }

    .uk-width-3-5\@m {
        width: 60%
    }

    .uk-width-4-5\@m {
        width: 80%
    }

    .uk-width-1-6\@m {
        width: calc(100% * 1 / 6.001)
    }

    .uk-width-5-6\@m {
        width: calc(100% * 5 / 6.001)
    }

    .uk-width-small\@m {
        width: 150px
    }

    .uk-width-medium\@m {
        width: 300px
    }

    .uk-width-large\@m {
        width: 450px
    }

    .uk-width-xlarge\@m {
        width: 600px
    }

    .uk-width-xxlarge\@m {
        width: 750px
    }

    .uk-width-auto\@m {
        width: auto
    }

    .uk-width-expand\@m {
        flex: 1;
        min-width: 1px
    }
}

@media (min-width: 1200px) {
    .uk-width-1-1\@l {
        width: 100%
    }

    .uk-width-1-2\@l {
        width: 50%
    }

    .uk-width-1-3\@l {
        width: calc(100% * 1 / 3.001)
    }

    .uk-width-2-3\@l {
        width: calc(100% * 2 / 3.001)
    }

    .uk-width-1-4\@l {
        width: 25%
    }

    .uk-width-3-4\@l {
        width: 75%
    }

    .uk-width-1-5\@l {
        width: 20%
    }

    .uk-width-2-5\@l {
        width: 40%
    }

    .uk-width-3-5\@l {
        width: 60%
    }

    .uk-width-4-5\@l {
        width: 80%
    }

    .uk-width-1-6\@l {
        width: calc(100% * 1 / 6.001)
    }

    .uk-width-5-6\@l {
        width: calc(100% * 5 / 6.001)
    }

    .uk-width-small\@l {
        width: 150px
    }

    .uk-width-medium\@l {
        width: 300px
    }

    .uk-width-large\@l {
        width: 450px
    }

    .uk-width-xlarge\@l {
        width: 600px
    }

    .uk-width-xxlarge\@l {
        width: 750px
    }

    .uk-width-auto\@l {
        width: auto
    }

    .uk-width-expand\@l {
        flex: 1;
        min-width: 1px
    }
}

@media (min-width: 1600px) {
    .uk-width-1-1\@xl {
        width: 100%
    }

    .uk-width-1-2\@xl {
        width: 50%
    }

    .uk-width-1-3\@xl {
        width: calc(100% * 1 / 3.001)
    }

    .uk-width-2-3\@xl {
        width: calc(100% * 2 / 3.001)
    }

    .uk-width-1-4\@xl {
        width: 25%
    }

    .uk-width-3-4\@xl {
        width: 75%
    }

    .uk-width-1-5\@xl {
        width: 20%
    }

    .uk-width-2-5\@xl {
        width: 40%
    }

    .uk-width-3-5\@xl {
        width: 60%
    }

    .uk-width-4-5\@xl {
        width: 80%
    }

    .uk-width-1-6\@xl {
        width: calc(100% * 1 / 6.001)
    }

    .uk-width-5-6\@xl {
        width: calc(100% * 5 / 6.001)
    }

    .uk-width-small\@xl {
        width: 150px
    }

    .uk-width-medium\@xl {
        width: 300px
    }

    .uk-width-large\@xl {
        width: 450px
    }

    .uk-width-xlarge\@xl {
        width: 600px
    }

    .uk-width-xxlarge\@xl {
        width: 750px
    }

    .uk-width-auto\@xl {
        width: auto
    }

    .uk-width-expand\@xl {
        flex: 1;
        min-width: 1px
    }
}

.card-list .card {
    border: none!important;
}

.card-title {
    font-size: 1.3rem !important;
    line-height: 1.4;
    text-transform: uppercase;
}

.card-title:first-letter {
        text-transform: uppercase !important;
    }

.card-body {
    padding: 1.5rem !important;
}

    .card-body p {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        margin: 0 0 20px 0;
        text-align: justify !important;
    }


.card-body .uk-link {
    color: #17479b;
    font-size: 12px;
}

.card-body .uk-link1 {
        color: #fff;
        font-size: 12px;
        background-color: #17479b;
        font-size: 12px;
        width: 100px;
        height: 30px;
        padding: 7px 15px;
}

.uk-card-body>:last-child, .uk-card-footer>:last-child, .uk-card-header>:last-child {
    margin-bottom: 0;
}

.uk-link:hover, a:hover {
    color: #0f6ecd;
    text-decoration: underline;
}
a:active, a:hover {
    outline: 0;
}
.uk-text-uppercase {
    text-transform: uppercase!important;
}

.uk-link, a {
    color: #1e87f0;
    text-decoration: none;
    cursor: pointer;
}

.card-body time {
    color: #6f6f6f;
    font-size: 14px;
}

.pagination .uk-link, a {
    color: #333;
}

.pagination .active {
    background-color: #e9ecef;
    
}