/* Minification failed. Returning unminified contents.
(3,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-default-border-color'
(4,28): run-time error CSS1039: Token not allowed after unary operator: '-theme-default-back-color'
(8,30): run-time error CSS1039: Token not allowed after unary operator: '-theme-default-border-shadow'
(9,27): run-time error CSS1039: Token not allowed after unary operator: '-theme-default-border-shadow'
(10,22): run-time error CSS1039: Token not allowed after unary operator: '-theme-default-border-shadow'
(19,34): run-time error CSS1039: Token not allowed after unary operator: '-theme-default-hover-border-shadow'
(20,31): run-time error CSS1039: Token not allowed after unary operator: '-theme-default-hover-border-shadow'
(21,26): run-time error CSS1039: Token not allowed after unary operator: '-theme-default-hover-border-shadow'
(42,37): run-time error CSS1039: Token not allowed after unary operator: '-theme-color'
(49,25): run-time error CSS1039: Token not allowed after unary operator: '-theme-default-fore-color'
(66,38): run-time error CSS1039: Token not allowed after unary operator: '-theme-default-border-shadow'
(67,35): run-time error CSS1039: Token not allowed after unary operator: '-theme-default-border-shadow'
(68,30): run-time error CSS1039: Token not allowed after unary operator: '-theme-default-border-shadow'
 */

.blog-list .blog-item {
    border: 1px solid var(--theme-default-border-color);
    background-color: var(--theme-default-back-color);
    padding: 10px;
    margin-bottom: 15px;
    border-radius: 5px;
    -webkit-box-shadow: var(--theme-default-border-shadow);
    -moz-box-shadow: var(--theme-default-border-shadow);
    box-shadow: var(--theme-default-border-shadow);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.2s ease-in-out;
}

    .blog-list .blog-item:hover {
        -webkit-box-shadow: var(--theme-default-hover-border-shadow);
        -moz-box-shadow: var(--theme-default-hover-border-shadow);
        box-shadow: var(--theme-default-hover-border-shadow);
        transform: scale(1.02);
    }

    .blog-list .blog-item:nth-child(odd) .blog-data,
    .blog-list .blog-item:nth-child(even) .blog-image,
    .blog-list .blog-item:nth-child(even) .blog-image img {
        float: left;
    }

    .blog-list .blog-item:nth-child(even) .blog-data,
    .blog-list .blog-item:nth-child(odd) .blog-image,
    .blog-list .blog-item:nth-child(odd) .blog-image img {
        float: right;
    }

    .blog-list .blog-item .blog-data .blog-header {
        margin-bottom: 12px;
        font-family: 'Rambla', sans-serif;
        letter-spacing: 2px;
        word-spacing: 5px;
        border-left: 5px solid var(--theme-color);
        padding-left: 10px;
    }

        .blog-list .blog-item .blog-data .blog-header a {
            font-size: 22px;
            text-decoration: none;
            color: var(--theme-default-fore-color);
        }

    .blog-list .blog-item .blog-data .blog-summary {
        font-size: 16px;
        line-height: 24px;
        text-align: justify;
        color: #474747;
    }

    .blog-list .blog-item .blog-image {
        text-align: right;
    }

        .blog-list .blog-item .blog-image img {
            padding: 0;
            border-radius: 5px;
            -webkit-box-shadow: var(--theme-default-border-shadow);
            -moz-box-shadow: var(--theme-default-border-shadow);
            box-shadow: var(--theme-default-border-shadow);
        }


@media (max-width: 991px) {

    .blog-list .blog-item:nth-child(odd) .blog-data,
    .blog-list .blog-item:nth-child(even) .blog-image,
    .blog-list .blog-item:nth-child(even) .blog-image img {
        float: none;
    }

    .blog-list .blog-item:nth-child(even) .blog-data,
    .blog-list .blog-item:nth-child(odd) .blog-image,
    .blog-list .blog-item:nth-child(odd) .blog-image img {
        float: none;
    }

    .blog-list .blog-item .blog-image {
        margin-top: 10px;
        text-align: center;
    }
}