/*
 * Styles for Dodge Ridge Cornerstone extensions
 *
 * Breakpoints:
 * - 480
 * - 768
 * - 1160;
 */


.dr-promos {
    /*padding: 12px;*/
    text-align: center;
}

.dr-promos_item {
    /*box-sizing: border-box;*/
    padding-left: 12px;
    padding-right: 12px;
    display: inline-block;
}

.dr-promos--1 .dr-promos_item {
    /*width: 100%;*/
}
.dr-promos--2 .dr-promos_item {
    /*width: 50%;*/
}
.dr_promos--3 .dr-promos_item {
    /*width: 33%;*/
}

.dr-promos_button {
    display: block;
    white-space: nowrap;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    color: rgb(255, 255, 255);
    background-color: rgb(50, 137, 201);
    font-family: Montserrat;
    border-color: transparent;
    border-radius: 5px;
    outline: none;
    box-sizing: border-box;
    cursor: pointer;
    visibility: inherit;
    transition: none;
    text-align: center;
    margin: 0px;
    padding: 12px 20px;
    letter-spacing: 0px;
    transition: .3s ease-out;
}

.dr-promos_button:hover,
.dr-promos_button:active,
.dr-promos_button:focus {
    color: rgb(255, 255, 255);
    box-shadow: rgb(14, 94, 156) 0px 2px 0px 0px;
    background-color: rgb(65, 166, 229);
    /* transform: scale(1.1); */
}

@media (max-width: 768px) {
    .dr-promos_item {
        padding-bottom: 12px;
    }
}

@media (max-width: 480px) {
    .dr-promos {
        text-align: left;
    }

    .dr-promos_item {
        padding: 0;
        padding-bottom: 12px;
        display: block;
    }

    .dr-promos_button {
        padding: 8px 16px;
    }
}