/*
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}
::selection {background: #e1df49; }

#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;}
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 */
.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%}
header#header, header.header .entry-title {display: none}
.vc_row-has-fill .vc_column-inner {padding-top: 0px!important}
.wpb_revslider_element {margin-bottom: 0px!important}
ul {padding-inline-start: 20px;}


/* Rev Slider Full Screen Menu */
.popmenu *, .foot-menu * {pointer-events: auto!important;}
.popmenu ul {padding-inline-start: 0px;}
.popmenu ul li { list-style: none; width: 100%;}
.popmenu .vc_wp_custommenu {margin-bottom: 0px}
.popmenu a {color: #2e2e33!important; font-weight: 900!important; letter-spacing: 5px; transition: all .1s ease-in-out; font-family: Raleway!important; line-height: 72px!important}
.popmenu li:hover a {color: #2e2e33!important;letter-spacing: 64px; text-decoration: none; font-size: 18px!important; font-family: Raleway!important;  line-height: 72px!important; margin-right: -64px;}
.rev-burger span {height: 6px!important; width: 40px!important}
.rev-burger span:nth-child(2) {margin: 6px 0!important;}
.quick_style_example_wrap .rev-burger:hover :first-child, #dialog_addbutton .rev-burger:hover :first-child, .open .rev-burger :first-child, .open.rev-burger :first-child { transform: translateY(12px) rotate(-45deg)!important; background: #e1df49!important;}
.quick_style_example_wrap .rev-burger:hover :last-child, #dialog_addbutton .rev-burger:hover :last-child, .open .rev-burger :last-child, .open.rev-burger :last-child {transform: translateY(-12px) rotate(-135deg)!important; background: #e1df49!important; }
.menu-circle {display: none!important}




/* Text Size */
h1 {font-size: 5em; margin-block-start: 0; line-height: 1.2; text-transform: uppercase; font-weight: 700!important;}
h2 {font-size: 4em; margin-block-start: 0; line-height: 1.2;text-transform: uppercase; font-weight: 700!important;}
h3 {font-size: 3em; margin-block-start: 0; line-height: 1.2;text-transform: uppercase; font-weight: 700!important;}
h4 {font-size: 2em; margin-block-start: 0; line-height: 1.4; font-weight: 600!important;}
h5 {font-size: 1.5em; margin-block-start: 0; line-height: 1.4; font-weight: 600!important;}
h6 {font-size: 1.2em; margin-block-start: 0; line-height: 1.4; font-weight: 600!important;}
p, li {font-size: 1em; margin-block-start: 0}
strong {font-weight: 900!important;}
@media only screen and (max-width: 768px) {
	h1 {font-size: 48px; }
	h2 {font-size: 42px; }
	h3 {font-size: 36px; }
	h4 {font-size: 28px }
	h5 {font-size: 21px; }
	h6 {font-size: 18px; }
}
h1, h2, h3 {font-family: Raleway; color: #2e2e33; }
h4, h5, h6 {font-family: Helvetica; color: #2e2e33; }
a {font-family: Helvetica; color: #2e2e33; text-decoration: none}
a:hover {text-decoration: underline; color: #e1df49; }
p, li {font-family: Helvetica; font-weight: 100; font-size: 1em; line-height: 1.5; color: #2e2e33;}
.bigger-p p {font-size: 1.4em}
span {color: #2e2e33;}

.white p, .white a, .white h1, .white h2, .white h3, .white h4, .white h5, .white h6 {color:#ffffff}
.yellow p, .yellow a, .yellow h1, .yellow h2, .yellow h3, .yellow h4, .yellow h5, .yellow h6 {color:#e1df49}
.pink p, .pink a, .pink h1, .pink h2, .pink h3, .pink h4, .pink h5, .pink h6 {color:#e3767d}
.blue p, .blue a, .blue h1, .blue h2, .blue h3, .blue h4, .blue h5, .blue h6 {color:#5a8e99}
.cap p, .cap a, .cap h1, .cap h2, .cap h3, .cap h4, .cap h5, .cap h6 {text-transform: uppercase;}



/* MEssage  */
.vc_pagination-color-grey.vc_pagination-style-flat .vc_pagination-trigger, .vc_pagination-color-grey.vc_pagination-style-outline .vc_active .vc_pagination-trigger, .vc_pagination-color-grey.vc_pagination-style-outline .vc_pagination-trigger:hover {background-color: #e1df49!important;}
.vc_pagination-color-grey.vc_pagination-style-outline .vc_pagination-trigger {border-color: #e1df49!important;}
.vc_general.vc_pagination {text-align: left!important;}

.award-list h2 {color: #e1df49}


/*Button*/
.pink.vc_btn3-container a {background-color: transparent!important; border: 0px!important; background-image: none; padding: 0px; font-size: 1.2em; font-weight: 600; color: #e3767d!important;}
.pink.vc_btn3-container a i {border: 2px solid #e3767d; border-radius: 50%; padding: 3px; margin-right: -5px; transition: all .3s ease-in-out;}
.pink.vc_btn3-container a:hover {letter-spacing: 2px;}
.pink.vc_btn3-container a:hover i {margin-right: -15px; background-color: #e3767d; color: #ffffff}

.yellow.vc_btn3-container a {background-color: transparent!important; border: 0px!important; background-image: none; padding: 0px; font-size: 1.2em; font-weight: 600; color: #e1df49!important;}
.yellow.vc_btn3-container a i {border: 2px solid #e1df49; border-radius: 50%; padding: 3px; margin-right: -5px; transition: all .3s ease-in-out;}
.yellow.vc_btn3-container a:hover {letter-spacing: 2px;}
.yellow.vc_btn3-container a:hover i {margin-right: -15px; background-color: #e1df49; color: #5a8e99}

.blue.vc_btn3-container a {background-color: transparent!important; border: 0px!important; background-image: none; padding: 0px; font-size: 1.2em; font-weight: 600; color: #5a8e99!important;}
.blue.vc_btn3-container a i {border: 2px solid #5a8e99; border-radius: 50%; padding: 3px; margin-right: -5px; transition: all .3s ease-in-out;}
.blue.vc_btn3-container a:hover {letter-spacing: 2px;}
.blue.vc_btn3-container a:hover i {margin-right: -15px; background-color: #5a8e99; color: #ffffff}

.blue-button a {background-color: #5a8e99!important; border: none!important; color: #e1df49!important; font-weight: 600!important; border-radius: 24px!important; padding: 20px 36px!important; }
.blue-button a:hover {background-color: #e3767d!important; border: none!important; color: #143A54!important; font-weight: 600!important}

.dark-button a {background-color: #143A54!important; border: none!important; color: #e3767d!important; font-weight: 600!important; border-radius: 24px!important; padding: 20px 36px!important; }
.dark-button a:hover {background-color: #e3767d!important; border: none!important; color: #143A54!important; font-weight: 600!important}

.pink-button a {background-color: #e3767d!important; border: none!important; color: #143A54!important; font-weight: 600!important; border-radius: 24px!important; padding: 20px 36px!important; }
.pink-button a:hover {background-color: #5a8e99!important; border: none!important; color: #e1df49!important; font-weight: 600!important}

.vc_grid-btn-load_more a {background-color: #e3767d!important; border: none!important; color: #143A54!important; font-weight: 600!important; border-radius: 24px!important; padding: 20px 36px!important; font-size: 18px!important; font-weight: 800!important;}
.vc_grid-btn-load_more a:hover {background-color: #5a8e99!important; border: none!important; color: #e1df49!important; font-weight: 600!important}







/* 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 */
.header-logo {position: absolute; width: auto; height: auto; max-width: 170px}
.absolute-text {position: absolute }
.single-post-top {display: none;}





/* FOOTER */
foot-area .wpb-content-wrapper {background-color: #2a3c3a}
.foot-logo1, .foot-logo2 {max-width: 120px; margin-bottom: 0px}
.foot-slogan {margin-bottom: 12px!important; text-transform: capitalize!important;}
.foot-separator  {margin-bottom: 12px!important;}
foot-area ul {padding-inline-start: 0px!important;}
foot-area ul li {list-style: none; padding-bottom: 5px;}
foot-area ul.menu {margin-block-start: 0;}




/* Footer Area */
.footer-area ul {text-align: right;}
.footer-area li {display: inline; margin-left: 16px;}
.footer-area p, .footer-area li a {color: #2e2e33}
.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}




/* Cookies */
#cookie-notice { position: fixed; bottom: 20%; margin-left: 20%!important; right: auto; width: 60%; min-width: 20%!important; background-color: rgba(225, 223, 73, 0.94)!important; box-shadow: 20px 20px #e3767d; }
#cn-notice-text { color: #333333!important; font-family: Playfair Display; font-size: 24px!important; line-height: 1.5!important; margin-bottom: 32px; padding: 32px; max-width: 768px; margin-left: auto; margin-right: auto; display: block;}
.cn-buttons-container, .cn-text-container { display: inline-block; }
#cn-notice-buttons { padding-bottom: 30px; }
#cn-notice-buttons a { font-size: 1.5em; padding: 20px 30px!important; background-color: #e3767d!important; }
#cn-notice-buttons a:hover { background-color: #5a8e99!important; color: #ffffff!important; text-decoration: none; }
#cn-close-notice { position: absolute; top: 20px; right: 20px; background-color: #5a8e99!important; opacity: 1; padding: 20px; color: #ffffff!important; }
#cn-close-notice:before, #cn-close-notice:after { background-color: #ffffff!important; height: 30px; width: 3px; top: 4px; }





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

.single-post {background-image: url(/wp-content/uploads/2019/09/bg2.svg) !important; background-repeat: no-repeat;}
.single-post .single-post-top {display: block;}
.single-post main#content article {max-width: 1000px; background-color: #fff; padding: 40px 20px; }
.single-post main#content {max-width:1400px; margin-left:auto!important; margin-right: auto!important; width: 90vw;}
@media only screen and (min-width: 1800px) {.single-post main#content {max-width:1800px; }}
.single-post main#content article img {max-width: calc(100% - 20px); height: auto; width: auto; border: 20px solid #ffffff; max-height: 600px!important;}


/* Post List */
.list-title h5, .list-title h5 a {margin-block-end: 0; font-family: Playfair Display!important; font-size: 140%;}
.list-title h5 a:hover {color: #e1df49;}
.list-title-footer h6, .list-title-footer h6 a {font-family: Playfair Display!important;}
.list-title-footer h6 a:hover {color: #e1df49;}
.list-cat .vc_gitem-post-category-name {background-color: #e1df49; padding: 5px!important; font-family: helvetica; margin-bottom: 12px;}





/* 404 Page*/
.error404 #top-search, .error404 #top-search1, .error404 #top-search2 {display: none!important;}
.error404 {background-color: #5a8e99;}
.error404 .dark-logo {display: none;}
.error404 #top-404 h1 {margin-block-end: 0em!important;}
.error404 .entry-content {text-align: center; font-size: 150%; padding-top: 10vh; padding-bottom: 10vh;}
.error404 .entry-content p {font-weight: 600}
.error404 .search-form {margin-top: 50px}
.error404 .search-form input {padding: 10px 20px; font-size: 16px; border: 0px solid}
.error404 .search-form .search-submit {background-color: #e3767d; border: 2px solid #e3767d; text-transform: uppercase }
.error404 .search-form .search-submit:hover {opacity: .8}


/* Search */
.search #top-404, .search #top-4041 {display: none!important;}
.search #top-search h1 {margin-block-end: 0em!important; font-size: 200%!important;}
.search #top-search p { font-size: 60%!important;}
.search .sd {background-color: #e3767d;}
.search .dark-logo {display: none;}

.search-results {}
.search-results #content {padding-top: 10vh; max-width: 800px; margin-left: auto; margin-right: auto; }
.search-results #content img {width: auto; height: auto; max-width: 400px; max-height: 400px}
.search-results #content article .entry-title {padding: 0px 20px; font-size: 21px; text-transform: none;} 
.search-results #content article .entry-title a {border-bottom: 3px solid}
.search-results #content article .entry-summary {padding: 0px 20px; margin-bottom: 60px}



.search-no-results #top-search h1 {margin-block-end: 0em!important;}
.search-no-results .entry-content {text-align: center; font-size: 150%; padding-top: 10vh; padding-bottom: 10vh;}
.search-no-results .entry-content p {font-weight: 600}
.search-no-results .search-form {margin-top: 50px}
.search-no-results .search-form input {padding: 10px 20px; font-size: 16px; border: 0px solid; background-color: #eaeaea; }
.search-no-results .search-form .search-submit {background-color: #e3767d; border: 2px solid #e3767d; text-transform: uppercase }
.search-no-results .search-form .search-submit:hover {opacity: .8}
nav.navigation {padding-bottom: 30px;}




/* 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:1400px; 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!important}
.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:1800px; 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!important;} 
	.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!important;} 
	.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) {
}