/* === CMS pages – shared styling for simple & grouped === */

.simple-cms-page,
.grouped-cms-page {
    margin-bottom: 40px;
}

/* Page title & meta */

.simple-cms-page .page-title,
.grouped-cms-page .page-title {
    margin-bottom: 10px;
}

.simple-cms-page .page-title h1,
.grouped-cms-page .page-title h1 {
    font-size: 1.9rem;
    margin: 0;
}

.simple-cms-page .page-meta,
.grouped-cms-page .page-meta {
    font-size: 0.9rem;
    color: #777;
}

/* Breadcrumb */

.cms-breadcrumb {
	background-color: #efefef;
    padding: 5px 10px;
    margin-bottom: 20px;
}

.cms-breadcrumb-nav .breadcrumb {
    background: transparent;
    padding: 0;
    margin-bottom: 0;
    font-size: 0.9rem;
}

.cms-breadcrumb-nav .breadcrumb-item + .breadcrumb-item::before {
    content: ">";
    padding: 0 6px;
    color: #aaa;
}

.cms-breadcrumb-nav .breadcrumb-item a {
    text-decoration: none;
}

.cms-breadcrumb-nav .breadcrumb-item a:hover {
    text-decoration: underline;
}

/* Cards (using Nop's cards with some tweaks) */

.cms-custom-properties .card-header,
.cms-child-pages .card-header,
.cms-related-products .card-header,
.cms-related-taxonomy .card-header,
.cms-parent-groups .card-header {
    padding: 8px 15px;
    font-size: 1rem;
}

.cms-custom-properties .card-body,
.cms-child-pages .card-body,
.cms-related-products .card-body,
.cms-related-taxonomy .card-body,
.cms-parent-groups .card-body {
    padding: 15px;
}

/* Lists */

.cms-child-pages ul,
.cms-parent-groups ul {
    margin: 0;
    padding-left: 0;
    list-style: none;
}

.cms-child-pages li,
.cms-parent-groups li {
    border-bottom: 1px solid #eee;
    padding: 6px 0;
}

.cms-child-pages li:last-child,
.cms-parent-groups li:last-child {
    border-bottom: none;
}

/* Tags */

.cms-tags {
    font-size: 0.9rem;
}

.cms-tags strong {
    margin-right: 5px;
}

/* Make small muted text a bit lighter */

.simple-cms-page .text-muted.small,
.grouped-cms-page .text-muted.small {
    color: #999 !important;
}

.cms-page-picture img {
  max-width: 100%;
  height: auto;
  display: block;
}