/*
Theme Name: XYCO 2025
Theme URI: http://www.x-y.co/
Author: XY Collective  
Author URI: http://xycollective.com/
Description: XYCO Studio (XY Collective) is a London based brand communication studio, which focuses on providing branding solutions, including visual identification design, graphic design, web development, event management, video production, and some other relative branding services. 
Version: 2025.4

*/
html {overflow-x: hidden; max-width: 100%; margin-top: 0px}
#wp-admin-bar-wp-logo,
#wp-admin-bar-vc_inline-admin-bar-link,
#wp-admin-bar-cs-explain,
#wp-admin-bar-customize,
#wpadminbar #wp-admin-bar-site-name>.ab-item:before {display: none!important}
#wp-admin-bar-wpseo-menu {display: none}
#wp-admin-bar-comments {display: none}
#wp-admin-bar-updates {display: none}
body {margin: 0px!important; overflow-x: hidden;}
input, button {-webkit-appearance: none;border-radius: 0;}
.vc_row {margin-left: 0px!important; margin-right: 0px!important}
.page-template-default #header,
.page-template-default #container header,
.page-template-default #copyright{display: none}
.page-template-default #sidebar ul {list-style: none!important; }
.page-template-default footer#footer {height: 0px!important}
.gallery-item img {width: 80%; height: auto; padding: 10%; border: none!important}

page.error404 {text-align: center}
page.error404 #header {display: none;}
page.error404 #content {padding-top: 10vh; padding-bottom: 10vh}


/* Global */
.vc_acf {font-family: Helvetica; font-weight: 600; line-height: 1.5; color: #000000; margin-bottom: 10px;}
.vc_gitem-acf {font-family: Helvetica; font-weight: 400; line-height: 1.5; color: #000000; font-size: 12px;}
.list-title-h6 h6 {margin-block-end: 0px}
.list-title-h6 {margin-bottom: 5px}


.no-space .vc_column-inner {padding: 0px!important; margin: 0px!important}
.no-space .wpb_content_element {margin: 0px}
.vc_figure, .vc_single_image-wrapper , .vc_figure img {width: 100%}
.vc_carousel-slideline-inner img {pointer-events: none}
.vc_images_carousel .vc_carousel-control .icon-next, 
.vc_images_carousel .vc_carousel-control .icon-prev {font-family: Raleway !important; font-size: 40px!important; font-weight: 100!important; height: 36px!important; transition: all .3s ease-in-out ;}
//.vc_images_carousel:hover .vc_carousel-control .icon-next, 
//.vc_images_carousel:hover .vc_carousel-control .icon-prev {background-color: #ffffff;}

a.vc_btn3 {text-transform: uppercase!important; padding: 20px 40px!important; background-color: #000000!important; border-radius: 0!important; color: #ffffff!important; font-size: 14px!important; }
a.vc_btn3:hover {opacity: .9}




/* Rev Slider Full Screen Menu */
.popmenu *, .foot-menu * {pointer-events: auto!important;}
.popmenu ul {padding-inline-start: 0px;}
.popmenu ul li { list-style: none; font-size: 64px; line-height: 1.2;}
.popmenu .vc_wp_custommenu {margin-bottom: 0px}
.popmenu a {color: #ffffff!important; font-weight: 900!important; //letter-spacing: 5px; transition: all .3s ease-in-out;}
.popmenu a:hover {color: #eaeaea!important;letter-spacing: 5px; text-decoration: underline; }
.foot-menu ul {display: inline; padding-inline-start: 0px;}
.foot-menu ul li { list-style: none; display: inline-block; padding: 0 10px; font-size: 18px; }
.foot-menu a {color: #ffffff!important; font-weight: 900!important; transition: all .3s ease-in-out; text-transform: none!important}
@media only screen and (min-width: 1200px) {.popmenu ul li {font-size: 6vw;} }
@media only screen and (max-width: 768px) {.popmenu ul li {font-size: 56px;} }



/* Text Size */
h1 {font-size: 72px; margin-block-start: 0; line-height: 1.2; font-weight: bold;}
h2 {font-size: 64px; margin-block-start: 0; line-height: 1.2;font-weight: bold;}
h3 {font-size: 56px; margin-block-start: 0; line-height: 1.2;font-weight: bold;}
h4 {font-size: 40px; margin-block-start: 0; line-height: 1.2;}
h5 {font-size: 36px; margin-block-start: 0; line-height: 1.2;}
h6 {font-size: 32px; margin-block-start: 0; line-height: 1.2;}
p {font-size: 21px; margin-block-start: 0}
@media only screen and (max-width: 1600px) {
	p {font-size: 18px; }
}
@media only screen and (max-width: 768px) {
	h1 {font-size: 48px; }
	h2 {font-size: 40px; }
	h3 {font-size: 36px; }
	h4 {font-size: 27px }
	h5 {font-size: 24px; }
	h6 {font-size: 21px; }
	p {font-size: 16px; }
}
h1, h2, h3, h4, h5, h6 {font-family: work sans,sans-serif; color: #000000 }
a {font-family: work sans,sans-serif; color: #000000; text-decoration: none}
a:hover {text-decoration: underline}
p {font-family: 'Montserrat', sans-serif; font-weight: 100; line-height: 1.4; color: #000000;}
span {color: #000000;}

.white p, .white a, .white h1, .white h2, .white h3, .white h4, .white h5, .white h6 {color:#fff}








/* Menu */
.l-menu ul, .m-menu ul {list-style: none}
.h-menu li {display: inline-block; margin-left: 20px; //text-transform: uppercase }
.h-menu li a:hover {text-decoration: none; color: #e8759d}
.m-menu, .m-menu li a {color: #fff; line-height: 32px; font-size: 21px}
.m-menu li a:hover {text-decoration: none; }






/* HEADER */
#white-logo {display: none!important;}
header#header #branding, 
header#header #menu,
main#content article .entry-title, 
main#content article .entry-meta, 
main#content article .wp-post-image,
footer.entry-footer {display: none}




/* Footer Area */
#foot-exhibition {display: none;}
.foot-credit p {font-size: 16px}
@media only screen and (max-width: 1600px) {.foot-credit p {font-size: 16px;} }
@media only screen and (max-width: 768px) {.foot-credit p {font-size: 12px; text-align: left!important;}}


/* FOOTER */
.footer-logo img {max-width: 210px!important; margin-left: -10px}
.credit em {font-size: 14px!important}
#footer-nav ul {padding-inline-start: 0px;}
#footer-nav li {display: inline-block; padding-right: 12px}
#footer-nav li a {font-size: 21px}
@media only screen and (max-width: 1600px) { #footer-nav li a {font-size: 18px; } }
@media only screen and (max-width: 768px) {#footer-nav li a {font-size: 16px} .post-navigation {display: none!important;} }

.foot-list .wpb_text_column  {margin-bottom: 0}
.foot-list .vc_gitem_row .vc_gitem-col {padding: 0}
.foot-list .vc_gitem-post-data {margin-bottom: 0px!important}
.foot-list .vc_gitem-post-data p {margin-block-end: 5px;}
.foot-list a:hover {text-decoration: underline!important}
.foot-list .foot-artist .vc_col-sm-12 {width: auto; padding-right: 12px}
.foot-list .foot-artist .vc_col-sm-12:not(:last-child) a:after {content: ','}



.footer-area ul {text-align: right;}
.footer-area li {display: inline; margin-left: 16px;}
.footer-area p, .footer-area li a {color: #000000}
.footer-area li a:hover {color: #e8759d; text-decoration: none;}
.footer-area p em {font-size: .7em!important;}
.footer-area .vc_icon_element-align-right {display: inline; float: right}
.footer-area .wpb_content_element {margin-bottom: 0px}
.footer-area a:before {opacity: .8}


.post-navigation {max-width: 1200px; margin-left: auto; margin-right: auto; }
.post-navigation h2 {font-size: 0}
.post-navigation .nav-previous {float: left;}
.post-navigation .nav-next {float: right;}
.post-navigation .nav-links, .post-navigation .nav-links a {padding: 30px}
@media only screen and (min-width: 1800px) {.post-navigation {max-width:1800px; width: 90vw;}}
@media only screen and (max-width: 1600px) { .post-navigation {width: 95vw;}}


/* Cookies */
#cn-notice-text {color: #fff; font-size: 18px;}
#cn-notice-buttons a {background-color: #fff!important; border-radius: 0px!important; text-transform: uppercase!important; font-weight: 900!important; padding: 10px 20px!important; opacity: .8; font-size: 18px!important;}
#cn-notice-buttons a:hover {opacity: 1;}
#cn-close-notice:before, #cn-close-notice:after {background-color: #ffffff!important}
#cn-accept-cookie {background-color: #ffffff!important; padding: 8px 20px!important}


/* 404 Page & Search */
.error404 main#content, .search-no-results main#content {padding-top: 20vh;  padding-bottom: 15vh; max-width: 1200px; margin-left: auto; margin-right: auto; text-align: center}
.error404 main#content p, .search-no-results main#content p {font-size: 32px}
.error404 main#content .search-form input, .search-no-results main#content .search-form input {font-size: 21px; border: 2px solid #000000; line-height: 1.8; padding: 5px 15px}
.error404 main#content .search-form .search-submit, .search-no-results main#content .search-form .search-submit {background-color: #000000; color: #fff; cursor: pointer;}
.error404 main#content .search-form .search-submit:hover, .search-no-results main#content .search-form .search-submit:hover {opacity: .8}
.search-results main#content {padding-top: 20vh;  padding-bottom: 5vh; max-width: 1200px; margin-left: auto; margin-right: auto; }
.search-results main#content article .wp-post-image {max-width: 400px; max-height: 400px; height: auto; width: auto; padding: 10px; display: inline-block; }
.search-results main#content article p {max-width: 1200px; padding: 10px; display: inline-block; }
.search-results main#content article {padding-bottom: 5vh; align-items: flex-start!important;}
.search-results main#content article .entry-title {display: inline-block; font-size: 28px}
.search-results main#content article .more-link:before {content: 'READ MORE'}
.search-results main#content article .more-link {display: block; font-weight: 600; padding-top: 10px}


/* Single Post */
.single-post ol {padding-inline-start: 0px;}
.single-post ol strong {font-size: 1.5em; line-height: 3}
.single-post .hfeed header, 
.single-post .hfeed #comments,
.single-post .hfeed .entry-footer,
.single-post .hfeed .footer,
.single-post .hfeed  #footer, #copyright{display: none}
.single-post .wp-post-image {display: none}



/* Lightbox Display */
.lb-caption {color: #fff; font-family: helvetica; font-weight: 400!important}
.lb-number {display: none!important}






/* Artist */
//.artist-portrait {filter: saturate(0) }
.bio-list em, .bio-list i {padding-right: 30px;}
.single-artist .vc_tta-panel-heading {border-left: none!important; border-right: none!important; border-color: #000000!important; border-radius: 0!important}
.single-artist .vc_tta-panel-heading {width: 50%; margin-left: auto}
.single-artist .vc_tta-panel-body {border: none!important}
.artist-list-name h6 {margin-block-end: 0px!important;}

.artist-list .vc_gitem-zone-a  {position: absolute!important; width: 400px; right: 50px!important; top: -200px!important; display:none; }
.artist-list .vc_grid-item-mini:hover .vc_gitem-zone-a {display: block;}
@media only screen and (max-width: 768px) { .single-artist .vc_tta-panel-heading {width: 100%;}}











/* Exhibition */
h2.heading-h2 {line-height: 1;}
.vc_grid-btn-load_more a.vc_btn3 { text-transform: uppercase; padding: 20px 40px; background-color: #000000!important; border-radius: 0}
.vc_grid-btn-load_more a.vc_btn3:hover {opacity: .9}
.large-acf {font-weight: 600; font-size: 18px}

//.vc_carousel-control {opacity: 1!important}
.vc_carousel-control span {background-color: #ffffff; border-radius: 50%; line-height: 1.; padding: 0px 3px!important; border: 5px solid #ffffff}

.vc_images_carousel ol.vc_carousel-indicators {text-align: right!important; margin: 0px 0px 0px -12%!important;}
.vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner>.vc_item a>img, .vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner>.vc_item img {max-height: 778px!important; width: auto!important; margin-left: auto; margin-right: auto;}
@media only screen and (min-width: 2100px ) {
	.vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner>.vc_item a>img, .vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner>.vc_item img {max-height: 980px!important;}
}
@media only screen and (max-width: 1200px ) {
	.vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner>.vc_item a>img, .vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner>.vc_item img {max-height: 687px!important;}
}
@media only screen and (max-width: 1000px ) {
	.vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner>.vc_item a>img, .vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner>.vc_item img {max-height: 588px!important;}
}
@media only screen and (max-width: 768px ) {
	.vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner>.vc_item a>img, .vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner>.vc_item img {max-height: 360px!important;}
	ol.vc_carousel-indicators {display: none; }
}

/* Story */
.story-name {margin-bottom: 0px}
.story-name h6 {margin-block-end: 0px!important;}
.story-cat {font-family: helvetica; }
.read-more-a a:hover {font-style: italic; text-decoration: underline }
.vc_grid-filter li span {color: #000000!important}
.vc_grid-filter li {font-family: helvetica; border: none!important; border-radius: 0!important; border-bottom: 2px solid #ffffff!important}
.vc_grid-filter li:hover, .vc_grid-filter .vc_active {border-bottom: 2px solid #000000!important;}
.vc_gitem-post-category-name {pointer-events: none;}
div.vc_gitem-post-category-name:before {content: '| '; padding-right: 5px}



/* Responsive */
.wpb-content--blank .wpb-content-wrapper {max-width: 100vw!important}
.bw {filter: saturate(0) }
.no-point {pointer-events: none;}
.delay-1 {animation-delay: .2s;}
.delay-2 {animation-delay: .4s;}
.delay-3 {animation-delay: .6s;}
.delay-4 {animation-delay: .8s;}
.delay-5 {animation-delay: 1s;}
.delay-6 {animation-delay: 1.2s;}
.max-w {max-width:1200px; margin-left:auto!important; margin-right: auto!important}
.max-xl {max-width:2100px; margin-left:auto!important; margin-right: auto!important}
.max-12, .max-1200 {max-width:1200px; margin-left:auto!important; margin-right: auto!important}
.max-1000, .max-1k {max-width:1000px; margin-left:auto!important; margin-right: auto!important}
.max-800 {max-width:800px; margin-left:auto!important; margin-right: auto!important}
.max-600 {max-width:600px; margin-left:auto!important; margin-right: auto!important}
.max-400 {max-width:400px; margin-left:auto!important; margin-right: auto!important}
.max-300 {max-width:300px; margin-left:auto!important; margin-right: auto!important}
.max-200 {max-width:200px; margin-left:auto!important; margin-right: auto!important}
.max-60 {max-width:60px; margin-left:auto!important; margin-right: auto!important}
.xl-on, .l-on, .m-on, .s-on, .xs-on {display: none}
.z-top {z-index: 999!important; position: relative }
.z-top-1 {z-index: 1000!important; position: relative }
@media only screen and (min-width: 1800px) {
	.max-w {max-width:1500px; width: 90vw;}
	.max-xl {max-width:2600px; width: 90vw; }
}
@media only screen and  (min-width:1200px) {
	.wpb-content--blank .wpb-content-wrapper { max-width: 100vw!important;}
}
@media only screen and (max-width: 1600px) {
	.xl-on {display: block;} 
	.xl-off {display: none!important; }
	.xl-full .wpb_column.vc_column_container {width: 100%;}
}
@media only screen and (max-width: 1600px) {
	.max-w {width: 95vw;}
	.ml-full .wpb_column.vc_column_container {width: 100%;}
}
@media only screen and (max-width: 1000px) {
	.l-on {display: block;} 
	.l-off {display: none!important; }
	.l-full .wpb_column.vc_column_container {width: 100%;}
	.l-half .vc_col-sm-3, .l-half .vc_col-sm-4 {width: 50%; float: left;}
}
@media only screen and (max-width: 768px) {
	.m-on {display: block;} 
	.m-off {display: none!important; } 
	.m-c {text-align: center!important}
	.m-left p, .m-left h1, .m-left h2, .m-left h3, .m-left h4, .m-left h5, .m-left h6 {text-align: left!important}
	.m-center p, .m-center h1, .m-center h2, .m-center h3, .m-center h4, .m-center h5, .m-center h6 {text-align: center !important}
	.s-half .vc_col-sm-3, .s-half .vc_col-sm-4 {width: 50%; float: left;}
	.m-half .vc_col-sm-3, .m-half .vc_col-sm-4 {width: 50%; float: left;}
}
@media only screen and (max-width: 600px) {
	.s-on {display: block;} 
	.s-off {display: none!important; } 
	.xs-2 .wpb_column {max-width: 50%; float: left} 
	.xs-4 .wpb_column {max-width: 25%; float: left} 
}
@media only screen and (max-width: 480px) {
	.xs-on {display: block;} 
	.xs-off {display: none!important;}
}











/* Small Screen */

@media only screen and (max-width: 1000px) {
}


@media only screen and (max-width: 768px){
	html {width: 100%!important; overflow-x: hidden!important}
	.bg-m-r {width: 100%!important; }
	.bg-m-r img {min-width: 180%}
	.m-off {display: none;}
	.footer-area .footer-logo {text-align: center; }
	.footer-area .menu-footer-menu-container ul, 
	.menu-footer-social-container ul {margin-left: auto; margin-right: auto; padding-inline-start: 0px; text-align: center; padding-top: 35px}
	.footer-area .wpb_wrapper p {text-align: center!important;}
	.footer-area .wpb_wrapper p em {display: inline-block;}
	//body {border: 3px solid #e8759d;}
	.gallery-item {width: 100%!important;}
	.gallery-item img {width: 92%; height: auto; padding: 4%; border: none!important}
}


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