.container { max-width: 1600px; } .custom-grid .entry { width: 23.125%; margin-right: 2.5%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid .entry:nth-child(4n+4) { margin-right: 0; } .custom-grid .entry .placeholder { padding-top: 75.135135135135%; background: inherit; } .custom-grid .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .detail-page .custom-grid-artists .entry { width: 31.5%; margin-right: 2.75%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-artists .entry:nth-child(3n+3) { margin-right: 0; } .detail-page .custom-grid-artists .entry .placeholder { padding-top: 75%; background: inherit; } .detail-page .custom-grid-artists .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .detail-page .custom-grid-exhibitions .entry { width: 31.5%; margin-right: 2.75%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-exhibitions .entry:nth-child(3n+3) { margin-right: 0; } .detail-page .custom-grid-exhibitions .entry .placeholder { padding-top: 75%; background: inherit; } .detail-page .custom-grid-exhibitions .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .detail-page .custom-grid-art-fairs .entry { width: 31.5%; margin-right: 2.75%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-art-fairs .entry:nth-child(3n+3) { margin-right: 0; } .detail-page .custom-grid-art-fairs .entry .placeholder { padding-top: 75%; background: inherit; } .detail-page .custom-grid-art-fairs .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .custom-grid-publications .entry { width: 23.125%; margin-right: 2.5%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-publications .entry:nth-child(4n+4) { margin-right: 0; } .custom-grid-publications .entry .placeholder { padding-top: 80%; background: inherit; } .custom-grid-publications .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .detail-page .custom-grid-publications .entry { width: 31.5%; margin-right: 2.75%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-publications .entry:nth-child(3n+3) { margin-right: 0; } .detail-page .custom-grid-publications .entry .placeholder { padding-top: 79.960317460317%; background: inherit; } .detail-page .custom-grid-publications .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } @media all and (max-width: 768px) { .custom-grid .entry { width: 30.833333333333%; margin-right: 3.75%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid .entry:nth-child(4n+4){ margin-right: 3.75%; } .custom-grid .entry:nth-child(3n+3){ margin-right: 3.75%; } .custom-grid .entry:nth-child(2n+2){ margin-right: 3.75%; } .custom-grid .entry:nth-child(2n+2){ margin-right: 3.75%; } .custom-grid .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid .entry .placeholder { padding-top: 75.135135135135%; background: inherit; } .custom-grid .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 768px) { .detail-page .custom-grid-artists .entry { width: 31.5%; margin-right: 2.75%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-artists .entry:nth-child(3n+3){ margin-right: 2.75%; } .detail-page .custom-grid-artists .entry:nth-child(3n+3){ margin-right: 2.75%; } .detail-page .custom-grid-artists .entry:nth-child(2n+2){ margin-right: 2.75%; } .detail-page .custom-grid-artists .entry:nth-child(2n+2){ margin-right: 2.75%; } .detail-page .custom-grid-artists .entry:nth-child(3n+3) { margin-right: 0; } .detail-page .custom-grid-artists .entry .placeholder { padding-top: 75%; background: inherit; } .detail-page .custom-grid-artists .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 768px) { .detail-page .custom-grid-exhibitions .entry { width: 31.5%; margin-right: 2.75%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-exhibitions .entry:nth-child(3n+3){ margin-right: 2.75%; } .detail-page .custom-grid-exhibitions .entry:nth-child(3n+3){ margin-right: 2.75%; } .detail-page .custom-grid-exhibitions .entry:nth-child(2n+2){ margin-right: 2.75%; } .detail-page .custom-grid-exhibitions .entry:nth-child(2n+2){ margin-right: 2.75%; } .detail-page .custom-grid-exhibitions .entry:nth-child(3n+3) { margin-right: 0; } .detail-page .custom-grid-exhibitions .entry .placeholder { padding-top: 75%; background: inherit; } .detail-page .custom-grid-exhibitions .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 768px) { .detail-page .custom-grid-art-fairs .entry { width: 31.5%; margin-right: 2.75%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-art-fairs .entry:nth-child(3n+3){ margin-right: 2.75%; } .detail-page .custom-grid-art-fairs .entry:nth-child(3n+3){ margin-right: 2.75%; } .detail-page .custom-grid-art-fairs .entry:nth-child(2n+2){ margin-right: 2.75%; } .detail-page .custom-grid-art-fairs .entry:nth-child(2n+2){ margin-right: 2.75%; } .detail-page .custom-grid-art-fairs .entry:nth-child(3n+3) { margin-right: 0; } .detail-page .custom-grid-art-fairs .entry .placeholder { padding-top: 75%; background: inherit; } .detail-page .custom-grid-art-fairs .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 768px) { .custom-grid-publications .entry { width: 30.833333333333%; margin-right: 3.75%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-publications .entry:nth-child(4n+4){ margin-right: 3.75%; } .custom-grid-publications .entry:nth-child(3n+3){ margin-right: 3.75%; } .custom-grid-publications .entry:nth-child(2n+2){ margin-right: 3.75%; } .custom-grid-publications .entry:nth-child(2n+2){ margin-right: 3.75%; } .custom-grid-publications .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-publications .entry .placeholder { padding-top: 80%; background: inherit; } .custom-grid-publications .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 768px) { .detail-page .custom-grid-publications .entry { width: 31.5%; margin-right: 2.75%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-publications .entry:nth-child(3n+3){ margin-right: 2.75%; } .detail-page .custom-grid-publications .entry:nth-child(3n+3){ margin-right: 2.75%; } .detail-page .custom-grid-publications .entry:nth-child(2n+2){ margin-right: 2.75%; } .detail-page .custom-grid-publications .entry:nth-child(2n+2){ margin-right: 2.75%; } .detail-page .custom-grid-publications .entry:nth-child(3n+3) { margin-right: 0; } .detail-page .custom-grid-publications .entry .placeholder { padding-top: 79.960317460317%; background: inherit; } .detail-page .custom-grid-publications .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 600px) { .custom-grid .entry { width: 46.25%; margin-right: 7.5%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid .entry:nth-child(4n+4){ margin-right: 7.5%; } .custom-grid .entry:nth-child(3n+3){ margin-right: 7.5%; } .custom-grid .entry:nth-child(2n+2){ margin-right: 7.5%; } .custom-grid .entry:nth-child(2n+2){ margin-right: 7.5%; } .custom-grid .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid .entry .placeholder { padding-top: 75.135135135135%; background: inherit; } .custom-grid .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 600px) { .detail-page .custom-grid-artists .entry { width: 47.25%; margin-right: 5.5%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-artists .entry:nth-child(3n+3){ margin-right: 5.5%; } .detail-page .custom-grid-artists .entry:nth-child(3n+3){ margin-right: 5.5%; } .detail-page .custom-grid-artists .entry:nth-child(2n+2){ margin-right: 5.5%; } .detail-page .custom-grid-artists .entry:nth-child(2n+2){ margin-right: 5.5%; } .detail-page .custom-grid-artists .entry:nth-child(2n+2) { margin-right: 0; } .detail-page .custom-grid-artists .entry .placeholder { padding-top: 75%; background: inherit; } .detail-page .custom-grid-artists .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 600px) { .detail-page .custom-grid-exhibitions .entry { width: 47.25%; margin-right: 5.5%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-exhibitions .entry:nth-child(3n+3){ margin-right: 5.5%; } .detail-page .custom-grid-exhibitions .entry:nth-child(3n+3){ margin-right: 5.5%; } .detail-page .custom-grid-exhibitions .entry:nth-child(2n+2){ margin-right: 5.5%; } .detail-page .custom-grid-exhibitions .entry:nth-child(2n+2){ margin-right: 5.5%; } .detail-page .custom-grid-exhibitions .entry:nth-child(2n+2) { margin-right: 0; } .detail-page .custom-grid-exhibitions .entry .placeholder { padding-top: 75%; background: inherit; } .detail-page .custom-grid-exhibitions .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 600px) { .detail-page .custom-grid-art-fairs .entry { width: 47.25%; margin-right: 5.5%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-art-fairs .entry:nth-child(3n+3){ margin-right: 5.5%; } .detail-page .custom-grid-art-fairs .entry:nth-child(3n+3){ margin-right: 5.5%; } .detail-page .custom-grid-art-fairs .entry:nth-child(2n+2){ margin-right: 5.5%; } .detail-page .custom-grid-art-fairs .entry:nth-child(2n+2){ margin-right: 5.5%; } .detail-page .custom-grid-art-fairs .entry:nth-child(2n+2) { margin-right: 0; } .detail-page .custom-grid-art-fairs .entry .placeholder { padding-top: 75%; background: inherit; } .detail-page .custom-grid-art-fairs .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 600px) { .custom-grid-publications .entry { width: 46.25%; margin-right: 7.5%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-publications .entry:nth-child(4n+4){ margin-right: 7.5%; } .custom-grid-publications .entry:nth-child(3n+3){ margin-right: 7.5%; } .custom-grid-publications .entry:nth-child(2n+2){ margin-right: 7.5%; } .custom-grid-publications .entry:nth-child(2n+2){ margin-right: 7.5%; } .custom-grid-publications .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-publications .entry .placeholder { padding-top: 80%; background: inherit; } .custom-grid-publications .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 600px) { .detail-page .custom-grid-publications .entry { width: 47.25%; margin-right: 5.5%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-publications .entry:nth-child(3n+3){ margin-right: 5.5%; } .detail-page .custom-grid-publications .entry:nth-child(3n+3){ margin-right: 5.5%; } .detail-page .custom-grid-publications .entry:nth-child(2n+2){ margin-right: 5.5%; } .detail-page .custom-grid-publications .entry:nth-child(2n+2){ margin-right: 5.5%; } .detail-page .custom-grid-publications .entry:nth-child(2n+2) { margin-right: 0; } .detail-page .custom-grid-publications .entry .placeholder { padding-top: 79.960317460317%; background: inherit; } .detail-page .custom-grid-publications .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 400px) { .custom-grid .entry { width: 46.25%; margin-right: 7.5%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid .entry:nth-child(4n+4){ margin-right: 7.5%; } .custom-grid .entry:nth-child(3n+3){ margin-right: 7.5%; } .custom-grid .entry:nth-child(2n+2){ margin-right: 7.5%; } .custom-grid .entry:nth-child(2n+2){ margin-right: 7.5%; } .custom-grid .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid .entry .placeholder { padding-top: 75.135135135135%; background: inherit; } .custom-grid .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 400px) { .detail-page .custom-grid-artists .entry { width: 47.25%; margin-right: 5.5%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-artists .entry:nth-child(3n+3){ margin-right: 5.5%; } .detail-page .custom-grid-artists .entry:nth-child(3n+3){ margin-right: 5.5%; } .detail-page .custom-grid-artists .entry:nth-child(2n+2){ margin-right: 5.5%; } .detail-page .custom-grid-artists .entry:nth-child(2n+2){ margin-right: 5.5%; } .detail-page .custom-grid-artists .entry:nth-child(2n+2) { margin-right: 0; } .detail-page .custom-grid-artists .entry .placeholder { padding-top: 75%; background: inherit; } .detail-page .custom-grid-artists .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 400px) { .detail-page .custom-grid-exhibitions .entry { width: 47.25%; margin-right: 5.5%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-exhibitions .entry:nth-child(3n+3){ margin-right: 5.5%; } .detail-page .custom-grid-exhibitions .entry:nth-child(3n+3){ margin-right: 5.5%; } .detail-page .custom-grid-exhibitions .entry:nth-child(2n+2){ margin-right: 5.5%; } .detail-page .custom-grid-exhibitions .entry:nth-child(2n+2){ margin-right: 5.5%; } .detail-page .custom-grid-exhibitions .entry:nth-child(2n+2) { margin-right: 0; } .detail-page .custom-grid-exhibitions .entry .placeholder { padding-top: 75%; background: inherit; } .detail-page .custom-grid-exhibitions .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 400px) { .detail-page .custom-grid-art-fairs .entry { width: 47.25%; margin-right: 5.5%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-art-fairs .entry:nth-child(3n+3){ margin-right: 5.5%; } .detail-page .custom-grid-art-fairs .entry:nth-child(3n+3){ margin-right: 5.5%; } .detail-page .custom-grid-art-fairs .entry:nth-child(2n+2){ margin-right: 5.5%; } .detail-page .custom-grid-art-fairs .entry:nth-child(2n+2){ margin-right: 5.5%; } .detail-page .custom-grid-art-fairs .entry:nth-child(2n+2) { margin-right: 0; } .detail-page .custom-grid-art-fairs .entry .placeholder { padding-top: 75%; background: inherit; } .detail-page .custom-grid-art-fairs .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 400px) { .custom-grid-publications .entry { width: 46.25%; margin-right: 7.5%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-publications .entry:nth-child(4n+4){ margin-right: 7.5%; } .custom-grid-publications .entry:nth-child(3n+3){ margin-right: 7.5%; } .custom-grid-publications .entry:nth-child(2n+2){ margin-right: 7.5%; } .custom-grid-publications .entry:nth-child(2n+2){ margin-right: 7.5%; } .custom-grid-publications .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-publications .entry .placeholder { padding-top: 80%; background: inherit; } .custom-grid-publications .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 400px) { .detail-page .custom-grid-publications .entry { width: 47.25%; margin-right: 5.5%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-publications .entry:nth-child(3n+3){ margin-right: 5.5%; } .detail-page .custom-grid-publications .entry:nth-child(3n+3){ margin-right: 5.5%; } .detail-page .custom-grid-publications .entry:nth-child(2n+2){ margin-right: 5.5%; } .detail-page .custom-grid-publications .entry:nth-child(2n+2){ margin-right: 5.5%; } .detail-page .custom-grid-publications .entry:nth-child(2n+2) { margin-right: 0; } .detail-page .custom-grid-publications .entry .placeholder { padding-top: 79.960317460317%; background: inherit; } .detail-page .custom-grid-publications .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } .artists.home .switch a[href="/artists?period=past"]{ display:none; } /* ========================================================================== */ /* -------------------------------------------------------------------------- */ /* GLOBAL CSS */ /* -------------------------------------------------------------------------- */ /* ========================================================================== */ /* --------------------------------------------------------- */ /* FONTS */ /*font-family:'Helvetica LT W01 Light';*/ /*font-family:'Helvetica LT W01 Light Oblique';*/ /*font-family:'Helvetica LT W01 Roman';*/ /*font-family:'Helvetica LT W01 Obliqu1489444';*/ /*font-family:'Helvetica LT W01 Bold';*/ /*font-family:'Helvetica LT W01 Bold O1489460';*/ /*font-family:'Bodoni W01 Book_709611';*/ /*font-family:'Bodoni W01 Book Italic';*/ /*font-family:'Bodoni W01 Bold_709602';*/ /*font-family:'Bodoni W01 Bold Italic_709608';*/ /*font-family:'Avenir LT W01_35 Light1475496';*/ /*font-family:'Avenir LT W01_35 Light_1475502';*/ /*font-family:'Avenir LT W01_45 Book1475508';*/ /*font-family:'Avenir LT W01_45 Book O1475514';*/ /*font-family:'Avenir LT W01_85 Heavy1475544';*/ /*font-family:'Avenir LT W01_85 Heavy_1475550';*/ /* -------------------------------------- */ /* NEW FONT NAME */ /* -------------------------------------- */ /* 100 - THIN (HAIRLINE) */ /* -------------------------------------- */ /* 200 - EXTRA LIGHT (ULTRA LIGHT) */ /* -------------------------------------- */ /* 300 - LIGHT */ /* -------------------------------------- */ /* 400 - NORMAL (REGULAR) */ /* -------------------------------------- */ /* 500 - MEDIUM */ /* -------------------------------------- */ /* 600 - SEMIBOLD (DEMIBOLD) */ /* -------------------------------------- */ /* 700 - BOLD */ /* -------------------------------------- */ /* 800 - EXTRA BOLD (ULTRA BOLD) */ /* -------------------------------------- */ /* 900 - BLACK (HEAVY) */ /* -------------------------------------- */ /* 950 / 1000 - EXTRA BLACK (ULTRA BLACK) */ /* -------------------------------------- */ /* -------------------------------------------------------------------------- */ /* GENERAL */ /* -------------------------------------------------------------------------- */ HTML, body{ font: 16px 'Avenir LT W01_45 Book1475508', sans-serif; /* DO NOT SEPARATE ABOVE STYLE */ font-weight:400; line-height:1.6; letter-spacing:0; background: #ffffff; color: #000000; } /*b, strong{*/ /* font-weight:700;*/ /*}*/ p, .paragraph-styling p{ font-size:inherit; line-height:inherit; } .paragraph-styling p{ margin-bottom:1em; } /* OLD STYLE FONT WORKAROUND */ i, em{ font-family:'Avenir LT W01_45 Book O1475514'; font-style:normal; } /* bold */ b, strong{ font-family:'Avenir LT W01_85 Heavy1475544'; font-weight:normal; } /* bold-italic */ strong > em, b > em, strong > i, b > i, em > strong, em > b, i > strong, i > b{ font-family:'Avenir LT W01_85 Heavy_1475550'; font-style:normal; } /*HEADER OVERIDE IN TEXTBOX*/ strong > em > u, strong > u > em, em > strong > u, em > u > strong, u > em > strong, u > strong > em{ font-family:'Bodoni W01 Bold_709602'; font-size: 22px !important; color:#000000 !important; padding:0 0 0px 0 !important; margin: 0 0 5px 0 !important; line-height: 1.3!important; letter-spacing:.2px; display:inline-block !important; font-weight:normal; text-decoration:none !important; } /* -------------------------------------- */ /* SELECTION COLOR */ /* -------------------------------------- */ /*::selection {color:#ffffff;background:#000000;}*/ /*::-moz-selection {color:#ffffff;background:#000000;}*/ /* -------------------------------------- */ /* LINK COLOR */ /* -------------------------------------- */ a{color:#808080;} a:hover{color:#000000;} /*a:hover h1, a:hover .title{ color:#808080 !important;}*/ /*a:hover h2, a:hover h3, a:hover .subtitle, a:hover .date{ color:#808080 !important;}*/ /* -------------------------------------------------------------------------- */ /* RESETS */ /* -------------------------------------------------------------------------- */ /* ====================================== */ /* MASTER REMOVE EXTRANEOUS SPACING */ /* DO NOT EDIT */ /* ====================================== */ .exhibitions.home .headers, .exhibitions.home .medium .headers, .exhibitions.home .small .headers{padding-top: 0;} .grid {line-height:unset;} .inquireBox img {display:block;} .image img{display:block;} /* ====================================== */ /* MASTER RESET */ /* RESET H1 H2 H3 H4 TITLE SUB DATE */ /* DO NOT EDIT */ /* ====================================== */ h1, h2, h3, h4, .title, .subtitle, .date, .exhibitions h1, .exhibitions .medium h1, .news .list h1, .news h1, .news h2, .news h3, .press .title, .item-header h1, header h1, .news-thumbs.fixed-font .titles, .news-thumbs.fixed-font .title, .news-thumbs.fixed-font .entry .subtitle, .press.home .press-thumbs.fixed-font .titles, .press.home .press-thumbs.fixed-font .title, .entries.fixed-font .titles, .entries.fixed-font .title, .entries.fixed-font .date, .entries.fixed-font .subtitle, .fixed-font .entries .date { /* DO NOT EDIT */ font-size:inherit; line-height:inherit; text-transform:initial; letter-spacing:inherit; color:#000000; padding:0 0 0 0; /* DO NOT CHANGE PADDING - MOBILE WILL OVEWRITE */ margin: 0 0 0 0; } /* ====================================== */ /* MASTER RESET LINKS A LINE-HEIGHTS */ /* DO NOT EDIT */ /* ====================================== */ .links a, .links a:last-of-type { /* DO NOT EDIT */ line-height:inherit; } /* ====================================== */ /* MASTER RESET FIGCAPTIONS */ /* DO NOT EDIT */ /* ====================================== */ figcaption h1, figcaption h2, figcaption p, .slide figcaption, .slide figcaption p, .slide figcaption p.image-title{ font-size: inherit; line-height: inherit; margin-top:0; margin-bottom:0; } /* -------------------------------------- */ /* CAPTIONS (NOT FIGCAPTIONS) */ /* -------------------------------------- */ .caption .description, .caption h1, .caption h2, .caption h3, .caption-snippet p, .caption p, .image .caption p { font-size: .8rem; line-height: inherit; margin-top:0; margin-bottom:0; } .caption, .text-one-column-with-image.banner-image .caption { margin-top:10px; } /* -------------------------------------- */ /* SUMMARY */ /* -------------------------------------- */ .summary{ margin-top:1em; } /* -------------------------------------------------------------------------- */ /* MASTER-CONFIG */ /* -------------------------------------------------------------------------- */ /* ====================================== */ /* MASTER-CONFIG GRIDS */ /* ====================================== */ .placeholder, .thumb{ margin-bottom:15px !important; } .news .list h1, .entries.fixed-font .title, .grid-container .title, .exhibitions .headers h1{ font-family:'Bodoni W01 Bold_709602'; font-size: 22px; line-height: 1.3; margin-bottom: 5px; letter-spacing:.2px; display:block; } .entries.fixed-font .subtitle:not(.subtitle2), .grid-container .subtitle:not(.subtitle2), .exhibitions .headers h2:not(.subtitle2){ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .entries.fixed-font .subtitle2, .grid-container .subtitle2, .exhibitions .headers h2.subtitle2{ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .entries.fixed-font .date, .grid-container .date, .exhibitions .headers h3{ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .grid-container .additional-text, .exhibitions .headers .additional-text{ color:#000000; padding-top:0; /*font-size:inherit;*/ /*line-height:inherit;*/ } /* ====================================== */ /* MASTER-CONFIG SECTION HEADERS */ /* ====================================== */ .section-header.divider{ /*border-color:#ff0000;*/ border-color:#dedede; } .section-header:not(.page-header) h1, .section-header h4, .slideshow-headline h1 { font-size:13px; letter-spacing:1px; /*line-height:1.8;*/ text-transform:uppercase; /*font-size:inherit;*/ /*line-height:inherit;*/ } /* ====================================== */ /* MASTER-CONFIG DETAIL PAGE HEADERS */ /* ====================================== */ .detail-page .screen-header .item-header h1, .detail-page .page-header .item-header h1{ font-family:'Bodoni W01 Bold_709602'; font-size: 25px; line-height: 1.3; margin-bottom: 7px; letter-spacing:.6px; } .detail-page .screen-header .item-header h2:not(.subtitle2), .detail-page .page-header .item-header h2:not(.subtitle2){ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .detail-page .screen-header .item-header h2.subtitle2, .detail-page .page-header .item-header h2.subtitle2{ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .detail-page .screen-header .item-header h3, .detail-page .page-header .item-header h3{ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .detail-page .screen-header .additional-text, .detail-page .page-header .additional-text{ padding-top:0; /*font-size:inherit;*/ /*line-height:inherit; */ } /* -------------------------------------------------------------------------- */ /* HOVER ENTRY ANIMATIONS */ /* -------------------------------------------------------------------------- */ .entry .image{ overflow:hidden; } .entry .image img{ filter:brightness(97%); transition:transform .7s, filter .7s; } .entry:hover .image img{ filter:brightness(100%); transform:scale(1.05); transition:transform .3s, filter .3s; } #large .entry:hover .image img{ transform:scale(1.02); transition:transform .3s, filter .3s; } #viewing-room-grid .entry:hover .image img{ transform:scale(1.02); transition:transform .3s, filter .3s; } .squared .thumbnail-container .thumbnail-square { transition:transform .7s; } .squared .thumbnail-container .thumbnail-square:hover { transform:scale(1.03); transition:transform .3s; } /* -------------------------------------------------------------------------- */ /* DROP DOWN MENUS RESET */ /* -------------------------------------------------------------------------- */ /* fix 1px shift mis-alignment */ .dropdown > .divider{left: -1px;} /*border colors and top/bottom padding*/ .dropdown-root .divider{ border-color:#888888; padding: 3px 0;} /*new background image arrow*/ .dropdown:after { content: " "; position: absolute; height: 95%; width: 15px; top: 0; right: 10px; background: url('about:blank') center center no-repeat; background-size: contain; background-color: transparent !important; opacity:.6; } /*remove old arrow*/ .dropdown:before {content: none;} /*drop down items*/ .dropdown-root .divider a, .dropdown-root .divider a:last-of-type{ display: block; white-space: nowrap; padding: 4px 4px 4px 10px; margin: 0; /*EDIT FONT STYLING*/ font-size: inherit !important; } /*view all link spacing styling*/ .filter-items .association-filter {margin-right: 20px;} .filter-clear{ white-space: nowrap; /*EDIT FONT STYLING*/ font-size: inherit !important; } /* -------------------------------------------------------------------------- */ /* FORMS */ /* -------------------------------------------------------------------------- */ form.inquire input[type=text], form.inquire textarea, /*form input,*/ form input[type=email], form input[type=password], form input[type=text], form select, form textarea { display: block; border: 1px solid #ccc; font-size: inherit; line-height:normal; padding: 10px 10px 10px 10px; height: auto; background: #fff; margin-bottom: 15px; width: 100%; box-sizing:border-box; outline:0!important; } form.inquire input[type=text]:hover, form.inquire textarea:hover, form textarea:hover, form input:hover, form textarea:focus, form input:focus{ border-color:#000000; } form button, .inquireBox .submit{ background-color:#ffffff; border:1px solid #000000; padding: 8px 15px 7px 15px; margin-top:7px; display:inline-block; line-height:1.5; color: #000000; font-size:12px; text-transform:uppercase; letter-spacing: 1px; } form button:hover, .inquireBox .submit:hover{; color: #ffffff; background-color: #000000; } /* -------------------------------------- */ /* INQUIRE */ /* -------------------------------------- */ .inquireBox .header{ display:none; } .container.inquireWrapper{ max-width:1080px; } .inquireBox .left{ margin-top:.5em; } form.inquire label{ font-size:12px; text-transform:initial; display: block; padding-bottom: 3px; } /* inquire box NAME fix */ .inquireBox label[for="form_name"]{ text-transform: lowercase; } .inquireBox label[for="form_name"]:first-letter, .inquireBox label[for="form_name"]:first-line { text-transform: uppercase; } /* mailchimp */ #mc_embed_signup{ font: 16px 'Avenir LT W01_45 Book1475508', sans-serif!important; } #mc_embed_signup form { padding: 0 !important; } #mc_embed_signup input { /*border: 1px solid #b4b4b4;*/ border-radius: 0 !important; } /*#mc_embed_signup .mc-field-group {*/ /* width: 100% !important;*/ /* padding-bottom: 0 !important;*/ /* min-height: 60px !important;*/ /*}*/ #mc_embed_signup .mc-field-group input { padding: 10px 10px 10px 10px!important; text-indent: 0 !important; /*margin-bottom: 0 !important;*/ } #mc_embed_signup .button { height: unset !important; border: 1px solid #000000 !important; padding: 8px 15px 7px 15px!important; background-color: #fff !important; text-transform: uppercase!important; font-size: 12px !important; letter-spacing: 1px!important; line-height:1.6!important; color: #000000 !important; } #mc_embed_signup .button:hover { color:#ffffff !important; background-color:#000000 !important; } /*#mc_embed_signup #mce-success-response {*/ /* color: #000;*/ /* font-family: 'Bodoni W01 Book_709611';*/ /* text-transform: uppercase;*/ /* font-size: 12px !important;*/ /* letter-spacing: 1px;*/ /* font-weight: normal !important;*/ /* margin: 0 0 20px 0 !important;*/ /* padding: 0 !important;*/ /*}*/ /*#mc_embed_signup div#mce-responses {*/ /* padding: 0 !important;*/ /* width: 100% !important;*/ /* margin: 0 0% !important;*/ /*}*/ /* -------------------------------------------------------------------------- */ /* CONTENT-A (MODULAR SIDEBAR ONLY - NOT FULL WIDTH PAGE) */ /* -------------------------------------------------------------------------- */ /* -------------------------------------- */ /* SPACE BETWEEN */ /* -------------------------------------- */ [id*='biography'] .text-one-column-with-image, [id*='press-release'] .text-one-column-with-image, [id*='modular-1'] .text-one-column-with-image { padding-bottom: 80px; } [id*='biography'] .text-one-column-with-image.large-image .image + .text > .container > :first-child, [id*='biography'] .text-one-column-with-image.banner-image .image + .text > .container > :first-child, [id*='press-release'] .text-one-column-with-image.large-image .image + .text > .container > :first-child, [id*='press-release'] .text-one-column-with-image.banner-image .image + .text > .container > :first-child, [id*='modular-1'] .text-one-column-with-image.large-image .image + .text > .container > :first-child, [id*='modular-1'] .text-one-column-with-image.banner-image .image + .text > .container > :first-child{ margin-top: 80px; } /* -------------------------------------- */ /* MAX WIDTHS */ /* -------------------------------------- */ [id*='biography'] .text-one-column-with-image:not(.large-image):not(.banner-image) .container, [id*='press-release'] .text-one-column-with-image:not(.large-image):not(.banner-image) .container, [id*='modular-1'] .text-one-column-with-image:not(.large-image):not(.banner-image) .container{ max-width:1600px; } [id*='biography'] .text-one-column-with-image.no-image .text .container, [id*='biography'] .text-one-column-with-image.large-image .image + .text .container, [id*='biography'] .text-one-column-with-image.banner-image .image + .text .container, [id*='press-release'] .text-one-column-with-image.no-image .text .container, [id*='press-release'] .text-one-column-with-image.large-image .image + .text .container, [id*='press-release'] .text-one-column-with-image.banner-image .image + .text .container, [id*='modular-1'] .text-one-column-with-image.no-image .text .container, [id*='modular-1'] .text-one-column-with-image.large-image .image + .text .container, [id*='modular-1'] .text-one-column-with-image.banner-image .image + .text .container{ max-width:900px; margin-left:0; } .s-homepage1 [id*='modular-1'] .text-one-column-with-image.no-image .text .container, .s-homepage1 [id*='modular-1'] .text-one-column-with-image.large-image .image + .text .container, .s-homepage1 [id*='modular-1'] .text-one-column-with-image.banner-image .image + .text .container{ margin-left:auto; } /* -------------------------------------- */ /* SPACING RESET */ /* -------------------------------------- */ [id*='biography'] .text-one-column-with-image .text > .container > :last-child, [id*='press-release'] .text-one-column-with-image .text > .container > :last-child, [id*='modular-1'] .text-one-column-with-image .text > .container > :last-child{ /*border:1px solid #ff0000;*/ margin-bottom:0; } [id*='biography'] .text-one-column-with-image.no-image .text, [id*='press-release'] .text-one-column-with-image.no-image .text, [id*='modular-1'] .text-one-column-with-image.no-image .text{ float:none; width:100%; padding-left: 0; padding-right: 0; } [id*='biography'] .text-one-column-with-image.banner-image .text, [id*='biography'] .text-one-column-with-image.large-image .text, [id*='biography'] .text-one-column-with-image .text, [id*='press-release'] .text-one-column-with-image.banner-image .text, [id*='press-release'] .text-one-column-with-image.large-image .text, [id*='press-release'] .text-one-column-with-image .text, [id*='modular-1'] .text-one-column-with-image.banner-image .text, [id*='modular-1'] .text-one-column-with-image.large-image .text, [id*='modular-1'] .text-one-column-with-image .text{ padding-bottom:0; } [id*='biography'] .text-one-column-with-image.banner-image .image + .text, [id*='biography'] .text-one-column-with-image.large-image .image + .text, [id*='press-release'] .text-one-column-with-image.banner-image .image + .text, [id*='press-release'] .text-one-column-with-image.large-image .image + .text, [id*='modular-1'] .text-one-column-with-image.banner-image .image + .text, [id*='modular-1'] .text-one-column-with-image.large-image .image + .text { margin-top:0; } [id*='biography'] .image .caption:empty, [id*='press-release'] .image .caption:empty, [id*='modular-1'] .image .caption:empty{ margin-top:0; } /* -------------------------------------- */ /* TEXT TO IMAGE TOP OFFSET */ /* -------------------------------------- */ [id*='biography'] .text-one-column-with-image:not(.large-image):not(.banner-image) .image, [id*='press-release'] .text-one-column-with-image:not(.large-image):not(.banner-image) .image, [id*='modular-1'] .text-one-column-with-image:not(.large-image):not(.banner-image) .image{ margin-top:.4em; } /* -------------------------------------- */ /* BANNER */ /* -------------------------------------- */ [id*='biography'] .text-one-column-with-image.banner-image figure, [id*='press-release'] .text-one-column-with-image.banner-image figure, [id*='modular-1'] .text-one-column-with-image.banner-image figure { min-height: 100vh; pointer-events:none; overflow:hidden; } @media only screen and (orientation: portrait) { [id*='biography'] .text-one-column-with-image.banner-image figure, [id*='press-release'] .text-one-column-with-image.banner-image figure, [id*='modular-1'] .text-one-column-with-image.banner-image figure { min-height: 80vw; } } [id*='biography'] .text-one-column-with-image.banner-image .text .container, [id*='press-release'] .text-one-column-with-image.banner-image .text .container, [id*='modular-1'] .text-one-column-with-image.banner-image .text .container{ padding:0 20px; } /* -------------------------------------- */ /* LARGE IMAGE */ /* -------------------------------------- */ [id*='biography'] .text-one-column-with-image.large-image .image img, [id*='press-release'] .text-one-column-with-image.large-image .image img, [id*='modular-1'] .text-one-column-with-image.large-image .image img{ /*max-height:100vh;*/ } /* -------------------------------------- */ /* CENTER CAPTIONS AND IMAGES */ /* -------------------------------------- */ [id*='biography'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image .caption, [id*='biography'] .text-one-column-with-image.banner-image .image .caption, [id*='biography'] .text-one-column-with-image.large-image .image .caption, [id*='press-release'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image .caption, [id*='press-release'] .text-one-column-with-image.banner-image .image .caption, [id*='press-release'] .text-one-column-with-image.large-image .image .caption, [id*='modular-1'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image .caption, [id*='modular-1'] .text-one-column-with-image.banner-image .image .caption, [id*='modular-1'] .text-one-column-with-image.large-image .image .caption{ text-align:center; max-width: 400px; margin-left: auto; margin-right: auto; } [id*='biography'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image img, [id*='biography'] .text-one-column-with-image.large-image .image img, [id*='press-release'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image img, [id*='press-release'] .text-one-column-with-image.large-image .image img, [id*='modular-1'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image img, [id*='modular-1'] .text-one-column-with-image.large-image .image img{ margin-left: auto; margin-right: auto; } /* -------------------------------------- */ /* STICKY */ /* -------------------------------------- */ [id*='biography'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image, [id*='biography'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .text, [id*='press-release'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image, [id*='press-release'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .text, [id*='modular-1'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image, [id*='modular-1'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .text{ position:sticky; top:30px; } @media (max-width: 768px) { [id*='biography'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image, [id*='biography'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .text, [id*='press-release'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image, [id*='press-release'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .text, [id*='modular-1'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image, [id*='modular-1'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .text{ position:relative; top:0; } } /* -------------------------------------- */ /* FLEX ALIGNMENT */ /* -------------------------------------- */ [id*='biography'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) > .container, [id*='press-release'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) > .container, [id*='modular-1'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) > .container{ display:flex; align-items: flex-start; } [id*='biography'] .text-one-column-with-image.image-on-right:not(.large-image):not(.banner-image):not(.no-image) > .container, [id*='press-release'] .text-one-column-with-image.image-on-right:not(.large-image):not(.banner-image):not(.no-image) > .container, [id*='modular-1'] .text-one-column-with-image.image-on-right:not(.large-image):not(.banner-image):not(.no-image) > .container{ flex-direction: row-reverse; } [id*='biography'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .text, [id*='press-release'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .text, [id*='modular-1'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .text{ /*align-self: center;*/ float:none; } .s-homepage1 [id*='modular-1'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .text{ align-self: center; } [id*='biography'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image, [id*='press-release'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image, [id*='modular-1'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image{ float:none; } /* -------------------------------------- */ /* LEFT RIGHT RATIO */ /* -------------------------------------- */ [id*='biography'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .text, [id*='press-release'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .text, [id*='modular-1'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .text { /*width: 53%;*/ width: 50%; box-sizing:border-box; } [id*='biography'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image, [id*='press-release'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image, [id*='modular-1'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image { /*width: 42%;*/ width: 50%; box-sizing:border-box; } [id*='biography'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image + .text, [id*='press-release'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image + .text, [id*='modular-1'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image + .text { padding-left:4%; padding-right:0; box-sizing:border-box; } [id*='biography'] .text-one-column-with-image.image-on-right:not(.large-image):not(.banner-image):not(.no-image) .text, [id*='press-release'] .text-one-column-with-image.image-on-right:not(.large-image):not(.banner-image):not(.no-image) .text, [id*='modular-1'] .text-one-column-with-image.image-on-right:not(.large-image):not(.banner-image):not(.no-image) .text { padding-right:4%; padding-left:0; box-sizing:border-box; } @media (max-width: 768px) { [id*='biography'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) > .container, [id*='press-release'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) > .container, [id*='modular-1'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) > .container{ display:block; } [id*='biography'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image, [id*='press-release'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image, [id*='modular-1'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image{ margin-bottom:80px; } [id*='biography'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image img, [id*='press-release'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image img, [id*='modular-1'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image img{ margin-left:auto; margin-right:auto; } } /* -------------------------------------- */ /* STRETCH IMAGES */ /* -------------------------------------- */ [id*='biography'] .text-one-column-with-image:not(.large-image):not(.banner-image) .image img, [id*='press-release'] .text-one-column-with-image:not(.large-image):not(.banner-image) .image img, [id*='modular-1'] .text-one-column-with-image:not(.large-image):not(.banner-image) .image img{ width:100%; height:100%; max-height:800px; max-width:800px; object-fit:contain; } /* -------------------------------------- */ /* WITH SLIDESHOW (TIS) */ /* -------------------------------------- */ [id*='biography'][data-slideshow-view] .container, [id*='press-release'][data-slideshow-view] .container, [id*='modular-1'][data-slideshow-view] .container{ max-width:100%; } [id*='biography'][data-slideshow-view] ~ div, [id*='press-release'][data-slideshow-view] ~ div, [id*='modular-1'][data-slideshow-view] ~ div{ display:none; } [id*='biography'][data-slideshow-view], [id*='press-release'][data-slideshow-view], [id*='modular-1'][data-slideshow-view]{ margin-bottom:0; } [id*='biography'][data-slideshow-view] .slideshow-headline h1, [id*='press-release'][data-slideshow-view] .slideshow-headline h1, [id*='modular-1'][data-slideshow-view] .slideshow-headline h1{ /*visibility:hidden;*/ } /* -------------------------------------- */ /* MAGIC SCROLL */ /* -------------------------------------- */ [id*='biography'] .text-one-column-with-image:not(.large-image):not(.banner-image) .image, [id*='press-release'] .text-one-column-with-image:not(.large-image):not(.banner-image) .image, [id*='modular-1'] .text-one-column-with-image:not(.large-image):not(.banner-image) .image{ overflow:hidden; } [id*='biography'] .text-one-column-with-image:not(.large-image):not(.banner-image) .image img, [id*='press-release'] .text-one-column-with-image:not(.large-image):not(.banner-image) .image img, [id*='modular-1'] .text-one-column-with-image:not(.large-image):not(.banner-image) .image img{ transform: translateX(var(--ty)); opacity: var(--o); } /* -------------------------------------------------------------------------- */ /* CONTENT-A FULL WIDTH (NOT SIDE-BAR) */ /* -------------------------------------------------------------------------- */ /* -------------------------------------- */ /* SPACE BETWEEN */ /* -------------------------------------- */ [id*='screen-content-a'] .text-one-column-with-image { padding-bottom: 80px; } [id*='screen-content-a'] .text-one-column-with-image.large-image .image + .text > .container > :first-child, [id*='screen-content-a'] .text-one-column-with-image.banner-image .image + .text > .container > :first-child{ margin-top: 80px; } /* -------------------------------------- */ /* MAX WIDTHS */ /* -------------------------------------- */ [id*='screen-content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image) .container{ max-width:1600px; } [id*='screen-content-a'] .text-one-column-with-image.no-image .text .container, [id*='screen-content-a'] .text-one-column-with-image.large-image .image + .text .container, [id*='screen-content-a'] .text-one-column-with-image.banner-image .image + .text .container{ max-width:800px; } /* -------------------------------------- */ /* SPACING RESET */ /* -------------------------------------- */ [id*='screen-content-a'] .text-one-column-with-image .text > .container > :last-child{ /*border:1px solid #ff0000;*/ margin-bottom:0; } [id*='screen-content-a'] .text-one-column-with-image.no-image .text{ float:none; width:100%; padding-left: 0; padding-right: 0; } [id*='screen-content-a'] .text-one-column-with-image.banner-image .text, [id*='screen-content-a'] .text-one-column-with-image.large-image .text, [id*='screen-content-a'] .text-one-column-with-image .text{ padding-bottom:0; } [id*='screen-content-a'] .text-one-column-with-image.banner-image .image + .text, [id*='screen-content-a'] .text-one-column-with-image.large-image .image + .text { margin-top:0; } [id*='screen-content-a'] .image .caption:empty{ margin-top:0; } /* -------------------------------------- */ /* TEXT TO IMAGE TOP OFFSET */ /* -------------------------------------- */ [id*='screen-content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image) .image{ margin-top:.4em; } /* -------------------------------------- */ /* BANNER */ /* -------------------------------------- */ [id*='screen-content-a'] .text-one-column-with-image.banner-image figure { min-height: 100vh; pointer-events:none } @media only screen and (orientation: portrait) { [id*='screen-content-a'] .text-one-column-with-image.banner-image figure { min-height: 80vw; } } [id*='screen-content-a'] .text-one-column-with-image.banner-image .text .container{ padding:0 20px; } /* -------------------------------------- */ /* LARGE IMAGE */ /* -------------------------------------- */ [id*='screen-content-a'] .text-one-column-with-image.large-image .image img{ /*max-height:100vh;*/ } /* -------------------------------------- */ /* CENTER CAPTIONS AND IMAGES */ /* -------------------------------------- */ [id*='screen-content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image .caption, [id*='screen-content-a'] .text-one-column-with-image.banner-image .image .caption, [id*='screen-content-a'] .text-one-column-with-image.large-image .image .caption{ text-align:center; max-width: 400px; margin-left: auto; margin-right: auto; } [id*='screen-content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image img, [id*='screen-content-a'] .text-one-column-with-image.large-image .image img{ margin-left: auto; margin-right: auto; } /* -------------------------------------- */ /* STICKY */ /* -------------------------------------- */ [id*='screen-content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image, [id*='screen-content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .text{ position:sticky; top:30px; } @media (max-width: 768px) { [id*='screen-content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image, [id*='screen-content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .text{ position:relative; top:0; } } /* -------------------------------------- */ /* FLEX ALIGNMENT */ /* -------------------------------------- */ [id*='screen-content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) > .container{ display:flex; align-items: flex-start; } [id*='screen-content-a'] .text-one-column-with-image.image-on-right:not(.large-image):not(.banner-image):not(.no-image) > .container{ flex-direction: row-reverse; } [id*='screen-content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .text{ align-self: center; float:none; } [id*='screen-content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image{ float:none; } /* -------------------------------------- */ /* LEFT RIGHT RATIO */ /* -------------------------------------- */ [id*='screen-content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .text { /*width: 53%;*/ width: 50%; box-sizing:border-box; } [id*='screen-content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image { /*width: 42%;*/ width: 50%; box-sizing:border-box; } [id*='screen-content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image + .text { padding-left:4%; padding-right:0; box-sizing:border-box; } [id*='screen-content-a'] .text-one-column-with-image.image-on-right:not(.large-image):not(.banner-image):not(.no-image) .text { padding-right:4%; padding-left:0; box-sizing:border-box; } @media (max-width: 768px) { [id*='screen-content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) > .container{ display:block; } [id*='screen-content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image{ margin-bottom:80px; } [id*='screen-content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image img{ margin-left:auto; margin-right:auto; } } /* -------------------------------------- */ /* STRETCH IMAGES */ /* -------------------------------------- */ /*[id*='screen-content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image) .image img{*/ /* width:100%;*/ /* height:100%;*/ /* max-height:620px;*/ /* max-width:620px;*/ /* object-fit:contain;*/ /*}*/ /* -------------------------------------- */ /* WITH SLIDESHOW (TIS) */ /* -------------------------------------- */ [id*='screen-content-a'][data-slideshow-view] .container{ max-width:100%; } [id*='screen-content-a'][data-slideshow-view] ~ div{ display:none; } [id*='screen-content-a'][data-slideshow-view]{ margin-bottom:0; } [id*='screen-content-a'][data-slideshow-view] .slideshow-headline h1{ /*visibility:hidden;*/ } /* -------------------------------------- */ /* MAGIC SCROLL */ /* -------------------------------------- */ [id*='screen-content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image) .image{ overflow:hidden; } [id*='screen-content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image) .image img{ transform: translateX(var(--ty)); opacity: var(--o); } /* -------------------------------------------------------------------------- */ /* 2-UP FIXES */ /* -------------------------------------------------------------------------- */ .text-image-wrapper.two-up{ box-sizing:border-box; } .two-up-wrapper.container{ max-width:100%; } .text-image-wrapper.two-up:first-child { padding: 0 20px 0 0; } .text-image-wrapper.two-up:nth-child(2) { padding: 0 0 0 20px; } @media all and (max-width:620px) { .two-up-wrapper.container{ display:block; } .text-image-wrapper.two-up{ width:100%; } .text-image-wrapper.two-up:first-child { padding:0 0 0 0 } .text-image-wrapper.two-up:nth-child(2) { padding:0 0 0 0 } } /*hide 2-up slideshow headers*/ .two-up-wrapper .slideshow-headline{ display:none; } /* -------------------------------------------------------------------------- */ /* SWIPER FIXES */ /* -------------------------------------------------------------------------- */ /* -------------------------------------- */ /* SWIPER FIX BOTTOM MARGIN */ /* -------------------------------------- */ section .swiper-container.slideshow{ margin-bottom:0; padding-bottom:80px; } .slideshow-overlay .swiper-container.slideshow { margin-bottom:0} .slideshow-overlay .swiper-container{ padding-bottom:0;} /* -------------------------------------- */ /* SWIPER FLASHING FIX ON SAFARI */ /* -------------------------------------- */ /*.slideshow-container .swiper-slide {*/ /* -webkit-backface-visibility: hidden;*/ /* -webkit-transform: translate3d(0, 0, 0);*/ /*}*/ /* -------------------------------------- */ /* ASPECT RATIO WRAPPER FIX */ /* -------------------------------------- */ /* make container 4:3(75%) minus arrow padding (45*2 = 90px) */ section .position-guard-container .swiper-container.slideshow .slide-content-container{ padding-top:calc(75% - 90px); } /* subtract 70px for nested slide container */ section .position-guard-container .swiper-container.slideshow .nested-slide .slide-content-container{ padding-top:calc(75% - 90px - 70px); } /* browser is 4:3 and wider */ @media (min-aspect-ratio: 4/3){ /* make container make height of viewport minus set amount (100px or any) */ section .position-guard-container .swiper-container.slideshow .slide-content-container{ padding-top:calc(100vh - 100px); } /* subtract 70px for nested slide container */ section .position-guard-container .swiper-container.slideshow .nested-slide .slide-content-container{ padding-top:calc(100vh - 100px - 70px); } } /* browser is 1:1 and taller */ @media (max-aspect-ratio: 1/1){ /* make container make height taller for mobile (80% or more) */ section .position-guard-container .swiper-container.slideshow .slide-content-container{ padding-top:80%; } /* subtract 70px for nested slide container */ section .position-guard-container .swiper-container.slideshow .nested-slide .slide-content-container{ padding-top:calc(80% - 70px); } } /* two-up swiper fixes */ .text-image-wrapper.two-up .position-guard-container .swiper-container.slideshow .slide-content-container{ padding-top:80%; } .text-image-wrapper.two-up .position-guard-container .swiper-container.slideshow .nested-slide .slide-content-container{ padding-top:calc(80% - 70px); } /* swiper nested-navigation */ section .nested-navigation{ padding-bottom:20px; } .swiper-slide .nested-navigation .nested-thumbnail.active{ border-color:#000000; } /* ====================================== */ /* ! USE BELOW FOR SQUARE THUMBNAILS ! */ /* ====================================== */ /* -------------------------------------- */ /* SWIPER FIX THUMBNAIL */ /* CONVERT TO FLEX TO PROPERLY ALIGN */ /* LAZY LOAD USE: */ /* .thumbnails-tab.squared .thumbnails-all */ /* NO LAZY LOAD USE: */ /* .thumbnails-tab.squared */ /* -------------------------------------- */ .thumbnails-tab.squared /*.thumbnails-tab.squared .thumbnails-all*/ { display:flex; flex-wrap:wrap; } .thumbnails-tab.squared.hidden{ display:none; } .squared[data-width] .thumbnail-container { width: calc((100% - 2.5%) / 2); } @media screen and (min-width: 767px) and (max-width: 1024px) { .squared[data-width] .thumbnail-container { width: calc((100% - 5%) / 3); } } @media screen and (min-width: 1025px) { .squared[data-width="3"] .thumbnail-container { width: calc((100% - 5%) / 3); } } .squared .thumbnail-container { margin-bottom:6%; margin-right:2.5%; } .squared .thumbnail-container .thumbnail-square img { max-width: 100%; max-height: 100%; } .squared .thumbnail-container .thumbnail-square{ margin-bottom:15px; } /* ====================================== */ /* ! USE BELOW FOR BASE ALIGN THUMBNAIL ! */ /* ====================================== */ /* -------------------------------------- */ /* SWIPER FIX THUMBNAIL */ /* CONVERT TO FLEX TO PROPERLY ALIGN */ /* LAZY LOAD USE: */ /* .thumbnails-tab.squared .thumbnails-all */ /* NO LAZY LOAD USE: */ /* .thumbnails-tab.squared */ /* -------------------------------------- */ /*.thumbnails-tab.squared .thumbnails-all{*/ /* display:flex;*/ /* flex-wrap:wrap;*/ /*}*/ /*.thumbnails-tab.squared.hidden{*/ /* display:none;*/ /*}*/ /*.squared[data-width] .thumbnail-container {*/ /* width: calc((100% - 2.5%) / 2);*/ /*}*/ /*@media screen and (min-width: 767px) and (max-width: 1024px) {*/ /* .squared[data-width] .thumbnail-container {*/ /* width: calc((100% - 5%) / 3);*/ /* }*/ /*}*/ /*@media screen and (min-width: 1025px) {*/ /* .squared[data-width="3"] .thumbnail-container {*/ /* width: calc((100% - 5%) / 3);*/ /* }*/ /*}*/ /*.squared .thumbnail-container {*/ /* margin-bottom:6%;*/ /* margin-right:2.5%*/ /*}*/ /*.squared .thumbnail-container .thumbnail-square img {*/ /* max-width: 100%;*/ /* max-height: 100%; */ /* object-position:bottom center;*/ /*}*/ /*.squared .thumbnail-container .thumbnail-square{*/ /* margin-bottom:15px;*/ /*}*/ /*.squared .thumbnail-container .thumbnail-square img{*/ /* position:unset;*/ /* top:unset;*/ /* left:unset;*/ /* transform:none;*/ /* max-height:50vw;*/ /*}*/ /*@media screen and (min-width: 767px) and (max-width: 1024px) {*/ /* .squared .thumbnail-container .thumbnail-square img{*/ /* max-height:30vw;*/ /* }*/ /*}*/ /*@media screen and (min-width: 1025px) {*/ /* .squared .thumbnail-container .thumbnail-square img{*/ /* max-height:30vw;*/ /* }*/ /*}*/ /*.squared .thumbnail-container .thumbnail-square{*/ /* height:auto!important;*/ /*}*/ /*.squared .thumbnail-container{*/ /* align-self:baseline;*/ /*}*/ /* ====================================== */ /* ! ONLY USE ONE OF ABOVE CSS STYLES ! */ /* ====================================== */ /* -------------------------------------- */ /* FADE IN LAZY LOADING THUMBNAILS */ /* -------------------------------------- */ .thumbnail-square img[src] { animation: ThumbNailfadeIn ease 1.5s; } @keyframes ThumbNailfadeIn { 0% {opacity:0;} 100% {opacity:1;} } /* -------------------------------------- */ /* SWIPER IMAGE STRETCH */ /* -------------------------------------- */ .squared .thumbnail-container .thumbnail-square img, .slideshow-overlay .swiper-container .swiper-slide img, .swiper-container.slideshow .swiper-slide img { height: 100%; width:100%; object-fit:contain; } /* -------------------------------------- */ /* SWIPER FIX OVERLAY ARROWS */ /* -------------------------------------- */ .slideshow-overlay .swiper-container .swiper-button-prev { left:15px } .slideshow-overlay .swiper-container .swiper-button-next { right:15px } /* -------------------------------------- */ /* SWIPER FIX ICONS */ /* -------------------------------------- */ .slideshow-headline .abs-thumbs a[data-tab-ref='slideshow'], .slideshow-headline .abs-thumbs a[data-tab-ref='thumbnails']{ height: 13px; width: 19px; text-indent: 100%; white-space: nowrap; overflow: hidden; padding-right:0; display: inline-block; box-sizing:border-box; box-shadow: inset 0 0 0 1px #b4b4b4; position:relative; } .slideshow-headline .abs-thumbs a[data-tab-ref='thumbnails']:before{ content: ''; position: absolute; left: 0px; top: 4px; width: 19px; height: 5px; display: inline-block; box-sizing:border-box; box-shadow: inset 0 0 0 1px #b4b4b4; } .slideshow-headline .abs-thumbs a[data-tab-ref='thumbnails']:after{ content: ''; position: absolute; left: 6px; top: 0px; width: 7px; height: 13px; display: inline-block; box-sizing:border-box; box-shadow: inset 0 0 0 1px #b4b4b4; } .slideshow-headline .abs-thumbs a[data-tab-ref='thumbnails']:hover, .slideshow-headline .abs-thumbs a[data-tab-ref='thumbnails']:hover:before, .slideshow-headline .abs-thumbs a[data-tab-ref='thumbnails']:hover:after, .slideshow-headline .abs-thumbs a[data-tab-ref='thumbnails'].active, .slideshow-headline .abs-thumbs a[data-tab-ref='thumbnails'].active:before, .slideshow-headline .abs-thumbs a[data-tab-ref='thumbnails'].active:after, .slideshow-headline .abs-thumbs a[data-tab-ref='slideshow']:hover, .slideshow-headline .abs-thumbs a[data-tab-ref='slideshow'].active{ box-shadow: inset 0 0 0 1px #000000; } .abs-thumbs { z-index:54; bottom: unset; top: 0px; } /* -------------------------------------- */ /* SWIPER HEADLINE */ /* -------------------------------------- */ .slideshow-headline{ /*border:none;*/ } /* -------------------------------------- */ /* SWIPER CAPTION */ /* -------------------------------------- */ .thumbnail-container .caption-snippet, .thumbnails-tab.thumbnail-counter .thumbnail-container .caption-snippet, .thumbnails-tab.thumbnail-header .thumbnail-container .caption-snippet, .thumbnails-tab.thumbnail-counter.thumbnail-header .thumbnail-container .caption-snippet{ height:auto; } .thumbnail-container .caption-snippet { height:auto; max-width: 400px; margin-left: auto; margin-right: auto; } .swiper-container .swiper-slide-caption { max-width: 400px; margin-left: auto; margin-right: auto; } .thumbnail-container a[data-inquire], .swiper-container .swiper-slide-caption a[data-inquire]{ border:1px solid #000000; padding: 8px 15px 7px 15px; margin-top:15px; display:inline-block; line-height:1.5; color: #000000; font-size:12px; text-transform:uppercase; letter-spacing: 1px; } .thumbnail-container a[data-inquire]:hover, .swiper-container .swiper-slide-caption a[data-inquire]:hover{; color: #ffffff; background-color: #000000; } /* vow swiper inquire uses p */ .thumbnail-container a[data-inquire] p, .swiper-container .swiper-slide-caption a[data-inquire] p{ font-size:inherit; line-height: normal; } /* -------------------------------------- */ /* TIS 1 IMAGE SLIDESHOW - REMOVE PADDING */ /* IF THERE ARE NO ARROW BUTTONS */ /* -------------------------------------- */ .swiper-button-prev:not([role="button"]) ~ .swiper-wrapper .slide-image-container, .swiper-button-prev:not([role="button"]) ~ .swiper-wrapper .slide-video-container{ padding: 0 0; } /* -------------------------------------- */ /* VIDEO CONTAINER IFRAME HIDE P */ /* -------------------------------------- */ .slide-video-container > iframe + p{ display:none; } /* ------------------------------------------------------------------------- */ /* LEGACY SLIDESHOW ICON WORKAROUND */ /* ------------------------------------------------------------------------- */ .section-header .links.slider-features, .slider-features{ line-height:1.2; } .section-header .links.slider-features{display:inline-block;} .slider-features a[href*="?view="]{ height: 13px; width: 19px; text-indent: 100%; white-space: nowrap; overflow: hidden; padding-right:0; } .slider-features a{margin-right:15px;} .slider-features a:last-of-type{margin-right:0;} .slider-features a[href$="view=thumbnails"], .slider-features a[href$="view=thumbnails"]:before, .slider-features a[href$="view=thumbnails"]:after, .slider-features a[href$="view=slider"]{ display: inline-block; box-sizing:border-box; box-shadow: inset 0 0 0 1px #aaaaaa; } .slider-features a[href$="view=thumbnails"]{ position: relative; height: 13px; width: 19px; padding-top:0; padding-bottom:0; margin-top:0; margin-bottom:0; } .slider-features a[href$="view=thumbnails"]:before{ content: ''; position: absolute; left: 0px; top: 4px; width: 19px; height: 5px; } .slider-features a[href$="view=thumbnails"]:after{ content: ''; position: absolute; left: 6px; top: 0px; width: 7px; height: 13px; } .slider-features a[href$="view=slider"]{ height: 13px; width: 19px; margin-bottom:0; } .slider-features a[href$="view=thumbnails"]:hover, .slider-features a[href$="view=thumbnails"]:hover:before, .slider-features a[href$="view=thumbnails"]:hover:after, .slider-features a[href$="view=thumbnails"].active, .slider-features a[href$="view=thumbnails"].active:before, .slider-features a[href$="view=thumbnails"].active:after, .slider-features a[href$="view=slider"]:hover, .slider-features a[href$="view=slider"].active{ box-shadow: inset 0 0 0 1px #000000; } /* ------------------------------------------------------------------------- */ /* LEGACY SLIDESHOW XL WORKAROUND NEW TIS MATCH */ /* USE :NOT(#ID) CHAINED TO PREVENT CONFLICTS */ /* USE BOX SHADOW TO TEST NON-LEGACY CONFLICTS */ /* USE #CONTENTWRAPER TO PREVENT OVERLAY CONFLICTS*/ /* ------------------------------------------------------------------------- */ #contentWrapper .slider .bx-wrapper .bx-prev, #contentWrapper .full-slider:not(#screen-banner-top):not(#screen-banner):not(#screen-banner-images):not(#screen-fill-image) .bx-wrapper .bx-prev{ left:0; /*box-shadow: inset 0 0 0 1px rgba(255,0,0,1) !important;*/ } #contentWrapper .slider .bx-wrapper .bx-next, #contentWrapper .full-slider:not(#screen-banner-top):not(#screen-banner):not(#screen-banner-images):not(#screen-fill-image) .bx-wrapper .bx-next{ right:0; /*box-shadow: inset 0 0 0 1px rgba(255,0,0,1) !important; */ } #contentWrapper .slider .bx-wrapper:first-of-type, #contentWrapper .full-slider:not(#screen-banner-top):not(#screen-banner):not(#screen-banner-images):not(#screen-fill-image) .bx-wrapper:first-of-type{ max-width: 100%!important; margin-left:auto; margin-right:auto; /*box-shadow: inset 0 0 0 1px rgba(255,0,0,1) !important;*/ } #contentWrapper .slider .bx-wrapper:first-of-type .slide, #contentWrapper .full-slider:not(#screen-banner-top):not(#screen-banner):not(#screen-banner-images):not(#screen-fill-image) .bx-wrapper:first-of-type .slide{ width:100% !important; /*box-shadow: inset 0 0 0 1px rgba(255,0,0,1) !important;*/ } /*MATCH SWIPER RATIOS*/ #contentWrapper .slider .bx-wrapper:first-of-type .slide figure, #contentWrapper .full-slider:not(#screen-banner-top):not(#screen-banner):not(#screen-banner-images):not(#screen-fill-image) .bx-wrapper:first-of-type .slide figure{ /*box-shadow: inset 0 0 0 1px rgba(255,0,0,1) !important;*/ } #contentWrapper .slider .bx-controls-direction, #contentWrapper .full-slider:not(#screen-banner-top):not(#screen-banner):not(#screen-banner-images):not(#screen-fill-image) .bx-controls-direction{ height:0; /*box-shadow: inset 0 0 0 2px rgba(100,100,255,1) !important;*/ } #contentWrapper .slider .bx-wrapper:first-of-type .slide figure, #contentWrapper .full-slider:not(#screen-banner-top):not(#screen-banner):not(#screen-banner-images):not(#screen-fill-image) .bx-wrapper:first-of-type .slide figure, #contentWrapper .slider .bx-controls-direction, #contentWrapper .full-slider:not(#screen-banner-top):not(#screen-banner):not(#screen-banner-images):not(#screen-fill-image) .bx-controls-direction{ padding-top:calc(75% - 90px); } /* browser is 4:3 and wider */ @media (min-aspect-ratio: 4/3){ #contentWrapper .slider .bx-wrapper:first-of-type .slide figure, #contentWrapper .full-slider:not(#screen-banner-top):not(#screen-banner):not(#screen-banner-images):not(#screen-fill-image) .bx-wrapper:first-of-type .slide figure, #contentWrapper .slider .bx-controls-direction, #contentWrapper .full-slider:not(#screen-banner-top):not(#screen-banner):not(#screen-banner-images):not(#screen-fill-image) .bx-controls-direction{ padding-top:calc(100vh - 100px); } } /* browser is 1:1 and taller */ @media (max-aspect-ratio: 1/1){ #contentWrapper .slider .bx-wrapper:first-of-type .slide figure, #contentWrapper .full-slider:not(#screen-banner-top):not(#screen-banner):not(#screen-banner-images):not(#screen-fill-image) .bx-wrapper:first-of-type .slide figure, #contentWrapper .slider .bx-controls-direction, #contentWrapper .full-slider:not(#screen-banner-top):not(#screen-banner):not(#screen-banner-images):not(#screen-fill-image) .bx-controls-direction{ padding-top:80% } } @media (max-width: 480px){ #contentWrapper .slider .bx-controls-direction, #contentWrapper .full-slider:not(#screen-banner-top):not(#screen-banner):not(#screen-banner-images):not(#screen-fill-image) .bx-controls-direction{ left:0; right:0; } } /*legacy slideshow stretch */ .thumbnails.grid img, .slider .slide img, .full-slider:not(#screen-banner-top):not(#screen-banner):not(#screen-banner-images):not(#screen-fill-image) .slide img{ width:100%; height:100%; object-fit:contain; /*box-shadow: inset 0 0 0 2px rgba(100,100,255,1) !important;*/ } /* -------------------------------------- */ /* LEGACY SLIDESHOW SPACING */ /* -------------------------------------- */ #contentWrapper .slider, #contentWrapper .full-slider:not(#screen-banner-top):not(#screen-banner):not(#screen-banner-images):not(#screen-fill-image){ padding-bottom:80px; /*box-shadow: inset 0 0 0 2px rgba(100,100,255,1) !important;*/ } .thumbnails{ padding-bottom:20px; } .slider .slide figcaption, .full-slider:not(#screen-banner-top):not(#screen-banner):not(#screen-banner-images):not(#screen-fill-image) .slide figcaption{ margin-top:10px; max-width: 400px; margin-left: auto; margin-right: auto; /*box-shadow: inset 0 0 0 2px rgba(100,100,255,1) !important;*/ } #overlay .slider .slide figcaption, #overlay .full-slider:not(#screen-banner-top):not(#screen-banner):not(#screen-banner-images):not(#screen-fill-image) .slide figcaption{ margin-top:0; /*box-shadow: inset 0 0 0 2px rgba(100,100,255,1) !important;*/ } .slider .slide figcaption p, .full-slider:not(#screen-banner-top):not(#screen-banner):not(#screen-banner-images):not(#screen-fill-image) .slide figcaption p{ font-size: .8rem; line-height: inherit; /*box-shadow: inset 0 0 0 2px rgba(100,100,255,1) !important;*/ } .thumbnail-caption p { font-size: .8rem; line-height: inherit; color:#000000; } .thumbnail-caption { height: auto; } .fitted.thumbnails .placeholder { background:none; } /* -------------------------------------- */ /* LEGACY SLIDESHOW THUMBNAILS */ /* -------------------------------------- */ .thumbnails.grid .entry { width: 30.5%; padding-right:4.2% } .thumbnails.grid .entry:nth-child(4n + 4), .thumbnails.grid .entry:nth-child(5n + 5) { padding-right: 4.2%; margin-right:0 } .thumbnails.grid .entry:nth-child(3n + 3) { padding-right:0 } @media (max-width: 330px) { .thumbnails.grid .entry { width: 47%; padding-right:5.75% } .thumbnails.grid .entry:nth-child(2n + 2) { padding-right:0 !important } .thumbnails.grid .entry:nth-child(3n + 3), .thumbnails.grid .entry:nth-child(5n + 5) { padding-right:5.75% } } /* -------------------------------------- */ /* LEGACY SLIDESHOW UNQUIRE */ /* -------------------------------------- */ .thumbnails.grid .entry{ text-align:center } .thumbnails.grid .entry .inquire, .slider .links .inquire, .full-slider .links .inquire{ color: #000000; display:inline-block; border:1px solid #000000; padding: 8px 15px 7px 15px; margin-top:20px; line-height:1.5; font-size:12px; text-transform:uppercase; letter-spacing: 1px; } .thumbnails.grid .entry .inquire:hover, .slider .links .inquire:hover, .full-slider .links .inquire:hover{; color: #ffffff; background-color: #000000; transition: all .2s; } /* -------------------------------------- */ /* LEGACY SLIDESHOW VIDEO */ /* -------------------------------------- */ .video-figure .video-item iframe{ width:100%; height:100%; } /* -------------------------------------- */ /* LEGACY SLIDESHOW ARROW */ /* -------------------------------------- */ @media (max-width: 480px) { .bx-controls-direction { left: -18px; right: -18px; } } /* ========================================================================== */ /* -------------------------------------------------------------------------- */ /* BANNER-TOP DETAIL PAGES - SEE JS */ /* -------------------------------------------------------------------------- */ /* ========================================================================== */ section[id*="banner-top"]{ padding-bottom:30px; } section[id*="banner-top"] figcaption{ display:none; } section[id*="banner-top"] .full-width-banner .slide figure{ padding-top:55%; pointer-events:none; } @media only screen and (orientation: portrait) { section[id*="banner-top"] .full-width-banner .slide figure{ padding-top:75%; } /*disable jarallax cropping on mobile*/ section[id*="banner-top"] .full-width-banner .slide figure > div > div{ position:relative!important; transform:none!important; width:100%!important; height:100%!important; margin:0!important; left:0!important; } } section[id*="banner-top"] .container{ max-width:100%; } section[id*="banner-top"] .bx-controls{ display:none; } /* prevent sizing flicker */ section[id*="banner-top"] .full-width-banner .slide{ min-width:100%; } @keyframes fade-up { from { opacity: 0; /*transform:translateY(40px);*/ } to { opacity: 1; /*transform:translateY(0);*/ } } #ee-topbar #banner-top { animation-duration: .7s; animation-delay: .4s; animation-fill-mode: backwards; animation-timing-function: cubic-bezier(0.5, 0, 0, 1); animation-name: fade-up } #ee-topbar .divider{ border-color:transparent; } .sidebar-right section[id*="banner-top"]{ visibility:hidden; } .sidebar-left .qlink[href="#banner-top"]{ display:none!important; } .sidebar-right .item-header{ margin-bottom:0!important; } .sidebar-right .item-header > *{ display:none; } .sidebar-left .qlinks a.qlink{ display:block; font-size:13px; letter-spacing:1px; text-transform:uppercase; color:#000000; margin-bottom:5px; } .sidebar-left .qlinks a.qlink:hover{ color:#808080; } /*first-of-type fixes*/ .sidebar-right #press-release:first-of-type header, .sidebar-right #biography:first-of-type header{ display:none; } .sidebar-right #installation-views:first-of-type header h1, .sidebar-right #selected-works:first-of-type header h1, .sidebar-right #featured-works:first-of-type header h1, .sidebar-right #featured-works-thumbnails:first-of-type header h1{ visibility:hidden; } .switch a{ font-size: 13px; letter-spacing: 1px; text-transform: uppercase; } /* Sidebar - Index pages*/ .sidebar-left .switch a{ font-size: 13px; letter-spacing: 1px; text-transform: uppercase; margin-bottom:5px; } .sidebar-left .section-header.second-row { margin-top: 0; } /* -------------------------------------------------------------------------- */ /* DETAIL PAGES - DOWNLOADS */ /* -------------------------------------------------------------------------- */ .detail-page section#download .text-one-column{ padding-bottom:0; } .detail-page section#download .content{ max-width: 800px; padding-bottom:60px; } .detail-page section#download .links{ margin-top:0; margin-bottom:20px; } .detail-page section#download .links.in-text a{ /*font-weight:700;*/ border:1px solid #000000; padding: 8px 15px 7px 15px; color:#000000; cursor:pointer; display:inline-block; font-size:12px; text-transform:uppercase; letter-spacing: 1px; } .detail-page section#download .links.in-text a:hover{ background-color:#000000; color:#ffffff; } /* ========================================================================== */ /* -------------------------------------------------------------------------- */ /* CUSTOM CSS */ /* -------------------------------------------------------------------------- */ /* ========================================================================== */ /* -------------------------------------------------------------------------- */ /* MAIN HEADER */ /* -------------------------------------------------------------------------- */ .main-header > .container{ padding-top:60px; padding-bottom:60px; position:relative; } .main-header{ /*keep padding 0 - Use .container above to style padding*/ padding-top: 0px; padding-bottom: 0px; /*background: rgba(255,255,255,.9);*/ background: transparent; /*background-image: linear-gradient(-180deg, #EEEEEE 0%, #FFFFFF 50%);*/ /*box-shadow: 0 0 50px 50px rgba(0,0,0,0.05);*/ /*margin-bottom:20px;*/ text-transform: initial; } /* header embed alert */ header.main-header .social { position: relative; top: unset; right:unset; background-color:rgba(0,0,0,1); color:#ffffff; font-size:11px; text-align:center; } header.main-header .social .embed:not(:empty){ padding-top:5px; padding-bottom:5px; } header.main-header .social p a{ color:#bbbbbb; } header.main-header .social p a:hover{ color:#ffffff; } .main-header .container{ max-width:100%; } .main-header nav, .main-header .logo span{ font-size: 13px; letter-spacing: 1px; text-transform: uppercase; } /* Use this padding to adjust menu to image logo */ .main-header nav.main { padding-top:9px; } /* Use this to prevent WORD wrap */ /*.main-header nav.main a {*/ /* display:inline-block;*/ /*}*/ /* Use this native [background-header] issues */ /* UPDATE - Issues are usually caused by bx-viewport overflow See [HOME] banner*/ /*.main-header{*/ /* overflow:hidden;*/ /*}*/ .s-digital-items.detail-page .main-header{ overflow:hidden; } .main-header nav.languages { font-size: 8px; text-transform:uppercase; line-height: 1; position: absolute; top: 10px; right:0; padding-right:inherit; } .main-header nav a{color:#000000;} .main-header nav a:hover{color:rgba(0,0,0,.5);} .main-header nav a.active{color:rgba(0,0,0,.5);} /*.s-home .main-header nav a{color:#000000;}*/ /*.s-home .main-header nav a:hover{color:#757575;}*/ /* -------------------------------------------------------------------------- */ /* HOME */ /* -------------------------------------------------------------------------- */ /* -------------------------------------- */ /* BANNER TOP */ /* -------------------------------------- */ .s-homepage1 section#wrapper-fill-image .container{ max-width:100%; } .s-homepage1 section#wrapper-fill-image{ margin-bottom:80px; background-color:#f9f9f9; } .s-homepage1 section#wrapper-fill-image .full-width-banner .slide figure { padding-top:100vh; pointer-events:none; } /*@media only screen and (orientation: portrait) {*/ /* .s-homepage1 section#wrapper-fill-image .full-width-banner .slide figure {*/ /* padding-top: 80vw;*/ /* } */ /*}*/ .s-homepage1 section#wrapper-fill-image .slide figcaption{ position:absolute; bottom:50px; width:100%; max-width:100%; margin:0; text-align:left; z-index:2; pointer-events:none; } .s-homepage1 section#wrapper-fill-image .slide figcaption h1{ font-family: 'Bodoni W01 Bold_709602'; font-size:32px!important; line-height:1.2; margin-bottom:5px!important; } .s-homepage1 section#wrapper-fill-image .slide figcaption h2{ /*font-size:inherit;*/ /*line-height:inherit;*/ } .s-homepage1 section#wrapper-fill-image .slide figcaption .image-description, .s-homepage1 section#wrapper-fill-image .slide figcaption .image-description p{ /*font-size:inherit;*/ /*line-height:inherit;*/ } .s-homepage1 section#wrapper-fill-image .bx-controls{ display:none; } .s-homepage1 section#wrapper-fill-image .ee-banner-fader{ position:absolute; top:0; left:0; width:100%; height:100%; /*opacity:.5;*/ z-index:1; pointer-events:none; /*box-shadow: inset 0 0 0 10px rgba(255,255,255,1);*/ } .s-homepage1 section#wrapper-fill-image .bx-viewport{ overflow:unset!important; } .s-homepage1 #wrapper-banner-images{ padding-bottom:80px; } .s-homepage1 #wrapper-banner-images .slide figcaption { margin-top: 15px!important; } .s-homepage1 #wrapper-banner-images .slide figure img{ width:100%; height:100%; object-fit:cover; } .s-homepage1 #wrapper-banner-images .slide figure img[src*='limit'], .s-homepage1 #wrapper-banner-images .slide figure img[src*='limit']{ object-fit:contain; object-position: center center; } .s-homepage1 #wrapper-banner-images .caption h1{ font-family: 'Bodoni W01 Bold_709602'; font-size: 22px; line-height: 1.3; margin-bottom: 5px; letter-spacing: .2px; } .s-homepage1 #wrapper-banner-images .caption h2{ font-size: inherit; line-height: inherit; } /* -------------------------------------- */ /* HOME ALERT-BOX SLIDE */ /* -------------------------------------- */ .s-home section#wrapper-alert-box { position: fixed; bottom: 60px; right: 0; width:100%; max-width: 300px; box-sizing:border-box; color:#fff; background-color: #000; z-index: 59; margin-right:40px; } @media all and (max-width:1120px) { .s-home section#wrapper-alert-box { margin-right:20px; } } @media all and (max-width:600px) { .s-home section#wrapper-alert-box { max-width: 280px; } } .s-home section#wrapper-alert-box .text, .s-home section#wrapper-alert-box .image{ opacity:1!important; transition:none!important; transform:none!important; visibility:visible!important; float:none!important; display:block!important; width:100%!important; max-width:100%!important; margin-bottom:0!important; margin-top:0!important; padding:0 0 20px 0!important; } .s-home section#wrapper-alert-box .text-one-column-with-image.banner-image figure { min-height: unset; padding-top: 75%; } .s-home section#wrapper-alert-box .text-one-column-with-image{ padding-bottom:0 } .s-home #wrapper-alert-box #screen-alert-box{ padding:25px 25px 5px 25px; } .s-home #wrapper-alert-box .container{ padding: 0 0; } .s-home section#wrapper-alert-box .caption{ display:none; } .s-home section#wrapper-alert-box .text > .container > :last-child{ margin-bottom:0; } .s-home section#wrapper-alert-box a.ee-close{ position: absolute; right: 8px; top: 3px; font-size: 20px; line-height: 1; cursor: pointer; color: #757575!important; font-family: Arial; } .s-home section#wrapper-alert-box a.ee-close:hover{ color: #ffffff!important; } /*animation*/ .s-home section#wrapper-alert-box{ animation-name: alert-box-b; animation-duration: 1.2s; animation-delay: 1.2s; animation-fill-mode: backwards; } @keyframes alert-box-b { from { right: -300px; opacity: 0; } to { right: 0; opacity: 1; } } /* -------------------------------------------------------------------------- */ /* ARTISTS */ /* -------------------------------------------------------------------------- */ /* -------------------------------------- */ /* INDEX PAGE */ /* -------------------------------------- */ #artists-grid .title{ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } #artists-grid .placeholder{ display:none; } #artists-grid .entry{ margin-bottom:30px; } #artists-grid{ padding-bottom:50px; } /* force associated artists grid into columns */ #artists-grid .entry{ width:100%!important; margin-right:0!important; padding-right:20px!important; box-sizing:border-box; margin-bottom:10px!important; } #artists-grid .custom-grid-artists{ column-count:2; } .s-artists .home .rollover .image{ display:none; float:none; } .s-artists .home .rollover .list{ width:100%; float:none; } .s-artists .home .rollover .list .title{ font-family: 'Bodoni W01 Bold_709602'; font-size: 22px; line-height: 1.3; margin-bottom: 5px; letter-spacing: .2px; padding-right: 20px; box-sizing: border-box; } /* -------------------------------------- */ /* DETAIL PAGE */ /* -------------------------------------- */ .s-artists.detail-page .page-header .item-header h1{ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-artists.detail-page .page-header .back{ /*display:none;*/ } /* ----- */ /* sidebar work */ .s-artists.detail-page .contentWrapper > .container{ max-width:100%; display:flex; } .s-artists.detail-page .contentWrapper > .container .sidebar-left, .s-artists.detail-page .contentWrapper > .container .sidebar-right{ float:none; max-width:unset; } .s-artists.detail-page .contentWrapper > .container .sidebar-left{ width: 201px; position: sticky; top: 30px; align-self: flex-start; } .s-artists.detail-page .contentWrapper > .container .sidebar-right{ width:calc(100% - 201px); } .s-artists.detail-page .item-header{ margin-bottom:40px; } .s-artists.detail-page .sidebar-right div[id^="related"], .s-artists.detail-page .sidebar-right > section{ padding-top:30px; margin-top:-30px; } @media (max-width: 1023px) { .s-artists.detail-page .contentWrapper > .container{ display:block; } .s-artists.detail-page .contentWrapper > .container .sidebar-left, .s-artists.detail-page .contentWrapper > .container .sidebar-right{ position:relative; width:100%; max-width:unset; top:0!important; } } /* ----- */ .s-artists.detail-page .sidebar-left .qlinks a.qlink{ display:block; } .s-artists.detail-page .sidebar-left .divider{ border-color:transparent; } .s-artists.detail-page .sidebar-left header{ display:none; } /* ----- */ /* -------------------------------------------------------------------------- */ /* EXHIBITIONS */ /* -------------------------------------------------------------------------- */ /* -------------------------------------- */ /* INDEX PAGE */ /* -------------------------------------- */ /* ----- */ /* sidebar work */ .s-exhibitions .contentWrapper .separated.home > .container{ max-width:100%; display:flex; } .s-exhibitions .contentWrapper .separated.home > .container .sidebar-left, .s-exhibitions .contentWrapper .separated.home > .container .sidebar-right{ float:none; max-width:unset; } .s-exhibitions .contentWrapper .separated.home > .container .sidebar-left{ width: 201px; position: sticky; top: 30px; align-self: flex-start; } .s-exhibitions .contentWrapper .separated.home > .container .sidebar-right{ width:calc(100% - 201px); } @media (max-width: 1023px) { .s-exhibitions .contentWrapper .separated.home > .container{ display:block; } .s-exhibitions .contentWrapper .separated.home > .container .sidebar-left, .s-exhibitions .contentWrapper .separated.home > .container .sidebar-right{ position:relative; width:100%; max-width:unset; top:0!important; } } /* ----- */ .s-exhibitions .contentWrapper .separated.home > .container .sidebar-left .divider{ /*border-color:#ff0000;*/ border-color:transparent; } /* ----- */ #exhibitions-grid .title{ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } #exhibitions-grid .subtitle:not(.subtitle2){ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } #exhibitions-grid .subtitle2{ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } #exhibitions-grid .date{ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } #exhibitions-grid .additional-text{ padding-top:0; /*font-size:inherit;*/ /*line-height:inherit;*/ } /* Large */ .s-exhibitions .exhibitions.home #large h1{ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-exhibitions .exhibitions.home #large h2:not(.subtitle2){ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-exhibitions .exhibitions.home #large h2.subtitle2{ /*font-size:inherit;*/ /*line-height:inherit; */ /*margin-bottom:0;*/ } .s-exhibitions .exhibitions.home #large h3{ /*font-size:inherit;*/ /*line-height:inherit; */ /*margin-bottom:0;*/ } .s-exhibitions .exhibitions.home #large .additional-text{ padding-top:0; /*font-size:inherit;*/ /*line-height:inherit; */ } /* Medium */ .s-exhibitions .exhibitions.home #medium h1{ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-exhibitions .exhibitions.home #medium h2:not(.subtitle2){ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-exhibitions .exhibitions.home #medium h2.subtitle2{ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-exhibitions .exhibitions.home #medium h3{ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-exhibitions .exhibitions.home #medium .additional-text{ padding-top:0; /*font-size:inherit;*/ /*line-height:inherit; */ } /*make padding-bottom consistant with custom grid*/ .s-exhibitions .home #large .grid .entry, .s-exhibitions .home #medium .grid .entry{ padding-bottom:80px; } /* CURRENT/UPCOMING - FIT-IMAGE-OPTION-STRETCH SCALING FIX */ .s-exhibitions .home #large .entry .thumb{ /*percentage = 704/1600*/ padding-top:44%; position:relative; } .s-exhibitions .home #large .entry.half .thumb{ /*percentage = 588/784*/ padding-top:75%; position:relative; } .s-exhibitions .home #large .grid .entry.half { width: 48.625%; padding-right: 2.75%; border-top:none } .s-exhibitions .home #large .grid .entry.half:nth-child(2n + 2) { padding-right:0 } @media screen and (max-width:600px) { .s-exhibitions .home #large .grid .entry.half { width:100%; padding-right: 0; } } .s-exhibitions .home #large .entry .thumb .image{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; } .s-exhibitions .home #large .entry .thumb .image img{ position: absolute; top: auto; left: 0; right: auto; bottom: 0; height: auto; max-height: 100%; width: auto; max-width: 100%; margin: auto; } .s-exhibitions .home #medium .entry .thumb{ /*percentage = 378/504*/ padding-top:75%; position:relative; } .s-exhibitions .home #medium .entry .thumb .image{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; } .s-exhibitions .home #medium .entry .thumb .image img{ position: absolute; top:auto; left: 0; right: auto; bottom: 0; height: auto; max-height: 100%; width: auto; max-width: 100%; margin: auto; } /* stretch image - only works with scaling fix above */ .s-exhibitions .home #large .entry .thumb .image img, .s-exhibitions .home #medium .entry .thumb .image img{ width:100%; height:100%; object-fit:cover; } .s-exhibitions .home #large .entry .thumb .image img[src*='limit'], .s-exhibitions .home #medium .entry .thumb .image img[src*='limit']{ object-fit:contain; object-position: left bottom; } /* PAST YEARS & CATEGORIES SWITCH LINKS ALIGNMENT FIX */ .s-exhibitions .exhibitions.home .past .switch a{ padding-right:0; padding-left:15px; } .s-exhibitions .exhibitions.home .past .section-header .links{ justify-content:flex-end; } @media all and (max-width:614px) { .s-exhibitions .exhibitions.home .past h4{ padding-bottom:10px; } .s-exhibitions .exhibitions.home .past .section-header{ display:block; } .s-exhibitions .exhibitions.home .past .switch a{ padding-right:15px; padding-left:0; } .s-exhibitions .exhibitions.home .past .section-header .links{ justify-content:flex-start; } } /* -------------------------------------- */ /* DETAIL PAGE */ /* -------------------------------------- */ /* ----- */ /* sidebar work */ .s-exhibitions.detail-page .contentWrapper > .container{ max-width:100%; display:flex; } .s-exhibitions.detail-page .contentWrapper > .container .sidebar-left, .s-exhibitions.detail-page .contentWrapper > .container .sidebar-right{ float:none; max-width:unset; } .s-exhibitions.detail-page .contentWrapper > .container .sidebar-left{ width: 201px; position: sticky; top: 30px; align-self: flex-start; } .s-exhibitions.detail-page .contentWrapper > .container .sidebar-right{ width:calc(100% - 201px); } .s-exhibitions.detail-page .item-header{ margin-bottom:40px; } .s-exhibitions.detail-page .sidebar-right div[id^="related"], .s-exhibitions.detail-page .sidebar-right > section{ padding-top:30px; margin-top:-30px; } @media (max-width: 1023px) { .s-exhibitions.detail-page .contentWrapper > .container{ display:block; } .s-exhibitions.detail-page .contentWrapper > .container .sidebar-left, .s-exhibitions.detail-page .contentWrapper > .container .sidebar-right{ position:relative; width:100%; max-width:unset; top:0!important; } } /* ----- */ .s-exhibitions.detail-page .sidebar-left .qlinks a.qlink{ display:block; } .s-exhibitions.detail-page .sidebar-left .divider{ border-color:transparent; } .s-exhibitions.detail-page .sidebar-left header{ display:none; } /* ----- */ .s-exhibitions.detail-page .page-header .item-header h1{ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-exhibitions.detail-page .page-header .item-header h2:not(.subtitle2){ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-exhibitions.detail-page .page-header .item-header h2.subtitle2{ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-exhibitions.detail-page .page-header .item-header h3{ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-exhibitions.detail-page .page-header .additional-text{ padding-top:0; /*font-size:inherit;*/ /*line-height:inherit; */ } .s-exhibitions.detail-page .page-header .back{ /*display:none;*/ } /* -------------------------------------------------------------------------- */ /* ART FAIRS */ /* -------------------------------------------------------------------------- */ /* -------------------------------------- */ /* INDEX PAGE */ /* -------------------------------------- */ /* ----- */ /* sidebar work */ .s-art-fairs .contentWrapper .separated.home > .container{ max-width:100%; display:flex; } .s-art-fairs .contentWrapper .separated.home > .container .sidebar-left, .s-art-fairs .contentWrapper .separated.home > .container .sidebar-right{ float:none; max-width:unset; } .s-art-fairs .contentWrapper .separated.home > .container .sidebar-left{ width: 201px; position: sticky; top: 30px; align-self: flex-start; } .s-art-fairs .contentWrapper .separated.home > .container .sidebar-right{ width:calc(100% - 201px); } @media (max-width: 1023px) { .s-art-fairs .contentWrapper .separated.home > .container{ display:block; } .s-art-fairs .contentWrapper .separated.home > .container .sidebar-left, .s-art-fairs .contentWrapper .separated.home > .container .sidebar-right{ position:relative; width:100%; max-width:unset; top:0!important; } } /* ----- */ .s-art-fairs .contentWrapper .separated.home > .container .sidebar-left .divider{ /*border-color:#ff0000;*/ border-color:transparent; } /* ----- */ #art-fairs-grid .title{ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } #art-fairs-grid .subtitle:not(.subtitle2){ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } #art-fairs-grid .subtitle2{ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } #art-fairs-grid .date{ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } #art-fairs-grid .additional-text{ padding-top:0; /*font-size:inherit;*/ /*line-height:inherit;*/ } /* Large */ .s-art-fairs .exhibitions.home #large h1{ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-art-fairs .exhibitions.home #large h2:not(.subtitle2){ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-art-fairs .exhibitions.home #large h2.subtitle2{ /*font-size:inherit;*/ /*line-height:inherit; */ /*margin-bottom:0;*/ } .s-art-fairs .exhibitions.home #large h3{ /*font-size:inherit;*/ /*line-height:inherit; */ /*margin-bottom:0;*/ } .s-art-fairs .exhibitions.home #large .additional-text{ padding-top:0; /*font-size:inherit;*/ /*line-height:inherit; */ } /* Medium */ .s-art-fairs .exhibitions.home #medium h1{ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-art-fairs .exhibitions.home #medium h2:not(.subtitle2){ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-art-fairs .exhibitions.home #medium h2.subtitle2{ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-art-fairs .exhibitions.home #medium h3{ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-art-fairs .exhibitions.home #medium .additional-text{ padding-top:0; /*font-size:inherit;*/ /*line-height:inherit; */ } /*make padding-bottom consistant with custom grid*/ .s-art-fairs .home #large .grid .entry, .s-art-fairs .home #medium .grid .entry{ padding-bottom:80px; } /* CURRENT/UPCOMING - FIT-IMAGE-OPTION-STRETCH SCALING FIX */ .s-art-fairs .home #large .entry .thumb{ /*percentage = 704/1600*/ padding-top:44%; position:relative; } .s-art-fairs .home #large .entry.half .thumb{ /*percentage = 588/784*/ padding-top:75%; position:relative; } .s-art-fairs .home #large .grid .entry.half { width: 48.625%; padding-right: 2.75%; border-top:none } .s-art-fairs .home #large .grid .entry.half:nth-child(2n + 2) { padding-right:0 } @media screen and (max-width:600px) { .s-art-fairs .home #large .grid .entry.half { width:100%; padding-right: 0; } } .s-art-fairs .home #large .entry .thumb .image{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; } .s-art-fairs .home #large .entry .thumb .image img{ position: absolute; top: auto; left: 0; right: auto; bottom: 0; height: auto; max-height: 100%; width: auto; max-width: 100%; margin: auto; } .s-art-fairs .home #medium .entry .thumb{ /*percentage = 378/504*/ padding-top:75%; position:relative; } .s-art-fairs .home #medium .entry .thumb .image{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; } .s-art-fairs .home #medium .entry .thumb .image img{ position: absolute; top:auto; left: 0; right: auto; bottom: 0; height: auto; max-height: 100%; width: auto; max-width: 100%; margin: auto; } /* stretch image - only works with scaling fix above */ .s-art-fairs .home #large .entry .thumb .image img, .s-art-fairs .home #medium .entry .thumb .image img{ width:100%; height:100%; object-fit:cover; } .s-art-fairs .home #large .entry .thumb .image img[src*='limit'], .s-art-fairs .home #medium .entry .thumb .image img[src*='limit']{ object-fit:contain; object-position: left bottom; } /* PAST YEARS & CATEGORIES SWITCH LINKS ALIGNMENT FIX */ .s-art-fairs .exhibitions.home .past .switch a{ padding-right:0; padding-left:15px; } .s-art-fairs .exhibitions.home .past .section-header .links{ justify-content:flex-end; } @media all and (max-width:614px) { .s-art-fairs .exhibitions.home .past h4{ padding-bottom:10px; } .s-art-fairs .exhibitions.home .past .section-header{ display:block; } .s-art-fairs .exhibitions.home .past .switch a{ padding-right:15px; padding-left:0; } .s-art-fairs .exhibitions.home .past .section-header .links{ justify-content:flex-start; } } /* -------------------------------------- */ /* DETAIL PAGE */ /* -------------------------------------- */ /* ----- */ /* sidebar work */ .s-art-fairs.detail-page .contentWrapper > .container{ max-width:100%; display:flex; } .s-art-fairs.detail-page .contentWrapper > .container .sidebar-left, .s-art-fairs.detail-page .contentWrapper > .container .sidebar-right{ float:none; max-width:unset; } .s-art-fairs.detail-page .contentWrapper > .container .sidebar-left{ width: 201px; position: sticky; top: 30px; align-self: flex-start; } .s-art-fairs.detail-page .contentWrapper > .container .sidebar-right{ width:calc(100% - 201px); } .s-art-fairs.detail-page .item-header{ margin-bottom:40px; } .s-art-fairs.detail-page .sidebar-right div[id^="related"], .s-art-fairs.detail-page .sidebar-right > section{ padding-top:30px; margin-top:-30px; } @media (max-width: 1023px) { .s-art-fairs.detail-page .contentWrapper > .container{ display:block; } .s-art-fairs.detail-page .contentWrapper > .container .sidebar-left, .s-art-fairs.detail-page .contentWrapper > .container .sidebar-right{ position:relative; width:100%; max-width:unset; top:0!important; } } /* ----- */ .s-art-fairs.detail-page .sidebar-left .qlinks a.qlink{ display:block; } .s-art-fairs.detail-page .sidebar-left .divider{ border-color:transparent; } .s-art-fairs.detail-page .sidebar-left header{ display:none; } /* ----- */ .s-art-fairs.detail-page .page-header .item-header h1{ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-art-fairs.detail-page .page-header .item-header h2:not(.subtitle2){ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-art-fairs.detail-page .page-header .item-header h2.subtitle2{ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-art-fairs.detail-page .page-header .item-header h3{ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-art-fairs.detail-page .page-header .additional-text{ padding-top:0; /*font-size:inherit;*/ /*line-height:inherit; */ } .s-art-fairs.detail-page .page-header .back{ /*display:none;*/ } /* -------------------------------------------------------------------------- */ /* PUBLICATIONS */ /* -------------------------------------------------------------------------- */ /* -------------------------------------- */ /* INDEX PAGE */ /* -------------------------------------- */ #publications-grid .title{ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } #publications-grid .subtitle{ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } #publications-grid .date{ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } #publications-grid .additional-text{ padding-top:0; /*font-size:inherit;*/ /*line-height:inherit; */ } #publications-grid .entry .links{ margin-top:1em; /*font-size:inherit;*/ /*line-height:inherit; */ } #publications-grid .custom-grid-publications .entry .placeholder .image img{ /*max-width:85%;*/ /*padding:0;*/ } /* -------------------------------------- */ /* DETAIL PAGE */ /* -------------------------------------- */ .s-publications.detail-page .page-header .item-header h1{ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-publications.detail-page .page-header .item-header h2{ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-publications.detail-page .page-header .item-header h3{ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-publications.detail-page .page-header .additional-text{ padding-top:0; /*font-size:inherit;*/ /*line-height:inherit; */ } .s-publications.detail-page .page-header .back{ /*display:none;*/ } .s-publications.detail-page #images header{ display:none; } .s-publications.detail-page .no-slider .slide, .s-publications.detail-page .no-slider .slide figcaption { text-align: center; } .s-publications.detail-page .no-slider .slide img{ max-height:90vh; } .s-publications.detail-page .no-slider .slide img{ filter:brightness(97%); transition:filter .7s; } .s-publications.detail-page .no-slider .slide img:hover{ filter:brightness(100%); transition:filter .3s; } .s-publications.detail-page #description a{ border: 1px solid #000000; padding: 8px 15px 7px 15px; color: #000000; cursor: pointer; display: inline-block; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; } .s-publications.detail-page .sidebar-left a:hover{ color:#ffffff!important; background-color:#000000; } /* ----- */ /* sidebar work */ .s-publications.detail-page .contentWrapper > .container{ max-width:100%; display:flex; } .s-publications.detail-page .contentWrapper > .container .sidebar-left, .s-publications.detail-page .contentWrapper > .container .sidebar-right{ float:none; max-width:unset; } .s-publications.detail-page .contentWrapper > .container .sidebar-left{ width: 30%; position: sticky; top: 30px; align-self: flex-start; padding-right:40px; box-sizing:border-box; } .s-publications.detail-page .contentWrapper > .container .sidebar-right{ width:calc(100% - 30%); } .s-publications.detail-page .item-header{ margin-bottom:40px; } @media (max-width: 1023px) { .s-publications.detail-page .contentWrapper > .container{ display:block; } .s-publications.detail-page .contentWrapper > .container .sidebar-left, .s-publications.detail-page .contentWrapper > .container .sidebar-right{ position:relative; width:100%; max-width:unset; top:0!important; } } /* ----- */ .s-publications.detail-page .sidebar-left .divider{ border-color:transparent; } .s-publications.detail-page .sidebar-left #description header, .s-publications.detail-page .sidebar-left .quicklinks{ display:none; } /* ----- */ /* -------------------------------------------------------------------------- */ /* NEWS */ /* -------------------------------------------------------------------------- */ /* -------------------------------------- */ /* INDEX PAGE */ /* -------------------------------------- */ #news-grid .title{ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } #news-grid .subtitle{ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } #news-grid .date{ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } #news-grid .entry .links{ margin-top:1em; /*font-size:inherit;*/ /*line-height:inherit;*/ } #news-grid .entry{ padding-bottom:0; } #news-list h1{ /*line-height:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } #news-list h1 a{ color:#000000; } #news-list h2{ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } #news-list h3{ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } #news-list .entry{ padding-bottom:60px; } #news-list .entry .links{ margin-top:1em; /*font-size:inherit;*/ /*line-height:inherit;*/ } .s-news .news.news-index #news-list > .news.container{ max-width:1200px; } .s-news .news-index .entry .thumbnail { width: 30%; max-width:100% } .s-news .news-index .entry .info { max-width: 800px; width: 65%; } .associations #news-list.list-container .entry .thumbnail{ width: 30%; max-width:100% } .associations #news-list.list-container .entry .info{ max-width: 800px; width: 65%; } /* -------------------------------------- */ /* DETAIL PAGE */ /* -------------------------------------- */ .s-news.detail-page .page-header .item-header h1{ /*line-height:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-news.detail-page .page-header .item-header h2{ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-news.detail-page .page-header .item-header h3{ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-news.detail-page .page-header .back{ /*display:none;*/ } .s-news.detail-page #images header h4, .s-news.detail-page .back{ display:none; } .s-news.detail-page #images header{ margin-bottom:0; border-color:transparent; } .s-news.detail-page #images header .container{ justify-content: flex-end; -webkit-justify-content: flex-end; } .s-news.detail-page .text-two-columns .left, .s-news.detail-page .text-two-columns .right{ padding:0; width:100%; max-width:900px; margin:0 auto; display:block; } /* -------------------------------------------------------------------------- */ /* PRESS */ /* -------------------------------------------------------------------------- */ /* -------------------------------------- */ /* INDEX PAGE */ /* -------------------------------------- */ #press-grid .title{ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } #press-grid .subtitle{ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } #press-grid .date{ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } #press-grid .entry .links{ margin-top:1em; /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } /* -------------------------------------------------------------------------- */ /* OBJECTS */ /* -------------------------------------------------------------------------- */ /* -------------------------------------- */ /* INDEX PAGE */ /* -------------------------------------- */ #objects-grid .title{ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } #objects-grid .subtitle:not(.subtitle2){ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } #objects-grid .subtitle2{ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } #objects-grid .date{ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } #objects-grid .additional-text{ padding-top:0; /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } /* -------------------------------------- */ /* DETAIL PAGE */ /* -------------------------------------- */ .s-objects.detail-page .page-header .item-header h1{ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-objects.detail-page .page-header .item-header h2:not(.subtitle2){ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-objects.detail-page .page-header .item-header h2.subtitle2{ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-objects.detail-page .page-header .item-header h3{ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-objects.detail-page .page-header .additional-text{ padding-top:0; /*font-size:inherit;*/ /*line-height:inherit;*/ } .s-objects.detail-page .page-header .back{ /*display:none;*/ } /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* DIGITAL INDEX */ /* -------------------------------------------------------------------------- */ /* -------------------------------------- */ /* BANNER -NOT- FULL TOP */ /* -------------------------------------- */ /* RESETS */ .s-digital .full-width-banner{ margin-bottom:unset; } .s-digital .full-width-banner .bx-viewport{ height: unset !important ; } .s-digital .full-width-banner .slide figure{ height: unset !important ; z-index:unset; } .s-digital .full-width-banner .slide figcaption{ position:initial; top:unset; left:unset; transform: unset; max-width: 650px !important; } /* -- */ .s-digital section#wrapper-banner .full-width-banner .slide figure{ padding-top:45%; pointer-events:none; } .s-digital section#wrapper-banner .full-width-banner .slide{ padding-bottom:80px; } .s-digital section#wrapper-banner .full-width-banner .slide figcaption { max-width: 850px; margin: 12px auto 0 auto; text-align: center; } .s-digital section#wrapper-banner .image-title{; font-family:'Bodoni W01 Bold_709602'; font-size: 22px; line-height: 1.3; margin-bottom: 5px; letter-spacing:.2px; } .s-digital section#wrapper-banner .image-subtitle{ /*font-size:16px;*/ /*line-height:1.5;*/ } .s-digital section#wrapper-banner .image-description{ /*font-size:16px;*/ /*line-height:1.5;*/ } .s-digital section#wrapper-banner .image-description p{ /*font-size:16px;*/ /*line-height:1.5;*/ margin-top: 0; } /* -------------------------------------- */ /* CONTENT GRID */ /* -------------------------------------- */ .s-digital [id^='wrapper-content-grid'] .entry{ padding-right:0; padding-bottom:0; } .s-digital [id^='wrapper-content-grid'] .entry { width: 48.625%; margin-right: 2.75%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .s-digital [id^='wrapper-content-grid'] .entry:nth-child(2n+2) { margin-right: 0; } .s-digital [id^='wrapper-content-grid'].ee-content-grid-flex-3 .entry { width: 31.5%; margin-right: 2.75%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .s-digital [id^='wrapper-content-grid'].ee-content-grid-flex-3 .entry:nth-child(3n+3) { margin-right: 0; } @media all and (max-width: 600px) { .s-digital [id^='wrapper-content-grid'].ee-content-grid-flex-3 .entry { width: 48.625%; margin-right: 2.75%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .s-digital [id^='wrapper-content-grid'].ee-content-grid-flex-3 .entry:nth-child(3n+3){ margin-right: 2.75%; } .s-digital [id^='wrapper-content-grid'].ee-content-grid-flex-3 .entry:nth-child(2n+2) { margin-right: 0; } } .s-digital [id^='wrapper-content-grid'] .entry .placeholder{ padding-top:75%; } .s-digital [id^='wrapper-content-grid'] .entry .placeholder .image img{ max-height:100%; max-width:100%; } .s-digital [id^='wrapper-content-grid'] .entry .info, .s-digital [id^='wrapper-content-grid'] .entry .links{ margin-top:1em; } .s-digital [id^='wrapper-content-grid'] header{ display:none; } /* -------------------------------------------------------------------------- */ /* DIGITAL ITEMS */ /* -------------------------------------------------------------------------- */ /*.s-digital-items * {box-shadow: inset 0 0 0 1px rgba(255,0,0,1) !important;}*/ /*.s-digital-items img {outline-color:#ff0000 !important; outline-width:1px !important; outline-style:solid !important; outline-offset:-1px !important;}*/ /* DETAIL PAGE*/ .s-digital-items.detail-page .item-header-background{ height:calc(100vh - 100px); /*min-height:500px;*/ } @media all and (max-width:736px) { .s-digital-items.detail-page .item-header-background{ height:100vh; /*min-height:500px;*/ } } .s-digital-items.detail-page .item-header-background>div:not([id*='jarallax']){ position:absolute; bottom:35px; left:0; } .s-digital-items.detail-page .item-header-background>div:not([id*='jarallax']) .container{ display:block; width:auto; max-width:900px; } .s-digital-items.detail-page .item-header-background>div:not([id*='jarallax']) .container h1{ font-size:32px!important; line-height:1.2; margin-bottom:5px!important; } .s-digital-items.detail-page .slideshow-headline{ border:none; } .s-digital-items.detail-page .back{ display:none; } /* -------------------------------------------------------------------------- */ /* MEDIA */ /* -------------------------------------------------------------------------- */ .s-media #wrapper-video header.section-header.divider { display: none; } .s-media #wrapper-video .grid.fitted .entry { padding-bottom: 80px; } .s-media #wrapper-video .fitted .placeholder .image img { max-height: 100%; max-width: 100%; object-fit: cover; object-position: center center; } .s-media #wrapper-video .fitted .placeholder { padding-top: 67%; } .s-media #wrapper-video .placeholder .image img { right: auto; top: auto; height: 100%; /*width: 100%;*/ margin-top: 0; margin-bottom: 0; } .s-media #wrapper-video .links { display: none; } /* -------------------------------------------------------------------------- */ /* INFORMATION */ /* -------------------------------------------------------------------------- */ .s-information #wrapper-contact1{ padding-bottom:40px; } /* -------------------------------------- */ /* INFORMATION GRID */ /* -------------------------------------- */ .s-information section[id^="wrapper-grid"] .entry .links{ display:none; } .s-information section[id^="wrapper-grid"] .ee-custom-detail{ display:block; text-align:center; padding-top:5px; padding-bottom:15px; margin-bottom:25px; border-bottom:1px solid #000000; font-size:9px; line-height:1; text-transform:uppercase; } /* -------------------------------------- */ /* INFORMATION GRID FLEX */ /* -------------------------------------- */ .s-information #screen-grid-flex header{ display:none; } .s-information #screen-grid-flex .titles{ font-size: inherit; line-height: inherit; display:block; } .s-information #screen-grid-flex .entry p{ line-height: inherit; } .s-information #screen-grid-flex .entry{ padding-right:0; padding-bottom:0; } .s-information #screen-grid-flex .entry { width: 48.4375%; margin-right: 3.125%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .s-information #screen-grid-flex .entry:nth-child(2n+2) { margin-right: 0; } .s-information #screen-grid-flex .entry .placeholder { padding-top: 75%; background: inherit; } .s-information #screen-grid-flex .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .s-information #screen-grid-flex .grid{ padding-bottom:0; } /* see js */ .s-information .ee-grid-flex-3 #screen-grid-flex .entry { width: 31.25%; margin-right: 3.125%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .s-information .ee-grid-flex-3 #screen-grid-flex .entry:nth-child(3n+3) { margin-right: 0; } @media all and (max-width: 600px) { .s-information .ee-grid-flex-3 #screen-grid-flex .entry { width: 48.4375%; margin-right: 3.125%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .s-information .ee-grid-flex-3 #screen-grid-flex .entry:nth-child(3n+3){ margin-right: 3.125%; } .s-information .ee-grid-flex-3 #screen-grid-flex .entry:nth-child(2n+2) { margin-right: 0; } } /* -------------------------------------------------------------------------- */ /* SEARCH */ /* -------------------------------------------------------------------------- */ section.search.form input[type=submit]{ font-size: 12px !important; letter-spacing: 1px!important; line-height: 1.6!important; text-transform:uppercase; } section.search.form input[type=text]{ padding-right:80px; } /* -------------------------------------------------------------------------- */ /* VIEWING ROOM */ /* -------------------------------------------------------------------------- */ /* -------------------------------------- */ /* INDEX PAGE */ /* -------------------------------------- */ #viewing-room-grid .title{ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } #viewing-room-grid .subtitle:not(.subtitle2){ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } #viewing-room-grid .subtitle2{ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } #viewing-room-grid .date{ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } #viewing-room-grid .additional-text{ padding-top:0; /*font-size:inherit;*/ /*line-height:inherit;*/ } /* -------------------------------------- */ /* DETAIL PAGE */ /* -------------------------------------- */ .s-viewing-room.detail-page .page-header .item-header h1{ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-viewing-room.detail-page .page-header .item-header h2:not(.subtitle2){ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-viewing-room.detail-page .page-header .item-header h2.subtitle2{ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-viewing-room.detail-page .page-header .item-header h3{ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-viewing-room.detail-page .page-header .additional-text{ padding-top:0; /*font-size:inherit;*/ /*line-height:inherit;*/ } .s-viewing-room.detail-page .page-header .back{ /*display:none;*/ } /* -------------------------------------------------------------------------- */ /*EMAIL PROTECTED*/ /* -------------------------------------------------------------------------- */ .emailProtectedPage{ min-height: 100%; display: flex; align-items: center; box-sizing:border-box; } .emailProtectedPage{ /* TEMP MATCH MAIN-HEADER HEIGHT TO PREVENT JUMPING - WILL BE CORRECTED WITH JS */ /* DEPENDENT ON MENU FIXED AND OR LOGO FLOAT */ /*padding-top: 162px;*/ /*margin-top: -162px;*/ min-height: calc(100% - 162px); } .emailProtectedPage > .container{ text-align:center; margin-bottom:80px; max-width:620px; width:100%; } .emailProtectedPage p:empty{ display:none; } .emailProtectedPage form{ margin-bottom:20px; text-align:center; } .emailProtectedPage form input{ display:inline-block; } .emailProtectedPage form input[type="email"], .emailProtectedPage form input[type="text"]{ height: unset; font-size: 14px; line-height: normal; padding: 12px 15px 12px 15px; border: 1px solid #ccc; background-color:#ffffff; margin-bottom:20px; vertical-align:top; text-align:left; } .emailProtectedPage form input[type="email"]:focus, .emailProtectedPage form input[type="text"]:focus{ outline:0; border: 1px solid #000000; } .emailProtectedPage form input[type="text"] { width: 48%; } .emailProtectedPage form input[type="text"]:first-of-type { margin-right: 4%; } .emailProtectedPage form input[type="email"] { width: 75%; margin-right:4%; } .emailProtectedPage form input[type="submit"]{ height: unset; width: 21%; font-size: 14px; line-height: normal; padding: 12px 15px 12px 15px; border: 1px solid #ccc; background-color:#f7f7f7; margin-bottom:20px; vertical-align:top; text-align:center; } .emailProtectedPage form input[type="submit"]:hover{ background-color:#000000; color:#ffffff; } .emailProtectedPage .logo{ margin-bottom:30px; display:block; } @media all and (max-width: 680px), screen and (max-height: 560px){ .emailProtectedPage > .container{ padding-top:20px; } .emailProtectedPage{ padding-bottom:0!important; align-items: unset; } .emailProtectedPage form input[type="email"], .emailProtectedPage form input[type="text"], .emailProtectedPage form input[type="submit"]{ display:block; width:100%; } .emailProtectedPage form input[type="email"], .emailProtectedPage form input[type="text"], .emailProtectedPage form input[type="submit"]{ font-size: 16px; } } .emailProtectedPage h4{ margin-bottom:40px !important; color:#000000; font-weight: 700; font-size: 23px; line-height: 1.2; } @media all and (max-width:768px){.emailProtectedPage h4{font-size:22px;}} @media all and (max-width:620px){.emailProtectedPage h4{font-size:20px;}} /* -------------------------------------------------------------------------- */ /* FOOTER */ /* -------------------------------------------------------------------------- */ footer{ /* keep PADDING-TOP set to 0 */ padding-top: 0; padding-bottom: 30px; line-height:inherit; background-color:#ffffff; /*background-image: linear-gradient(-180deg, rgba(0,0,0,0.04) 0%, rgba(0,0,0,0) 50%);*/ /*font-size: inherit;*/ /*line-height: inherit;*/ } footer .container > .divider{ display:block; /* overide scroll-reveal opacity */ opacity:1!important; /* margin-bottom below = top padding of footer */ margin-bottom:50px; /* DO NOT REMOVE BORDER - USE HEX OR TRANSPARENT */ border-color:#000000; /*border-color:transparent;*/ } footer p{ font-size:13px; letter-spacing:1px; text-transform:uppercase; line-height:1.8; } footer div.container{ max-width:1600px; position:relative; } footer div.container div{ box-sizing:border-box; } footer div { display: block; padding-right: 0; vertical-align: top; } footer div.footer-cols{ width:100%; padding-right:0; line-height:inherit; display:flex; justify-content:space-between; } footer .footer-siteindex{ display:none; } /* FOOTER SOCIAL */ footer > .container > .footer-social{ float: none; position:absolute; right:0; padding:inherit; bottom:0; } footer .footer-social { float:none; line-height:100% } footer .footer-social a { height: 25px; width: 25px; overflow: hidden; } footer .footer-social img { max-width: 25px; max-height: 25px; } footer .footer-social a:hover img { opacity:.5; } /* EE-FOOTER-FOOTER */ footer #ee-footer-footer { margin-top:50px; display:flex; font-family: Arial, Helvetica, Sans-serif; font-size: 9px; text-transform:initial; letter-spacing:unset; } footer #ee-footer-footer p{ font-family: Arial, Helvetica, Sans-serif; font-size: 10px; text-transform:initial; letter-spacing:unset; } footer #ee-footer-footer a{ color:#000000; } footer #ee-footer-footer a:hover{ color:#808080; } footer #ee-footer-footer > p, footer #ee-footer-footer > div, footer #ee-footer-footer > span{ padding-right:15px; line-height:normal; margin-bottom:0; white-space:nowrap; line-height:2; } footer #ee-footer-footer .credit { margin-top:0; font-size: 10px; } /* MOBILE FOOTER */ @media all and (max-width:1023px) { footer div.footer-cols{ display:block; } footer div.footer-cols > div{ display:block; text-align:left; padding-bottom:30px; } footer > .container > .footer-social{ position:relative; right:unset; bottom:unset; text-align:left; padding:0; } } @media all and (max-width:600px) { footer #ee-footer-footer { display:block; } } /* ========================================================================== */ /* -------------------------------------------------------------------------- */ /* CONTAINER */ /* -------------------------------------------------------------------------- */ /* ========================================================================== */ .container, footer div.container{padding: 0 40px;} /* keep padding*/ @media all and (max-width:1120px) { .container, footer div.container{padding: 0 20px;} } /* keep 100% width */ @media all and (max-width:800px) { .container{max-width: 100%;} } /* -------------------------------------------------------------------------- */ /* CONTAINER & ENTRY IMAGE STRETCH 100% */ /* -------------------------------------------------------------------------- */ /* Stretch all the containers and the images within the entry containers */ /* Warning this needs to work with the EXHIBITIONS #large and #medium CSS */ /* See/Search [CURRENT/UPCOMING - FIT-IMAGE-OPTION-STRETCH SCALING FIX] above */ .container, footer div.container{ max-width:100%; } .entry .image img{ width:100%!important; height:100%!important; object-fit:cover; } .entry .image img[src*='limit']{ object-fit:contain; object-position:bottom left; } /* LIMIT object-position overides */ /* overide the object-position per section */ .thumbnails .entry .image img[src*='limit']{ object-position:center center; } #publications-grid .entry .image img[src*='limit']{ object-position:bottom left; } /* ========================================================================== */ /* -------------------------------------------------------------------------- */ /* CK EDITOR */ /* -------------------------------------------------------------------------- */ /* ========================================================================== */ .ee-editor-large{ font-family: 'Avenir LT W01_85 Heavy1475544'; font-weight: normal; font-size:15px; text-transform:uppercase; } .ee-editor-header{ font-family: 'Bodoni W01 Bold_709602'; font-weight: normal; font-size: 22px; line-height: 1.3; margin-bottom: 5px; letter-spacing: .2px; display:inline-block; } .ee-editor-quote{ font-family: 'Bodoni W01 Bold_709602'; font-weight: normal; font-size: 24px; line-height: 1.8; letter-spacing: .2px; } .ee-editor-center{ text-align:center; } .ee-hr{ border:none; border-top:1px solid #cccccc; height:1px; margin-top:20px; margin-bottom:20px; } /* -------------------------------------- */ /* CK SCREEN INVERT*/ /* -------------------------------------- */ [id*='screen-content-a'] .ee-custom-screen-invert{ color:#ffffff; background-color:#000000; padding-top:80px; margin-bottom:80px; } [id*='screen-content-a'] .ee-custom-screen-invert + .ee-custom-screen-invert{ padding-top:0px; margin-top:-80px } [id*='screen-content-a'] .ee-custom-screen-invert a:hover{ color:#ffffff; } /* -------------------------------------- */ /* CK SIDE BANNERS */ /* -------------------------------------- */ [id*='screen-content-a'] .text-one-column-with-image.ee-custom-screen-side-banner:not(.large-image):not(.banner-image):not(.no-image) .text { width: 23%; } [id*='screen-content-a'] .text-one-column-with-image.ee-custom-screen-side-banner:not(.large-image):not(.banner-image):not(.no-image) .image { width: 72%; } [id*='screen-content-a'] .text-one-column-with-image.ee-custom-screen-side-banner:not(.large-image):not(.banner-image):not(.no-image) .container{ max-width:1600px; } [id*='screen-content-a'] .text-one-column-with-image.ee-custom-screen-side-banner:not(.large-image):not(.banner-image):not(.no-image) .image .ee-side-banner-image-container{ padding-top:75%; position:relative; } [id*='screen-content-a'] .text-one-column-with-image.ee-custom-screen-side-banner:not(.large-image):not(.banner-image):not(.no-image) .image img{ position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; } /* -------------------------------------- */ /* CK SIDE LARGE */ /* -------------------------------------- */ [id*='screen-content-a'] .text-one-column-with-image.ee-custom-screen-side-large:not(.large-image):not(.banner-image):not(.no-image) .text { width: 23%; } [id*='screen-content-a'] .text-one-column-with-image.ee-custom-screen-side-large:not(.large-image):not(.banner-image):not(.no-image) .image { width: 72%; } [id*='screen-content-a'] .text-one-column-with-image.ee-custom-screen-side-large:not(.large-image):not(.banner-image):not(.no-image) .container{ max-width:1600px; } [id*='screen-content-a'] .text-one-column-with-image.ee-custom-screen-side-large:not(.large-image):not(.banner-image):not(.no-image) .image .ee-side-large-image-container{ padding-top:75%; position:relative; } [id*='screen-content-a'] .text-one-column-with-image.ee-custom-screen-side-large:not(.large-image):not(.banner-image):not(.no-image) .image img{ position:absolute; top:0; left:0; width:100%; height:100%; object-fit:contain; } /* -------------------------------------- */ /* CK SCREEN-WIDE */ /* -------------------------------------- */ [id*='screen-content-a'] .text-one-column-with-image.no-image.ee-custom-screen-wide .container{ max-width:1600px; } /* -------------------------------------- */ /* CK ALIGN-TOP */ /* -------------------------------------- */ [id*='screen-content-a'] .text-one-column-with-image.ee-custom-screen-align-top:not(.large-image):not(.banner-image):not(.no-image) .text{ align-self: unset; } /* -------------------------------------- */ /* CK SCREEN-VIDEO-BANNER */ /* -------------------------------------- */ .ee-custom-screen-video-banner.banner-image .jarallax-video{ background-color:#000000; height:100vh; } .ee-custom-screen-video-banner.banner-image .image{ width:100%!important; margin-top:0!important; } @media only screen and (orientation: portrait) { .ee-custom-screen-video-banner.banner-image .jarallax-video{ height:80vw; } } .ee-custom-screen-video-banner.banner-image .jarallax-video{ animation-duration: .7s; /*animation-delay perceives faster load time*/ animation-delay: .4s; animation-fill-mode: backwards; animation-timing-function: cubic-bezier(0.5, 0, 0, 1); animation-name: fade-vid; } @keyframes fade-vid { from { opacity: 0; /*transform:translateY(40px);*/ } to { opacity: 1; /*transform:translateY(0);*/ } } /* -------------------------------------- */ /* CK BIOGRAPHY */ /* -------------------------------------- */ .s-artists section#biography .ee-editor-block{ display:flex; } .s-artists section#biography .ee-editor-block > span:first-of-type{ flex: 0 0 70px; } /* ========================================================================== */ /* -------------------------------------------------------------------------- */ /* MOBILE */ /* -------------------------------------------------------------------------- */ /* ========================================================================== */ @media (max-width: 1279px) { /* -------------------------------------- */ /* MAIN HEADER */ /* -------------------------------------- */ .main-header .logo { float:none } .main-header nav.main { text-align: left; padding-top:15px } .main-header nav.main a { margin-left: 0; margin-right:25px } .main-header nav.main { display:none } .main-header nav.languages{ display:block; } .mobile-menu-wrapper { position: relative; margin: 9px 0 8px; display:block } .main-header nav.mobile { display: inline-block; line-height: 26px; text-align:left } nav.mobile .navlinks { padding-top:10px } nav.mobile .navlinks a { display: block; margin: 0; padding-bottom: 15px; line-height:100% } .main-header .mobile-languages { display: inline-block; position: static; font-size: 12px; line-height: 26px; position: absolute; right:0; display:none; } .main-header .mobile-languages a { margin-left: 15px; display:inline-block } .mobile-languages a:first-child { margin-left:0 } div .main-header.fixed { position:fixed } } /* -------------------------------------------------------------------------- */ /* SCROLL REVEAL */ /* -------------------------------------------------------------------------- */ /* pre-hide elements */ html.sr .grid-container .entry, html.sr .list .entry .thumbnail, html.sr .list .entry .info, html.sr .squared .thumbnail-container, html.sr .footer-cols > div, html.sr .text-one-column-with-image .text, html.sr .text-one-column-with-image:not(.banner-image):not(.image-uncropped_banner) .image, html.sr .text-one-column, html.sr .text-two-columns .right, html.sr .text-two-columns .left, html.sr .text-three-columns .column, html.sr .news-details .details, html.sr .news-details .image, html.sr .artists.home .column { visibility: hidden; } .search.results .grid-container .entry:not(:nth-child(-n+18)), #exhibitions-grid .entry:not(:nth-child(-n+18)), #news-list .entry:not(:nth-child(-n+18)) .thumbnail, #news-list .entry:not(:nth-child(-n+18)) .info{ visibility: visible!important; } /* -------------------------------------------------------------------------- */ /* TEST */ /* -------------------------------------------------------------------------- */ /** {box-shadow: inset 0 0 0 1px rgba(255,0,0,1) !important;}*/ /*img {outline-color:#ff0000 !important; outline-width:1px !important; outline-style:solid !important; outline-offset:-1px !important;}*/ .bx-wrapper .bx-controls-direction .bx-next, .bx-wrapper .bx-controls-direction .bx-prev { background: url('https\3A \2F \2F s3\2E amazonaws\2E com\2F files\2E collageplatform\2E com\2E prod\2F application\2F 5b6b5f6d6aa72c4f430fcc53\2F 7460e9f195cd4721526c3619947e39df\2E png') no-repeat; background-size: 32px 64px; width: 16px; height: 32px; margin-top: -16px; } .bx-wrapper .bx-controls-direction .bx-prev { background-position: 0 0; } .bx-wrapper .bx-controls-direction .bx-prev:hover { background-position: 0 -32px; } .bx-wrapper .bx-controls-direction .bx-next { background-position: -16px 0; } .bx-wrapper .bx-controls-direction .bx-next:hover { background-position: -16px -32px; } *:focus:not(.focus-visible) { outline: none; } *:focus { outline: 2px #A5C7FE solid; outline-offset: 1px; } .entry > a { display: inline-block; } .entry.small > a, .entry.medium > a, .entry.large > a, .grid.thumbnails > .entry > a, .grid.entries > .entry > a, .large-images > .entry > a, .entry.full > a { display: block; } div[class^='custom-grid'] > .entry > a, div[class*=' custom-grid'] > .entry > a, .grid-container > .grid > .entry > a, .list.text-only .entry > a { display: block; } .list.text-only .date { float: left; } .news .entry > .thumbnail > .image > a { display: inline-block; } #skipToContent { position: absolute; top: -1000px; left: -1000px; height: 1px; width: 1px; text-align: left; overflow: hidden; text-decoration: underline; } a#skipToContent:active, a#skipToContent:focus, a#skipToContent:hover { left: 0; top: 0; width: auto; height: auto; overflow: visible; } footer div > a.footer-siteindex, footer span > a.footer-siteindex{ white-space: nowrap; overflow: hidden; } #contentWrapper:focus { outline: transparent !important; } #contentWrapper #eccomerceCheckout .widget ul { display: block; margin-top: 5px; } #contentWrapper #eccomerceCheckout input.error { margin-bottom: 0; } label.required:after { content: '*'; margin-left: 2px; } .slideshow-container .swiper-slide { -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); } .slider-nav-next, .slider-nav-prev, .swiper-vow .slider-nav-next, .swiper-vow .slider-nav-prev, .swiper-vow .slider-nested-nav-prev, .swiper-vow .slider-nested-nav-next { background: url('https\3A \2F \2F s3\2E amazonaws\2E com\2F files\2E collageplatform\2E com\2E prod\2F application\2F 5b6b5f6d6aa72c4f430fcc53\2F 7460e9f195cd4721526c3619947e39df\2E png') no-repeat; background-size: 32px 64px; width: 16px; height: 32px; margin-top: -16px; position: absolute; top: 50%; border: none; transform: none; } .slider-nav-prev, .swiper-vow .slider-nav-prev, .swiper-vow .slider-nested-nav-prev { background-position: 0 0; left: 0; } .slider-nav-prev:hover, .swiper-vow .slider-nav-prev:hover, .swiper-vow .slider-nested-nav-prev:hover { background: url('https\3A \2F \2F s3\2E amazonaws\2E com\2F files\2E collageplatform\2E com\2E prod\2F application\2F 5b6b5f6d6aa72c4f430fcc53\2F 7460e9f195cd4721526c3619947e39df\2E png') no-repeat; background-size: 32px 64px; background-position: 0 -32px; border: 0; } .slider-nav-next, .swiper-vow .slider-nav-next, .swiper-vow .slider-nested-nav-next { background-position: -16px 0; right: 0; } .slider-nav-next:hover, .swiper-vow .slider-nav-next:hover, .swiper-vow .slider-nested-nav-next:hover { background: url('https\3A \2F \2F s3\2E amazonaws\2E com\2F files\2E collageplatform\2E com\2E prod\2F application\2F 5b6b5f6d6aa72c4f430fcc53\2F 7460e9f195cd4721526c3619947e39df\2E png') no-repeat; background-size: 32px 64px; background-position: -16px -32px; border: 0; }