/* Minification failed. Returning unminified contents.
(27,17): run-time error CSS1039: Token not allowed after unary operator: '-pp-primary-orange'
(28,28): run-time error CSS1039: Token not allowed after unary operator: '-pp-primary-white'
(29,28): run-time error CSS1039: Token not allowed after unary operator: '-pp-primary-orange-lt'
(33,17): run-time error CSS1039: Token not allowed after unary operator: '-pp-primary-white'
(34,28): run-time error CSS1039: Token not allowed after unary operator: '-pp-primary-orange'
(35,24): run-time error CSS1039: Token not allowed after unary operator: '-pp-primary-orange'
(39,28): run-time error CSS1039: Token not allowed after unary operator: '-pp-primary-orange-md'
(40,24): run-time error CSS1039: Token not allowed after unary operator: '-pp-primary-orange-md'
(44,17): run-time error CSS1039: Token not allowed after unary operator: '-pp-primary-orange-lt'
(45,28): run-time error CSS1039: Token not allowed after unary operator: '-pp-primary-offwhite'
(49,28): run-time error CSS1039: Token not allowed after unary operator: '-pp-primary-green-md'
(50,17): run-time error CSS1039: Token not allowed after unary operator: '-pp-primary-cream'
 */

/* Blog Carousel - equal height slides */
#blogCarousel p {
    font-size: 1.10rem;
    line-height: 1.35rem;
}

#blogCarousel .carousel-inner {
    display: flex;
}

#blogCarousel .carousel-item {
    flex: 0 0 100%;
    align-self: stretch;
}

#blogCarousel .carousel-item .card {
    height: 100%;
}

#blogCarousel .carousel-item .row.g-0 {
    height: 100%;
}

/* Blog Pagination Styles - Orange Theme */
.blog .pagination .page-item .page-link {
    color: var(--pp-primary-orange);
    background-color: var(--pp-primary-white);
    border: 1px solid var(--pp-primary-orange-lt);
}

.blog .pagination .page-item .page-link:hover {
    color: var(--pp-primary-white);
    background-color: var(--pp-primary-orange);
    border-color: var(--pp-primary-orange);
}

.blog .pagination .page-item.active .page-link {
    background-color: var(--pp-primary-orange-md);
    border-color: var(--pp-primary-orange-md);
}

.blog .pagination .page-item.disabled .page-link {
    color: var(--pp-primary-orange-lt);
    background-color: var(--pp-primary-offwhite);
}

.blog .card-header {
    background-color: var(--pp-primary-green-md);
    color: var(--pp-primary-cream);
}

.blog img {
    max-width: 100%;
    height: 100%;
    width: 100% !important;
    object-fit: cover;
    object-position: center top;
}
