.custom-grid .entry { width: 22.777777777778%; margin-right: 2.962962962963%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid .entry:nth-child(4n+4) { margin-right: 0; } .custom-grid .entry .placeholder { padding-top: 100%; 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; } .custom-grid-designers .entry { width: 22.777777777778%; margin-right: 2.962962962963%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid-designers .entry:nth-child(4n+4) { margin-right: 0; } .custom-grid-designers .entry .placeholder { padding-top: 73.170731707317%; background: inherit; } .custom-grid-designers .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .custom-grid-works .entry { width: 30.833333333333%; margin-right: 3.75%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid-works .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-works .entry .placeholder { padding-top: 100%; background: inherit; } .custom-grid-works .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-works .entry { width: 22.777777777778%; margin-right: 2.962962962963%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-works .entry:nth-child(4n+4) { margin-right: 0; } .detail-page .custom-grid-works .entry .placeholder { padding-top: 100%; background: inherit; } .detail-page .custom-grid-works .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .custom-grid-exhibitions .entry { width: 22.777777777778%; margin-right: 2.962962962963%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid-exhibitions .entry:nth-child(4n+4) { margin-right: 0; } .custom-grid-exhibitions .entry .placeholder { padding-top: 73.170731707317%; background: inherit; } .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; } .custom-grid-news .entry { width: 22.777777777778%; margin-right: 2.962962962963%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid-news .entry:nth-child(4n+4) { margin-right: 0; } .custom-grid-news .entry .placeholder { padding-top: 73.170731707317%; background: inherit; } .custom-grid-news .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .custom-grid-hp-news .entry { width: 62.962962962963%; margin-right: -44.444444444444%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid-hp-news .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-hp-news .entry .placeholder { padding-top: 73.529411764706%; background: inherit; } .custom-grid-hp-news .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: 22.777777777778%; margin-right: 2.962962962963%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid-publications .entry:nth-child(4n+4) { margin-right: 0; } .custom-grid-publications .entry .placeholder { padding-top: 73.170731707317%; 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; } .custom-grid-made-in-france .entry { width: 30.833333333333%; margin-right: 3.75%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid-made-in-france .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-made-in-france .entry .placeholder { padding-top: 100%; background: inherit; } .custom-grid-made-in-france .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .custom-grid-artists .entry { width: 22.777777777778%; margin-right: 2.962962962963%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid-artists .entry:nth-child(4n+4) { margin-right: 0; } .custom-grid-artists .entry .placeholder { padding-top: 73.170731707317%; background: inherit; } .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; } .custom-grid-store-front .entry { width: 22.777777777778%; margin-right: 2.962962962963%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid-store-front .entry:nth-child(4n+4) { margin-right: 0; } .custom-grid-store-front .entry .placeholder { padding-top: 73.170731707317%; background: inherit; } .custom-grid-store-front .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: 22.777777777778%; margin-right: 2.962962962963%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid .entry:nth-child(4n+4){ margin-right: 2.962962962963%; } .custom-grid .entry:nth-child(4n+4){ margin-right: 2.962962962963%; } .custom-grid .entry:nth-child(3n+3){ margin-right: 2.962962962963%; } .custom-grid .entry:nth-child(2n+2){ margin-right: 2.962962962963%; } .custom-grid .entry:nth-child(4n+4) { margin-right: 0; } .custom-grid .entry .placeholder { padding-top: 100%; 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) { .custom-grid-designers .entry { width: 22.777777777778%; margin-right: 2.962962962963%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid-designers .entry:nth-child(4n+4){ margin-right: 2.962962962963%; } .custom-grid-designers .entry:nth-child(4n+4){ margin-right: 2.962962962963%; } .custom-grid-designers .entry:nth-child(3n+3){ margin-right: 2.962962962963%; } .custom-grid-designers .entry:nth-child(2n+2){ margin-right: 2.962962962963%; } .custom-grid-designers .entry:nth-child(4n+4) { margin-right: 0; } .custom-grid-designers .entry .placeholder { padding-top: 73.170731707317%; background: inherit; } .custom-grid-designers .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-works .entry { width: 30.833333333333%; margin-right: 3.75%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid-works .entry:nth-child(3n+3){ margin-right: 3.75%; } .custom-grid-works .entry:nth-child(3n+3){ margin-right: 3.75%; } .custom-grid-works .entry:nth-child(3n+3){ margin-right: 3.75%; } .custom-grid-works .entry:nth-child(2n+2){ margin-right: 3.75%; } .custom-grid-works .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-works .entry .placeholder { padding-top: 100%; background: inherit; } .custom-grid-works .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-works .entry { width: 22.777777777778%; margin-right: 2.962962962963%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-works .entry:nth-child(4n+4){ margin-right: 2.962962962963%; } .detail-page .custom-grid-works .entry:nth-child(4n+4){ margin-right: 2.962962962963%; } .detail-page .custom-grid-works .entry:nth-child(3n+3){ margin-right: 2.962962962963%; } .detail-page .custom-grid-works .entry:nth-child(2n+2){ margin-right: 2.962962962963%; } .detail-page .custom-grid-works .entry:nth-child(4n+4) { margin-right: 0; } .detail-page .custom-grid-works .entry .placeholder { padding-top: 100%; background: inherit; } .detail-page .custom-grid-works .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-exhibitions .entry { width: 22.777777777778%; margin-right: 2.962962962963%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid-exhibitions .entry:nth-child(4n+4){ margin-right: 2.962962962963%; } .custom-grid-exhibitions .entry:nth-child(4n+4){ margin-right: 2.962962962963%; } .custom-grid-exhibitions .entry:nth-child(3n+3){ margin-right: 2.962962962963%; } .custom-grid-exhibitions .entry:nth-child(2n+2){ margin-right: 2.962962962963%; } .custom-grid-exhibitions .entry:nth-child(4n+4) { margin-right: 0; } .custom-grid-exhibitions .entry .placeholder { padding-top: 73.170731707317%; background: inherit; } .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) { .custom-grid-news .entry { width: 22.777777777778%; margin-right: 2.962962962963%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid-news .entry:nth-child(4n+4){ margin-right: 2.962962962963%; } .custom-grid-news .entry:nth-child(4n+4){ margin-right: 2.962962962963%; } .custom-grid-news .entry:nth-child(3n+3){ margin-right: 2.962962962963%; } .custom-grid-news .entry:nth-child(2n+2){ margin-right: 2.962962962963%; } .custom-grid-news .entry:nth-child(4n+4) { margin-right: 0; } .custom-grid-news .entry .placeholder { padding-top: 73.170731707317%; background: inherit; } .custom-grid-news .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-hp-news .entry { width: 62.962962962963%; margin-right: -44.444444444444%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid-hp-news .entry:nth-child(3n+3){ margin-right: -44.444444444444%; } .custom-grid-hp-news .entry:nth-child(3n+3){ margin-right: -44.444444444444%; } .custom-grid-hp-news .entry:nth-child(3n+3){ margin-right: -44.444444444444%; } .custom-grid-hp-news .entry:nth-child(2n+2){ margin-right: -44.444444444444%; } .custom-grid-hp-news .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-hp-news .entry .placeholder { padding-top: 73.529411764706%; background: inherit; } .custom-grid-hp-news .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: 22.777777777778%; margin-right: 2.962962962963%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid-publications .entry:nth-child(4n+4){ margin-right: 2.962962962963%; } .custom-grid-publications .entry:nth-child(4n+4){ margin-right: 2.962962962963%; } .custom-grid-publications .entry:nth-child(3n+3){ margin-right: 2.962962962963%; } .custom-grid-publications .entry:nth-child(2n+2){ margin-right: 2.962962962963%; } .custom-grid-publications .entry:nth-child(4n+4) { margin-right: 0; } .custom-grid-publications .entry .placeholder { padding-top: 73.170731707317%; 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) { .custom-grid-made-in-france .entry { width: 30.833333333333%; margin-right: 3.75%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid-made-in-france .entry:nth-child(3n+3){ margin-right: 3.75%; } .custom-grid-made-in-france .entry:nth-child(3n+3){ margin-right: 3.75%; } .custom-grid-made-in-france .entry:nth-child(3n+3){ margin-right: 3.75%; } .custom-grid-made-in-france .entry:nth-child(2n+2){ margin-right: 3.75%; } .custom-grid-made-in-france .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-made-in-france .entry .placeholder { padding-top: 100%; background: inherit; } .custom-grid-made-in-france .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-artists .entry { width: 22.777777777778%; margin-right: 2.962962962963%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid-artists .entry:nth-child(4n+4){ margin-right: 2.962962962963%; } .custom-grid-artists .entry:nth-child(4n+4){ margin-right: 2.962962962963%; } .custom-grid-artists .entry:nth-child(3n+3){ margin-right: 2.962962962963%; } .custom-grid-artists .entry:nth-child(2n+2){ margin-right: 2.962962962963%; } .custom-grid-artists .entry:nth-child(4n+4) { margin-right: 0; } .custom-grid-artists .entry .placeholder { padding-top: 73.170731707317%; background: inherit; } .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) { .custom-grid-store-front .entry { width: 22.777777777778%; margin-right: 2.962962962963%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid-store-front .entry:nth-child(4n+4){ margin-right: 2.962962962963%; } .custom-grid-store-front .entry:nth-child(4n+4){ margin-right: 2.962962962963%; } .custom-grid-store-front .entry:nth-child(3n+3){ margin-right: 2.962962962963%; } .custom-grid-store-front .entry:nth-child(2n+2){ margin-right: 2.962962962963%; } .custom-grid-store-front .entry:nth-child(4n+4) { margin-right: 0; } .custom-grid-store-front .entry .placeholder { padding-top: 73.170731707317%; background: inherit; } .custom-grid-store-front .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: 30.37037037037%; margin-right: 4.4444444444444%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid .entry:nth-child(4n+4){ margin-right: 4.4444444444444%; } .custom-grid .entry:nth-child(4n+4){ margin-right: 4.4444444444444%; } .custom-grid .entry:nth-child(3n+3){ margin-right: 4.4444444444444%; } .custom-grid .entry:nth-child(2n+2){ margin-right: 4.4444444444444%; } .custom-grid .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid .entry .placeholder { padding-top: 100%; 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) { .custom-grid-designers .entry { width: 30.37037037037%; margin-right: 4.4444444444444%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid-designers .entry:nth-child(4n+4){ margin-right: 4.4444444444444%; } .custom-grid-designers .entry:nth-child(4n+4){ margin-right: 4.4444444444444%; } .custom-grid-designers .entry:nth-child(3n+3){ margin-right: 4.4444444444444%; } .custom-grid-designers .entry:nth-child(2n+2){ margin-right: 4.4444444444444%; } .custom-grid-designers .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-designers .entry .placeholder { padding-top: 73.170731707317%; background: inherit; } .custom-grid-designers .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-works .entry { width: 30.833333333333%; margin-right: 3.75%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid-works .entry:nth-child(3n+3){ margin-right: 3.75%; } .custom-grid-works .entry:nth-child(3n+3){ margin-right: 3.75%; } .custom-grid-works .entry:nth-child(3n+3){ margin-right: 3.75%; } .custom-grid-works .entry:nth-child(2n+2){ margin-right: 3.75%; } .custom-grid-works .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-works .entry .placeholder { padding-top: 100%; background: inherit; } .custom-grid-works .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-works .entry { width: 30.37037037037%; margin-right: 4.4444444444444%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-works .entry:nth-child(4n+4){ margin-right: 4.4444444444444%; } .detail-page .custom-grid-works .entry:nth-child(4n+4){ margin-right: 4.4444444444444%; } .detail-page .custom-grid-works .entry:nth-child(3n+3){ margin-right: 4.4444444444444%; } .detail-page .custom-grid-works .entry:nth-child(2n+2){ margin-right: 4.4444444444444%; } .detail-page .custom-grid-works .entry:nth-child(3n+3) { margin-right: 0; } .detail-page .custom-grid-works .entry .placeholder { padding-top: 100%; background: inherit; } .detail-page .custom-grid-works .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-exhibitions .entry { width: 30.37037037037%; margin-right: 4.4444444444444%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid-exhibitions .entry:nth-child(4n+4){ margin-right: 4.4444444444444%; } .custom-grid-exhibitions .entry:nth-child(4n+4){ margin-right: 4.4444444444444%; } .custom-grid-exhibitions .entry:nth-child(3n+3){ margin-right: 4.4444444444444%; } .custom-grid-exhibitions .entry:nth-child(2n+2){ margin-right: 4.4444444444444%; } .custom-grid-exhibitions .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-exhibitions .entry .placeholder { padding-top: 73.170731707317%; background: inherit; } .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) { .custom-grid-news .entry { width: 30.37037037037%; margin-right: 4.4444444444444%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid-news .entry:nth-child(4n+4){ margin-right: 4.4444444444444%; } .custom-grid-news .entry:nth-child(4n+4){ margin-right: 4.4444444444444%; } .custom-grid-news .entry:nth-child(3n+3){ margin-right: 4.4444444444444%; } .custom-grid-news .entry:nth-child(2n+2){ margin-right: 4.4444444444444%; } .custom-grid-news .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-news .entry .placeholder { padding-top: 73.170731707317%; background: inherit; } .custom-grid-news .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-hp-news .entry { width: 62.962962962963%; margin-right: -44.444444444444%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid-hp-news .entry:nth-child(3n+3){ margin-right: -44.444444444444%; } .custom-grid-hp-news .entry:nth-child(3n+3){ margin-right: -44.444444444444%; } .custom-grid-hp-news .entry:nth-child(3n+3){ margin-right: -44.444444444444%; } .custom-grid-hp-news .entry:nth-child(2n+2){ margin-right: -44.444444444444%; } .custom-grid-hp-news .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-hp-news .entry .placeholder { padding-top: 73.529411764706%; background: inherit; } .custom-grid-hp-news .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: 30.37037037037%; margin-right: 4.4444444444444%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid-publications .entry:nth-child(4n+4){ margin-right: 4.4444444444444%; } .custom-grid-publications .entry:nth-child(4n+4){ margin-right: 4.4444444444444%; } .custom-grid-publications .entry:nth-child(3n+3){ margin-right: 4.4444444444444%; } .custom-grid-publications .entry:nth-child(2n+2){ margin-right: 4.4444444444444%; } .custom-grid-publications .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-publications .entry .placeholder { padding-top: 73.170731707317%; 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) { .custom-grid-made-in-france .entry { width: 30.833333333333%; margin-right: 3.75%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid-made-in-france .entry:nth-child(3n+3){ margin-right: 3.75%; } .custom-grid-made-in-france .entry:nth-child(3n+3){ margin-right: 3.75%; } .custom-grid-made-in-france .entry:nth-child(3n+3){ margin-right: 3.75%; } .custom-grid-made-in-france .entry:nth-child(2n+2){ margin-right: 3.75%; } .custom-grid-made-in-france .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-made-in-france .entry .placeholder { padding-top: 100%; background: inherit; } .custom-grid-made-in-france .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-artists .entry { width: 30.37037037037%; margin-right: 4.4444444444444%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid-artists .entry:nth-child(4n+4){ margin-right: 4.4444444444444%; } .custom-grid-artists .entry:nth-child(4n+4){ margin-right: 4.4444444444444%; } .custom-grid-artists .entry:nth-child(3n+3){ margin-right: 4.4444444444444%; } .custom-grid-artists .entry:nth-child(2n+2){ margin-right: 4.4444444444444%; } .custom-grid-artists .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-artists .entry .placeholder { padding-top: 73.170731707317%; background: inherit; } .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) { .custom-grid-store-front .entry { width: 30.37037037037%; margin-right: 4.4444444444444%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid-store-front .entry:nth-child(4n+4){ margin-right: 4.4444444444444%; } .custom-grid-store-front .entry:nth-child(4n+4){ margin-right: 4.4444444444444%; } .custom-grid-store-front .entry:nth-child(3n+3){ margin-right: 4.4444444444444%; } .custom-grid-store-front .entry:nth-child(2n+2){ margin-right: 4.4444444444444%; } .custom-grid-store-front .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-store-front .entry .placeholder { padding-top: 73.170731707317%; background: inherit; } .custom-grid-store-front .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: 45.555555555556%; margin-right: 8.8888888888889%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid .entry:nth-child(4n+4){ margin-right: 8.8888888888889%; } .custom-grid .entry:nth-child(4n+4){ margin-right: 8.8888888888889%; } .custom-grid .entry:nth-child(3n+3){ margin-right: 8.8888888888889%; } .custom-grid .entry:nth-child(2n+2){ margin-right: 8.8888888888889%; } .custom-grid .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid .entry .placeholder { padding-top: 100%; 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) { .custom-grid-designers .entry { width: 45.555555555556%; margin-right: 8.8888888888889%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid-designers .entry:nth-child(4n+4){ margin-right: 8.8888888888889%; } .custom-grid-designers .entry:nth-child(4n+4){ margin-right: 8.8888888888889%; } .custom-grid-designers .entry:nth-child(3n+3){ margin-right: 8.8888888888889%; } .custom-grid-designers .entry:nth-child(2n+2){ margin-right: 8.8888888888889%; } .custom-grid-designers .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-designers .entry .placeholder { padding-top: 73.170731707317%; background: inherit; } .custom-grid-designers .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-works .entry { width: 46.25%; margin-right: 7.5%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid-works .entry:nth-child(3n+3){ margin-right: 7.5%; } .custom-grid-works .entry:nth-child(3n+3){ margin-right: 7.5%; } .custom-grid-works .entry:nth-child(3n+3){ margin-right: 7.5%; } .custom-grid-works .entry:nth-child(2n+2){ margin-right: 7.5%; } .custom-grid-works .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-works .entry .placeholder { padding-top: 100%; background: inherit; } .custom-grid-works .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-works .entry { width: 45.555555555556%; margin-right: 8.8888888888889%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-works .entry:nth-child(4n+4){ margin-right: 8.8888888888889%; } .detail-page .custom-grid-works .entry:nth-child(4n+4){ margin-right: 8.8888888888889%; } .detail-page .custom-grid-works .entry:nth-child(3n+3){ margin-right: 8.8888888888889%; } .detail-page .custom-grid-works .entry:nth-child(2n+2){ margin-right: 8.8888888888889%; } .detail-page .custom-grid-works .entry:nth-child(2n+2) { margin-right: 0; } .detail-page .custom-grid-works .entry .placeholder { padding-top: 100%; background: inherit; } .detail-page .custom-grid-works .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-exhibitions .entry { width: 45.555555555556%; margin-right: 8.8888888888889%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid-exhibitions .entry:nth-child(4n+4){ margin-right: 8.8888888888889%; } .custom-grid-exhibitions .entry:nth-child(4n+4){ margin-right: 8.8888888888889%; } .custom-grid-exhibitions .entry:nth-child(3n+3){ margin-right: 8.8888888888889%; } .custom-grid-exhibitions .entry:nth-child(2n+2){ margin-right: 8.8888888888889%; } .custom-grid-exhibitions .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-exhibitions .entry .placeholder { padding-top: 73.170731707317%; background: inherit; } .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) { .custom-grid-news .entry { width: 45.555555555556%; margin-right: 8.8888888888889%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid-news .entry:nth-child(4n+4){ margin-right: 8.8888888888889%; } .custom-grid-news .entry:nth-child(4n+4){ margin-right: 8.8888888888889%; } .custom-grid-news .entry:nth-child(3n+3){ margin-right: 8.8888888888889%; } .custom-grid-news .entry:nth-child(2n+2){ margin-right: 8.8888888888889%; } .custom-grid-news .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-news .entry .placeholder { padding-top: 73.170731707317%; background: inherit; } .custom-grid-news .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-hp-news .entry { width: 94.444444444444%; margin-right: -88.888888888889%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid-hp-news .entry:nth-child(3n+3){ margin-right: -88.888888888889%; } .custom-grid-hp-news .entry:nth-child(3n+3){ margin-right: -88.888888888889%; } .custom-grid-hp-news .entry:nth-child(3n+3){ margin-right: -88.888888888889%; } .custom-grid-hp-news .entry:nth-child(2n+2){ margin-right: -88.888888888889%; } .custom-grid-hp-news .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-hp-news .entry .placeholder { padding-top: 73.529411764706%; background: inherit; } .custom-grid-hp-news .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: 45.555555555556%; margin-right: 8.8888888888889%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid-publications .entry:nth-child(4n+4){ margin-right: 8.8888888888889%; } .custom-grid-publications .entry:nth-child(4n+4){ margin-right: 8.8888888888889%; } .custom-grid-publications .entry:nth-child(3n+3){ margin-right: 8.8888888888889%; } .custom-grid-publications .entry:nth-child(2n+2){ margin-right: 8.8888888888889%; } .custom-grid-publications .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-publications .entry .placeholder { padding-top: 73.170731707317%; 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) { .custom-grid-made-in-france .entry { width: 46.25%; margin-right: 7.5%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid-made-in-france .entry:nth-child(3n+3){ margin-right: 7.5%; } .custom-grid-made-in-france .entry:nth-child(3n+3){ margin-right: 7.5%; } .custom-grid-made-in-france .entry:nth-child(3n+3){ margin-right: 7.5%; } .custom-grid-made-in-france .entry:nth-child(2n+2){ margin-right: 7.5%; } .custom-grid-made-in-france .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-made-in-france .entry .placeholder { padding-top: 100%; background: inherit; } .custom-grid-made-in-france .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-artists .entry { width: 45.555555555556%; margin-right: 8.8888888888889%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid-artists .entry:nth-child(4n+4){ margin-right: 8.8888888888889%; } .custom-grid-artists .entry:nth-child(4n+4){ margin-right: 8.8888888888889%; } .custom-grid-artists .entry:nth-child(3n+3){ margin-right: 8.8888888888889%; } .custom-grid-artists .entry:nth-child(2n+2){ margin-right: 8.8888888888889%; } .custom-grid-artists .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-artists .entry .placeholder { padding-top: 73.170731707317%; background: inherit; } .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) { .custom-grid-store-front .entry { width: 45.555555555556%; margin-right: 8.8888888888889%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid-store-front .entry:nth-child(4n+4){ margin-right: 8.8888888888889%; } .custom-grid-store-front .entry:nth-child(4n+4){ margin-right: 8.8888888888889%; } .custom-grid-store-front .entry:nth-child(3n+3){ margin-right: 8.8888888888889%; } .custom-grid-store-front .entry:nth-child(2n+2){ margin-right: 8.8888888888889%; } .custom-grid-store-front .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-store-front .entry .placeholder { padding-top: 73.170731707317%; background: inherit; } .custom-grid-store-front .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } body { background: #ffffff; color: #000000; font-size: 12px; line-height: 2; } #overlay, footer { background: #ffffff; } #overlay .close { font-size: 12px; color: #000000; } .list.text-only.entries.fixed-font .date { font-size: 12px; } p { line-height: 2; } .medium h1, .small h1, .medium h2, .small h2, .medium h3, .small h3, .entries.fixed-font .title, .entries.fixed-font .titles, .entries.fixed-font .subtitle, .entries.fixed-font .date, .entries.fixed-font .titles .subtitle, .entries.fixed-font .titles .date, .fixed-font .entries .date, .grid.fixed-font .title, .grid.fixed-font .titles, .grid.fixed-font .subtitle, .grid.fixed-font .date, .grid.fixed-font .titles .subtitle, .grid.fixed-font .titles .date, .fixed-font .grid .date, .links a, .fixed-font .entry h1, .fixed-font .entry h2, .fixed-font .entry h3 { font-size: 12px; line-height: 1.5; } a:hover, a:hover *, .grid .entry a:hover span, .private-login input[type="submit"]:hover, .entry a:hover .placeholder, .entry a:hover .thumb, #overlay .close:hover { color: #555555 !important; } section header, .divider, .news .entry { border-color: #cccccc; } .paragraph-styling p { margin-bottom: 1.5em; } .main-header nav a { font-size: 15px; color: #555555; letter-spacing: 0px; } .main-header nav.homepage a, #slidecaption a * { color: #555555; } .screen-nav a, .slider-features a, .section-header a, .private nav a { color: #555555; font-size: 12px; letter-spacing: 0px; } .main-header nav a:hover, .main-header nav a.active, .main-header nav.homepage a:hover, .main-header nav.homepage a.active, #slidecaption a:hover *, .screen-nav a.active, .screen-nav a:hover, .screen-nav a:hover *, .slider-features a.active, .slider-features a:hover, .slider-features a:hover *, .section-header a:hover, .section-header a:hover *, .section-header a.active { color: #000000 !important; } .homepage .caption h1 { color: #000000; font-size: 12px; letter-spacing: 0px; } .entry .placeholder, .entry .thumb, .list.text-only.entries.fixed-font a .summary, a, .private-login input[type="submit"], .news .list h1 { color: #000000; } h2, .entries .subtitle, .grid .subtitle, .grid .titles .subtitle, .homepage .caption h2, h3, .entries .date, .grid .date, .grid .titles .date, .homepage .caption h3 { color: #555555; font-size: 12px; line-height: 1.5; letter-spacing: 0px; } .large-images h2, .news .entry h2, .large-images h3, .news .entry h3 { line-height: 1.5; } h1, h1.sectionname, .entries .titles, .entries .title, .grid .titles, .grid .title { color: #000000; font-size: 12px; line-height: 1.5; letter-spacing: 0px; } h4, .sectionname { color: #000000; font-size: 12px; line-height: 1.5; letter-spacing: 0px; text-transform: capitalize; } /* -------------------------------------------------------------------------- */ /* CONTENT-A (MODULAR & TIS) */ /* -------------------------------------------------------------------------- */ /* -------------------------------------- */ /* 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:700px; } /* -------------------------------------- */ /* 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:20px;*/ /*}*/ /*@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: 58%;*/ /* 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: 37%;*/ /* 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:5%;*/ /* 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:5%;*/ /* 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; } /* -------------------------------------- */ /* 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{ display: none; 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 { font-size: 10px; color: #888; max-width: 400px; margin-left: auto; margin-right: auto; } .swiper-container .swiper-slide-caption p { line-height: 1.6; } .thumbnail-container a[data-inquire], .swiper-container .swiper-slide-caption a[data-inquire]{ border:1px solid #000000; padding: 5px 15px; margin-top:15px; display:inline-block; line-height:1.5; color: #000000; } .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; } #wrapper-banners .banner .slide figure { padding-top: 51%; } /*EXHIBITION ABOUT FONT SIZE*/ .s-exhibitions.detail-page div#screen-presentation p { font-size: 16px; } div#screen-vr-tour { padding-bottom: 8%; } div#screen-vr-tour figcaption .video-embed-caption { font-size: 16px ; max-width: 780px ; margin: auto ; margin-top: 20px ; } div#screen-vr-tour .video-embed-caption p { margin-bottom:1.5em ; } /*SEARCH MENU FLOAT RIGHT*/ .main-header a[href="/search"]{ float:right; } .main-header nav a { text-transform: initial; display: inline-block; } /* --------------------------------------------------------- */ /*HOMPAGE NEW*/ .s-homepage2 #wrapper-banners figcaption, .s-homepage2 #wrapper-2up-mod header, .s-homepage2 #wrapper-2up-mod p, .s-homepage2 #wrapper-2up-mod .caption, .s-homepage2 #hp-news header, .s-homepage2 #wrapper-2-img-link header, .s-homepage2 #wrapper-2-img-link .title, .s-homepage2 #wrapper-2-img-link .text { display:none; } .s-homepage2 .entry .links { display: none; } /* --------------------------- */ /* HOMEPAGE BANNER */ .s-homepage2 .auto-rotating{ padding-bottom:45px; } @media all and (max-width: 768px) { .s-homepage2 .auto-rotating {padding-bottom: 30px;} } @media all and (max-width: 330px) { .s-homepage2 .auto-rotating{padding-bottom: 25px; margin-bottom: 0px;} } /* --------------------------- */ /* HOMEPAGE 2-IMG-LINK */ .s-homepage2 #wrapper-2-img-link .entry.with2 { width: 48%; } .s-homepage2 #wrapper-2-img-link .content { padding-bottom: 70px !important; } @media all and (max-width: 400px) { .s-homepage2 #wrapper-2-img-link .entry.with2 { width: 45.555555555556%; } .s-homepage2 #wrapper-2-img-link .content { padding-bottom: 40px !important; } } /* --------------------------- */ /* HOMEPAGE 2-UP */ .s-homepage2 .text-two-columns .left, .s-homepage2 .text-two-columns .right { width: 50%; box-sizing: border-box; } .s-homepage2 .text-two-columns .right{padding-left: 2%;} .s-homepage2 .text-two-columns .left{padding-right: 2%;} @media all and (max-width: 600px) { .s-homepage2 .text-two-columns .right{padding-left: 2.5%;} .s-homepage2 .text-two-columns .left{padding-right: 2.5%;} } @media all and (max-width: 400px) { .s-homepage2 .text-two-columns .right{padding-left: 4.4%;} .s-homepage2 .text-two-columns .left{padding-right: 4.4%;} } /* --------------------------- */ /* HOMEPAGE HP-NEWS */ .s-homepage2 #hp-news .title { font-size: 17px !important; padding: 0 !important; margin: 15px 0 3px 0 !important; line-height:1.5; max-width: 280px; } .s-homepage2 #hp-news .subtitle, .s-homepage2 #hp-news .date{ font-size: 13px !important; padding: 0 !important; margin: 0 0 5px 0 !important; line-height:1.5; color:#555555; max-width: 280px; } @media (max-width: 768px) { .s-homepage2 #hp-news .title { font-size: 14px !important;} .s-homepage2 #hp-news .subtitle, .s-homepage2 #hp-news .date {font-size: 12px !important;} } @media (max-width: 600px) { .s-homepage2 #hp-news .title { font-size: 13px !important;} } /* HOMEPAGE GRID */ .s-homepage2 .custom-grid-hp-news .entry{ width: 31.481481481481%; margin-right: 2.7777777777778%; } .s-homepage2 .custom-grid-hp-news .entry:nth-child(2n+2) {margin-right: 2.7777777777778%;} .s-homepage2 .custom-grid-hp-news .entry:nth-child(3n+3) {margin-right: 0;} @media all and (max-width: 600px) { .s-homepage2 .custom-grid-hp-news .entry{ width: 30.37037037037%; margin-right: 4.4444444444444%; } .s-homepage2 .custom-grid-hp-news .entry:nth-child(2n+2) {margin-right: 4.4444444444444%;} .s-homepage2 .custom-grid-hp-news .entry:nth-child(3n+3) {margin-right: 0;} } @media all and (max-width: 400px) { .s-homepage2 .custom-grid-hp-news .entry{ width: 45.555555555556%; margin-right: 8.8888888888889%; margin-bottom: 40px; } .s-homepage2 .custom-grid-hp-news .entry:nth-child(3n+3) {margin-right: 8.8888888888889%;} .s-homepage2 .custom-grid-hp-news .entry:nth-child(2n+2) {margin-right: 0;} } /* --------------------------------------------------------- */ /* --------------------------------------------------------- */ /* GRID LINES */ /** {box-shadow: inset 0 0 0 1px #eeeeee;} */ .categories-left.screen-nav a { font-size: 14px; } /* --------------------------------------------------------- */ /* GENERAL */ @font-face {font-family: 'Gotham-Book'; src: url('https://s3.amazonaws.com/files.collageplatform.com.prod/application/56d6d38084184e03128b4568/Gotham-Book.ttf');} @font-face {font-family: 'Gotham-Bold'; src: url('https://s3.amazonaws.com/files.collageplatform.com.prod/application/56d6d38084184e03128b4568/Gotham-Bold.ttf');} body { /*font-family: "Gotham SSm A", "Gotham SSm B";*/ font-family: 'Gotham-Book'; font-style: normal; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* BOLD */ b, strong{ font-family: 'Gotham-Bold'; font-style: normal !important; font-weight: normal !important; } /* ITALIC */ i, em{ font-style: italic !important; font-weight: 400 !important; } /* BOLD-ITALIC */ strong > em, b > em, strong > i, b > i, em > strong, em > b, i > strong, i > b{ font-family: 'Gotham-Bold'; font-style: italic !important; font-weight: normal !important; } /*BOLD OVERIDE*/ .s-contact strong{ font-family: 'Gotham-Book'; font-weight: 400 !important; font-size: 16px; color:#000000; } .s-works.detail-page p strong{ font-family: 'Gotham-Book'; font-weight: 400 !important; color:#000000; } .s-works.detail-page p { color:#888888; } .social img{padding-left:3px;} .s-contact .credit {margin-top:-20px !important;} /* main menu align left */ .main-header .logo{float:none} /* main menu align left */ .main-header nav.main{text-align: left;padding-top: 15px;} /* menu spacing */ .main-header{padding-bottom: 60px;padding-top: 60px;} /* empty fixes */ h3:empty, .date:empty, .subtitle:empty, .summary:empty { display: none !important;} /* --------------------------------------------------------- */ /* HOME PAGE */ /*.s-homepage h1 {*/ /* font-size: 17px !important;*/ /* letter-spacing: 0;*/ /* padding: 0 !important;*/ /* margin: 10px 0 3px 0 !important;*/ /* line-height:1.5;*/ /* max-width:280px;*/ /* }*/ /*.s-homepage h2 {*/ /* font-size: 13px !important;*/ /* padding: 0 !important;*/ /* margin: 0 0 0 0 !important;*/ /* line-height:1.5;*/ /* max-width:280px;*/ /* }*/ /*.s-homepage h3 {*/ /* font-size: 13px !important;*/ /* padding: 0 !important;*/ /* margin: 0 0 0 0 !important;*/ /* line-height:1.5;*/ /* max-width:280px;*/ /* }*/ .s-homepage .title { font-size: 17px !important; padding: 0 !important; margin: 15px 0 3px 0 !important; line-height:1.5; max-width: 280px; } .s-homepage .subtitle { font-size: 13px !important; padding: 0 !important; margin: 0 0 0 0 !important; line-height:1.5; color:#555555; max-width: 280px; } .homepage .slider{padding-bottom:50px;} .s-homepage .summary.paragraph-styling {font-size: 12px !important; padding-top:3px !important;} /*hi-res retina*/ .custom-grid-homepage-news .entry { width: 31.481481481481%; margin-right: 2.7777777777778%; } /* --------------------------------------------------------- */ /* ARTISTS */ .s-artists.detail-page .associations #works-grid .titles { display: none; } /* --------------------------------------------------------- */ /* ZERO OUT SPACING */ .grid{ line-height: normal;} .placeholder{ padding-bottom:0 !important;} .headers{ padding: 0 !important;} .image{ line-height: 0;} /* --------------------------------------------------------- */ /* SPACE BELOW THUMBNAILS */ .placeholder, .thumb{ margin-bottom:10px !important;} /* --------------------------------------------------------- */ /* TITLES SUB TITLES AND DATES */ .title { font-size: 12px !important; padding: 0 !important; margin: 0 0 0 0 !important; line-height:1.5; } .subtitle { font-size: 12px !important; padding: 0 !important; margin: 0 0 0 0 !important; line-height:1.5; color:#555555; } /* italics ONLY for WORKS */ #works-grid .subtitle{ font-style: italic; } #works-grid .subtitle2 { font-style: normal; } .date { font-size: 12px !important; padding: 0 !important; margin: 0 0 0 0 !important; line-height:1.5; color:#555555; } /* --------------------------------------------------------- */ /* H1 H2 H3 */ .exhibitions h1, .exhibitions h2, .exhibitions h3, .exhibitions .medium h1, .exhibitions .medium h2, .exhibitions .medium h3, .exhibitions .small h1, .exhibitions .small h2, .exhibitions .small h3 { font-size:12px; letter-spacing: 0; padding: 0 !important; margin: 0 0 0 0 !important; line-height:1.5; } .exhibitions .small h1 { margin: 0 0 0 0 !important; } .artists h1, .item-header h1, header h1{ font-size:16px; padding: 0 !important; margin: 0 0 0 0 !important; } .item-header h2, header h2{ padding: 0 !important; margin: 0 0 0 0 !important; } .item-header h3, header h3{ padding: 0 !important; margin: 0 0 0 0 !important; } /* --------------------------------------------------------- */ /* CAPTIONS (AQUA)*/ /* slideshow */ .slide p { margin-top:0px; /*box-shadow: inset 0 0 0 1px #00f3d4;*/ } .caption { padding-top:10px; /*box-shadow: inset 0 0 0 1px #00f3d4;*/ } .caption p { margin-top:0px; /*box-shadow: inset 0 0 0 2px #00f3d4;*/ } /* --------------------------------------------------------- */ /* PAGES TWEAKS */ /* EXHIBITION LIST PAGE */ /* make current same size as past */ .s-exhibitions .grid .entry.medium{ width: 23%; padding-right: 2.6% } /* ARTIST LIST PAGE */ /*.s-designers .home .title {margin-top: 12px !important;}*/ .c-designers .section-header {display: none;} .c-designers {padding-bottom:0;} .s-designers .home h4{font-size:16px;} .s-news .home header:before{content:" ";} /* NEWS PAGES TWEAKS */ /*.custom-grid-news .entry { margin-bottom: 20px;}*/ .news .entry {padding-bottom: 0;} /*WORKS PAGE START WITH BLANK*/ .switch a[href="/works/c/works"] {display: none;} .s-works{ background-repeat: no-repeat; background-attachment: fixed; background-position: center center; background-size:cover; } /*switch avtive and hover colors*/ .s-works .screen-nav a{color:#000000 !important;} .s-works .screen-nav a:hover, .s-works .screen-nav a.active{color:#888888 !important;} /* DETAIL PAGES */ /* modular text text padding bottom */ .text-one-column-with-image .text{padding-bottom: 0px;} .slide figure { padding-top: 54%;} .s-works .date { display: none;} .custom-grid-works .date {display: none;} .s-designers #artworks-grid .title, .s-designers #artworks-grid .subtitle, .s-designers #artworks-grid .date { display: none; } /*s-works #images header { display: none; }*/ .s-exhibitions #selected-works header { display: none; } /*hide exhibition slideshow H1*/ .s-exhibitions #screen-selected-works h1{display:none;} .s-exhibitions #screen-selected-works {margin-top:-20px;} .s-exhibitions .text-one-column .content{ margin-left: auto; margin-right:auto; padding-bottom:20px; } /* border for thumbnail navigation */ .bx-wrapper .bx-viewport a.active{ border: 1px #555555 solid !important; } .image .caption p{ line-height:1.6; color:#555555; } /* caption */ .slide figcaption p{ font-size: 10px !important; line-height:1.6; padding-bottom: 1.5em; } .summary.paragraph-styling{ padding-top: 10px !important; } .summary p{ color:#000000 !important; } /* make videos nicer ratio */ div.fluid-width-video-wrapper{ padding-top: 66% !important; } .video-item{ max-width: 80% !important; } /* hide header for DESCRIPTION screen */ .detail-page #screen-description header{ display: none; } #presentation header, #presentation .placeholder {display: none;} #presentation .titles {display:block;margin-bottom:20px;} #screen-image-banner{margin-bottom: 50px;} /*#screen-images h1{font-size: 12px;}*/ .contact .map{margin-bottom: 30px} .s-exhibitions .page-header{ margin-bottom: 12px; padding-bottom: 15px; border:none; } .s-exhibitions a[href="#presentation"] {display: none;} .s-designers.detail-page .associations #works-grid .titles{display: none;} .s-projects .contentWrapper header{display:none;} .s-projects #associations header{display:block !important;} .s-projects #banner-image{margin-bottom:60px;} .inventory {display:none;} .s-works.detail-page .page-header h2, .s-works.detail-page .page-header h3{ display:none; } #screen-presentation .placeholder, #screen-presentation .titles{ display:none; } #screen-presentation .grid .entry{ padding:0; width:100%; max-width:780px; display:block; margin-left: auto; margin-right:auto; line-height: 150%; } #screen-presentation .grid .entry .links{margin:0;} /* --------------------------------------------------------- */ /* STORE */ .s-store-front .text-one-column-with-image header { border: 0; padding-bottom: 0; margin-bottom: 15px !important; } .s-store-front header h1 { font-size: 20px; } section#wrapper-store-front-image2 .clearfix.text-one-column-with-image.large-image .container { display: -webkit-box; } section#wrapper-store-front-image2 .text-one-column-with-image { padding-bottom: 0px; } section#wrapper-store-front-image2{ margin-bottom:20px; } section#wrapper-store-front-text header{ display:none; } section#wrapper-store-front-text .content{ padding-bottom:10px; } #wrapper-store-front-text p, #wrapper-store-front-text, section.file-uploads p{ font-size:16px; line-height:1.8; } .s-store-front .home .links a{ font-size:15px !important; /*line-height:1.5;*/ } /*hide store slideshow H1*/ .s-store-front.detail-page #screen-selected-works h1{display:none;} .s-store-front.detail-page #screen-selected-works {margin-top:-20px;} .s-store-front.detail-page #screen-selected-works .divider{display:none;} .s-store-front.detail-page #screen-selected-works {margin-top: 70px;} .s-store-front.detail-page .slide figcaption p { font-size: 10px !important; line-height: 1.6; padding-bottom: 0px; } /*STORE ABOUT FONT SIZE*/ .s-store-front.detail-page div#screen-press-release p { font-size: 16px; } .s-store-front.detail-page div#screen-press-release .text-one-column .content { width: 100%; max-width: 780px; margin-left: auto; margin-right: auto; } /*Virtual tour*/ .s-store-front.detail-page div#screen-virtual-tour { padding-bottom: 8%; } .s-store-front.detail-page div#screen-virtual-tour figcaption .video-embed-caption { font-size: 16px ; max-width: 780px ; margin: auto ; margin-top: 20px ; } .s-store-front.detail-page div#screen-virtual-tour .video-embed-caption p { margin-bottom:1.5em ; } div#screen-about-the-store-front .paragraph-styling p { font-size: 12px !important; padding: 0 !important; margin: 0 0 0 0 !important; line-height: 1.5; color: #555555; } /* --------------------------------------------------------- */ /* LINKS */ /* transform to uppercase */ .view-link{ font-size:12px; } .links a{ font-size:12px !important; line-height:1.5; } .entry .links a{ font-size:12px !important; line-height:3; } .file a{ font-size:12px; } /* make line-height consistent */ .links a:last-of-type{ line-height:1.5; } nav.slider-features{ line-height:1.5; } #backToTop{ font-size:11px !important; bottom: 8px; } /* --------------------------------------------------------- */ /* SEARCH */ form input[type="text"]{ width: 400px; } section.search.form{ text-align: left; } .s-search{ background-repeat: no-repeat; background-attachment: fixed; background-position: center center; background-size:cover; } .s-search .results > h1{ font-size:16px; } /* --------------------------------------------------------- */ /* PUBLICATIONS */ /* --------------------------------------------------------- */ .s-publications.detail-page section#additional-text-and-images header, .s-publications.detail-page section#slideshow header{ display:none; } .s-publications.detail-page .slider .bx-viewport{ margin-bottom:50px; } .s-publications.detail-page .text-one-column-with-image.no-image .text{ width:100%; max-width:800px; } .s-publications .home header:before{ content: " "; } /* --------------------------------------------------------- */ /* MADE IN FRANCE */ /* --------------------------------------------------------- */ .s-made-in-france.detail-page div#made-in-france-grid h4 { text-transform: initial !important; } .s-made-in-france.detail-page .paragraph-styling.article { margin-bottom: 40px; } .s-made-in-france.detail-page section.text-image { margin-bottom: 60px; } .s-made-in-france.detail-page section#additional-text-and-images header, .s-made-in-france.detail-page section#slideshow header{ display:none; } .s-made-in-france.detail-page .slider .bx-viewport{ margin-bottom:50px; } .s-made-in-france.detail-page .text-one-column-with-image.no-image .text { width: 100%; max-width: 700px; margin: auto; float: none; margin-left:0; } .s-made-in-france.detail-page .text-one-column-with-image.no-image.large-image .text { margin: auto; } .s-made-in-france.detail-page p.custom-header-paragraph{ margin-bottom:.2em !important; font-size: 20px !important; font-style: italic !important; color:#000000; /*padding-top:15px;*/ } .s-made-in-france.detail-page p.custom-header-paragraph:first-of-type{ padding-top:0 !important; } .s-made-in-france .home header:before{ content: " "; } .s-made-in-france .text-one-column-with-image header { border: 0; padding-bottom: 0; margin-bottom: 15px !important; } .s-made-in-france header h1 { font-size: 20px; } section#wrapper-made-in-france-image{ margin-bottom:20px; } section#wrapper-made-in-france-text header{ display:none; } section#wrapper-made-in-france-text .content{ padding-bottom:10px; } .s-made-in-france.detail-page .article{ padding-bottom:0px; } .s-made-in-france.detail-page .article p strong { font-family: 'Gotham-Bold'; font-weight: 400 !important; color: #000 } .s-made-in-france.detail-page .text-one-column-with-image.no-image.large-image header { display: none; } .s-made-in-france.detail-page .text-one-column-with-image.no-image.large-image .text { border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; padding-top:30px; display:block; padding-bottom: 20px; margin-bottom: 50px; } .s-made-in-france.detail-page .text-one-column-with-image.banner-image figure { min-height: 100vh; background-position: center; background-size: cover; } .s-made-in-france.detail-page .text-one-column-with-image.large-image header, .s-made-in-france.detail-page .text-one-column-with-image.large-image .text, .s-made-in-france.detail-page .text-one-column-with-image.banner-image header, .s-made-in-france.detail-page .text-one-column-with-image.banner-image .text{ display: none; } .s-made-in-france.detail-page .text-one-column-with-image.no-image.large-image p:first-of-type { color: #000; font-size: 23px; margin-bottom: 10px; } .s-made-in-france.detail-page .text-one-column-with-image.no-image.large-image p { color: #000; font-size: 12px; } .s-made-in-france.detail-page .slide figcaption p, .s-made-in-france.detail-page .text-one-column-with-image .caption p{ font-size: 12px !important; line-height: 1.6; padding-bottom: 1.5em; } .s-made-in-france.detail-page .article p , .s-made-in-france.detail-page .text-one-column-with-image p { color: #000; font-size: 16px; } .s-made-in-france.detail-page section.file-uploads .text-one-column .content { width: 100%; max-width: 700px; } .s-made-in-france a:hover .custom-detail{ color:#000000 !important; } .s-made-in-france .custom-detail{ font-size:9px; margin-bottom:8px; } .links.in-text.additional-files { padding-top: 0; margin-top: 5px; } .s-made-in-france.detail-page .text-one-column-with-image.banner-image .caption { text-align: left; } @media all and (max-width:1090px) { .s-made-in-france.detail-page .text-one-column-with-image.banner-image .caption { padding: 0 20px; } } #wrapper-made-in-france-text p, #wrapper-made-in-france-text, section.file-uploads p{ font-size:16px; line-height:1.8; } .s-made-in-france .home .links a{ font-size:15px !important; /*line-height:1.5;*/ } #made-in-france-grid .entry .links{ display:none; } /* --------------------------------------------------------- */ /* FOOTER */ /* --------------------------------------------------------- */ /* FOOTER 4 COL */ /* --------------------------------------------------------- */ footer{ padding-top: 30px; padding-bottom: 20px; color:#555555; } footer p{ line-height:1.8; font-size: 12px; /*text-transform:uppercase !important;*/ } footer a {color:#555555 !important;} footer a:hover {color:#000 !important;} footer div.footer-cols{ width:85%; padding-right:0; } .footer-social { float: right !important; } .footer-col4{ width:22.7%; padding-right:0 !important; } footer div.footer-cols{ line-height: normal; /*keep normal*/ } } .footer-col1, .footer-col2, .footer-col3 { width: 100%; padding-right: 0; } @media all and (max-width:480px) { .footer-col1, .footer-col2, .footer-col3{ padding-right:0; } .footer-col1, .footer-col2, .footer-col3{ margin-bottom:30px; } } footer .footer-social img { max-height: 18px; } /* --------------------------------------------------------- */ /*SITE INDEX STYLES*/ /* --------------------------------------------------------- */ a.footer-siteindex { /*display:none;*/ } .col-custom{ /*text-transform:initial;*/ color:#555555; font-family: Arial, Helvetica, Sans-serif; font-size: 9px; letter-spacing:.2px; padding-right:0; margin-top:20px; line-height:normal; text-align:left; width:100% } .col-custom span{ font-size: 9px; margin-right:10px; line-height:normal; } footer .credit { font-size: 9px; line-height:normal; margin-top: 0px; padding-right:0; width:auto !important; display:inline-block !important; } .custom-site-index-container{ max-width:785px; } /* --------------------------------------------------------- */ /* CLOSE AND ZOOM - OLD */ #overlay .close { color:#555555; text-transform: capitalize; font-size:12px !important; /*font-family: "Gotham SSm A", "Gotham SSm B";*/ font-family: 'Gotham-Book'; font-style: normal; font-weight: 400; right: 25px; top: 15px; } #overlay .close:hover{ color: #000000 !important; } #overlay .zoomlink { color:#555555; text-transform: capitalize; font-size:12px !important; /*font-family: "Gotham SSm A", "Gotham SSm B";*/ font-family: 'Gotham-Book'; font-style: normal; font-weight: 400; right: 75px; top: 15px; } #overlay .zoomlink:hover{ color: #000000 !important; } #zoomHeaderClose{ color:#555555; top: 15px; right: 25px; text-transform: capitalize; font-size:12px !important; /*font-family: "Gotham SSm A", "Gotham SSm B";*/ font-family: 'Gotham-Book'; font-style: normal; font-weight: 400; padding:0; line-height:2; } #zoomHeaderClose:hover{ color: #000000 !important; } /* --------------------------------------------------------- */ /* ARROWS */ .bx-wrapper .bx-prev{ left: 0; } .bx-wrapper .bx-next{ right: 0; } @media all and (max-width:480px) { .bx-wrapper .bx-prev{ left: 10px; } .bx-wrapper .bx-next{ right: 10px; } } /* this copied from auto generated css and changed to 480px */ @media all and (max-width: 480px) { .bx-wrapper .bx-controls-direction .bx-next, .bx-wrapper .bx-controls-direction .bx-prev { width: 13px !important; height: 26px !important; margin-top: -13px !important; } .bx-wrapper .bx-controls-direction .bx-prev { background-position: 0 -64px !important; } .bx-wrapper .bx-controls-direction .bx-prev:hover { background-position: 0 -90px !important; } .bx-wrapper .bx-controls-direction .bx-next { background-position: -13px -64px !important; } .bx-wrapper .bx-controls-direction .bx-next:hover { background-position: -13px -90px !important; } } /* --------------------------------------------------------- */ /* WORD BREAK */ h2,.subtitle{ overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; /* This is the dangerous one in WebKit, as it breaks things wherever */ word-break: break-all; /* Instead use this non-standard one: */ word-break: break-word; /* Adds a hyphen where the word breaks, if supported (No Blink) */ -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } @media all and (max-width:414px) { h1,.title{ overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; /* This is the dangerous one in WebKit, as it breaks things wherever */ word-break: break-all; /* Instead use this non-standard one: */ word-break: break-word; /* Adds a hyphen where the word breaks, if supported (No Blink) */ /*-ms-hyphens: auto;*/ /*-moz-hyphens: auto;*/ /*-webkit-hyphens: auto;*/ /*hyphens: auto;*/ } } /* --------------------------------------------------------- */ /* MOBILE FIXES */ /*box sizing for works*/ .s-works .home .container{box-sizing: border-box;} /*fill 3 col to 100%*/ @media all and (max-width:600px) { .s-works .grid-left-categories .grid-container{width: 100%;} } /*fix 330px*/ @media all and (max-width:330px) { .s-works .container {max-width: 330px;} .s-works .grid-left-categories .grid-container .entry{width: 46.25%; padding-right: 0;} } @media all and (max-width:768px){ .s-made-in-france.detail-page .text-one-column-with-image.banner-image figure { min-height: 50vh; } } /*homepage news*/ /*@media all and (max-width:400px) {*/ /*.s-homepage .news-3up .entry{padding-right: 8.8%; width: 45.5%;}*/ /*.s-homepage .news-3up .entry:nth-child(3n+3){padding-right: 8.8%;}*/ /*.s-homepage .news-3up .entry:nth-child(2n+2){padding-right: 0;}*/ /*}*/ /*home page news grid*/ @media all and (max-width: 768px) { .custom-grid-homepage-news .entry { width: 31.481481481481%; margin-right: 2.7777777777778%; } .custom-grid-homepage-news .entry:nth-child(2n+2){ margin-right: 2.7777777777778%; } .custom-grid-homepage-news .entry:nth-child(3n+3){ margin-right: 0; } } @media all and (max-width: 400px) { .custom-grid-homepage-news .entry:nth-child(3n+3){ margin-right: unset; } .custom-grid-homepage-news .entry:nth-child(1n+1) { width: 45.555555555556%; margin-right: 8.8888888888889%; } .custom-grid-homepage-news .entry:nth-child(2n+2){ margin-right: 0; } } /* --------------------------------------------------------- */ /* MOBILE FIX NEW */ /*KEEP PADDING*/ @media all and (max-width:1120px) { .container{ padding: 0 20px; } } @media all and (max-width:1024px) { .container.outside { padding: 0 20px; } } @media all and (max-width:800px) { .container { max-width: none; } } /*NEWS DETAIL PAGE*/ @media all and (max-width:800px) { .news-details .details{ width:50%; } } @media all and (max-width:768px) { .news-details.img .image{ float: right; width: 40%; } } @media all and (max-width:500px) { .news-details.img .image{ float: none; width: 100%; padding-bottom:40px; text-align: left; } .news-details .details{ float: none; width: 100%; } } /*MISC*/ @media (max-width: 768px) { .s-homepage .title { font-size: 14px !important;} .s-homepage .subtitle {font-size: 12px !important;} } @media (max-width: 600px) { .dropdown>div{left: -1px;} .dropdown > div a {padding: 1px 5px;} .dropdown{background-color:#ffffff;} form input[type="text"]{width: 250px;} .s-homepage .title { font-size: 13px !important;} } /* --------------------------------------------------------- */ /* CSS FADE IN CONTENT WRAPPER */ .contentWrapper { -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */ -moz-animation: fadein 1s; /* Firefox < 16 */ -ms-animation: fadein 1s; /* Internet Explorer */ -o-animation: fadein 1s; /* Opera < 12.1 */ animation: fadein 1s; } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Firefox < 16 */ @-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Safari, Chrome and Opera > 12.1 */ @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Internet Explorer */ @-ms-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Opera < 12.1 */ @-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } .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 56d6d38084184e03128b4568\2F 6eee760cf616f0c1e78846711f32467d\2E png') no-repeat; background-size: 32px 116px; 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; } @media all and (max-width: 320px) { .bx-wrapper .bx-controls-direction .bx-next, .bx-wrapper .bx-controls-direction .bx-prev { width: 13px; height: 26px; margin-top: -13px; } .bx-wrapper .bx-controls-direction .bx-prev { background-position: 0 -64px; } .bx-wrapper .bx-controls-direction .bx-prev:hover { background-position: 0 -90px; } .bx-wrapper .bx-controls-direction .bx-next { background-position: -13px -64px; } .bx-wrapper .bx-controls-direction .bx-next:hover { background-position: -13px -90px; } } del.doublestrike { text-decoration: none; position: relative; } del.doublestrike:after { content: ' '; font-size: inherit; display: block; position: absolute; right: 0; left: 0; top: 30%; bottom: 30%; border-top: 1px solid #000; border-bottom: 1px solid #000; } *: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 56d6d38084184e03128b4568\2F 6eee760cf616f0c1e78846711f32467d\2E png') no-repeat; background-size: 32px 116px; 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 56d6d38084184e03128b4568\2F 6eee760cf616f0c1e78846711f32467d\2E png') no-repeat; background-size: 32px 116px; 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 56d6d38084184e03128b4568\2F 6eee760cf616f0c1e78846711f32467d\2E png') no-repeat; background-size: 32px 116px; background-position: -16px -32px; border: 0; } @media all and (max-width: 320px) { .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 { width: 13px; height: 26px; margin-top: -13px; } .slider-nav-prev, .swiper-vow .slider-nav-prev, .swiper-vow .slider-nested-nav-prev { background-position: 0 -64px; } .slider-nav-prev:hover, .swiper-vow .slider-nav-prev:hover, .swiper-vow .slider-nested-nav-prev:hover { background-position: 0 -90px; } .slider-nav-next, .swiper-vow .slider-nav-next, .swiper-vow .slider-nested-nav-next { background-position: -13px -64px; } .slider-nav-next:hover, .swiper-vow .slider-nav-next:hover, .swiper-vow .slider-nested-nav-next:hover { background-position: -13px -90px; } }