/*
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}
body {margin: 0px!important; overflow-x: hidden;background-color: #000000; }
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 .attachment-post-thumbnail.wp-post-image {display: none!important;}


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


/* Global */

.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%}






/* 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: 1.5em; line-height: 1.8;}
.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: 15px; text-decoration: none; }
.foot-menu ul {display: inline; padding-inline-start: 0px;}
.foot-menu ul li { list-style: none; display: inline-block; padding: 0 5px; }
.foot-menu a {color: #ffffff!important; font-weight: 900!important; transition: all .3s ease-in-out; text-transform: none!important}




/* Text Size */
h1 {font-size: 5em; margin-block-start: 0; line-height: 1.2;}
h2 {font-size: 4em; margin-block-start: 0; line-height: 1.2;}
h3 {font-size: 3em; margin-block-start: 0; line-height: 1.2;}
h4 {font-size: 2em; margin-block-start: 0; line-height: 1.2;}
h5 {font-size: 1.5em; margin-block-start: 0; line-height: 1.2;}
h6 {font-size: 1.2em; margin-block-start: 0; line-height: 1.2;}
p, li {font-size: 1em; margin-block-start: 0}
@media only screen and (max-width: 768px) {
	h1 {font-size: 48px; }
	h2 {font-size: 40px; }
	h3 {font-size: 32px; }
	h4 {font-size: 24px }
	h5 {font-size: 18px; }
	h6 {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, li {font-family: Helvetica, sans-serif; font-weight: 400; font-size: 1em; line-height: 1.4; color: #000000;}
span {color: #000000;}
b, strong {font-weight: 900; }
li {padding: 10px 0px}

@media only screen and (min-width: 1200px) {
	.big-p p {font-size: 150%}
	.big-p li {font-size: 120%}
}



.member-p p {line-height: 1; }
.member-p p em, .member-p p i {font-size: 14px}




/* Deco */



.button-white a, a.button-white {font-size: 16px; text-transform: uppercase; font-weight: 500; border: 2px solid #ffffff; padding: 5px 20px; transition: all .3s ease-in-out ;}
.button-white a:hover, a.button-white:hover {border: 2px solid #ffffff; text-decoration: none; letter-spacing: 6px; background-color: #ffffff; color: #000000;}

.button-blue a, a.blue-white { background-color: #006DDF; color: #ffffff; font-size: 16px; text-transform: uppercase; font-weight: 800; border: 3px solid #006DDF; padding: 10px 30px; transition: all .3s ease-in-out ; }
.button-blue a:hover, a.button-blue:hover {text-decoration: none; //letter-spacing: 6px; background-color: transparent; color: #006DDF;}

.button-purple a, a.blue-purple { background-color: #7313dc; color: #ffffff; font-size: 16px; text-transform: uppercase; font-weight: 800; border: 3px solid #7313dc; padding: 10px 30px; transition: all .3s ease-in-out ; }
.button-purple a:hover, a.button-purple:hover {text-decoration: none; //letter-spacing: 6px; background-color: transparent; color: #7313dc;}

.button-navy a, a.blue-navy { background-color: #003982; color: #ffffff; font-size: 16px; text-transform: uppercase; font-weight: 800; border: 3px solid #003982; padding: 10px 30px; transition: all .3s ease-in-out ; }
.button-navy a:hover, a.button-navy:hover {text-decoration: none; //letter-spacing: 6px; background-color: transparent; color: #003982;}

.button-green a, a.blue-green { background-color: #23a950; color: #ffffff; font-size: 16px; text-transform: uppercase; font-weight: 800; border: 3px solid #23a950; padding: 10px 30px; transition: all .3s ease-in-out ; }
.button-green a:hover, a.button-green:hover {text-decoration: none; //letter-spacing: 6px; background-color: transparent; color: #23a950;}


.purple p, .purple span, .purple a, .purple h1, .purple h2, .purple h3, .purple h4, .purple h5, .purple h6 {color:#7413dc}
.blue p, .blue span, .blue a, .blue h1, .blue h2, .blue h3, .blue h4, .blue h5, .blue h6 {color:#006DDF}
.navy p, .navy span, .navy a, .navy h1, .navy h2, .navy h3, .navy h4, .navy h5, .navy h6 {color:#003982}

.white p, .white span, .white a, .white h1, .white h2, .white h3, .white h4, .white h5, .white h6 {color:#fff}
.p-no-padding  p, .p-no-padding  span, .p-no-padding  a, .p-no-padding  h1, .p-no-padding  h2, .p-no-padding  h3, .p-no-padding  h4, .p-no-padding  h5, .p-no-padding  h6 {margin-block-end: 0em;}

.shadow.vc_parallax .wpb_column {background-color: #00000080}

.spec-img {border: 30px solid #f3f3f3; transform: rotate(5deg)!important; margin-top: -10vh; position: relative; z-index: 2; }
.spec-img-white {border: 30px solid #ffffff; transform: rotate(-5deg)!important; margin-top: -10vh; position: relative; z-index: 2; }





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





/* HEADER */
head-area .head-theme {display: none!important;}
head-area .wpb-content-wrapper {position: absolute; z-index: 999; width: 100%; }
.h-logo, .h-menu {margin-bottom: 5px!important;}
.h-logo img {max-height: 80px }
.spec-nav a {border: 2px solid; padding: 5px 10px; }


/* HOME page */
.home-heading b {text-shadow: 4px 4px #7413dc; }
.home-heading b {line-height: 1; text-transform: uppercase;font-size: 7vw; }
.home-heading p {font-size: 21px; color: #fff; font-weight: 400; max-width: 800px; padding: 20px 0px;}
.home-heading p span {color: #fff;}
.home-heading a {font-size: 18px; margin-right: 10px; padding: 10px 20px; }
.home-heading a.joi {background-color: #ffe627; color: #000000; border: 2px solid #ffe627}
.home-heading a.joi:hover {background-color: transparent; color: #ffe627; text-decoration: none;}
.home-heading a.vlo {background-color: #003982; color: #ffffff; border: 2px solid #003982}
.home-heading a.vlo:hover {background-color: transparent; color: #ffffff; border: 2px solid #ffffff; text-decoration: none;}

@media only screen and (max-width: 768px) {
	.home-heading b {font-size: 56px; }
	.home-heading p {font-size: 16px;}
} 


/* FOOTER */
.credit p {font-size: 14px; }
foot-area ul li {list-style: none; line-height: 1.5; padding: 2px 0px;}
.f-logo {max-width: 280px }



/* Footer Area */
foot-area .wpb-content-wrapper {background-color: #7313dc;}
.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}
.xoxo {margin-left: 0px; padding-inline-start: 0px; list-style: none}
.xoxo .widget-title, #sidebar .xoxo h3 {display: none!important}
.xoxo .logo-w {margin-top: 120px}
.xoxo .font-sm p, .xoxo .font-sm .menu {font-size: 12px; line-height; 1}
.xoxo .footer-area {margin-top: 21px!important}

.post-navigation {max-width: 1600px; 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}




/* Calendar Page */
.tribe-events-view, body.page-template---publicviewsrevslider-page-template-php {background-color: #ffffff!important}
.eventurl a {display: none}
.event-info {color: #003982; padding: 5px}
.ics-calendar-date {background-color: #ffffff!important; border: none!important; padding-top: 10px!important; padding-bottom: 10px!important}
.ics-calendar-basic-wrapper ul.events li {margin: 0px!important; border-bottom: 1px solid #003982;}




/* Cookies */
#cn-notice-text {color: #fff; }
#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;}
#cn-notice-buttons a:hover {opacity: 1;}
#cn-close-notice:before, #cn-close-notice:after {background-color: #ffffff!important}
#cn-notice-buttons button {border-radius: 0!important; color: #ffffff!important; font-weight: 600!important;}








/* 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}



.bg-m-r {width: 100%; position: absolute; max-height: 1200px; margin-left: -15px; opacity: .5; overflow-x: hidden; }
.bg-m-r img {width: 130%;}
.translatepress-en_GB .en {display: none}
.translatepress-zh_CN .cn {display: none}



/* 404 & Search */
.error404 header#header {display: none; }
.error404 main#content {padding-top: 100px;}
.error404 main#content article {text-align: center; padding-top: 20vh; padding-bottom: 10vh; background-color: #eaeaea}
.search header#header {display: none; }
.search main#content  {padding-top: 100px;}
.search main#content header h1 {text-align: center; color: #ffffff; padding-top: 32px; }
.search-no-results main#content header h1 {text-align: center; color: #000000; padding-top: 32px; }
.search main#content article {padding-top: 10vh; padding-bottom: 10vh; background-color: #eaeaea; text-align: center;}
.search main#content article .entry-summary {max-width: 1000px; margin-left: auto; margin-right: auto; text-align: center; }
form.search-form input {border: 2px solid #333333!important; font-size: 18px; padding: 10px 30px; margin-top: 32px; text-align: center;}
form.search-form input.search-submit:hover {background-color: #333333; color: #ffffff;}
.search-results h1.entry-title {font-size: 21px; padding-bottom: 32px;}


.post-password-required main#content article  {padding-top: 90px;}
.post-password-required main#content article  .entry-content {background-color: #eaeaea!important; text-align: center; padding-top: 20vh; padding-bottom: 20vh}
.post-password-required main#content article  .entry-content p {font-size: 21px}
.post-password-required main#content article  .entry-content p input {font-size: 21px; border: 2px solid; padding: 3px 12px}








/* 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; width: 90%;}
.max-xl {max-width:2100px; margin-left:auto!important; margin-right: auto!important; width: 90%;}
.max-2100 {max-width:2100px; margin-left:auto!important; margin-right: auto!important; width: 90%;}
.max-1600 {max-width:1600px; margin-left:auto!important; margin-right: auto!important; width: 90%;}
.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-350 {max-width:350px; 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-2 {z-index: 5!important; position: relative }
.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:2600px; 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) {
}