/* INDEX TITLE
-------------------------------------------------- */
.customize-your-cushion{
    font-size: 3.5rem;
    font-weight: 800;
    text-transform: uppercase;
    padding-top: 3rem;
    margin-top: 3rem;
    color: #fff;
}

.quality-outdoor-custom-cushions{
    /*padding-top: 3rem;*/
    /*margin-top: 3rem;*/
    color: #CCC;
}

#homepage_carousel{

}

#homepage_carousel .carousel-caption{
    top: 10%;
    margin: auto;
/*    right: 20%;
    left: 20%;*/
}

@media (max-width: 576px) {
    .customize-your-cushion{
        font-size: 0.8rem;
        font-weight: 700;
        text-transform: uppercase;
        padding-top: 1rem;
        margin-top: 1rem;
        color: #f8f8f8;
    }

    .quality-outdoor-custom-cushions,
    .btn-get-started{
        display: none;
    }

    .carousel-control-prev-icon,
    .carousel-control-next-icon {
        /*width: 4rem !important;*/
        /*height: 4rem !important;*/
    }
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    /*width: 6rem;*/
    /*height: 6rem;*/
}

/* MARKETING CONTENT
-------------------------------------------------- */

.homepage-category-item{
    border: 1px solid #dee2e6;
    border-radius: .3rem;
    /*padding-top: 1.5rem;*/
    /*    -webkit-transition:border 0.5s;
        -moz-transition:border 0.5s;
        -o-transition:border 0.5s;
        transition:border 0.5s;*/
    transition: all .2s ease-in-out
}

.homepage-category-item > a {
    display: inline-block;
    color: #000;
}

.homepage-category-item:hover{
    border-color: #ac874c;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}

.homepage-category-item:hover .product-category {
    border-color: #ac874c;
    background-color: #ac874c;
    color: #fff;
}

.product-category{
    padding: 0.7rem 2rem;
    border: solid 1px #dee2e6;
    border-radius: 2rem;
    transition: all .3s ease-in-out;
    margin-bottom: 1rem;
}

@media (max-width: 576px) {
    .product-category{
        padding: 0;
        border: none;
        border-radius: 0;
        margin: 0 0 0.4rem 0;
    }
}

/* RESPONSIVE CSS
-------------------------------------------------- */

.carousel-indicators{
    bottom: 2rem;
}

@media (min-width: 768px) {

}