/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 05.11.2018, 15:43:58
    Author     : Nick Denry
*/

.c-category-item {
    border: 1px solid #c6c6c6;
    display: block;
    margin-bottom: 25px;
}

.c-category-item:active,
.c-category-item:focus,
.c-category-item:hover {
    border: 1px solid #c70000;
    text-decoration: none;
}

.c-category-item__link {
    display: block;
    color: #303030;
    font-family: 'Sochi 2014 Bold', 'PT Sans', 'Open Sans', Arial, Tahoma, Verdana, sans-serif;
    font-size: 30px;
    height: 122px;
    text-align: center;
}

.c-category-item__link:active,
.c-category-item__link:focus,
.c-category-item__link:hover {
    color: #c70000;
    text-decoration: none;
}

.c-category-item__text {
    display: block;
    /*padding: 40px 40px;*/
    line-height: 122px;
}

.c-category-item__image {
    background: #F8F8F8;
    display: block;
    position: relative;
    min-height: 122px;
}

.c-category-item__image img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-width: 285px;
    width: 90%;
}

@media screen and (max-width: 992px) {
    .c-category-item__image img {

    }
}


.c-category-item__description {
    border-top: 1px solid #a0bab9;
    /*font-family: 'Sochi 2014 Bold', 'PT Sans', 'Open Sans', Arial, Tahoma, Verdana, sans-serif;*/
    margin: 0px 10px;
    padding: 10px 0px;
    text-transform: uppercase;
}

.c-category-item__description .row:first-child {
    margin-bottom: 15px;
}

.c-category-item__icon {
    display: inline-block;
    vertical-align: middle;
}

.c-category-item__icon-runflat {
    width: 28px; height: 24px;
    background: url('../../theme/images/c-category-item/tyre-icons.png') -10px -10px;
}

.c-category-item__icon-winter {
    width: 28px; height: 32px;
    background: url('../../theme/images/c-category-item/tyre-icons.png') -10px -97px;
}

.c-category-item__icon-summer {
    width: 26px; height: 31px;
    background: url('../../theme/images/c-category-item/tyre-icons.png') -10px -50px;
}

.c-category-item__description-link {
    color: #708697;
}

.c-category-item__description-link:active,
.c-category-item__description-link:focus,
.c-category-item__description-link:hover {
    color: #c70000;
    text-decoration: none;
}