@font-face {
    font-family: 'CenturyGothic';
    src: url(../fonts/CenturyGothic.ttf);
}
/* @font-face {
    font-family: 'CenturyGothicBold';
    src: url(../fonts/CenturyGothicBold.TTF);
} */
@font-face {
    font-family: 'CenturyGothicPro-Bold';
    src: url(../fonts/CenturyGothicPro-Bold.otf)
}
*, ::before, ::after {
    box-sizing: border-box;
}
* {
    min-width: 0;
    min-height: 0;
}

body {
    /* background: RGBA(216, 216, 216, 0.13); */
    background: #d8d8d821;
    font-family: 'CenturyGothic';
}
div {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
h1 {
    font-size: 40px;
    line-height: 40px;
    font-weight: 700;
    font-family: 'CenturyGothicPro-Bold';
}
h2 {
    font-size: 32px;
    line-height: 32px;
    font-weight: 700;
    font-family: 'CenturyGothicPro-Bold';
}
h3 {
    font-size: 28px;
    line-height: 28px;
    font-weight: 700;
    font-family: 'CenturyGothicPro-Bold';
}
h4 {
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
    font-family: 'CenturyGothicPro-Bold';
}
h5 {
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    font-family: 'CenturyGothicPro-Bold';
}
h6 {
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    font-family: 'CenturyGothicPro-Bold';
}
h1, h2, h3, h4, h5, h6 {
    margin-bottom: 10px;
}
strong {
    color: #555555;
}
a {
    line-height: 30px;
}
a:hover, a:hover * {
    color: #767676;
}
.container {
    padding: 0 30px;
}
.container .container {
    padding: 0;
}
.bg-white {
    background: #FFF;
}
.text-center {
    text-align: center;
}
.text-black {
    color: #000 !important;
}
.text-primary {
    color: #647C90 !important;
}
.error {
    color: #f46464;
    font-size: 1rem;
}
.btn-primary {
    background-color: #647C90 !important;
    color: #FFF !important;
}
.right-align {
    text-align: right !important;
}
.float-right {
    float: right;
}
.float-right::after {
    clear: right;
}
.img-contain {
    height: 100%;
    width: 100%;
    object-fit: contain;
}
p {
    font-size: 1rem;
    letter-spacing: 1px;
}

.mt-0 {
    margin-top: 0 !important;
}
.mt-1 {
    margin-top: 1rem;
}
.mt-10px {
    margin-top: 10px;
}
.mt-20px {
    margin-top: 20px;
}
.mt-25px {
    margin-top: 25px;
}
.mt-50px {
    margin-top: 50px;
}
.mt-90px {
    margin-top: 90px;
}
.mb-1 {
    margin-bottom: 1rem;
}
.mb-5px {
    margin-bottom: 5px;
}
.mb-10px {
    margin-bottom: 10px;
}
.mb-25px {
    margin-bottom: 25px;
}
.mb-50px {
    margin-bottom: 50px;
}
.mb-100px {
    margin-bottom: 100px;
}
.pt-30px {
    padding-top: 30px;
}
.pb-50px {
    padding-bottom: 50px;
}
.pb-75px {
    padding-bottom: 75px;
}
.pb-100px {
    padding-bottom: 100px;
}
.pl-20px {
    padding-left: 20px;
}
.pl-35px {
    padding-left: 35px;
}
.pl-100px {
    padding-left: 100px;
}
.ptb-100px {
    padding: 100px 0;
}
.ptb-50px {
    padding: 50px 0;
}
.hide,
.mobile-show,
.tab-show {
    display: none !important;
}
.d-flex {
    display: flex;
}
.justify-space-between {
    justify-content: space-between;
}
.flex-row-reverse {
    flex-direction: row-reverse;
}
.flex-col {
    flex-direction: column;
}
.flex-wrap {
    flex-wrap: wrap;
}
.flex-fill {
    flex: 1 1 auto!important;
}
.d-block {
    display: block;
}
.d-none {
    display: none;
}
.w-33_33 {
    width: 33.33%;
}
.w-100 {
    width: 100% !important;
}
.form-control {
    width: 100%;
}
.text-uppercase {
    text-transform: uppercase;
}

#scrollUp {
    display: none;
    position: fixed;
    cursor: pointer;
    bottom: 100px;
    left: 25px;
    z-index: 99;
    background-image: url(../img/up-arrow.svg);
    height: 45px;
    width: 45px;
}

.three-col-row {
    display: flex;
    /* flex-direction: row-reverse; */
    flex-wrap: wrap;
    gap: 50px;
}
.three-col-row .list {
    width: 460px;
}
.three-col-row .image-wrapper{
    height: 350px;
}
.four-col-row {
    display: flex;
    /* flex-direction: row-reverse; */
    flex-wrap: wrap;
    gap: 85px;
}
.four-col-row .list {
    width: 305px;
}
.four-col-row .image-wrapper {
    height: 250px;
}

#lightbox .lb-closeContainer .lb-close {
    z-index: 99;
}
section .section-title {
    font-family: 'CenturyGothicPro-Bold';
    font-size: 46px;
    line-height: 46px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #647C90;
}
section .super-title {
    font-family: 'CenturyGothicPro-Bold';
    font-size: 46px;
    line-height: 50px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #555555;
    text-transform: uppercase;
}
section .sub-title {
    font-family: 'CenturyGothicPro-Bold';
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 700;
    font-style: italic;
    letter-spacing: 2px;
    color: #767676;
}
section .listing-viewmore a,
section .content-viewmore a {
    font-family: 'CenturyGothicPro-Bold';
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 2.5px;
    color: #647C90;
    cursor: pointer;
}
section .news-viewmore a,
section .publication-viewmore a,
section .exhibition-viewmore a,
section .artfair-viewmore a {
    font-family: 'CenturyGothicPro-Bold';
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 1px;
    color: #647C90;
}
section .listing-filter {
    flex-flow: wrap;
    /* justify-content: end; */
    column-gap: 5px;
}
section .listing-filter a {
    font-family: 'CenturyGothicPro-Bold';
    font-size: 0.9rem;
    font-weight: 700;
    letter-spacing: 2px;
    color: #AEAEAE;
    padding: 5px;
    text-transform: uppercase;
}
section .listing-filter a.active {
    color: #647C90 !important;
}
section .listing-filter a:hover {
    color: #647C90 !important;
}
section .listing-filter a:focus {
    outline: unset !important;
}
select.filter-select {
    font-family: 'CenturyGothicPro-Bold';
    border: 2px solid #B0B0B0;
    width: 120px;
    height: 45px;
    color: #B0B0B0;
    font-weight: 700 !important;
    font-size: 1rem !important;
    padding-left: 15px;
}

.full-slider img {
    max-height: 650px;
    object-fit: contain;
}
.full-slider .caption {
    font-size: 1rem;
    letter-spacing: 1.5px;
    font-weight: 400;
    color: #767676;
    text-transform: uppercase;
    margin-top: 15px;
}

/* Upcoming Exhibition Component */
.upcoming-exhibition .image-wrapper{
    max-height: 650px;
}
.upcoming-exhibition .d-flex {
    align-items: center;
}
.upcoming-exhibition .image-wrapper {
    width: 65%;
}
.upcoming-exhibition .image-wrapper img {
    max-height: 650px;
    object-fit: contain;
}
.upcoming-exhibition .info {
    width: 35%;
    padding-left: 20px;
    /* text-align: right; */
}
.upcoming-exhibition a.title,
.upcoming-exhibition a.subtitle {
    display: block;
}
.upcoming-exhibition .info .title {
    font-family: 'CenturyGothicPro-Bold';
    font-size: 26px;
    line-height: 26px;
    font-weight: 700;
    color: #555555;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.upcoming-exhibition .info .subtitle {
    font-family: 'CenturyGothicPro-Bold';
    font-size: 22px;
    line-height: 22px;
    font-weight: 700;
    color: #767676;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    font-style: italic;
}
.upcoming-exhibition .info .display-date{
    font-size: 22px;
    line-height: 22px;
    font-weight: 400;
    color: #767676;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

/* Slider listing */
.slider-list .slider .bx-viewport img {
    max-height: 650px;
}

/* Upcoming Events Slider Component */
.current-events .bx-viewport {
    max-height: 650px;
}
.current-events .current-item .d-flex {
    align-items: center;
}
.current-events .current-item .image-wrapper {
    width: 65%;
}
.current-events .current-item .image-wrapper img {
    max-height: 650px;
    object-fit: contain;
}
.current-events .current-item .info {
    width: 35%;
    padding-left: 20px;
    /* text-align: right; */
}
.current-events .current-item a.title,
.current-events .current-item a.subtitle {
    display: block;
}
.current-events .current-item .info .title {
    font-family: 'CenturyGothicPro-Bold';
    font-size: 18px;
    line-height: 30px;
    font-weight: 300;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #555555;
}
.current-events .current-item .info .subtitle {
    font-family: 'CenturyGothicPro-Bold';
    font-size: 22px;
    line-height: 26px;
    font-weight: 300;
    letter-spacing: 1px;
    color: #767676;
    text-transform: uppercase;
    font-style: italic;
}
.current-events .current-item .info .display-date {
    font-size: 22px;
    line-height: 22px;
    letter-spacing: 2px;
    color: #767676;
    text-transform: uppercase;
}
.current-events .current-item .info .view-more {
    font-family: 'CenturyGothicPro-Bold';
    font-size: 24px;
    line-height: 32px;
    font-weight: 300;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: block;
}

/* Slider Controls */
.bx-controls-direction .bx-prev {
    margin-left: -50px;
}
.bx-controls-direction .bx-next {
    margin-right: -50px;
}

/* Toggleable Tabs */
.tab-link {
    cursor: pointer;
}
.tab-link.active {
    color: #647C90;
}
.tab-content {
    display: none;
}

.lb-close {
    position: absolute;
    top: 0;
    right: 50px;
}

/* Search */
.search_drawer:not(.hide) {
    padding-bottom: 80px;
    animation: fade-in 1s;
}
.search_drawer.hide.did-fade-in {
    display: block;
    animation: fade-out 1s;
}
.search-form .search-input-group {
    align-items: stretch;
    width: 100%;
}
.search-form .search-input-group input {
    height: 100px;
    background: transparent;
    border: none;
    border-bottom: 2px solid #647C90;
    padding-left: 0;
    padding-bottom: 30px;
    font-size: 32px;
    color: #647C90;
}
.search-form .search-input-group input:focus,
.search-form .search-input-group button.btn_search:focus {
    outline: unset !important;
}
.search-form .search-input-group input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #767676;
    opacity: 1; /* Firefox */
}
.search-form .search-input-group input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #767676;
}

.search-form .search-input-group input::-ms-input-placeholder { /* Microsoft Edge */
    color: #767676;
}
.search-form .search-input-group button.btn_search {
    background: transparent;
    border: unset;
}

/* Header */
nav.main.homepage a{
    font-family: 'CenturyGothicPro-Bold';
    color: #B0B0B0;
    font-weight: 700;
    font-size: 20px;
    line-height: 2rem;
    letter-spacing: 1.8px;
    cursor: pointer;
    margin: 0;
    padding: 5px;
    /* opacity: 0.6; */
    text-transform: uppercase;
}
nav.main.homepage a.mac {
    padding-top: 8px;
}
nav.main.homepage a.active {
    background-color: #647C90;
    color: #FFF;
}
nav.main.homepage a:not(.active):hover {
    color: #767676;
}
header.main-header {
    padding: 50px 0;
}
header.main-header .logo-container {
    align-items: center;
    gap: 25px;
}
header.main-header .logo-container button.nav-menu {
    background: transparent;
    border: none;
    display: none;
}
header.main-header .logo-container button.nav-menu:focus {
    outline: unset;
}
.mobile-menu-wrapper, nav.mobile .navlinks {
    display: none;
}
header.main-header nav.social-media {
    margin-top: 25px;
}
header.main-header nav.social-media a {
    font-size: 11px;
    letter-spacing: 0.5px;
    color: #000000;
    text-transform: uppercase;
    margin-left: 10px;
}
header.main-header nav.social-media a:hover {
    background: none;
    filter: contrast(2);
}
header.main-header nav.social-media img {
    height: 22px;
}
header.main-header nav.mobile a {
    font-family: 'CenturyGothicPro-Bold';
    font-size: 18px;
    line-height: 2rem;
    letter-spacing: 1.5px;
    padding: 10px;
    font-weight: 700;
    color: #B0B0B0;
    opacity: 0.6;
    text-transform: uppercase;
}
header.main-header nav.mobile a.active {
    background-color: #647C90 !important;
    color: #FFF;
}

header.main-header nav.mobile a:hover {
    color: #767676;
}

/* Footer */
footer a.logo img {
    max-height: 18px;
    margin-bottom: 60px;
}
footer .w-33_33 {
    margin-bottom: 30px;
}
footer .opening-hour {
    margin-top: 25px;
}
footer .social-media {
    margin-top: 50px;
}
footer .social-media a:not(:last-child) {
    margin-right: 25px;
}
footer .footer-siteindex {
    margin-top: 15px;
}
.subscription-container input {
    padding-left: 0px !important;
    text-align: center;
    background-color: #000 !important;
    color: #FAFAFA !important;
    border: 1px solid #FAFAFA !important;
    width: 360px !important;
    height: 45px !important;
    font-size: 1rem !important;
    margin-bottom: 0 !important;
    letter-spacing: 1.5px;
}
.subscription-container input:focus {
    outline: none !important;
}
.subscription-container input::placeholder {
    color: #FAFAFA !important;
    font-size: 1rem !important;
    opacity: 1; /* Firefox */
}
.subscription-container input:-ms-input-placeholder {
    color: #FAFAFA !important;
    font-size: 1rem !important;
}
.subscription-container input::-ms-input-placeholder {
    color: #FAFAFA !important;
    font-size: 1rem !important;
}
.subscription-container button {
    /* font-family: 'CenturyGothicPro-Bold'; */
    text-align: center;
    background-color: #647C90 !important;
    color: #FAFAFA !important;
    width: 360px !important;
    height: 45px !important;
    font-size: 1rem !important;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1.5px;
    border: 0;
}
.modal .artwork-preview-container {
    width: 65%;
    text-align: center;
}

.modal-close .close span:before,
.modal-close .close span:after {
    content: '';
    width: 25px;
    height: 3px;
    background-color: #000;
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    left: auto;
    bottom: auto;
}

.modal-close {
    opacity: 1;
    display: block;
    position: absolute;
    top: 30px;
    right: 50px;
    left: auto;
    bottom: auto;
    z-index: 1;
}

.modal-close .close {
    position: relative;
    padding: 0;
    margin: 0;
    border: none;
    font-size: 0;
    height: 25px;
    width: 25px;
    background: none;
}

.modal-close .close span:after,
.modal-close .close span:before {
    background-color: #B0B0B0;
}

.modal-close .close span:before {
    transform: rotate(45deg);
}
.modal-close .close span:after {
    transform: rotate(-45deg);
}

.modal-content.modal_container {
    padding: 50px;
    padding-top: 25px;
}

.modal-title {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    margin-right: 50px;
}

/* Homepage */
section#images .bx-viewport {
    max-height: 650px !important;
}
.homepage .slider .bx-viewport img {
    max-height: 650px;
}
.homepage #publications .publication-title {
    font-family: 'CenturyGothicPro-Bold';
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 700;
    color: #555555;
    letter-spacing: 2.2px;
    margin-bottom: 5px;
}
.homepage #publications .publication-artist {
    font-family: 'CenturyGothicPro-Bold';
    font-size: 1rem;
    font-weight: 700;
    font-style: italic;
    color: #767676;
    letter-spacing: 1.5px;
}

/* Artists Page */
.artistspage .preview-artist {
    width: 40%;
    display: flex;
    justify-content: center;
}
.artistspage .preview-artist .image-wrapper img {
    width: 550px;
    height: 550px;
    position: sticky;
    top: calc(calc(100vh - 550px)/2);
}
.artistspage .artist-lists {
    width: 60%;
    column-count: 3;
}
.artistspage .artist-lists .artist-list {
    display: block;
    font-size: 1rem;
    letter-spacing: 1px;
    font-weight: 400;
}
.artistspage .artist-lists .artist-list:hover{
    /* font-family: 'CenturyGothicPro-Bold'; */
    font-weight: 700;
    color: #647C90 !important;
}


/* Artist Detail */
.artistdetail-page .preview-artist {
    width: 40%;
    display: flex;
    flex-direction: column;
}
.artistdetail-page .artist-info-container {
    width: 60%;
}
.artistdetail-page .preview-artist .image-caption {
    font-family: 'CenturyGothicPro-Bold';
    font-size: 0.9rem;
    line-height: 1.1rem;
    font-weight: 700;
    font-style: italic;
    text-transform: uppercase;
    color: #767676;
}
.artistdetail-page .artist-info-container .artist-name {
    font-family: 'CenturyGothicPro-Bold';
    font-size: 50px;
    line-height: 50px;
    font-weight: 700;
    letter-spacing: 2.38px;
    margin-bottom: 15px;
}
.artistdetail-page .artist-info-container .artist-year {
    font-family: 'CenturyGothicPro-Bold';
    font-size: 22px;
    line-height: 22px;
    font-weight: 700;
    color: #767676;
    letter-spacing: 2px;
}
.artistdetail-page .section-viewmore {
    font-family: 'CenturyGothicPro-Bold';
    font-size: 32px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 2.5px;
    color: #B7B577;
    margin-top: 20px;
}
.artistdetail-page #exhibitions .exhibition-title {
    font-family: 'CenturyGothicPro-Bold';
    font-weight: 700;
    color: #555555;
    letter-spacing: 2.2px;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.artistdetail-page #exhibitions .exhibition-subtitle {
    font-family: 'CenturyGothicPro-Bold';
    font-size: 1rem;
    font-weight: 700;
    font-style: italic;
    color: #767676;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.artistdetail-page #exhibitions .exhibition-display-date {
    font-size: 1rem;
    font-weight: 400;
    color: #767676;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}
.artistdetail-page #publications .publication-title {
    font-family: 'CenturyGothicPro-Bold';
    font-size: 1rem;
    font-weight: 700;
    color: #555555;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.artistdetail-page #publications .publication-artist {
    font-family: 'CenturyGothicPro-Bold';
    font-size: 1rem;
    font-weight: 700;
    color: #767676;
    letter-spacing: 1.9px;
    font-style: italic;
}
.artistdetail-page .current-events .current-item .news-info .subtitle {
    font-size: 22px;
    line-height: 22px;
    letter-spacing: 1px;
    text-transform: unset;
}

/* Exhibitions */
.exhibitionspage #exhibitions .exhibition-title {
    font-family: 'CenturyGothicPro-Bold';
    font-size: 1rem;
    font-weight: 300;
    color: #555555;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.exhibitionspage #exhibitions .exhibition-subtitle {
    font-family: 'CenturyGothicPro-Bold';
    font-size: 0.9rem;
    font-weight: 300;
    color: #767676;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-style: italic;
    margin-bottom: 5px;
}
.exhibitionspage #exhibitions .exhibition-display-date {
    font-size: 0.9rem;
    font-weight: 400;
    color: #767676;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

/* Exhibition Detail */
.exhibitiondetail-page .title{
    font-family: 'CenturyGothicPro-Bold';
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #555555;
}
.exhibitiondetail-page .exhibition-quote * {
    color: #767676;
    letter-spacing: 2px;
    line-height: 130%;
}
.exhibitiondetail-page .exhibition-quote h1,
.exhibitiondetail-page .exhibition-quote h2,
.exhibitiondetail-page .exhibition-quote h3,
.exhibitiondetail-page .exhibition-quote h4 {
    color: #555;
}
.exhibitiondetail-page #press-release .download-pdf a {
    font-family: 'CenturyGothicPro-Bold';
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 2.5px;
    color: #647C90;
}
.exhibitiondetail-page #artists .artists-list img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}
.exhibitiondetail-page #publications .title {
    margin-bottom: 5px;
}
.exhibitiondetail-page #publications .publication-artist {
    font-family: 'CenturyGothicPro-Bold';
    font-size: 1rem;
    font-weight: 700;
    color: #767676;
    letter-spacing: 1.9px;
    font-style: italic;
}

/* Contact */
.aboutpage #contact .d-flex {
    align-items: center;
}
.aboutpage #contact .contact-image {
    width: 75%;
    max-height: 750px;
}
.aboutpage #contact .contact-info {
    width: 25%;
}
.aboutpage #contact .contact-image img {
    object-position: left;
}
.aboutpage #contact .contact-info p {
    font-family: 'CenturyGothicPro-Bold';
    font-size: 1rem;
    font-weight: 700;
    font-style: italic;
    color: #767676;
    letter-spacing: 2px;
}
.aboutpage #contact .contact-info a {
    color: #647C90;
}
.aboutpage #history .d-flex {
    flex-wrap: wrap;
}
.aboutpage #team .team-image {
    width: 60%;
    max-height: 500px;
}
.aboutpage #team .team-info {
    width: 40%;
    align-items: center;
}

/* Acquisitions */
.acquisitionspage .title{
    font-family: 'CenturyGothicPro-Bold';
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #555555;
}
.acquisitionspage #recent-acquisitions .title {
    margin-bottom: 5px;
}
.acquisitionspage #recent-acquisitions .acquisition-artist {
    font-family: 'CenturyGothicPro-Bold';
    font-size: 1rem;
    font-weight: 700;
    color: #767676;
    letter-spacing: 1.9px;
    font-style: italic;
}

/* Acquisition Detail */
.acquisitiondetail-page .caption .title {
    font-family: 'CenturyGothicPro-Bold';
    font-size: 1rem;
    letter-spacing: 2px;
    font-weight: 700;
    color: #555555;
    text-transform: uppercase;
    text-align: center;
}
.acquisitiondetail-page .caption .desc,
.acquisitiondetail-page .caption .medium,
.acquisitiondetail-page .caption .dimension {
    font-size: 0.9rem;
    letter-spacing: 1.8px;
    color: #767676;
    text-align: center;
}
.acquisitiondetail-page .caption .desc {
    font-family: 'CenturyGothicPro-Bold';
    text-transform: uppercase;
    font-style: italic;
    font-weight: 700;
    margin-top: 10px;
}
.acquisitiondetail-page .caption .medium,
.acquisitiondetail-page .caption .dimension {
    font-weight: 400;
}

.acquisitiondetail-page .acq-inquire-btn {
    cursor: pointer;
    color: #647C90;
    background: transparent;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 1.45455px;
}

.acquisitiondetail-page #inquire-form #previewArtwork {
    max-width: 700px;
    max-height: 450px;
    object-fit: contain;
}

/* News */
.newspage #news .news-title {
    font-family: 'CenturyGothicPro-Bold';
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 700;
    color: #555555;
    letter-spacing: 2px;
    margin-bottom: 5px;
}
.newspage #news .news-year {
    text-transform: uppercase;
    font-style: italic;
    font-size: 0.9rem;
    font-weight: 400;
    color: #767676;
    letter-spacing: 1.5px;
}

/* News Detail */
.newsdetail-page #news .news-image,
.newsdetail-page #news .news-content {
    width: 50%;
}
.newsdetail-page #news .news-image img {
    max-height: 750px;
}
.newsdetail-page #news .news-image .image-caption {
    font-family: 'CenturyGothicPro-Bold';
    font-size: 0.9rem;
    line-height: 1.1rem;
    font-weight: 700;
    font-style: italic;
    text-transform: uppercase;
    color: #767676;
}

/* Artfairs */
.artfairspage .current-events .current-item .artfair-info .title {
    font-family: 'CenturyGothicPro-Bold';
    font-size: 50px;
    line-height: 55px;
    letter-spacing: 2.3px;
    font-weight: 700;
}
.artfairspage .current-events .current-item .artfair-info .display-date {
    font-family: 'CenturyGothicPro-Bold';
    font-size: 22px;
    line-height: 26px;
    letter-spacing: 2.2px;
    color: #767676;
    font-style: italic;
    font-weight: 700;
}
.artfairspage .current-events .current-item .artfair-info .subtitle {
    font-size: 19px;
    line-height: 24px;
    letter-spacing: 1.9px;
    color: #767676;
    font-style: italic;
    font-weight: 400;
}
.artfairspage .artfair-title {
    font-family: 'CenturyGothicPro-Bold';
    font-size: 1rem;
    font-weight: 300;
    color: #555555;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.artfairspage .artfair-subtitle {
    font-family: 'CenturyGothicPro-Bold';
    font-size: 0.9rem;
    font-weight: 300;
    color: #767676;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-style: italic;
    margin-bottom: 5px;
}
.artfairspage .artfair-year {
    font-size: 0.9rem;
    font-weight: 400;
    color: #767676;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    font-style: italic;
}

/* Publications */
.publicationspage #publications .publication-artist {
    font-family: 'CenturyGothicPro-Bold';
    font-size: 1rem;
    font-weight: 700;
    color: #767676;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.publicationspage #publications .publication-title {
    font-family: 'CenturyGothicPro-Bold';
    font-size: 0.9rem;
    font-weight: 700;
    color: #555555;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    font-style: italic;
    margin-bottom: 5px;
}
.publicationspage #publications .publication-year {
    font-size: 0.9rem;
    font-weight: 400;
    color: #767676;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

/* Publication Detail */
.publicationdetail-page #publication .publication-image,
.publicationdetail-page #publication .publication-content {
    width: 50%;
}
.publicationdetail-page #publication .publication-image img {
    max-height: 750px;
}
.publicationdetail-page #publication .publication-image .image-caption {
    font-family: 'CenturyGothicPro-Bold';
    font-size: 0.9rem;
    line-height: 1.1rem;
    font-weight: 700;
    font-style: italic;
    text-transform: uppercase;
    color: #767676;
}

/* Viewing Room Login */
.vr-login-page #vr-login .d-flex {
    justify-content: center;
}
.vr-login-page #vr-login .login-container {
    width: 1024px;
    text-align: center;
}
.vr-login-page #vr-login .login-container .d-flex {
    gap: 25px;
}
.vr-login-page #vr-login .login-form input {
    width: 100%;
    height: 60px;
    margin-bottom: 25px;
    font-size: 1rem;
}
.vr-login-page #vr-login .login-form input[type='submit'] {
    font-family: 'CenturyGothicPro-Bold';
    font-size: 32px;
    text-transform: uppercase;
    font-weight: 700;
}

/* Viewing Rooms */
.vr-page #vr-welcome .d-flex {
    justify-content: center;
}
.vr-page #vr-welcome .welcome-container {
    width: 1024px;
    text-align: center;
}
.vr-page #vrs .vr-title {
    font-family: 'CenturyGothicPro-Bold';
    font-size: 1rem;
    font-weight: 700;
    color: #555555;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.vr-page #vrs .vr-artist {
    font-family: 'CenturyGothicPro-Bold';
    font-size: 0.9rem;
    font-style: italic;
    font-weight: 700;
    color: #767676;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.vr-page #vrs .vr-year {
    font-size: 0.9rem;
    font-weight: 400;
    color: #767676;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

/* Artwork Detail */
.artworkdetail-page #artwork .inquiry-container {
    width: 30%;
    background-color: RGBA(216, 216, 216, 0.13);
    padding: 50px;
}
.artworkdetail-page #artwork .artwork-content {
    width: 70%;
}
.artworkdetail-page #artwork .inquiry-container .form-title {
    font-family: 'CenturyGothicPro-Bold';
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 2.5px;
    color: #555555;
    text-transform: uppercase;
}
.artworkdetail-page #artwork .inquiry-container input:not([type='submit']){
    height: 60px;
    width: 100%;
    margin-bottom: 25px;
    font-size: 1rem;
}
.artworkdetail-page #artwork .inquiry-container textarea {
    height: unset;
    width: 100% !important;
    margin-bottom: 25px;
    font-size: 1rem;
    resize: none;
}
.artworkdetail-page #artwork .inquiry-container input[type='submit'] {
    font-family: 'CenturyGothicPro-Bold';
    font-size: 32px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 3px;
    color: #B7B577;
}
.artworkdetail-page #artwork .artwork-content .artist {
    font-family: 'CenturyGothicPro-Bold';
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #767676;
}
.artworkdetail-page #artwork .artwork-content .title {
    font-family: 'CenturyGothicPro-Bold';
    font-size: 32px;
    font-weight: 700;
    line-height: 45px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #647C90;
}
.artworkdetail-page #artwork .artwork-content .medium {
    font-size: 0.9rem;
    font-weight: 400;
    letter-spacing: 1.8px;
    font-style: italic;
    color: #767676;
}
.artworkdetail-page #artwork .artwork-content .content {
    font-size: 1rem;
    line-height: 40px;
    color: #424242;
}

/* Search */
.searchpage #search_result .result-container {
    align-items: center;
    justify-content: space-between;
}
.searchpage #search_result .result-container .showing_result p {
    font-family: 'CenturyGothicPro-Bold';
    font-size: 0.9rem;
    font-weight: 700;
    color: #647C90;
    letter-spacing: 2px;
}
.searchpage #search_result .result-lists .result-list .content-type {
    font-family: 'CenturyGothicPro-Bold';
    font-size: 1.2rem;
    line-height: 1.3rem;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #647C90;
}
.searchpage #search_result .result-lists .result-list .result-title {
    font-family: 'CenturyGothicPro-Bold';
    font-size: 1rem;
    font-weight: 700;
    color: #555555;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.searchpage #search_result .result-lists .result-list .result-subtitle {
    font-family: 'CenturyGothicPro-Bold';
    font-size: 0.9rem;
    font-weight: 700;
    color: #767676;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}
.searchpage #search_result .result-lists .result-list .result-display-date {
    font-size: 0.9rem;
    font-weight: 400;
    color: #767676;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    font-style: italic;
}
.searchpage #search_result .result-lists .no-result {
    font-size: 32px;
    letter-spacing: 2.5px;
    color: #647C90;
}

/* Sitemap Index */
.sitemappage #sitemap #site-index-urls ul li,
.sitemappage #sitemap #site-index-urls ul li a {
    font-family: 'CenturyGothicPro-Bold';
    font-size: 1rem;
    font-weight: 700;
    color: #767676;
    letter-spacing: 2.2px;
    text-transform: uppercase;
}
.sitemappage #sitemap #site-index-urls ul li {
    padding: 5px;
}

@media (min-width: 1600px) {
    .container {
        max-width: 1542px;
    }
}

@media (max-width: 1600px) {
    .container {
        max-width: 1350px;
    }
    .three-col-row .list {
        /* width: 390px; */
        width: calc(33.33% - 35px);
    }
    .four-col-row {
        gap: 50px;
    }
    .four-col-row .list {
        /* width: 285px; */
        width: calc(25% - 40px);
    }
    .slider:not(.no-slider-controls) .bx-wrapper {
        max-width: calc(100% - 25px) !important;
        margin: auto !important;
    }
    /* .banner-slider .bx-wrapper, */
    .exhibitiondetail-page .current-events .bx-wrapper {
        max-width: 100% !important;
    }
}

@media (max-width: 1024px) {
    nav.main.homepage a,
    header.main-header nav.mobile a {
        line-height: 2.5rem;
    }
}

@media (min-width: 769px){
    header.main-header .logo-container {
        justify-content: end;
    }
    .artistdetail-page .preview-artist {
        padding-right: 50px;
    }
    .publicationdetail-page .publication-image {
        padding-right: 50px;
    }
    .newsdetail-page .news-image {
        padding-right: 50px;
    }
    .aboutpage .contact-image,
    .aboutpage .team-image {
        padding-right: 50px;
    }
    .current-events .current-item .image-wrapper,
    .upcoming-exhibition .image-wrapper {
        padding-right: 50px;
    }
}

@media (max-width: 769px) {
    .bx-controls-direction {
        left: -22px;
        right: -22px;
    }
    .pb-m-50px {
        padding-bottom: 50px !important;
    }
    .ptb-m-50px {
        padding: 50px 0px !important;
    }
    nav.main.homepage a {
        line-height: 2rem;
    }
    .tab-show {
        display: block !important;
    }
    .tab-hide {
        display: none;
    }
    footer .d-flex {
        flex-wrap: wrap;
    }
    .w-33_33 {
        width: 100%;
    }
    .homepage .slider .bx-viewport img {
        max-height: 500px;
    }
    section#images:not(.current-events) .bx-viewport {
        max-height: 500px !important;
    }
    .current-events .bx-viewport {
        max-height: 620px !important;
    }
    .upcoming-exhibition .image-wrapper {
        max-height: 450px;
    }
    .current-events .current-item .d-flex,
    .upcoming-exhibition .d-flex {
        flex-direction: column;
        gap: 50px;
    }
    .upcoming-exhibition .info {
        padding-left: 0;
    }
    .current-events .current-item .image-wrapper,
    .current-events .current-item .info,
    .upcoming-exhibition .image-wrapper,
    .upcoming-exhibition .info {
        width: 100%;
    }
    .current-events .current-item .info,
    .upcoming-exhibition .info {
        padding-left: 0;
    }
    .current-events .current-item .info .subtitle,
    .upcoming-exhibition .info .subtitle {
        font-size: 20px !important;
        line-height: 30px !important;
    }
    .current-events .current-item .news-info .subtitle {
        font-size: 22px !important;
        line-height: 22px !important;
    }
    .current-events .current-item .image-wrapper {
        padding: 0 50px;
    }
    .current-events .current-item .image-wrapper img,
    .upcoming-exhibition .image-wrapper img {
        max-height: 350px;
    }
    .bx-controls-direction .bx-prev {
        margin-left: -10px !important;
    }
    .bx-controls-direction .bx-next {
        margin-right: -10px !important;
    }
    .three-col-row {
        justify-content: space-between;
    }
    .three-col-row .list {
        width: calc(50% - 50px);
    }
    .three-col-row .image-wrapper img {
        max-height: 350px;
    }
    .three-col-row .image-wrapper,
    .four-col-row .image-wrapper {
        height: unset;
    }
    .four-col-row {
        justify-content: space-between;
    }
    .four-col-row .list {
        width: calc(50% - 50px);
    }
    .four-col-row .image-wrapper img {
        max-height: 250px;
    }
    footer .w-33_33:not(:first-child) {
        padding-left: 0;
    }
    footer .w-33_33.subscription-container .float-right{
        float: none;
    }
    .artistspage .preview-artist .image-wrapper {
        display: none;
    }
    .artistspage .preview-artist {
        width: 25%;
    }
    .artistspage .artist-lists {
        width: 75%;
    }
    .artistdetail-page .preview-artist {
        width: 100%;
        align-items: center;
        margin-bottom: 50px;
    }
    .artistdetail-page .artist-info-container {
        width: 100%;
    }
    .aboutpage #contact .d-flex,
    .aboutpage #team .d-flex {
        flex-wrap: wrap;
    }
    .aboutpage .contact-info,
    .aboutpage .team-info {
        padding-top: 50px;
    }
    .aboutpage #contact .contact-image,
    .aboutpage #contact .contact-info {
        width: 100%;
    }
    .aboutpage #team .team-image,
    .aboutpage #team .team-info {
        width: 100%;
    }
    .artworkdetail-page #artwork .d-flex {
        gap: 50px;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .artworkdetail-page #artwork .inquiry-container,
    .artworkdetail-page #artwork .artwork-content {
        width: 100%;
    }
    .artworkdetail-page #artwork .inquiry-container {
        padding-left: 25px;
        padding-right: 25px;
    }
    .artworkdetail-page #artwork .artwork-content {
        padding-left: 0 !important;
    }
    .newsdetail-page #news .d-flex {
        flex-wrap: wrap;
    }
    .newsdetail-page #news .news-image {
        width: 100%;
        align-items: center;
        margin-bottom: 50px;
    }
    .newsdetail-page #news .news-content {
        width: 100%;
    }
    .publicationdetail-page #publication .d-flex {
        flex-wrap: wrap;
    }
    .publicationdetail-page #publication .publication-image,
    .publicationdetail-page #publication .publication-content {
        width: 100%;
    }
    .publicationdetail-page #publication .publication-image {
        text-align: center;
        margin-bottom: 50px;
    }
    .searchpage #search_result .result-container {
        gap: 50px;
    }
}

@media all and (max-width: 481px) {
    footer p, footer .subscription-container button {
        font-size: 0.75rem !important;
    }
    .mobile-hide {
        display: none;
    }
    .mobile-show {
        display: block !important;
    }
    header.main-header {
        padding: 25px 0;
    }
    header.main-header a.logo img {
        width: 100%;
        height: auto;
    }
    header.main-header .logo-container button.nav-menu {
        display: block;
    }
    .w-33_33 {
        width: 100%;
    }
    footer {
        text-align: center;
    }
    footer .d-flex {
        flex-wrap: wrap;
    }
    footer div {
        padding-right: 0;
    }
    footer a.logo img {
        max-width: 90%;
    }
    .subscription-container input, .subscription-container button {
        width: 100% !important;
    }
    .subscription-container input::placeholder,
    .subscription-container input:-ms-input-placeholder,
    .subscription-container input::-ms-input-placeholder {
        font-size: 0.75rem !important;
    }
    section#images:not(.current-events) .bx-viewport {
        max-height: 280px !important;
    }
    section#images:not(.current-events) .bx-viewport img{
        max-height: 280px !important;
    }
    .current-events .bx-viewport {
        max-height: 620px !important;
    }
    .current-events .current-item .info .display-date {
        font-size: 16px;
    }
    .upcoming-exhibition .image-wrapper {
        max-height: 280px;
    }
    .current-events .current-item .d-flex,
    .upcoming-exhibition .d-flex {
        flex-direction: column;
        gap: 35px;
    }
    .current-events .current-item .image-wrapper,
    .current-events .current-item .info,
    .upcoming-exhibition .image-wrapper,
    .upcoming-exhibition .info {
        width: 100%;
    }
    .current-events .current-item .image-wrapper img,
    .upcoming-exhibition .image-wrapper img {
        max-height: 280px;
    }
    .current-events .current-item .image-wrapper,
    .upcoming-exhibition .image-wrapper {
        /* padding: 0 30px; */
        padding: 0;
    }
    section .section-title {
        font-size: 24px;
        line-height: 38px;
    }
    .three-col-row .list {
        width: 100%;
    }
    .four-col-row .list {
        width: 100%;
    }
    .searchpage #search_result .result-container.d-flex{
        flex-wrap: wrap;
    }
    .artistspage .preview-artist {
        display: none;
    }
    .artistspage .artist-lists {
        width: 100%;
        column-count: 2;
    }
    .artistdetail-page .preview-artist .image-wrapper {
        width: 100%;
    }
    section .listing-filter {
        gap: 10px;
        flex-wrap: wrap;
    }
}

@media all and (max-width: 376px) {
    section#images:not(.current-events) .bx-viewport,
    section#images:not(.current-events) .bx-viewport img {
        max-height: 160px !important;
    }

    .upcoming-exhibition .info .title,
    .current-events .current-item .info .title {
        font-size: 24px;
    }

    .upcoming-exhibition .info .subtitle,
    .current-events .current-item .info .subtitle {
        font-size: 26px !important;
        line-height: 26px !important;
    }

    section .super-title {
        font-size: 34px;
        line-height: 36px;
    }
}

@media all and (max-width: 321px) {
    .bx-controls-direction {
        left: -15px;
        right: -15px;
    }
    footer .subscription-container .float-right {
        width: 280px !important;
    }
    section#images:not(.current-events) .bx-viewport,
    section#images:not(.current-events) .bx-viewport img {
        max-height: 195px !important;
    }
    .current-events .bx-viewport {
        max-height: 620px !important;
    }
    .upcoming-exhibition .image-wrapper {
        max-height: 250px;
    }
    .current-events .current-item .d-flex,
    .upcoming-exhibition .d-flex {
        flex-direction: column;
        gap: 25px;
    }
    .current-events .current-item .image-wrapper,
    .current-events .current-item .info,
    .upcoming-exhibition .image-wrapper,
    .upcoming-exhibition .info {
        width: 100%;
    }
    .current-events .current-item .image-wrapperm
    .upcoming-exhibition .image-wrapper {
        padding: 0 20px;
    }
    .current-events .current-item .image-wrapper img,
    .upcoming-exhibition .image-wrapper img {
        height: 200px;
    }
    .bx-controls-direction .bx-prev {
        margin-left: -5px;
    }
    .bx-controls-direction .bx-next {
        margin-right: -5px;
    }
    section .section-title {
        font-size: 36px;
        line-height: 36px;
    }
    .artistspage #normal-artists .section-title {
        font-size: 32px;
        line-height: 32px;
    }
}

@keyframes fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fade-out {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}