/* src/pcbox/style.css */

/* Responsive Styles */

/* Custom, iPhone Retina */
@media only screen and (max-width: 320px) {
    /* Your styles here if needed */
}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
    .pcbox-pros,
    .pcbox-cons {
        margin-bottom: 20px;
    }

    .pcbox-pros .pcbox-body,
    .pcbox-cons .pcbox-body {
        min-height: auto !important;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
    .pcbox-pros,
    .pcbox-cons {
        margin-bottom: 20px;
    }
}

/* Base Styles */

.pcbox {
    overflow: visible;
    position: relative;
    margin-bottom: 20px;
}

.pcbox .pcbox-img {
    height: 60px;
    width: 59px;
    position: absolute;
    right: 40px;
    top: -10px;
}

.pcbox .pcbox-header {
    font-size: 38px;
    font-family: Allan, Tahoma, Arial, Verdana;
    font-weight: bold;
    padding: 10px 20px;
}

.pcbox .pcbox-body {
    padding: 50px 30px;
    border-top: none;
    min-height: 280px !important;
}

/* Pros Styles */

.pcbox-pros .pcbox-img {
    background: url('./../../images/pcbox-tick.png') 0 0 no-repeat;
}

.pcbox-pros .pcbox-header {
    border: 4px solid #e42520;
    color: #e42520;
}

.pcbox-pros .pcbox-body {
    border: 4px solid #e42520;
}

/* Cons Styles */

.pcbox-cons .pcbox-img {
    background: url('./../../images/pcbox-cross.png') 0 0 no-repeat;
}

.pcbox-cons .pcbox-header {
    border: 4px solid #173355;
    color: #173355;
}

.pcbox-cons .pcbox-body {
    border: 4px solid #173355;
}