/*
Theme Name: Desafío Kunan 2024
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: Nextperience Team
Author URI: https://nextperience.net/
Description: Desafío en Vivo
Version: 1.2
Requires at least: 4.7
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kunan
Tags: desafío Kunan

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

.card.categorias .card-content {
    padding: 0 4rem 0 0;
}

.card.categorias .card-content ul {
    padding-left: 11px;
}

.card.categorias .tl {
    padding: 0 0 20px 0;
}

@media (max-width: 768px) {
    .card.categorias .card-content {
        padding: 0 0rem 0 0;
    }

    .card.categorias .card-content ul {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    #navbar.uk-sticky-fixed,
    .navbar.uk-sticky-fixed {
        background: #ffffff7d !important;
    }

    #premios .content .title h1 {
        font-size: 24px !important;
    }

    #premios .content .description .cont {
        font-size: 16px !important;
        line-height: 22px !important;
    }

    .card.categorias .titleDESC ul li {
        margin-bottom: 25px !important;
    }

    #cronograma .uk-card {
        width: 84% !important;
    }

    #cronograma .cont-left .uk-card,
    #cronograma .cont-right .uk-card {
        padding-left: 5rem !important;
        padding-right: 10px !important;
    }

    #cronograma .uk-card .item-left,
    #cronograma .uk-card .item-right {
        /* background: #0096D2!important; */
    }

    #cronograma .list-cronograma.activo .uk-card .item-left,
    #cronograma .list-cronograma.activo .uk-card .item-right {
        /* background: #E02D86!important; */
    }

    #gracias {
        min-height: 90vh !important;
    }
}

@media (max-height: 740px) {
    .background--image.desafio {
        height: calc(134vh / 0.95) !important;
    }
}

#categorias div.container .card .image {
    min-height: auto !important;
    width: 230px !important;
    max-width: 230px !important;
    height: auto !important;
    margin: 0 auto !important;
    display: flex !important;
}

.card-premios {
    align-self: center;
}

@media (min-width: 768px) {
    .card {
        min-height: 352px;
    }

    #premio .container .background .banner .contenido div {
        padding-bottom: 3rem;
    }
}

.center-img-card img {
    max-height: 140px;
    max-width: 156px;
}

.finalista--h1 {
    line-height: 25px;
    font-family: BrandonText-Bold;
    margin-bottom: 3rem;
    color: var(--color-cat);
    text-decoration: underline;
    text-align: center;
    font-size: 1.5rem;
}

#finalistas .uk-card {
    background: transparent !important;
    box-shadow: 0 1px 15px var(--color-cat) !important;
    min-height: 190px !important;
    display: flex !important;
    align-items: center !important;
    gap: 20px;
}

#finalistas .uk-card::after {
    content: "";
    border-top: 46px solid #000;
    border-left: 46px solid transparent;
    position: absolute;
    top: 0;
    right: 0;
    border-top-color: var(--color-cat) !important;
}

#finalistas .uk-card h3 {
    color: var(--color-cat) !important;
    text-align: center;
    font-size: 32px !important;
    line-height: 1.4 !important;
    flex: 0 0 350px;
    margin-bottom: 0;
}

#finalistas .uk-card p,
#cronograma .uk-card p {
    color: #586168 !important;
}

#finalistas .uk-card .ciudad {
    margin-bottom: 10px;
}

#finalistas .uk-card .ciudad p {
    color: var(--color-cat) !important;
    font-size: 27px;
    font-family: 'BrandonText-Bold';
}

#finalistas .uk-card::before {
    display: none;
}

.line--category {
    margin-bottom: 2rem;
}

#finalistas .uk-card .icon {
    flex-direction: column !important;
    text-align: left !important;
    align-items: flex-start !important;
}

@media (max-width: 768px) {
    #finalistas .uk-card {
        flex-direction: column !important;
    }

    #finalistas .uk-card h3 {
        flex: 0 0 150px;
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;
    }

    #finalistas .uk-card .icon {
        align-items: center !important;
    }

    .finalista--h1 {
        text-align: center;
    }
}