/* the written content of a cluster or airport page with a CMS document, on both location pages
   (linked from their page.php, after the page's own stylesheet) */


/* expert summary: the author's short take on the destination, under the breadcrumbs and
   byline. No box: its label, then the text, which js/modules/expert-summary.js cuts to three
   lines (.is-cut) with a fade and a button when it is longer */

.page-block.expert-summary {
    margin-top: 0;
    margin-bottom: 35px;
}
.expert-summary__label {
    margin: 0 0 6px;
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--ws-main-color-2-dark);
}
.expert-summary__text {
    max-width: 800px;
}
.expert-summary.is-cut .expert-summary__text {
    max-height: calc(1.55rem * 3);
    overflow: hidden;
    -webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - 1.55rem), transparent);
    mask-image: linear-gradient(to bottom, #000 calc(100% - 1.55rem), transparent);
}
.expert-summary__text p.content {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 1rem;
    line-height: 1.55rem;
}
/* lists as in the page's text column (.page-block > ul), which does not reach into the text */
.expert-summary__text ul,
.expert-summary__text ol {
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 18px;
    color: var(--ws-main-color-1-dark);
}
.expert-summary__text ul {
    list-style-type: disc;
}
.expert-summary__text ol {
    list-style-type: decimal;
}
.expert-summary__text li {
    margin: 3px 0;
    font-size: 1rem;
    line-height: 1.55rem;
}
.expert-summary__text > :last-child {
    margin-bottom: 0;
}
.expert-summary__more {
    margin-top: 8px;
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    font-size: .9rem;
    font-weight: 700;
    color: var(--ws-main-color-2-vivid-dark);
    cursor: pointer;
}
.expert-summary__more:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
}


/* written sections (car advice, driving, road trips; the cluster page): spaced like the
   generated sections around them. The writer's own h2 starts each, and the page's .page-block
   rules set the text column, lists and photo rows */

.page-block.written-section {
    margin-top: 55px;
    margin-bottom: 55px;
}