/*//////////////////////// fonts! ////////////////////////*/

@font-face { font-family: "MadafSymbols"; src: url( "/National_Library/oe_/https://madaf.art/assets/fonts/MadafSymbols-Regular.woff2?v=7" ) format( "woff2" ); }
@font-face { font-family: "Masada";      font-weight: 300; src: url("/National_Library/oe_/https://madaf.art/assets/fonts/mlight.woff2")  format("woff2"); }
@font-face { font-family: "Masada";      font-weight: 400; src: url("/National_Library/oe_/https://madaf.art/assets/fonts/mbook.woff2")   format("woff2"); }
@font-face { font-family: "Masada";      font-weight: 500; src: url("/National_Library/oe_/https://madaf.art/assets/fonts/mmedium.woff2") format("woff2"); }
@font-face { font-family: "Masada";      font-weight: 700; src: url("/National_Library/oe_/https://madaf.art/assets/fonts/mbold.woff2")   format("woff2"); }
@font-face { font-family: "SimplerMono"; font-weight: 400; src: url("/National_Library/oe_/https://madaf.art/assets/fonts/smono.woff2")   format("woff2"); }

/*//////////////////////// root ///////////////////////////*/

*, *::before, *::after { box-sizing: border-box; }
* { margin: 0; }
html { height: 100%; }
body { line-height: 1.3; -webkit-font-smoothing: antialiased; }
img, picture, video, canvas, svg { display: block; max-width: 100%; }
input, button, textarea, select { font: inherit; }
p, h1, h2, h3, h4, h5, h6 { font-weight: inherit; font-size: 1em; }
ul { list-style: none; padding: 0; }
a { color: inherit; text-decoration: none; }
details summary::marker { content: none; }
::-webkit-details-marker { display: none; }
fieldset { padding: 0; border: none; min-inline-size: 0; }

input[type="checkbox"] + label,
button {
    cursor: pointer;
    color: inherit;
}

/* clears the ‘X’ from Internet Explorer */
input[type=search]::-ms-clear { display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal { display: none; width : 0; height: 0; }
/* clears the ‘X’ from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }

.text-button {
    appearance: none;
    border: none;
    padding: 0;
    background: none;
}

.tags {
    display: flex;
}

/*//////////////////////// typography ///////////////////////////*/

body {
    --static-header-height: 120px;
    --header-height: 120px;
    --outer-margin: 65px;
    --mono-word-space: -0.15em;
    --bg-color: white;
    font-family: "Masada", serif;
    background-color: var(--bg-color);
}

.site-header,
.main-footer-row,
main {
    margin: 0 auto;
    padding: 0 var(--outer-margin);
    max-width: 1790px;
}

@media ( max-width: 960px ) {
    body {
        --outer-margin: 15px;
    }
}

.language-link {
    font-family: "SimplerMono", sans-serif;
    text-transform: lowercase;
}

.site-title {
    display: flex;
    font-size: 1.5rem;
    line-height: 1;
    font-weight: 500;
    /* transition: all 250ms; */
    direction: rtl !important;
}

.site-tagline {
    font-weight: 300;
    font-size: 1.25rem;
    line-height: 1;
    margin: 0 2rem;
    cursor: pointer;
}

.site-navigation {
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1;
}

.site-navigation a {
    padding-bottom: 14px;
    border-bottom: 5px solid rgba(0, 0, 0, 0);
}

.site-navigation .language-link {
    padding-bottom: 10px;
}

.site-footer {
    font-weight: 400;
    font-size: 1rem;
    line-height: 2;
}

.magazine .mag-item-link {
    color: white;
}

.magazine .mag-item-link .mag-item-quote {
    font-weight: 700;
    font-size: 1.875rem;
    line-height: 1;
    width: 70%;
    z-index: 2;
}

.footer-credits-and-site-info {
    font-size: 0.75rem;
    line-height: 1.2;
    opacity: 0.4;
}

.search-options, .search-tags {
    font-family: "SimplerMono";
    word-spacing: var(--mono-word-space);
}

.search-options {
    font-size: 16px;
    line-height: 1.25;
}

.search-tags {
    font-size: 14px;
    line-height: 1.57;
}

.search-box input,
.search-box button {
    font-size: 18px;
}

.index-book-list:not(.list) .index-item-image figcaption .index-item-data {
    font-size: 22px;
    font-weight: bold;
    color: white;
}

.index-item-data-year {
    font-family: 'SimplerMono';
}

.index-book-list:not(.list) .index-item-image figcaption .index-item-data-year {
    font-size: 16px;
    line-height: 1.5;
}

.index-book-list.list .index-item-data > *:not(.index-item-data-title, .index-item-data-artist) {
    font-family: "SimplerMono";
    font-size: 16px;
    line-height: 1.25;
    word-spacing: var(--mono-word-space);
}

.index-book-list.list .index-item-data > :is(.index-item-data-title) {
    font-weight: 500;
}

.index-book-list.list .index-top-row .index-item-data > * {
    font-family: "SimplerMono";
    font-size: 14px;
    line-height: 1.57;
    word-spacing: var(--mono-word-space);
}

.book-table-title {
    font-weight: 300;
    font-size: 32px;
    line-height: 1.25;
}

.book-table-artist {
    font-weight: 300;
    font-size: 24px;
    line-height: 1.5;
}

.book-table-year {
    font-family: 'SimplerMono';
    font-size: 14px;
    margin-top:4px;
    word-spacing: var(--mono-word-space);
}

.book-table-subhead {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.25;
}

.book-table .open-info-button,
.book-table .mobile-close-info-button {
    font-family: "SimplerMono";
    font-size: 13px;
    line-height: 1.54;
    color: rgba(19, 20, 21, 1);
    word-spacing: var(--mono-word-space);
}

.book-table-info-description {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
}

.book-table-info-details,
.book-table-info-links,
.book-table-info-artist {
    font-family: "SimplerMono";
    word-spacing: var(--mono-word-space);
    font-size: 14px;
    line-height: 1.71;
}

.mag-article-super {
    font-family: "SimplerMono";
    word-spacing: var(--mono-word-space);
    font-size: 16px;
    line-height: 1.25;
}

.mag-article-title,
.mag-article-subhead {
    font-size: 38px;
    line-height: 1.16;
    color: rgba(19, 20, 21, 1);
}

.mag-article-title {
    font-weight: bold;
}

.mag-article-header-meta {
    font-family: "SimplerMono";
    word-spacing: var(--mono-word-space);
    font-size: 14px;
    line-height: 1.57;
}

.mag-interview-text p {
    font-size: 19px;
    line-height: 1.58;
    color: rgba(47, 47, 47, 1);
}

.mag-interview-text.mini p {
    font-size: 16px;
}

.mag-interview-blocks p {
    font-size: 22px;
    line-height: 1.36;
    color: rgba(47, 47, 47, 1);
}

.mag-interview-blocks figcaption {
    font-size: 15px;
    line-height: 1.42;
    color: rgba(47, 47, 47, 1);
}

.mag-footnotes {
    font-size: 15px;
    line-height: 1.6;
}

.mag-article-artist p {
    font-family: "SimplerMono";
    word-spacing: var(--mono-word-space);
    font-size: 15px;
    line-height: 1.5;
}

.footnote-hover p {
    font-size: 13px;
    line-height: 1.46;
}

.related-stuff .related-title {
    font-size: 18px;
    font-weight: 550;
    line-height: 1;
    letter-spacing: 4px;
}

.related-item-title,
.related-book-title {
    font-weight: 550;
    font-size: 18px;
    line-height: 1.11;
    color: rgba(19, 20, 21, 1);
}

.related-book-artist {
    font-size: 18px;
    line-height: 1;
    color: rgba(19, 20, 21, 1);
}

.related-item-title,
.related-item-subhead {
    color: rgba(35, 31, 32, 1);
}

.related-item .tags-list {
    font-family: "SimplerMono";
    word-spacing: var(--mono-word-space);
    font-size: 14px;
    line-height: 1.57;
}

.about-title,
.about-subhead {
    font-size: 32px;
    line-height: 1;
    color: rgba(19, 20, 21, 1);
}

.about-header p {
    font-size: 20px;
    line-height: 1.5;
    color: rgba(47, 47, 47, 1);
}

.about-col p {
    font-size: 16px;
    line-height: 1.5;
    color: rgba(47, 47, 47, 1);
}

.team-member-info {
    font-weight: 550;
    font-size: 18px;
    line-height: 1.33;
    color: rgba(47, 47, 47, 1);
}

.thanks-item p,
.team-member-bio p {
    font-size: 16px;
    line-height: 1.375;
    color: rgba(47, 47, 47, 1);
}

.book-rec-title {
    font-size: 16px;
    line-height: 1.2;
    font-weight: bold;
}

.book-rec-year {
    font-family: "SimplerMono";
    word-spacing: var(--mono-word-space);
}

.book-rec-link {
    font-family: "SimplerMono";
    word-spacing: var(--mono-word-space);
    font-size: 12px;
    line-height: 20px;
}

.results-col.no-results {
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 1.2;
    letter-spacing: 0.1em;
    color: rgba(226, 226, 226, 1);
}

a.phone {
    direction: ltr;
}

/*//////////////////////// header ///////////////////////////*/

.site-header {
    position: relative;
    margin-bottom: 24px;
    position: fixed;
    top: 0; left: 0; right: 0;
    background: var(--bg-color);
    z-index: 100;
    min-height: var(--header-height);
    transition: min-height 250ms;
    overflow: hidden;
}

.site-header::after {
    content: "";
    display: block;
    position: absolute;
    left: var(--outer-margin); right: var(--outer-margin);
    bottom: 0;
    z-index: 100;
    border-bottom: 1px solid black;
}

body.search-page,
body.in-search {
    --header-height: 285px;
}

body.in-search.header-scrolled {
    --header-height: 300px;
}

.white-space-header {
    position: absolute;
    display: none;
    background-color: rgba(255, 255, 255);
    bottom: 0;
    width: 100%;
    height: 62px;
}

body.search-page .white-space-header{
    display: block;
}

.load-tags-btn {
    margin-top: 15px;
    transition: all 250ms;
    margin-inline-start: 170px;
    background-color: white;
    border: 0px;
}

body.in-search.header-scrolled .load-tags-btn{
    margin-inline-start: 80px;
}

@media(max-width: 640px){
    .load-tags-btn, .body.in-search.header-scrolled .load-tags-btn {
        margin-inline-start: 0px;
    }
}

body.in-search .white-space-header {
    display: block;
}

body.all-tags-loaded  .white-space-header{
    display: none;
}

main {
    margin-top: calc( var(--header-height) + 24px );
    transition: margin-top 250ms;
}

body.interview-page main {
    margin-top: calc( var(--header-height ) );
}

.site-header-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    /* padding-bottom: 1rem; */
    min-height: var(--static-header-height);
    transition: min-height 250ms;
}

.site-navigation {
    margin-bottom: 1rem;
}

.site-title {
    margin-bottom: calc(1rem - 4px);
}

.site-tagline {
    margin-bottom: calc(1rem - 2px);
}

body.header-scrolled .site-title{
    margin-bottom: calc(0.5rem - 2px);
}

body.header-scrolled .site-tagline {
    margin-bottom: calc(0.5rem + 2px);
}

body.header-scrolled .site-navigation {
    margin-bottom: 0.5rem;
}

.site-tagline, .site-navigation, .search-btn {
    transition: font-size 250ms;
}

body.header-scrolled:not(.in-search, .search-page) {
    --static-header-height: 52px;
    --header-height: 52px;
}

body.header-scrolled .site-tagline, body.header-scrolled .site-navigation, body.header-scrolled .site-title {
    font-size: 1rem ;
}

/* body.header-scrolled .site-header-row {
    padding-bottom: 0.5rem;
} */

body.header-scrolled .site-navigation .page-links ul li[aria-current]::before {
    bottom: calc( -0.5rem - 1px );
}

body.header-scrolled .search-btn::before {
    font-size: 24px;
}

html[dir="rtl"] body.header-scrolled #search_form {
    right: calc( 80px + var(--outer-margin) );
}

html:not([dir="rtl"]) body.header-scrolled #search_form {
    left: calc( 80px + var(--outer-margin) );
}

body.header-scrolled .site-navigation a {
    padding-bottom: 5px;
}

body.header-scrolled .site-navigation .language-link {
    padding-bottom: 4px;
}

html:lang(en) body.header-scrolled .site-navigation .language-link {
     
        padding-bottom: 3px;

}


/* body.header-scrolled:not(.in-search, .search-page) .site-header,
body.header-scrolled:not(.in-search, .search-page) .site-header-row {
    min-height: 42px;
} */

/* body.in-search .site-header-row, body.search-page .site-header-row {
    min-height: 140px;
} */



/* ..srhink title.. */

.site-title-language-he{
    min-width: 100px;
}
.site-title-language-en {
    /* min-width: 50px; */
    margin-right: 0;
    font-size: .9em;
    transition: margin-right 250ms;
}

.hide-title-en {
    overflow: hidden;
}
.hide-title-he {
    display: flex;
    overflow: hidden;
    max-width: 2.9ch;
    transition: max-width 250ms;
}
body.header-scrolled .hide-title-he {
    max-width: 1ch;
}
body.header-scrolled .site-title-language-en {
    margin-right: -3.6ch;
}




.site-navigation, 
.site-masthead > a {
    display: flex;
}

.site-masthead > a {
    align-items: baseline;
}

.site-navigation {
    align-items: center;
}

.site-masthead {
    display: flex;
        flex-direction: row;
    align-items: center;
}


.site-title > :not(:last-child) {
    margin-inline-end: .75rem;
}

body.in-search .site-navigation .page-links {
    opacity: 0;
    visibility: hidden;
}

.site-navigation .page-links ul li {
    margin-inline-end: 2rem;
    position: relative;
}

.site-header .page-links ul {
    display: flex;
    align-items: baseline;
}

.site-navigation .page-links ul li[aria-current]::before {
    content: "";
    position: absolute;
    left: 0; width: 100%; bottom: calc( -1rem - 2px );
    border-bottom: 5px solid black;
}

.search-btn::before {
    content: "🔍";
    font-family: "MadafSymbols";
    font-size: 32px;
    line-height: 20px;
}

.search-btn:hover::before {
    font-feature-settings: "ss01" on;
}

body.search-page .search-btn {
    display: none;
}

body.in-search .search-btn::before {
    content: "×";
}

#search_form {
    position: absolute;
    top: 61px;
    background: var(--bg-color);
    display: grid;
    grid-template-columns: minmax( 320px, 2fr ) minmax( 120px, 1fr );
    grid-template-rows: auto auto;
    grid-template-areas: "text options"
        "tags tags";
    gap: 26px 30px;
    visibility: hidden;
    opacity: 0;
    transition: visibility 250ms, opacity 250ms, right 250ms, left 250ms;
}

body.header-scrolled #search_form {
    margin-top: 8px;
}

html[dir="rtl"] #search_form {
    right: calc( 170px + var(--outer-margin) );
    left: 100px;
}

html:not([dir="rtl"]) #search_form {
    left: calc( 170px + var(--outer-margin) );
    right: 100px;
}

body.in-search #search_form,
body.search-page #search_form {
    visibility: visible;
    opacity: 1;
}

#search_form .search-text { grid-area: text; }
#search_form .search-options { grid-area: options; }
#search_form .search-tags { grid-area: tags; }

#search_form .search-box {
    display: flex;
    min-height: 67px;
    border: 1px solid black;
}

#search_form .search-box:focus-within {
    border-width: 2px;
}

#search_form .search-box input[type="search"] {
    flex: 1;
    border: none;
    padding-inline-start: 18px;
    background-color: #ffffff00;
}

#search_form .search-box input[type="search"]:focus-visible {
    outline: none;
}

#search_form .search-options input[type="checkbox"] {
    display: none;
}

#search_form .search-options-sections {
    display: flex;
    align-items: center;
}

#search_form .search-options input[type="checkbox"] + .checkbox-label {
    position: relative;
    display: flex;
    align-items: center;
    margin-inline-end: 23px;
}

#search_form .search-options .search-options-years input[type="checkbox"] + .checkbox-label {
    margin-inline-end: .5em;
}

#search_form .search-options input[type="checkbox"] + .checkbox-label::before {
    content: "";
    display: inline-block;
    width: 23px; height: 23px;
    border: 1px solid black;
    margin-inline-end: 8px;
}

#search_form .search-options input[type="checkbox"]:checked + .checkbox-label::after {
    content: "×";
    position: absolute;
    top: -2px; right: -4px;
    font-family: "MadafSymbols";
    font-size: 33px;
    line-height: 23px;
}

html:not([dir="rtl"]) #search_form .search-options input[type="checkbox"]:checked + .checkbox-label::after {
    right: auto; left: -4px;
}

#search_form .search-box button {
    background: none;
    border: none;
    margin-inline-end: 23px;
}

#search_form .search-options {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#search_form .search-options-years {
    display: flex;
    white-space: nowrap;
}

#search_form .search-options-years .search-years {
    display: none;
}

#search_form .search-options-years .search-years-active {
    display: block;
}

#search_form .search-options-years input[type="number"] {
    border: none;
    border-bottom: 1px solid black;
    -moz-appearance: textfield;
    width: 42px;
    text-align: center;
}

#search_form .search-options-years input[type="number"]::-webkit-outer-spin-button,
#search_form .search-options-years input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#search_form .search-tags {
    display: flex;
    flex-wrap: wrap;
}

#search_form .search-tags input[type="checkbox"] {
}

#search_form .search-tags input[type="checkbox"] + .checkbox-label {
    display: inline-block;
    border: 1px solid black;
    padding: 4px;
    background: var(--bg-color);
    cursor: pointer;
    margin-inline-end: 5px;
    margin-bottom: 4px;
}

#search_form .search-tags input[type="checkbox"]:checked + .checkbox-label {
    background: black;
    color: var(--bg-color);
}



/*//////////////////////// home ///////////////////////////*/

.columns-layout {
    position: relative; 
}

.columns-layout .columns-container {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
}

body.interview-page .interview-article .columns-container,
body.recommend-page .five-books .columns-container,
body.book-page .book-table .columns-container {
    flex-direction: row;
}


.columns-layout .columns-container > * {
    /* transition: opacity 250ms, flex 250ms, min-width 250ms, transform 250ms; */
    transition: all 250ms;
}

.home-page .columns-layout .columns-container > * {
    --opacity: 1;
    --y: 0;
}

.home-page .columns-layout .columns-container > *::before {
    content: "";
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    z-index: 50;
    pointer-events: none;
    background: white;
    opacity: calc( 1 - var(--opacity) ); 
}

body.edit-column-mode .columns-layout .columns-container > * { 
    transition: opacity 250ms;
}

html[dir="rtl"] .columns-layout .columns-container > .squish:first-child > * {
    transform: translateX( calc( ( var(--max-column-width) - var(--column-width) + 1 ) * 1px ) );
}

html:not([dir="rtl"]) .columns-layout .columns-container > .squish:first-child > * {
    transform: translateX( calc( ( var(--max-column-width) - var(--column-width) + 1 ) * -1px ) );
}

.home-split-index-mag .columns-container .magazine.squish {
    --column-width: 320;
    --max-column-width: 320;
}

body.search-page .mag-results-col,
body.home-page .magazine {
    width: 50%;
    min-width: 320px;
    padding-inline-end: 30px;
    position: sticky;
}

body.home-page .magazine > * {
    min-width: 290px;
    transform-origin: left top;
    transition: transform 250ms;
}



html[dir="rtl"] body.home-page .magazine > * {
    transform-origin: right top;
}


body.home-page .magazine.squish > * {
    transition: none;
}

body.home-page .mag-item {
    height: 450px;
    width: 100%;
    min-width: 300px;
}

body.home-page .mag-item:after {
    content: '';
    width: 100%;
    position: absolute;
    height: 30%;
    top: 0;
    right: 0;
    background: linear-gradient(180deg, rgb(43 45 47 / 50%) 0%, rgb(19 20 21 / 0%) 100%);
    z-index: 0;
}

body.search-page .book-results-col,
body.home-page .index-and-filtering {
    min-width: 185px;
    width: 50%;
    padding-inline-start: 30px;
    position: sticky;
}

body.home-page .index-and-filtering > * {
    min-width: 155px;
    transform-origin: left top;
    transition: transform 250ms;
}

html[dir="rtl"] body.home-page .index-and-filtering > * {
    transform-origin: right top;
}

body.home-page .index-and-filtering.squish > * {
    transition: none;
}

.home-split-index-mag .columns-container > .index-and-filtering.squish {
    --column-width: 185;
    --max-column-width: 185;
}

.index-filtering-menu,
.index-commands {
    display: flex;
}

.index-filtering-menu {
    position: relative;
    justify-content: space-between;
    margin-bottom: 5px;
}

.index-order-dropdown {
    position: relative;
    margin-inline-end: 10px;
}

.index-order-dropdown-container {
    visibility: hidden;
    position: absolute;
    top: 30px; left: 0;
    z-index: 100;
    width: 129px;
    padding: 10px 10px 10px;
    background: var(--bg-color);
    border: 1px solid #DAD6D3;
    border-radius: 4px;
    font-family: 'SimplerMono';
}

.index-order-dropdown-container h3,
.index-order-dropdown-menu input[type="radio"] + label {
    display: block;
    min-height: 30px;
    font-size: 14px;
    line-height: 30px;
}
.index-order-dropdown-container h3 {
    color: gray;
}

.index-order-dropdown-container label {
    cursor: pointer !important;
}

.index-order-dropdown-container li:hover {
    background: #e8e8e8;
}

.index-order-dropdown-menu input[type="radio"] + label {
    display: flex;
    justify-content: space-between;
}

.index-order-dropdown-menu input[type="radio"]:focus-visible + label {
    outline: 1px dotted;
}

.index-order-dropdown-menu input[type="radio"]:checked + label {
    background: #e8e8e8;
}

.index-order-dropdown-menu input[type="radio"]:not(#index_orderby_random):checked + label::after {
    content: "↑";
}

#index_order_asc:checked + .index-order-dropdown-menu input[type="radio"]:not(#index_orderby_random):checked + label::after {
    content: "↓";
}

#index_order_dropdown_toggle[aria-expanded="true"] + .index-order-dropdown-container {
    visibility: visible;
}

.home-book-link {
    width: 25%;
}

.home-book-item {
    height: 138px;
    width: 100%;
    max-width: 115px;
}

.edit-column-handle {
    position: absolute;
    left: calc( 50% - 3px ); height: calc( 100% + 64px ); top: -64px; bottom: 0;
    min-width: 6px;
    border: none;
    border-inline-start: 1px solid black;
    border-inline-end: 1px solid black;
    padding: 0;
    background: var(--bg-color);
    z-index: 50;
    /* cursor: url("/National_Library/oe_/https://madaf.art/assets/images/cursor-move.png") 20 16, grab; */
    cursor: none;
    transition: border-width 100ms, min-width 100ms, transform 100ms;
}

.edit-column-marker {
    visibility: hidden;
    position: absolute;
    top: 0; left: 0;
    width: 43px; height: 20px;
    background-image: url( "/National_Library/oe_/https://madaf.art/assets/images/edit-column-marker.svg" );
    background-position: center center;
    background-size: contain;
    pointer-events: none;
}

body.edit-column-mode {
    cursor: none;
}

body.edit-column-mode .edit-column-marker,
.edit-column-handle:hover + .edit-column-marker {
    visibility: visible;
}

body.recommend-page .edit-column-handle,
body.interview-page .edit-column-handle {
    height: 100%;
    top: 0;
}

/* body.edit-column-mode,
body.edit-column-mode .edit-column-handle.active {
    cursor: url("/National_Library/oe_/https://madaf.art/assets/images/cursor-move.png") 20 16, grabbing;
} */

.edit-column-handle:hover,
body.edit-column-mode .edit-column-handle.active {
    border-inline-start: 3px solid black;
    min-width: 10px;
    border-inline-end: 3px solid black;
    transform: translateX(-2px);
}

body.edit-column-mode .columns-container > * {
    min-width: 0 !important;
    overflow-x: hidden;
}

.column-pending-hide {
    min-width: 0 !important;
    /* opacity: .25; */
    /* overflow-x: hidden; */
}

.column-pending-hide.hide-column {
    flex-basis: 0 !important;
    opacity: 0 !important;
}

.column-pending-hide::after {
    content: "→";
    font-family: "MadafSymbols";
    font-size: 150px;
    line-height: 1;
    font-feature-settings: "ss01" on;
    position: absolute;
    top: var(--y);
    left: 50%;
    z-index: 1000;
    transform: translateX(-50%);
}

html:not([dir="rtl"]) .column-pending-hide::after {
    content: "←";
}

.index-and-filtering.column-pending-hide::after {
    content: "←";
}

html:not([dir="rtl"]) .index-and-filtering.column-pending-hide::after {
    content: "→";
}

/*//////////////////////// Magazine ///////////////////////////*/

.magazine {
    width: 100%;
    display: grid;
    grid-template-columns: repeat( auto-fill, minmax( 410px, 1fr ) );
    grid-auto-rows: 440px;
    gap: 15px;
    position: relative;
    padding-bottom: 80px;
}

.load-more {
    grid-column: 1 / -1; 
    height: 80px;
    width: 100%;
    position: absolute;
    bottom: 0;
    background-color: #ffffff00;
    border: 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    
}

.load-more button, .load-more-books {
    border: 0px;
    padding: 0px;
    background-color: white;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
}

.load-more button:hover, .load-more-books:hover {
    border-bottom: 1px solid rgba(0, 0, 0);
}

.load-more-books span, .load-more span {
    font-size: 13px;
}

.mag-sorting-menu , .mag-sorting-item-label{
    display: flex;
    align-items: center;
}

.mag-sorting-menu {
    margin: 24px 0px;
}

.mag-sorting-menu li {
    display: flex;
}

.mag-sorting-item-label {
    cursor: pointer;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
}

/* .mag-sorting-item-label::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 4px;
    background-color: #000;
    margin: 0px 8px;
    pointer-events: none;
} */

.mag-sorting-item-label:hover {
    border-bottom-color: rgb(0, 0, 0);
}

.dot {
    width: 4px;
    height: 4px;
    border-radius: 4px;
    background-color: #000;
    margin: 0px 8px;
    margin-top: 7px;
    pointer-events: none; 
}

/* .mag-sorting-menu > li:first-child .mag-sorting-item-label::before {
    content: none;
} */

.mag-sorting-menu input[type="radio"]:checked + .mag-sorting-item-label {
    border-bottom-color: rgb(0, 0, 0);
}


.magazine.mini {
    grid-template-columns: 1fr;
}

.mag-item-link {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.mag-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    height: 440px;
    padding: 20px 25px;
}

.mag-item-image img {
    position: absolute;
    z-index: -10;
    top: 0; left: 0; right: 0; bottom: 0;
    width: 100%; height: 100%;
    object-fit: cover;
    transition: transform 250ms;
}

.mag-item-image::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0; left: 0; right: 0; bottom: 0;
    height: 100%;
    mix-blend-mode: multiply;
    background-image: linear-gradient( #cbcbcb, transparent, #cbcbcb );
}

.mag-item-info {
    position: absolute;
    bottom: 10px;
    display: flex;
    align-items: baseline;
    right: 0; left: 0;
    padding-inline-start: 20px;
    padding-inline-end: 20px;
}

.magazine.mini .mag-item-info .mag-item-title {
    width: 100%;
}

.magazine:not(.mini) .mag-item-info .mag-item-artist {
    margin-inline-end: .5ch;
}

.magazine:not(.mini) .mag-item-info .mag-item-artist::after {
    content: "| ";
    margin-inline-start: .5ch;
}

.mag-item-info .mag-item-category {
    font-size: .9rem;
    margin-inline-start: auto;
    font-family: 'SimplerMono';
    word-spacing: var(--mono-word-space);
}

.magazine.mini .mag-item-category {
    position: absolute;
    right: 0; left: 0; bottom: 0;
    padding-inline-start: 20px;
    padding-inline-end: 20px;
    text-align: end;
}

.magazine.mini .mag-item-info {
    flex-wrap: wrap;
}

/*//////////////////////// Books ///////////////////////////*/


.index {
    position: relative;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-items: stretch;
    padding-bottom: 80px;
}

.index.no-more-books {
    padding-bottom: 0px;
}


.index-load-more-item{
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 80px;
    display: grid;
    place-content: center;
}

.index-load-more-item button {
    background-color: #ffffff00;
    border: 0px;
}


.index-book-list:not(.list) {
    display: grid;
    grid-template-columns: repeat( auto-fill, minmax( 155px, 1fr ) );
    grid-auto-rows: 200px;
    /* flex-wrap: wrap; */
    width: 100%;
    border-top: 1px solid black;
    border-inline-start: 1px solid black;
}

.index-book-list:not(.list) .index-top-row,
.index-book-list.list.mini .index-top-row {
    display: none;
}

.index-book-list:not(.list) .index-book-item a {
    /* width: 12% */
    display: block;
    height: 100%;
    position: relative;
    border-bottom: 1px solid black;
    border-inline-end: 1px solid black;
}

.index-book-list.list .index-item-image img {
    display: none;
}

.index-item-image img {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    object-fit: cover;
    z-index: -1;
}

.index-book-list:not(.list) .index-item-image figcaption {
    position: absolute;
    width: 100%; height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 250ms, visibility 250ms;
}

.index-book-list:not(.list) .index-item-image figcaption .index-item-data {
    display: flex;
    height: 100%;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    background: rgba(72, 72, 72, 0.79);
}

.index-top-row .index-item-data,
.index-book-list.list .index-item-image figcaption .index-item-data {
    display: flex;
    padding: 26px 0 20px;
    border-bottom: 1px dashed #7A7A7A;
}

.index-book-list.list.mini .index-item-image figcaption .index-item-data {
    flex-wrap: wrap;
}

.index-top-row .index-item-data > *,
.index-book-list.list .index-item-image figcaption .index-item-data > * {
    flex: 1;
}

.index-top-row .index-item-data > *:not(:first-child),
.index-book-list.list .index-item-image figcaption .index-item-data > *:not(:first-child) {
    margin-inline-start: 10px;
}
.index-book-list.list.midi .index-top-row .index-item-data > *:not(.index-item-data-title, .index-item-data-artist, .index-item-data-year),
.index-book-list.list.midi .index-item-image figcaption .index-item-data > *:not(.index-item-data-title, .index-item-data-artist, .index-item-data-year),
.index-book-list.list.mini .index-item-image figcaption .index-item-data > * {
    display: none;
}

.index-top-row .index-item-data > .index-item-data-title,
.index-book-list.list .index-item-image figcaption .index-item-data > .index-item-data-title {
    flex: 2.5;
}

.index-book-list.list.mini .index-item-image figcaption .index-item-data > .index-item-data-title {
    display: block;
    flex-basis: 100%;
}

.index-top-row .index-item-data > .index-item-data-artist,.index-top-row .index-item-data > .index-item-data-designers,
.index-book-list.list .index-item-image figcaption .index-item-data > .index-item-data-designers {
    flex: 1.5;
}

.index-top-row .index-item-data > .index-item-data-artist,
.index-book-list.list .index-item-image figcaption .index-item-data > .index-item-data-artist {
    flex: 1.5;
}

.index-book-list.list.mini .index-item-image figcaption .index-item-data > .index-item-data-artist,
.index-book-list.list.mini .index-item-image figcaption .index-item-data > .index-item-data-year {
    display: block;
    flex: 0 0 auto;
}

.index-book-list:not(.list) .index-item-image figcaption .index-item-data > * {
    display: none;
}

.index-book-list:not(.list) .index-item-image figcaption .index-item-data > .index-item-data-artist,
.index-book-list:not(.list) .index-item-image figcaption .index-item-data > .index-item-data-year {
    display: block;
    padding: 0 12px;
}

.index-book-list:not(.list) .index-book-item a:hover figcaption {
    opacity: 1;
    visibility: visible;
}

.index-book-list:not(.list) .index-book {
    height: 138px;
    width: 100%;
}

#index_order_dropdown_toggle {
    font-family: "MadafSymbols";
    font-size: 24px;
    line-height: 1;
}

input#index_display_list + label::before {
    content: "📋";
    font-family: "MadafSymbols";
    font-size: 24px;
    line-height: 1;
}

input#index_display_list:focus-visible + label {
    outline: 1px dotted;
}

input#index_display_list:checked + label::before {
    content: "🖼";
}

.index-tooltip-button {
    font-weight: 500;
    font-size: 17px;
    line-height: 22px;
    border: 1px solid black;
    width: 22px; height: 22px;
    border-radius: 22px;  
    position: relative; 
}

.index-tooltip-button span {
    position: absolute;
    top: 59%;
    left: 49%;
    transform: translate(-50%,-50%);
}

.index-tooltip-button[aria-expanded="true"],
.index-tooltip-button:hover {
    background: black;
    color: white;
}

.index-tooltip-button + .tooltip-box {
    position: absolute;
    top: 30px;
    z-index: 1000;
    max-width: 200px;
    background: white;
    border: 1px solid #c0c0c0;
    border-radius: 4px;
    padding: 6px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 250ms, visibility 250ms;
}

html[dir="rtl"] .index-tooltip-button + .tooltip-box {
    right: 0;
}

html:not([dir="rtl"]) .index-tooltip-button + .tooltip-box {
    left: 0;
}

.index-tooltip-button:hover + .tooltip-box,
.index-tooltip-button[aria-expanded="true"] + .tooltip-box {
    display: block;
    opacity: 1;
    visibility: visible;
}


/*//////////////////////// Book Page ///////////////////////////*/

.book-table .edit-column-handle {
    transition: border-width 100ms, min-width 100ms, transform 100ms, visibility 250ms;
}

.book-table-info {
    padding-inline-end: 15px;
    padding-bottom: 40px;
    min-width: 320px;
    flex-basis: 35%;
    position: sticky;
    /* min-height: calc( 100vh - 100px ); */
    top: calc( var(--header-height) + 20px );
    transition: min-width 250ms, top 250ms;
}

.book-table:not(.collapsed) .book-table-info.inner-scroll {
    height: calc( 100vh - var(--header-height ) - 24px );
}

.book-table:not(.collapsed) .book-table-info.inner-scroll .book-table-info-inner {
    height: calc( 100vh - var(--header-height ) - 24px );
    overflow: hidden auto;
}

.book-table.collapsed .book-table-info {
    top: 100px !important;
    min-height: 0;
    height: 250px;
    overflow: hidden;
}

.book-table-images {
    flex-basis: 65%;
    padding-inline-start: 30px;
    min-width: 50%;
    position: sticky;
    min-height: 100vh;
    top: 0;
    transition: min-width 250ms;
}

.book-images-list .book-image-item {
    margin: 0 0 52px;
}

.book-images-list .book-image-item img,  .enlarge-flickity figure img {
    display: block;
    max-width: 850px;
    margin: 0 auto;
    width: 100%;
    cursor: pointer;
}

.book-table {
    border-bottom: 1px solid black;
}

.book-table-info .close-info-button:not(.mobile-close-info-button) {
    position: absolute;
    top: 0;
    font-family: "MadafSymbols";
    font-size: 24px;
}

.book-table-info .book-table-title {
    margin-inline-end: 40px;
    font-weight: 700;
}

.book-table-info .mobile-close-info-button {
    display: none;
}

html[dir="rtl"] .book-table-info .close-info-button:not(.mobile-close-info-button) {
    left: 40px;
}

html:not([dir="rtl"]) .book-table-info .close-info-button:not(.mobile-close-info-button) {
    right: 40px;
}

.book-table.collapsed .book-table-info .close-info-button {
    display: none;
    /* opacity: 0; */
    /* visibility: hidden; */
}

.book-table-info .close-info-button::before {
    content: "×";
}

.book-table:not(.collapsed) .book-table-info .open-info-button {
    display: none;
}

.book-table.collapsed .open-info-button {
    margin-top: 20px;
}

.book-table .book-table-info .open-info-button::after {
    content: "🢐";
    font-family: "MadafSymbols";
    font-size: 24px;
    vertical-align: middle;
    margin-inline-start: 10px;
}

html:not([dir="rtl"]) .book-table .book-table-info .open-info-button::after {
    content: "🢒";
}

.book-table.collapsed .book-page-subhead,
.book-table.collapsed .book-table-info-description,
.book-table.collapsed .book-table-info-details,
.book-table.collapsed .book-table-info-links,
.book-table.collapsed .edit-column-handle {
    visibility: hidden;
    opacity: 0;
}

.book-table.collapsed .book-table-info-header {
    border-bottom: none !important;
}

.book-table.collapsed .book-table-info {
    flex-basis: 250px !important;
}

.book-table.collapsed .book-table-images {
    flex-basis: calc( 100% - 250px ) !important;
}

.book-table-info p {
    max-width: 470px;
}

.book-table-info .book-table-info-inner::-webkit-scrollbar {
    display: none;
}

@media ( hover: hover ) {
    .book-table-info .book-table-info-inner::-webkit-scrollbar {
        display: block;
        width: 5px;
        margin-inline-start: 15px;
        background-color: transparent;
    }

    .book-table-info .book-table-info-inner::-webkit-scrollbar-thumb {
        opacity: 0;
        transition: opacity 250ms;
    }
    
    .book-table-info:hover .book-table-info-inner::-webkit-scrollbar-thumb {
        opacity: 1;
        background-color: rgba( 0, 0, 0, 15% );
    }    
}

.book-table-info .book-table-info-inner > * {
    padding: 0 0 40px;
    margin: 0 0 40px;
    margin-inline-end: 15px;
}

.book-table-info .book-table-info-inner > *:not(:last-child) {
    border-bottom: 1px solid black;
}

.book-table-info-description p {
    margin-bottom: 1em;
}

.book-table-info .book-colophon-list {
    margin: 0 0 42px;
}

.book-table-info .book-colophon-list .book-colophon-item {
    display: block;
}

/* .book-table-info .book-colophon-list .book-colophon-item:not(:last-child)::after {
    content: " / ";
} */

.tags-list .tag-item {
    display: inline-block;
    padding: 2px 7px;
    margin-bottom: 8px;
    border: 1px solid rgba( 0, 0, 0, .5 );
}

.book-table-info-header .book-page-subhead {
    margin-top: 18px;
}

.book-table-info-links .book-purchase-links {
    display: flex;
    margin-bottom: 40px;
}

.book-table-info-links .book-purchase-links .book-purchase-title {
    margin-inline-end: 30px;
}

.book-table-info-links .book-purchase-links .purchase-link-item,
.book-table-info-links .more-book-links a {
    display: inline-block;
    margin-inline-end: 30px;
}

.book-table-info-links a::before {
    content: "↖︎";
    font-family: "MadafSymbols";
    font-size: 24px;
    line-height: 0;
    vertical-align: -3px;
    margin-inline-end: .3em;
}

html:not([dir="rtl"]) .book-table-info-links a::before {
    content: "↗︎";
}

.book-table-info-links .book-purchase-links .book-purchase-title::after {
    content: ":";
}

.related-stuff section {
    margin: 64px 0;
    display: flex;
}

.related-stuff section .related-title {
    min-width: 200px;
    display: flex;
    align-items: flex-start;
}

.related-books .related-title {
    height: 300px;
}

.related-items .related-title {
    height: 200px;
}

.related-book-item {
    max-width: 200px;
    margin-inline-end: 72px;
    margin-bottom: 40px;
}

.book-results-col .related-book-item {
    /* margin-inline-end: 37px; */
    margin-inline-end: 0;
}

.book-results-col .results-list {
    display: grid;
    grid-template-columns: repeat( auto-fit, minmax( 0, 240px ) );
    gap: 37px;
}

.related-book-item .related-book-image img {
    height: 258px;
    object-fit: cover;
}

.related-book-item .related-book-title {
    margin-top: 20px;
    margin-bottom: 12px;
}

.related-list {
    display: flex;
    flex-wrap: wrap;
}

.related-item .related-item-link {
    max-width: 530px;
    margin-inline-end: 40px;
    margin-bottom: 40px;
    display: flex;
}

.related-item .related-item-image {
    margin-inline-end: 25px;
}

.related-item .related-item-image img {
    width: 300px;
    height: 200px;
    max-width: none;
    object-fit: cover;
}

.results-list .related-item .related-item-image img {
    max-width: 100%;
}

.related-item-info {
    width: 180px;
    display: flex;
    flex-direction: column;
}

.related-item-info .related-item-subhead {
    margin-top: 2px;
}

.related-item-info .tags-list {
    margin-top: 28px;
}

.carousel-overlay {
    background-color: #fffffff2;
    display: none;
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
}

.show-book-carousel{
    display: block
}

.carousel-container {
    height: 100vh;
    display: flex;
    width:  100vw;
    flex-direction: column;
    justify-content: center;
    align-items: center;    
}

.carousel {
    width: 100vw;
}

.stop-scroll {
    overflow-y: hidden;
}

#close-carousel {
    font-family: "MadafSymbols";
    font-size: 24px;
    position: fixed;
    top:28px;
    right:65px;
    text-align: left;
    cursor: pointer;
    z-index: 10;
}

.carousel figure {
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.carousel figure img {
    width: 100%;
    max-width: 900px;
}

.book-page figcaption, .masa-page figcaption {
    font-size: 15px;
    line-height: 1.42;
    color: rgba(47, 47, 47, 1);
    max-width: 850px;
    margin: 5px auto;
}



.carousel figcaption {
    position: fixed;
    bottom: 28px;
}

html[lang="en"] .carousel figcaption {
    left: 65px;
    right: auto;
}

html[lang="he"] .carousel figcaption {
    right: 65px;
    left: auto;
}

.carousel .flickity-viewport {
    height: 100vh !important;
}

/*//////////////////////// Interview Page ///////////////////////////*/

.mag-interview-flickity {
    display: none;
}

.mag-interview-flickity figcaption {
    display: none;
}


.mag-interview-flickity p{
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 22px;
    line-height: 1.36;
    padding: 0 10%;
    min-height: 230px;
}

.mag-interview-flickity .flickity-page-dots {
    margin: 8px 0;
}

.mag-interview-flickity .flickity-page-dots .dot {
    width: 5px; height: 5px;
    margin: 0 3px;
}

.mag-article-content {
    border-bottom: 1px solid black;
}

.mag-article-content figure img {
    margin: 0;
}

.mag-article-cover img,
.mag-article-cover video {
    width: 100%;
    max-height: 540px;
    object-fit: cover;
    object-position: center;
}

.mag-interview-text {
    position: sticky;
    flex-basis: 50%;
    padding-inline-end: 40px;
    min-width: 250px;
}

.mag-interview-blocks {
    position: sticky;
    flex-basis: 50%;
    padding-inline-start: 40px;
    min-width: 250px;
}

.mag-article-super {
    margin-top: 25px;
}

.mag-article-header-meta {
    margin-top: 32px;
    margin-bottom: 40px;
}

.mag-interview-text::before {
    content: "";
    display: block;
    width: 100%;
    border-top: 1px solid black;
    margin-bottom: 40px;
}

.mag-interview-text p,
.mag-interview-text figure {
    margin-bottom: 1em;
}

.mag-interview-text figure figcaption {
    text-align: center;
    margin-top: .5em;
}

.mag-interview-blocks > * {
    margin-bottom: 80px;
}

.mag-interview-blocks p {
    margin-inline-start: 45px;
    margin-inline-end: 45px;
}

.mag-interview-blocks figcaption {
    margin-top: 8px;
}

.mag-article-super,
.mag-article-byline {
    margin-bottom: 8px;
}

.mag-footnotes {
    border-top: 1px solid black;
    padding-top: 40px;
    margin-bottom: 40px;
}

.mag-footnotes-list {
    max-width: 525px;
    padding: 0;
    list-style: none;
    counter-reset: footnotes;
}

.mag-footnote-item {
    counter-increment: footnotes;
    transition: background-color 1s 750ms;
}

.mag-footnote-item.highlight {
    background-color: rgba(255, 243, 8, 0.253);
}

.footnote-ref {
    display: inline-block;
    position: relative;
    top: -0.1em;
    font-size: 0.8em;
    line-height: 1.4;
    width: 1.5em; height: 1.5em;
    border-radius: 2em;
    text-align: center;
    font-family: "SimplerMono";
    word-spacing: var(--mono-word-space);
    border: 1px solid black;
    margin-inline-start: .1em;
    margin-inline-end: .05em;
}

.mag-footnote-item::before {
    content: counter(footnotes);
    display: inline-block;
    position: relative;
    top: -0.1em;
    font-size: 0.8em;
    line-height: 1.4;
    width: 1.5em; height: 1.5em;
    border-radius: 2em;
    text-align: center;
    font-family: "SimplerMono";
    word-spacing: var(--mono-word-space);
    border: 1px solid black;
}

.footnote-back-to-ref-link {
    display: inline-block;
    font-family: "MadafSymbols";
    transition: transform 250ms, padding 250ms;
}

.footnote-back-to-ref-link:hover {
    transform: translateY(-5px);
    padding-bottom: 2px;
}

.mag-article-artist {
    border-top: 1px solid black;
    padding-top: 40px;
    max-width: 525px;
}

.mag-article-book-link {
    border-top: 1px dashed #7A7A7A;
    border-bottom: 1px dashed #7A7A7A;
    margin: 40px 0;
    max-width: 525px;
}

.essay-article .mag-article-book-link {
    margin-inline: auto;
}

.mag-article-book-link a {
    display: flex;
    padding: 24px 0 20px;
    width: 100%;
    justify-content: space-between;
    white-space: nowrap;
}

.book-link-title {
    flex: 2;
    font-weight: bold;
}

.book-link-artist {
    flex: 1;
}

.book-link-year {
    text-align: end;
    font-family: "SimplerMono";
}

.book-link-artist,
.book-link-year {
    margin-inline-start: 12px;
    flex-basis: 50px;
}

.footnote-hover {
    position: fixed;
    background: white;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    border: 1px solid rgba(219, 219, 219, 1);
    transform: translate( -50%, 12px) translateX(4px);
    opacity: 0;
    z-index: 100;
    visibility: hidden;
    transition: opacity 250ms, visibility 250ms;
}

.footnote-hover::before {
    content: "";
    position: absolute;
    top: -5px; left: 50%;
    width: 13px; height: 13px;
    background: white;
    z-index: 90;
    transform: rotate(45deg);
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.5);
}

.footnote-hover p {
    max-width: 226px;
    padding: 19px 23px 17px;
    background: white;
    position: relative;
    z-index: 100;
}

.footnote-hover.active {
    opacity: 1;
    visibility: visible;
}

/*//////////////////////// Masa Page ///////////////////////////*/
iframe {
    border: 0px;
}
body.masa-page {
    --bg-color: rgba(255, 248, 244, 1);
}

.rec-article .mag-article-header {
    display: flex;
}

.rec-article .rec-super {
    width: 180px;
}

.rec-article .rec-title-and-subtitle {
    width:45%;
    padding-inline-end: 20px;
}
.rec-title-subtitle {
    max-width: 620px;;
}
.rec-article .rec-text {
    width:55%;
    max-width: 620px;
    padding-top: 25px;
}

/* .rec-article .mag-article-header > *:not(.mag-article-super), */
.essay-article .mag-article-header > *:not(.mag-article-super) {
    max-width: 580px;
    margin-inline-start: auto;
    margin-inline-end: auto;
}

/* .rec-article .mag-article-super, */
.essay-article .mag-article-super {
    position: absolute;
}

.rec-article .mag-article-title,
.essay-article .mag-article-title {
    padding-top: 25px;
}

.mag-essay-content {
}

.mag-essay-content::before {
    content: "";
    display: block;
    max-width: 580px;
    margin-inline-start: auto;
    margin-inline-end: auto;
    border-top: 1px solid black;
    margin-bottom: 40px;
}

.mag-essay-text p,
.mag-essay-text h2 {
    max-width: 580px;
    margin-inline-start: auto;
    margin-inline-end: auto;
    margin-bottom: 1em;
    line-height: 1.4;
}

.no-hyphen {
    visibility: hidden;
}

.mag-essay-text figure {
    max-width: 800px;
    margin-top: 40px;
    margin-bottom: 40px;
    margin-inline-start: auto;
    margin-inline-end: auto;
    width: fit-content;
}

.mag-essay-text figure:has(iframe) {
    width: auto;
}

.mag-essay-content .mag-footnotes,
.mag-essay-content .mag-article-artist {
    max-width: 580px;
    margin-inline-start: auto;
    margin-inline-end: auto;
    margin-top: 40px;
}

.mag-essay-content .mag-article-artist {
    margin-bottom: 170px;
}



/*//////////////////////// Recommend Page ///////////////////////////*/ 

.rec-article .mag-article-header {
    margin-bottom: 50px;
}

.rec-books {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

.rec-books .columns-container {
    flex-direction: row;
}

.book-rec {
    flex: 1;
    position: sticky;
    min-width: 120px;
}

.book-rec:not(:first-child) {
    padding-inline-start: 15px;
}

.book-rec:not(:last-child) {
    padding-inline-end: 15px;
}

.book-rec-expand-button {
    display: block;
    width: 100%;
    text-align: inherit;
    cursor: default;
}

.rec-images-list {
    border-top: 1px solid black;
    margin-top: 7px;
    padding-top: 11px;
    margin-bottom: 52px;
}

.book-rec .book-rec-title {
    margin-top: 15px;
}

.rec-image-item:not(:last-child) {
    margin-bottom: 5px;
}

.rec-content {
    margin-top: 90px;
    display: flex;
    padding-bottom: 80px;
    border-bottom: 1px solid black;
}

.rec-content .rec-text {
    flex-basis: 40%;
    min-width: 600px;
    padding-inline-end: 45px;
    border-inline-end: 1px solid black;
    margin-inline-end: 45px;
}

.rec-content .rec-text .rec-author {
    margin-top: 1em;
}

.rec-content .rec-list {
    flex-basis: 60%;
}

.rec-content .rec-list .rec-list-item {
    padding: 30px 0 20px;
}

.rec-content .rec-list .rec-list-item:not(:last-child) {
    border-bottom: 1px dashed #7A7A7A;
}

.rec-content .rec-list .rec-list-item a {
    display: flex;
}

.rec-content .rec-list .rec-list-item a .book-rec-list-title {
    flex: 2;
}

.rec-content .rec-list .rec-list-item a .book-rec-list-artist,
.rec-content .rec-list .rec-list-item a .book-rec-list-year {
    flex: 1;
}

.book-rec-link::after {
    margin-inline-start: 5px;
    font-family: "MadafSymbols";
}

html[dir="rtl"] .book-rec-link::after {
    content: "←";
}

html:not([dir="rtl"]) .book-rec-link::after {
    content: "→";
}

/*//////////////////////// Search ///////////////////////////*/ 


/*//////////////////////// About ///////////////////////////*/ 

.about-article {
    max-width: 1660px;
    margin: 0 auto;
}

.about-title,
.about-subhead {
    margin-bottom: 20px;
}

.about-header {
    max-width: 636px;
    padding-top: 100px;
    margin-bottom: 120px;
}

.about-columns {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0 40px;
    margin-bottom: 144px;
}

.about-gallery-wrap {
    width:100%;
    display: flex;
    justify-content: center;
}

.about-gallery {
    margin-bottom: 120px;
    width: 100%;
    /* max-width: 900px; */
}

.about-gallery .flickity-slider {
    display: flex;
    align-items: center;
}

.about-images-list {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

.about-image-item {
    width: 100%;
}

.about-image-item figure {
    width: 100%;
    display: flex;
    justify-content: center;
}

.about-image-item img {
    display: block;
    width: 100%;
    max-width: 900px;
    max-height: 650px;
    object-fit: contain;
}

.about-team .about-subhead {
    margin-bottom: 40px;
}

.team-member-header {
    display: flex;
    align-items: flex-end;
    margin-bottom: 8px;
}

.team-member-image {
    width: 116px;
    height: 140px;
    margin-inline-end: 12px;
}

.team-member-image img {
    object-fit: cover;
    height: 140px;
}

/* .team-member-info {
    margin-inline-start: 12px;
} */

.about-team {
    max-width: 1530px;
    margin: 0 auto;
}

.team-members-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 120px;
}

.thanks-item {
    max-width: 500px;
}

.thanks-item p {
    max-width: 500px;
    /* margin: 0 auto; */
    padding-inline-start: 15px;
    border-inline-start: 1px solid rgba(47, 47, 47, 1);
}

.about-support {
    display: flex;
    justify-content: space-between;
    max-width: 1530px;
    margin: 120px auto;
}

.about-support .about-subhead {
    flex-basis: 24%;
}

.team-member-item {
    max-width: 410px;
}

.supprters-list-wrap {
    width: 50%;
}

.supporters-list {
    flex-basis: 30%;
    display: flex;
    justify-content: space-between;
    max-width: 650px;
}

.supporter-item {
    display: grid;
    place-content: center;
}

.supporter-item img {
    max-width: none;
    height: 50px;
}

.supporter-item-artport img {
    max-width: none;
    height: 40px;
}

.supporter-item-mfa img{
    max-width: none;
    height: 35px;
}

/*//////////////////////// Footer ///////////////////////////*/ 

.site-footer {
    background: white;
    border-top: black 1px solid;
}

.site-footer-row {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.main-footer-row {
    display: grid;
    grid-template-columns: 2fr 3.5fr 2.5fr 2fr;
    padding-top: 70px;
    padding-bottom: 55px;
}

.main-footer-row > *:not(:last-child) {
    border-inline-end: 1px dotted black;
}

.footer-nav {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.footer-nav a {
    line-height: 1.5;
    margin-bottom: 6px;
}

.footer-logos {
    display: flex;
    flex-direction: column;
    padding-top: 8px;
    width: 82px;
}

.footer-logos > *:first-child{
    margin-bottom: 30px;
    width: 82px;
}

.newsletter-signup-container {
    position: relative;
    max-width: 312px;
}

.footer-col {
    position: relative;
}

.footer-col > * {
    height: 140px;
    width: fit-content;
    margin: 0 auto;
}

.footer-child .footer-mailing-list {
    max-width: 312px;
    padding: 4px 16px 0px 16px;
    margin: 0 auto;
}

.footer-mailing-list p {
    line-height: 22px;
    margin-bottom: 12px;
}

.footer-mail-wrap {
    padding: 10px 0px;
    border: 1px #B6B6B6 solid;
}
    
.footer-mailing-list-thanks {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    width: 100%;
    background: white;
    visibility: hidden;
    opacity: 0;
    transition: opacity 250ms, visibility 250ms;
}

.footer-mailing-list-thanks.show {
    opacity: 1;
    visibility: visible;
}

.mailing-text, .mailing-sub {
    border: 0px #b6b6b600 solid;
    outline: none;
    font-size: 15px;
}

.mailing-sub {
    border-right: 0px; 
    padding-inline-end: 8px;
    background-color: rgba(255, 255, 255, 0);
    transform: translate(4px,-0.5px);
    cursor: pointer;
    width: 20%;
    color: inherit;
}
.mailing-sub:hover {
    text-decoration: underline;
}
.mailing-text {
    width: calc(80% - 8px);
    border-left: 0px; 
    padding-inline-start: 8px;
    font-family: "SimplerMono";
    word-spacing: var(--mono-word-space);
    height: 2rem;
}

.footer-site-info, .footer-credits-and-site-info {
    display: flex;
    justify-content: space-between;
}

.footer-social {
    padding-top: 10px;
    display: flex;
    flex-direction: column;
}

.mail {
    line-height: initial;
}

.footer-credits-and-site-info {
    padding: 13px 22px;
}

.footer-credits {
    display: flex;
}

.footer-credits > a:not(:last-child),
.footer-site-info > p:not(:last-child) {
    margin-inline-end: 1rem;
}

.social-links {
    display: flex;
}

.social-links a {
    font-family: "MadafSymbols";
    font-size: 24px;
    margin-inline-end: 12px;
    opacity: 100%;
}

.social-links a:hover {
    opacity: 60%;
}

.visually-hidden {
    clip: rect(0 0 0 0); 
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap; 
    width: 1px;
  }

.skip-link {
    position: fixed;
    z-index: 1000;
    top: -50px;
    background: white;
    border: 2px solid black;
    padding: 10px;
    left: 50%;
    transform: translateX( -50% );
    transition: top 250ms;
}

.skip-link:focus {
    top: 25px;
}
  
.mobile-only {
    display: none;
}

html[dir="rtl"] .website-field {
    position: absolute;
    right: -9999px;
}

html:not([dir="rtl"]) .website-field {
    position: absolute;
    left: -9999px;
}

article.content-page {
    min-height: 100vh;
}

article.content-page .content-page-title {
    font-size: 2em;
    margin-bottom: 1em;
}

article.content-page h2 {
    font-size: 1.4em;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

article.content-page h3 {
    font-size: 1.2em;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
}

article.content-page p {
    max-width: 800px;
    margin-bottom: 1rem;
}

.related-book-link, .related-item-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

article.newsletter-page {
    display: grid;
    gap: 0 1rem;
    grid-template-columns: 3fr 1fr;
    min-height: 0;
}

.newsletter-page-images {
    position: relative;
    aspect-ratio: 4 / 3;
}

.newsletter-page-images img {
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0;
    transition: opacity 1s;
}

.newsletter-page-images img.current {
    opacity: 1;
}

@media ( hover: hover ) {

    .site-navigation a:hover {
        border-bottom: 5px solid black;
    }

    .mag-item-link:hover .mag-item-image img {
        transform: scale(1.033);
    }   
    
    .mag-item-link:hover .mag-item-text {
        border-bottom: 1px solid white;
    }

    .tag-item:hover, .search-tags label:hover {
        background-color: black !important;
        color: var(--bg-color);
    }

    .tag-item:hover a {
        color: var(--bg-color);
    }

    .book-table-info-links a, .footer-nav a {
        border-bottom: 1px solid rgba(0, 0, 0, 0);
    }
    
    .book-table-info-links a:hover, .footer-nav a:hover {
        border-bottom: 1px solid rgba(0, 0, 0);
    }

    .site-masthead a {
        border-bottom: 5px solid rgba(0, 0, 0, 0);
    }

    .site-masthead a:hover {
        border-bottom: 5px solid rgba(0, 0, 0);
    }
    
    .related-item-link:hover .related-item-text,
    .related-book-link:hover .related-book-text {
        border-bottom: 1px solid black;
    }

}


@media (min-width: 641px) {
    .book-rec-link {
        position: absolute;
        top: 0; right: 15px; left: 15px;
        text-align: end;
        padding-top: 3.5rem;
    }
    html[dir="rtl"] .book-rec-link {
        left: 15px;
    }
    html[dir="rtl"] .book-rec:last-child .book-rec-link {
        left: 0;
    }
    html:not([dir="rtl"]) .book-rec-link {
        right: 15px;
    }
    html:not([dir="rtl"]) .book-rec:last-child .book-rec-link {
        right: 0;
    }
    .book-rec:focus-within .book-rec-link {
        display: block;
    }
    .book-rec-title,
    .book-rec-artist {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .results-col {
        min-height: 400px;
    }
    body.search-page .site-navigation {
        visibility: hidden;
    }
}

@media (min-width: 641px) and (hover: hover) {
    .book-rec-link {
        display: none;
    }
    .book-rec:hover .book-rec-link {
        display: block;
    }
    .search-btn::before {
        vertical-align: -3px;
    }
}

@media (max-width: 1200px) {
    #search_form{
        display: block;
        left: 120px;
    }
    #search_form .search-options {
        margin: 20px 0px;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
    }

    .search-btn::before {
        vertical-align: -6px;
    }

    .site-navigation a {
        padding-bottom: 12px;
        border-bottom: 5px solid rgba(0, 0, 0, 0);
    }

    .site-navigation .language-link {
        padding-bottom: 9px;
    }

    .thanks-item {
        max-width: 380px;
    }

    body.search-page,
    body.in-search {
        --header-height: 325px;
    }

    body.in-search.header-scrolled {
        --header-height: 330px;
    }
}

@media (max-width: 960px) {
    .site-tagline,
    .site-navigation {
        font-size: 15px;
    }
    .site-navigation {
        align-items: baseline;
    }
    .site-navigation .page-links ul li[aria-current]::before {
        bottom: -1rem;
    }


    .about-gallery {
        width: 100%;
    }
    .home-page .flickity-button  {
        display:none;
    }

    #search_form {
        left: 80px;
    }

    body.header-scrolled .site-navigation .page-links ul li[aria-current]::before {
        bottom: calc( -0.5rem - 3px );
    }

    .site-navigation a {
        padding-bottom: 12px;
        border-bottom: 5px solid rgba(0, 0, 0, 0);
    }

    body.header-scrolled .site-navigation a {
        padding-bottom: 7px;
    }

    .site-title {
        margin-bottom: calc(1rem - 7px);
    }
    
    .site-tagline {
        margin-bottom: calc(1rem - 7px);
    }

    .supporters-list {
        max-width: 400px;
    }
    /* body.in-search {
        --header-height: 325px;
    } */
}

@media ( min-width: 961px ) and ( max-width: 1200px ) {
    .site-navigation .page-links ul li[aria-current]::before {
        bottom: -1rem;
    }
    /* body.in-search {
        --header-height: 325px;
    } */
}

@media (max-width: 880px) {

    article.newsletter-page {
        grid-template-columns: 1fr;
        gap: 1rem 0;
        margin-bottom: 100px;
    }

    .rec-article .rec-title-and-subtitle, .rec-article .rec-text {
        width: 100%;
    }

    .rec-article .mag-article-header {
        flex-direction: column;
    }

    .rec-title-subtitle {
        max-width: none;
    }

    /* .rec-article .mag-article-super,  */
    .essay-article .mag-article-super {
        position: static;
        max-width: 580px;
        margin-inline-start: auto;
        margin-inline-end: auto;
    }
    .rec-article .mag-article-title, 
    .essay-article .mag-article-title {
        padding-top: 0;
    }


    .about-columns {
        display: block;
        max-width: 636px;
    }

    .about-header {
        padding-top: 50px;
        margin-bottom: 40px;
    }

    .about-columns{
        margin-bottom: 40px;
    }
    .about-col {
        margin-bottom: 40px;
    }

    .about-subhead {
        font-size: 28px;
        margin-bottom: 10px;
    }

    .about-gallery {
        margin-bottom: 80px;
    }

    .team-members-list {
        display: block;
    }

    .team-members-list > * {
        margin-bottom: 40px;
    }
    .about-col, .team-member-item, .about-header, .thanks-item p {
        max-width: 640px;
    }

    .about-support {
        flex-direction: column;
    }

    .thanks-item {
        max-width: 640px;
    }
    
    .supprters-list-wrap {
        margin-top: 80px;
        width: 100%;
    }

    .supporters-list {
        justify-content: space-around;
        max-width: 640px;
    }

    #search_form .search-options {
        flex-direction: column;
        justify-content: flex-start;
    }
    .search-options-sections {
        margin-bottom: 20px;
    }
    body.in-search {
        --header-height: 365px;
    }
    body.in-search.header-scrolled {
        --header-height: 375px;
    }
}

@media ( max-width: 640px ) { /* Mobile */
    .mobile-only {
        display: revert;
    }
    .search-header{
        transform: translateY(2px);
    }
    .mobile-menu-btn{
        transform: translateY(4px);
        margin-right: 8px;
    }
    .mobile-menu-btn::before {
        content: "🍔";
        font-family: "MadafSymbols";
        font-size: 40px;
    }
    .mobile-menu-container {
        position: fixed;
        top: var(--header-height);
        height: calc( 100vh - var(--header-height ) );
        left: 0; right: 0;
        z-index: 1000;
        background: white;
        opacity: 0;
        visibility: hidden;
        transition: opacity 250ms, visibility 250ms;
    }
    .mobile-menu-btn[aria-expanded="true"] + .mobile-menu-container {
        opacity: 1;
        visibility: visible;
    }
    html.in-mobile-menu {
        overflow: hidden;
    }
    .mobile-menu-item {
        font-size: 32px;
        margin: 60px 0;
        text-align: center;
    }
    body {
        --static-header-height: 80px;
        --header-height: 80px;
    }
    body.search-page {
        --static-header-height: 80px;
        --header-height: 80px;
    }
    body.in-search .site-masthead,
    body.in-search .site-navigation .mobile-only{
        visibility: hidden;
    }
    .site-tagline {
        display: none;
    }
    .site-navigation .page-links li:not(:last-child) {
        display: none;
    }
    .site-navigation .page-links ul li {
        margin-inline-end: 15px;
        transform: translateY(6px);
    }
    .language-link {
        font-size: 21px;
        text-transform: lowercase !important;
    }
    .search-btn::before {
        font-size: 28px;
        vertical-align: baseline;
    }
    .site-header::after {
        left: 0; right: 0;
    }
    .magazine {
        grid-template-columns: 1fr;
    }
    .magazine .mag-item-info {
        flex-wrap: wrap;
    }
    
    .magazine .mag-item-info .mag-item-title {
        width: 100%;
    }
    
    .magazine .mag-item-info .mag-item-artist {
        margin-inline-start: 0 !important;
    }
    
    .magazine .mag-item-info .mag-item-artist::before {
        content: none !important;
    }
    
    .magazine .mag-item-category {
        position: absolute;
        right: 0; left: 0; bottom: 0;
        padding-inline-start: 20px;
        padding-inline-end: 20px;
        text-align: end;
    }
    
    .index-book-list:not(.list) {
        grid-template-columns: repeat( auto-fill, minmax( 100px, 1fr ) );
        grid-auto-rows: 140px;
    }
    .index-book-list .index-top-row {
        display: none;
    }
    .index-book-list.list .index-item-image figcaption .index-item-data {
        flex-wrap: wrap;
    }
    .index-book-list.list .index-item-image figcaption .index-item-data > * {
        display: none;
    }
    .index-book-list.list .index-item-image figcaption .index-item-data > .index-item-data-title {
        display: block;
        flex-basis: 100%;
    }
    .index-book-list.list .index-item-image figcaption .index-item-data > .index-item-data-artist,
    .index-book-list.list .index-item-image figcaption .index-item-data > .index-item-data-year {
        display: block;
        flex: 0 0 auto;
    }    
    .related-stuff section {
        flex-direction: column;
        margin: 40px 0;
    }
    .related-stuff section .related-title {
        height: auto;
        margin-bottom: 20px;
    }
    .related-list {
        display: block;
    }
    .related-book-item {
        display: block;
        max-width: none;
        margin-inline-end: 0;
        margin-bottom: 20px;
    }
    .related-book-item a {
        display: block;
    }
    .related-book-item .related-book-image {
        float: right;
        margin-inline-end: 10px;
    }
    .related-book-item .related-book-image img {
        width: 80px;
        height: 100px;
    }
    .related-book-item::after {
        content: "";
        display: table;
        clear: both;
    }
    .related-item .related-item-image {
        width: 120px;
        margin-inline-end: 10px;
    }
    .related-item .related-item-image img {
        width: 120px;
        height: 90px;
    }
    .related-item-info .item-tags-list {
        display: none;
    }
    .related-item {
        margin-inline-end: 0;
        margin-bottom: 20px;
    }
    .footer-mailing-list{
        padding: 4px 0px 0px 0px;
    }
    .main-footer-row {
        display: flex;
        flex-direction: column;
        max-width: 280px;
        padding-top: 20px;
        padding-bottom: 0;
    }
    .main-footer-row > *:not(:last-child) {
        border: none;
        border-bottom: 1px dotted black;
    }
    .footer-mailing-list-thanks,
    .footer-col {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .footer-col > * {
        width: auto;
        height: auto;
    }
    .footer-logos {
        display: flex;
        flex-direction: row-reverse;
        justify-content: flex-end;
        margin: 20px auto;
        gap: 0 20px;
    }
    .footer-logos > *{
        width: 100px;
    }
    .footer-logos > *:first-child {
        margin-bottom: 2px;
    }
    .footer-credits-and-site-info {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .footer-credits,
    .footer-site-info {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        margin: 10px 0;
        line-height: 1.8;
    }
    .footer-credits > a:not(:last-child) {
        margin-inline-end: 0;
    }
    .footer-credits {
        text-align: start;
    }
    #search_form {
        display: block;
        left: var(--outer-margin) !important;
        right: var(--outer-margin) !important;
        top: 50px;
    }
    #search_form .search-text {
        margin-inline-end: 80px;
    }
    #search_form > *,
    #search_form .search-options-sections {
        margin-bottom: 20px;
    }
    #search_form input[type="search"] {
        min-inline-size: 0;
    }
    #search_form input[type="search"]::placeholder {
        color: transparent;
    }
    body.in-search .search-header,
    body.search-page .search-header {
        position: fixed;
        z-index: 100;
        top: 70px;
    }
    .home-split-index-mag > button {
        display: none;
    }
    .home-split-index-mag > .columns-container {
        display: block;
    }
    body.home-page .index-and-filtering {
        padding: 0;
        width: 100%;
        position: static;
        margin-bottom: 17px;
    }
    body.home-page .index-and-filtering::after {
        content: "";
        display: block;
        padding-top: 17px;
        border-bottom: 1px solid black;
        margin-inline-start: calc( -1 * var(--outer-margin ) );
        margin-inline-end: calc( -1 * var(--outer-margin ) );
    }
    body.home-page .index-and-filtering .index-filtering-menu {
        display: none;
    }
    body.home-page .index-and-filtering .index {
        max-height: 141px;
        overflow: auto hidden;
        /* padding-inline-start: var(--outer-margin); */
        /* padding-inline-end: var(--outer-margin); */
        margin-inline-start: calc( -1 * var(--outer-margin ) );
        margin-inline-end: calc( -1 * var(--outer-margin ) );
    }
    body.home-page .index-and-filtering .index-book-list {
        display: block;
        width: fit-content;
        width: 100%;
    }
    body.home-page .index-and-filtering .index-book-item:nth-child(2) {
        margin-inline-start: var(--outer-margin);
    } 
    body.home-page .index-and-filtering .index-book-item:nth-last-child(2) {
        margin-inline-end: var(--outer-margin);
    }
    body.home-page .index-and-filtering .index-book-list .index-book-item {
        width: fit-content;
        height: 140px;
    }
    body.home-page .index-and-filtering .index-book-list .index-book-item a {
        width: 100px;
    }
    body.home-page .magazine {
        padding: 0px 0px 80px 0px;
        width: 100%;
        position: static;
        min-width: 0;
    }
    body.home-page .mag-item,
    body.home-page .magazine > * {
        min-width: 0;
    }

    body.home-page .remove-bottom {
        padding-bottom: 0px;
    }

    .rec-books {
        border-bottom: none;
        padding-bottom: 0;
    }
    .rec-books .columns-container {
        flex-direction: column;
    }
    .rec-books .book-rec {
        position: static;
        width: 100%;
        border-bottom: 1px solid black;
        padding: 22px 0;
    }
    .rec-books .book-rec .book-rec-expand-button {
        position: relative;
    }
    .rec-books .book-rec .book-rec-expand-button::after {
        content: "🢐";
        font-family: "MadafSymbols";
        /* font-feature-settings: "ss01" on; */
        font-size: 28px;
        position: absolute;
        left: 0; top: 50%;
        transform: translateY(-50%);
        transition: transform 250ms;
    }
    .rec-books .book-rec .book-rec-expand-button[aria-expanded="true"]::after {
        transform: translateY(-50%) rotate(-90deg);
    }
    .rec-books .edit-column-handle {
        display: none;
    }
    .rec-col-contents {
        --height: 999px;
        overflow: hidden;
        max-height: var(--height);
        transition: max-height 250ms;
    }
    .rec-images-list {
        border-top: none;
        margin: 0; padding: 0;
    }
    .book-rec-expand-button[aria-expanded="false"] + .rec-col-contents {
        --height: 0 !important;
    }
    .rec-content {
        display: block;
    }
    .rec-content .rec-text {
        min-width: 0;
        padding: 0;
        border: none;
        margin: 0;
    }
    .rec-content .rec-list {
        display: none;
    }
    .book-rec-link {
        display: block;
        padding-bottom: 10px;
    }
    .about-header h1 {
        font-size: 28px;
    }

    .about-header p {
        font-size: 16px;
    }

    .about-support{
        flex-direction: column;
        align-items: center;
        margin: 80px auto;
    }
    
    .supporters-list {
        flex-direction: column;
        align-items: center;
    }

    .supporters-list>* , .about-support .about-subhead{
        margin-bottom: 50px;
    }

    .supporters-title {
        font-weight: bold;
        text-align: center;
        font-size: 18px;
        margin-bottom: 40px;
    }

    .supporter-item:last-child{
        margin-bottom:0px;
    }

    .supporter-item img {
        height: 70px;
    }

    .supporter-item-artport img {
        height: 60px;
    }

    .supporter-item-mfa img {
        height: 40px;
    }


    /* ///interview-mobile-flickity ///*/
    .interview-page .columns-container{
        display: block;
    }

    .interview-page .mag-interview-blocks {
        display: none;
    }

    .interview-page .mag-interview-text {
        padding-inline-end: 0px;
    }

    .interview-page .edit-column-handle {
        display: none;
    }

    .mag-interview-flickity {
        display: block;
    }
    body.interview-page main{
        padding: 0;
    }
    .interview-article{
        padding: 0 var(--outer-margin)
    }
    .interview-page .related-stuff {
        padding: 0 var(--outer-margin);
    }

    .mag-interview-text p {
        font-size: 16px;
        line-height: 26px;
    }

    .mag-article-cover {
        display: none;
    }

    body.header-scrolled #search_form {
        right: var(--outer-margin);
    }

    #search_form .search-text {
        margin-inline-end: 50px;
    }

    html[dir="rtl"] .in-search .search-btn {
        transform: translateX(-40px);
    }
    html:not([dir="rtl"]) .in-search .search-btn {
        transform: translateX(40px);
    }
    body.in-search .search-btn::before {
        font-size: 24px;
    }

    body.header-scrolled.in-search .search-btn::before {
        font-size: 24px;
    }

    #search_form .search-options {
        margin: 20px 0px;
        display: block;
    }

    .home-page .index-load-more-item{
        /* background-color: #B6B6B6; */
        width: 100px;
        height: 100%;
    }

    .home-page .index-book-list:not(.list) {
        border-top: 0px solid black;
        border-inline-start: 0px solid black;
    }

    .index.no-more-books .index-load-more-item {
        display: none;
    }

    body.book-page .book-table .columns-container {
        display: block;
    }

    .book-table-info,
    .book-table-images {
        position: static;
        padding-inline-start: 0;
        padding-inline-end: 0;
    }

    .book-table.collapsed .open-info-button {
        position: absolute;
        bottom: 25px;
        width: 100%;
        text-align: center;
    }

    .book-table.collapsed .book-table-info,
    .book-table-info > * {
        max-width: none;
    }

    .book-table.collapsed .book-table-images {
        margin-top: 20px;
    }

    .book-table-info > *:not(:last-child,button) {
        padding: 0 0 20px;
        margin: 0 0 20px;
    }

    .book-table.collapsed .book-table-info {
        height: auto;
        overflow: visible;
        position: relative;
        top: 0 !important;
    }

    .book-table:not(.collapsed) .book-table-info.inner-scroll {
        height: auto;
    }

    .book-table:not(.collapsed) .book-table-info.inner-scroll .book-table-info-inner {
        height: auto;
        overflow: visible;
    }

    .book-table-info .close-info-button,
    .book-table .edit-column-handle {
        display: none;
    }

    .book-table.collapsed .book-table-info-header {
        border-bottom: 1px solid black !important;
    }

    .book-table-info .book-table-info-inner > * {
        padding: 0 0 20px;
        margin: 0 0 20px;
    }

    .book-table.collapsed .book-page-subhead, 
    .book-table.collapsed .book-table-info-description, 
    .book-table.collapsed .book-table-info-details, 
    .book-table.collapsed .book-table-info-links,
    .book-table.collapsed .book-table-info-details, 
    .book-table.collapsed .book-table-info-links {
        visibility: visible;
        opacity: 1;
    }

    .book-table.collapsed .book-table-info-description {
        border-bottom: none;
        max-height: 168px;
        overflow: hidden;
        text-overflow: ellipsis;
        margin: 0; padding: 0;
    }

    .book-table.collapsed .book-table-info-details, 
    .book-table.collapsed .book-table-info-links {
        display: none;
    }

    .book-table .book-table-info .open-info-button::after {
        content: "🢑";
        position: absolute;
        left: 0; right: 0;
        margin: 0;
        padding-top: 5px;
    }
    .home-page .index-book-list:not(.list) .index-book-item {
        border-top: 1px black solid;
        /* border-right: 1px solid black; */
    }
    .home-page .index-book-list:not(.list) .index-top-row + .index-book-item a {
        border-inline-start: 1px solid black;
    }
    .index-book-list.list .index-book-item .index-item-image figcaption .index-item-data > .index-item-data-artist {
        margin-inline-start: 0;
    }
    body.search-page .site-header,
    body.search-page #search_form {
        position: static;
    }
    body.search-page .site-header {
        margin-top: 25px;
        padding: 0;
        position: relative; top: 0; left: 0; right: 0;
    }
    body.search-page .site-footer {
        margin-top: 24px;
    }

    body.search-page .site-header-row {
        display: block;
    }
    body.search-page .site-header-row .site-masthead {
        display: block;
        position: absolute;
        top: 16px;
        padding-inline-start: var(--outer-margin);
    }
    body.search-page .site-header-row .site-navigation {
        justify-content: flex-end;
        padding: 0 var(--outer-margin) 15px;
        border-bottom: 1px solid black;
    }
    body.search-page #primary {
        margin-top: 24px;
    }
    body.search-page #primary .columns-container {
        display: block;
    }
    body.search-page #primary .edit-column-handle {
        display: none;
    }
    body.search-page .book-results-col {
        position: static;    
    }
    body.search-page .book-results-col {
        padding-inline-start: 0;
        margin-bottom: 40px;
    }
    body.search-page #search_form {
        margin-top: 25px;
        padding: 0 var(--outer-margin);
    }

    .book-table-info .mobile-close-info-button {
        display: block;
        position: relative;
        width: 100%;
        padding-top: 14px;
    }

    .book-table-info .mobile-close-info-button::before {
        content: "🢓";
        position: absolute;
        font-family: "MadafSymbols";
        font-size: 24px;
        vertical-align: middle;;
        left: 0;
        right: 0;
        margin: 0;
        top: -15px;
    }
    body.header-scrolled #search_form {
        margin-top: 0px;
    }

    .site-navigation .language-link {
        padding-bottom: 8px;
    }

    html:lang(en) body.header-scrolled .site-navigation .language-link, body.header-scrolled .site-navigation .language-link {
        padding-bottom: 0;
    }

    input#index_display_list + label::before, #index_order_dropdown_toggle {
        font-size: 32px;
    }

    .index-filtering-menu, .index-commands {
        transform: translateY(-2px)
    }

    .site-navigation {
        align-items: center;
        margin-bottom: 0.5rem;
    }

    .mailing-sub {
        transform: translate(0px,-0.5px);
    }

    body.in-search {
        --header-height: 355px;
    }
    body.in-search.header-scrolled {
        --header-height: 355px;
    }
}