/*
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: #fff;}
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}

.min-full-h {min-height: 70vh}








/* 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%}
.vc_separator.vc_sep_color_black .vc_sep_line {border-color: #000000!important;}
.white-line .vc_separator.vc_sep_color_black .vc_sep_line {border-color: #ffffff!important;}
.blue-line .vc_separator.vc_sep_color_black .vc_sep_line {border-color: blue!important;}




/* Text Size */
h1 {font-size: 72px; margin-block-start: 0; margin-block-end: 1.2em; line-height: 1.2; font-weight: 900; text-transform: uppercase;}
h2 {font-size: 56px; margin-block-start: 0; margin-block-end: 1.2em; line-height: 1.2; font-weight: 900; }
h3 {font-size: 48px; margin-block-start: 0; margin-block-end: 1.2em; line-height: 1.2; font-weight: 900; }
h4 {font-size: 40px; margin-block-start: 0; margin-block-end: 1.2em; line-height: 1.2;}
h5 {font-size: 32px; margin-block-start: 0; margin-block-end: 1.2em; line-height: 1.2;}
h6 {font-size: 24px; margin-block-start: 0; margin-block-end: 1.2em; line-height: 1.2;}
p, span, li, div {font-size: 18px; margin-block-start: 0}
@media only screen and (min-width: 2100px) {
	h1 {font-size: 100px; }
	h2 {font-size: 81px; }
	h3 {font-size: 64px;}
	h4 {font-size: 56px; }
	h5 {font-size: 42px; }
	h6 {font-size: 32px; }
	p, span, li, div {font-size: 21px;}
	.xl-p, .xl-p p, .xl-p span, .xl-p li, .xl-p div {font-size: 24px}
}
@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; }
	p, span, li, div {font-size: 16px;}
}
h1, h2, h3, h4, h5, h6 {font-family: work sans,sans-serif; color: #000000; font-weight: 600; }
h1, h2, h3 {font-weight: 900;}
a {font-family: work sans,sans-serif; color: #000000; text-decoration: none}
a:hover {text-decoration: line-through!important; text-decoration-color: blue;}
p, span, li {font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 1em; line-height: 1.4; color: #000000;}
span {color: #000000;}
.vc_custom_heading a:hover {opacity: 1!important;}


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











/* HEADER */
#h-white-menu {display: none; position: absolute; z-index: 999;}
.page-template-WhiteMenutemplate #h-white-menu {display: block;}
.page-template-WhiteMenutemplate #h-black-menu {display: none;}
.page-template-WhiteMenutemplate .nav-top {//mix-blend-mode: difference!important;}

//head-area {position: absolute; width: 100%; z-index: 999}
.head-logo {position: fixed; left: 15px; bottom: 0px;z-index: 9999!important; mix-blend-mode: difference; }
.head-logo h1 {font-size: 10vw; font-weight: 900; margin-block-end: 0px; }
.head-logo h1 a {font-family: Anton!important; font-weight: 900;}
.head-logo h1 a:hover {text-decoration: line-through!important; }
.menu-main-container ul {padding-inline-start: 0px;}
.menu-main-container li {list-style: none; //cursor: pointer!important; line-height: 1.2;}


.nav-top {position: absolute; top: 0px; z-index: 999; width: 100%;}
.xvx-nav {margin-top: 0px; padding-top: 0px; width: 100%; z-index: 9999999!important; position: relative;}
.xvx-nav li, .xvx-nav li a {transition: all .3s ease-in-out;}
.xvx-nav li {border-bottom: 3px solid transparent;}
.xvx-nav li:hover {border-bottom: 3px solid blue;}
.xvx-nav li a {font-size: 18px; font-weight: 600; text-transform: uppercase; padding: 0px 10px;}
.xvx-nav li a:hover {background-color: blue;}
.xvx-nav#h-white-menu {//mix-blend-mode: difference;}
.xvx-nav#h-white-menu li a {color: #fff!important;}

.xvx-nav li {display: inline-block; padding-right: 14vw;}
@media only screen and (max-width: 2100px) {
	.xvx-nav li {padding-right: 12vw; }
}
@media only screen and (max-width: 1600px) {
	.xvx-nav li {padding-right: 10vw; }
}
@media only screen and (max-width: 1280px) {
	.xvx-nav li {padding-right: 8vw; }
}
@media only screen and (max-width: 1000px) {
	.xvx-nav li {padding-right: 5.5vw; }
}
@media only screen and (max-width: 768px) {
	.xvx-nav li {width: 36%!important; line-height: 1.5; font-size: 20px; font-weight: 900;}
	.xvx-nav li:hover {border-bottom: 0px solid transparent;}
	#h-area {position: relative; }
	.head-logo h1 {font-size: 12vw; }
	.vc_row .vc_column-inner .vc_row .vc_column-inner {padding: 0px!important}
}
@media only screen and (min-width: 768px) {
	.xvx-nav li:last-child {padding-right: 0px!important;}
}





/* FOOTER */
foot-inner-area .wpb-content-wrapper {background-color: #f1f1f1;}
.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}

@media only screen and (max-width: 768px) {
	foot-inner-area {display: none;}
}


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





/* Button */
.blk-button button, .blk-button a {background-color: #000!important; color: #fff!important; background-image: none!important; text-transform: uppercase; font-weight: 600; font-size: 21px!important; border-radius: 0!important; border: 2px solid #000!important; padding: 10px 20px!important;}
.blk-button button:hover, .blk-button a:hover {background-color: transparent!important; color: #000!important; text-decoration: none!important;}

.blk-outline button, .blk-outline a {background-color: transparent!important; color: #000!important; background-image: none!important; text-transform: uppercase; font-weight: 600; font-size: 21px!important; border-radius: 0!important; border: 2px solid #000!important; padding: 10px 20px!important;}
.blk-outline button:hover, .blk-outline a:hover {background-color: #000!important; color: #fff!important; text-decoration: none!important;}

.white-button button, .white-button a {background-color: #fff!important; color: blue!important; background-image: none!important; text-transform: uppercase; font-weight: 600; font-size: 21px!important; border-radius: 0!important; border: 2px solid #fff!important; padding: 10px 20px!important;}
.white-button button:hover, .white-button a:hover {background-color: transparent!important; color: #fff!important; text-decoration: none!important;}

.white-outline button, .white-outline a {background-color: transparent!important; color: #fff!important; background-image: none!important; text-transform: uppercase; font-weight: 600; font-size: 21px!important; border-radius: 0!important; border: 2px solid #fff!important; padding: 10px 20px!important;}
.white-outline button:hover, .white-outline a:hover {background-color: #fff!important; color: blue!important; text-decoration: none!important;}

.vc_grid-btn-load_more a {background-color: blue!important; color: #fff!important; background-image: none!important; text-transform: uppercase; font-weight: 600; font-size: 21px!important; border-radius: 0!important; border: 2px solid blue!important; padding: 10px 20px!important;}
.vc_grid-btn-load_more a:hover {background-color: transparent!important; color: blue!important; text-decoration: none!important;}

.blue-button button, .blue-button a {background-color: blue!important; color: #fff!important; background-image: none!important; text-transform: uppercase; font-weight: 600; font-size: 21px!important; border-radius: 0!important; border: 3px solid blue!important; padding: 10px 20px!important;}
.blue-button button:hover, .blue-button a:hover {background-color: transparent!important; color: blue!important; text-decoration: none!important;}

.blue-outline button, .blue-outline a {background-color: transparent!important; color: blue!important; background-image: none!important; text-transform: uppercase; font-weight: 600; font-size: 21px!important; border-radius: 0!important; border: 3px solid blue!important; padding: 10px 20px!important;}
.blue-outline button:hover, .blue-outline a:hover {background-color: blue!important; color: #fff!important; text-decoration: none!important;}







/* Lightbox - Fancybox */
.lightboxOverlay {background-color: #ffffff!important; opacity: .98!important}
.lb-data .lb-close {filter: brightness(0); }
.lb-data .lb-number {display: none!important}
.lb-data .lb-caption {font-weight: 400!important; font-style: italic!important; }
.lb-outerContainer {margin-top: 10vh!important}
.lb-outerContainer img {max-height: 70vh!important; width: auto!important;}
.artwork-list-title .vc_gitem-col {padding: 5px 0px!important}
.artwork-list-title .vc_gitem-col p {font-size: 80%; font-style: italic; }
//#lightboxOverlay {background-color: blue!important}
#lightbox .lb-close {filter: brightness(); opacity: 1; transition: all .3s ease-in-out;}
#lightbox .lb-close:hover {transform: rotate(180deg) }
#lightbox .lb-caption {color: blue; font-size: 12px}



.vc_carousel-control span:before {font-size: 60px!important; color: blue; position: absolute !important; margin-top: -20px; right: 5px}
.vc_images_carousel .vc_carousel-control {height: 60px!important; background-color: #fff; opacity: 1!important; text-shadow: none!important; }



/* Slider */
.slider-ex h3 {margin-block-end: 20px}
.slider-ex p {font-size: 18px; margin-block-end: 10px;padding-bottom: 10px;}
@media only screen and (min-width: 2100px) {
	.slider-ex p {font-size: 24px; margin-block-end: 10px; padding-bottom: 10px;}
}








/* List */
.vc_gitem-post-category-name {pointer-events: none; padding-right: 10px!important}
.vc_gitem-post-category-name .vc_gitem-post-category-name:before {content: '|  '}
.vc_gitem-col .vc_custom_heading h1, .vc_gitem-col .vc_custom_heading h2, .vc_gitem-col .vc_custom_heading h3, .vc_gitem-col .vc_custom_heading h4, .vc_gitem-col .vc_custom_heading h5, .vc_gitem-col .vc_custom_heading h6 {font-weight: 900!important; margin-block-end: 0px;}










/* Cart - Woo*/
.single .cart-single .cart-icon {display: none}
.single.woocommerce .cart-single .cart-icon {display:block; margin-right: 30px; }
#menu-cart {font-size: 21px}
#menu-cart a {padding: 10px 15px;border: 3px solid #fff;  border-left: 20px solid #fff; color: #fff;}
#menu-cart a span {color: #fff;}
#menu-cart a:hover {text-decoration: none; background-color: #fff; color: blue!important; //border-right: 3px solid #fff; text-decoration: none!important}
#menu-cart a:hover span {color: blue; text-decoration: none!important}
.cart-icon {margin-bottom: 0px!important;}
.cart-icon li {list-style: none!important;}
.single-product .cart-single {padding-top:20vh}


/* Woo Shop*/
.woocommerce .woocommerce.columns-4,
//.woocommerce .product .single-product,
.cart-single {max-width:1200px; margin-left:auto; margin-right: auto; width: calc (100% - 30px)}
@media only screen and (min-width: 1800px) {
	.woocommerce .woocommerce.columns-4,
	//.woocommerce .product .single-product,
	.single-product .cart-single {max-width:2540px; width: 90vw; }
}
@media only screen and (max-width: 1600px) {
	.woocommerce .woocommerce.columns-4,
	//.woocommerce .product .single-product,
	.single-product .cart-single {width: 95vw;}
}
@media only screen and (max-width: 768px) {
	.woocommerce.columns-4, 
	//.woocommerce .product .single-product.
	.single-product .cart-single {width: calc (100% - 60px)}
}

.woocommerce .product .single-product {width: 95vw; margin-left: auto; margin-right: auto;}

.single-product .product .single-product {padding-top: 5vh;}
.single-product .product .summary h4, .single-product .product .summary h3 {color: white; }
.single-product .product .summary h5 {font-size: 40px!important; color: #fff!important; font-weight: 600}
.single-product .product .summary p, .product_meta .posted_in, .product_meta .posted_in a {color: #fff;}
.product_meta .posted_in a {pointer-events: none;}
@media only screen and (min-width: 1600px) {.single-product .product .summary p {font-size: 24px;}}
.single-product .product .woocommerce-Price-amount, .single-product .product .woocommerce-Price-amount span {font-size: 36px!important; color: #fff!important; font-weight: 600}
.single-product .product .woocommerce-product-details__short-description {padding-bottom: 40px;}
.single-product .product .woocommerce-product-gallery__image {pointer-events: none!important; }
.single-product .product .woocommerce-product-gallery__trigger {display: none;} 
.single-product .entry-content .woocommerce .single-product .max-w {background-color: #f1f1f1;}
.single-product .entry-content .woocommerce .single-product .max-w .product {padding: 30px}
.single-product foot-inner-area .wpb-content-wrapper {background-color: blue}
.single-product .tabs.wc-tabs {padding-inline-start: 0px!important; margin-bottom: 0!important; padding-top: 10vh!important;}
.single-product .tabs.wc-tabs li {border-radius: 0!important; font-size: 24px; color: blue!important; text-transform: uppercase; }
.single-product .woocommerce-Tabs-panel {background-color: #000fba!important; padding: 5vh!important}
.single-product .woocommerce-Tabs-panel p {color: #fff; font-weight: 600; font-size: 32px; max-width: 2100px; margin-left: auto}
.single-product .single-product .woocommerce-Tabs-panel h2 {color: #fff; max-width: 600px;display: inline-block; font-size: 0px!important}
.single-product .related.products {background-color: #f1f1f1; width: 100vw; margin-left: -2.5vw; margin-top: 10vh; padding: 40px; padding-top: 5vh}
.single-product .related.products .woocommerce-Price-amount.amount span,
.single-product .related.products .woocommerce-Price-amount.amount{color: #000!important}
.single-product .single-product .related.products h2 {font-size: 40px; color: blue; font-weight: 600;}
.single-product foot-inner-area .wpb-content-wrapper {background-color: #f1f1f1;}





h2.woocommerce-loop-product__title {//color: blue; font-size: 32px!important; font-weight: 900!important;}
.woocommerce-page .woocommerce-Price-amount.amount, .woocommerce-page .woocommerce-Price-amount.amount span {font-size: 21px; font-weight: 600;}

.single-product form.cart button {background-color: transparent!important; color: #fff!important; background-image: none!important; text-transform: uppercase; font-weight: 600; font-size: 18px!important; border-radius: 0!important; border: 2px solid #fff!important; padding: 20px 40px!important;}
.single-product form.cart button:hover {background-color: #fff!important; color: blue!important}
a.button.product_type_simple {background-color: blue!important; color: #fff!important; background-image: none!important; text-transform: uppercase; font-weight: 600; font-size: 16px!important; border-radius: 0!important; border: 2px solid blue!important; padding: 10px 16px!important;}
a.button.product_type_simple:hover {background-color: transparent!important; color: blue!important}

.single-product .stock {font-size: 21px!important; color: #fff!important; font-weight: 600}

@media only screen and (max-width: 2100px) {
	h2.woocommerce-loop-product__title {font-size: 26px!important; }
}

//.single-product .product .woocommerce-tabs.wc-tabs-wrapper {max-width: 1600px; width: 50%;}
@media only screen and (max-width: 768px) {
	.single-product .product .single-product .related.products, 
	.single-product .woocommerce-tabs.wc-tabs-wrapper{display: none;}
	.single-product .product .woocommerce-tabs.wc-tabs-wrapper {width: 100%;}
	h2.woocommerce-loop-product__title {font-size: 18px!important}
	.woocommerce-page .woocommerce-Price-amount.amount, .woocommerce-page .woocommerce-Price-amount.amount span {font-size: 18px;}
	a.button.product_type_simple {font-size: 16px!important; padding: 5px 10px!important; }
	.single-product .product .single-product {padding-top: 10vh;}
}








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



body.post-template-single-white #container {background-color: #f1f1f1}
.post-template-single-white head-area #h-area {border-top: 3px solid blue}
.post-template-single-white .white.xvx-nav a {color: blue}
.post-template-single-white .white.xvx-nav a:hover {color: #fff}




/* Single Artist*/
.vc_custom_heading em {font-size: 0}
.em-off em {font-size: 0!important;}
.single-artist foot-inner-area .wpb-content-wrapper {background-color: blue}










/* 404 & Search */
.error404 .xvx-nav a {color: blue;}
.error404 header#header {display: none; }
.error404 main#content {text-align: center; padding-top: 20vh; padding-bottom: 10vh; background-color: #f1f1f1}
.search header#header {display: none; }
.error404 .not-found .header p.entry-title {font-size: 60px; font-weight: 900; text-transform: uppercase; color: blue}
.search main#content {text-align: center; padding-top: 20vh; padding-bottom: 10vh; background-color: #f1f1f1;}
.search main#content article {max-width: 1000px; margin-left: auto; margin-right: auto;}
form.search-form input {border: 2px solid blue!important; font-size: 18px; padding: 10px 30px; margin-top: 32px; }
form.search-form input.search-submit  {background-color: blue; color: #f1f1f1;}
form.search-form input.search-submit:hover {background-color: transparent; color: blue;}
.search-results h1.entry-title {font-size: 21px; padding-bottom: 32px;}

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



/* 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: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%;}
	.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) {
}










/* BLUE */
body {background-color: blue;}
foot-area .wpb-content-wrapper {background-color: blue;}
#exhibition .slider-ex p, #exhibition .slider-ex h3 {color: blue}
.blue-a a:hover {text-decoration: line-through!important; background-color: blue; color: #fff!important} 
.grid-top-blue .vc_grid-item .vc_grid-item-mini {border-top: 4px solid blue}
.white-line .vc_separator {border-color: #fff!important;}