/* Wolfram Media product page and product section styles

   developer:   yhechler, marionm
   requires:    shared.css
   ========================================================================== */

/* ==========================================================================
   shared.css overrides
   ========================================================================== */

.product-subpage main p { margin-bottom: 0; }

#fancybox-outer { background: #000000; }

/* ==========================================================================
   products landing page
   ========================================================================== */

.each-book {
    display: grid;
    gap: 1rem;
    grid-template-columns: 100px 1fr;
    margin-bottom: 2rem;
}

.each-book h3 {
    color: var(--link-base);
    font-weight: 700;
    margin-bottom: .5rem;
}

.each-book .author { margin-bottom: .5rem; }

.each-book .format,
.each-book .links {
    font-size: .875rem;
    list-style: none;
    margin-bottom: 0;
}

.each-book .links li { margin: .25rem 0; }

.each-book .links a { color: #666; }

.each-book .links a:hover { color: var(--link-hover); }

/* ==========================================================================
   products subpages
   ========================================================================== */

/* wrappers
   ========================================================================== */

#product-intro,
#product-info,
#product-toc,
#product-content,
#product-media,
#product-praise,
#product-other,
#product-cover {
    border-bottom: 1px solid #d7d7d7;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
}

/* intro and table of contents
   ========================================================================== */

#product-intro h2 {
    color: var(--link-base);
    font-size: 3rem;
    margin-bottom: 2rem;
}

#product-intro h2 .line-1 { display: block; }

#product-intro h2 .line-2 {
    color: #757575;
    display: block;
    font-size: 1.3rem;
}

#product-intro p { margin-bottom: 0.6rem; }

.margin-t-04 { margin-top: 0.4rem; }

#product-info p:first-of-type {
    margin-bottom: 0.4rem !important;
}

#product-intro .buttons .button { margin-top: .5rem; }

#product-intro .forthcoming-wrapper {
    display: inline-block;
    vertical-align: top;
    width: 7.8125rem;
}

#product-intro .forthcoming {
    color: #8a8a8a;
    display: inline-block;
    font-size: .6rem;
    margin-top: .25rem;
    text-align: center;
    vertical-align: top;
    width: 7.8125rem;
}

/* inline list style
   ================================== */

#product-toc ul.inline-list li {
    display: inline-block;
    margin-right: .75rem;
}

#product-toc ul.inline-list li:first-child { margin-left: 0; }

#product-toc ul.inline-list li:after {
    background: #df860c;
    content: '';
    display: inline-block;
    height: 5px;
    margin: 0 -9px 0 7px;
    position: relative;
    top: -2px;
    vertical-align: middle;
    width: 5px;
}

#product-toc ul.inline-list li:last-of-type:after { display: none; }

/* basic list style
   ================================== */

#product-intro ul.basic-list,
#product-toc ul.basic-list { padding-left: 1em; }

#product-intro ul.basic-list li,
#product-toc ul.basic-list li {
    display: list-item;
    list-style: square outside;
    margin: .25rem 0;
}

#product-intro ul.basic-list li::marker,
#product-toc ul.basic-list li::marker { color: var(--link-base); }

/* nested list style
   ================================== */

#product-toc ul.nested-list { padding-left: 1em; }

#product-toc ul.nested-list li {
    display: list-item;
    list-style: square outside;
}

#product-toc ul.nested-list li::marker { color: var(--link-base); }

#product-toc ul.nested-list li.sections {
    font-style: italic;
    margin-top: 1rem;
}

#product-toc ul.nested-list li.chapters {
    font-size: .9rem;
    list-style: none;
    margin-bottom: 1rem;
}

/* content
   ========================================================================== */

#product-content p { margin-bottom: 0.6rem; }

/* media attention and praise
   ========================================================================== */

#product-media blockquote,
#product-praise blockquote,
#product-other blockquote {
    color: #b74f00;
    font-style: italic;
    font-weight: 400;
    line-height: 1.6;
}

#product-media blockquote:before,
#product-media blockquote:after,
#product-praise blockquote:before,
#product-praise blockquote:after,
#product-other blockquote:before,
#product-other blockquote:after {
    display: inline;
    font-size: 2rem;
    line-height: .5;
    vertical-align: bottom;
}

#product-media blockquote:before,
#product-praise blockquote:before,
#product-other blockquote:before {
    content: open-quote;
    margin-right: .25rem;
}

#product-media blockquote:after,
#product-praise blockquote:after,
#product-other blockquote:after { content: close-quote; }

#product-media .author,
#product-praise .author,
#product-other .author {
    color: #5a5a5a;
    font-size: .75rem;
    margin: .25rem 0 2rem;
    text-align: right;
}

#product-media .author:last-of-type,
#product-praise .author:last-of-type,
#product-other .author:last-of-type { margin-bottom: 0; }

/* about the author
   ========================================================================== */

#product-author p { margin-bottom: 0.6rem; }

#product-author ul { padding-left: 1em; }

#product-author ul li {
    display: list-item;
    font-size: .875rem;
    list-style: disc outside;
    margin: .25rem 0;
}

/* book cover
   ========================================================================== */

#product-cover figure { text-align: center; }

#product-cover img {
    -moz-box-shadow: 6px 6px 5px 1px rgba(179, 178, 179, 1);
    -webkit-box-shadow: 6px 6px 5px 1px rgba(179, 178, 179, 1);
    border: 1px solid #d7d7d7;
    box-shadow: 6px 6px 5px 1px rgba(179, 178, 179, 1);
    box-sizing: content-box;
}

#product-cover img.no-deco {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
    box-shadow: none;
    box-sizing: border-box;
}

/* book details
   ========================================================================== */

#product-details li {
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.8;
}

#product-details .label {
    color: #8a8a8a;
    font-size: .875rem;
    font-weight: 300;
    vertical-align: top;
}

#product-details .indent {
    display: inline-block;
    text-transform: uppercase;
    width: 85%;
}

/* ==========================================================================
   responsive breakpoint styles
   ========================================================================== */

/* styles for large screens (1200px)
   ========================================================================== */

@media all and (max-width: 1200px) {
}

/* styles for medium screens (900px)
   ========================================================================== */

@media all and (max-width: 900px) {
    #product-details {
        border-bottom: 1px solid #d7d7d7;
        margin-bottom: 2rem;
        padding-bottom: 2rem;
    }
}

/* styles for small screens (600px)
   ========================================================================== */

@media all and (max-width: 600px) {
}

/* styles for minimum supported screen width (320px)
   ========================================================================== */

@media all and (max-width: 320px) {
}

/* printer styles
   ========================================================================== */

@media print {
}