/* 20260929234200 - v2 */
.gui,
.gui-block-linklist li a {
  color: #666666;
}

.gui-page-title,
.gui a.gui-bold,
.gui-block-subtitle,
.gui-table thead tr th,
.gui ul.gui-products li .gui-products-title a,
.gui-form label,
.gui-block-title.gui-dark strong,
.gui-block-title.gui-dark strong a,
.gui-content-subtitle {
  color: #000000;
}

.gui-block-inner strong {
  color: #848484;
}

.gui a {
  color: #0a8de9;
}

.gui-input.gui-focus,
.gui-text.gui-focus,
.gui-select.gui-focus {
  border-color: #0a8de9;
  box-shadow: 0 0 2px #0a8de9;
}

.gui-select.gui-focus .gui-handle {
  border-color: #0a8de9;
}

.gui-block,
.gui-block-title,
.gui-buttons.gui-border,
.gui-block-inner,
.gui-image {
  border-color: #8d8d8d;
}

.gui-block-title {
  color: #333333;
  background-color: #ffffff;
}

.gui-content-title {
  color: #333333;
}

.gui-form .gui-field .gui-description span {
  color: #666666;
}

.gui-block-inner {
  background-color: #f4f4f4;
}

.gui-block-option {
  border-color: #ededed;
  background-color: #f9f9f9;
}

.gui-block-option-block {
  border-color: #ededed;
}

.gui-block-title strong {
  color: #333333;
}

.gui-line,
.gui-cart-sum .gui-line {
  background-color: #cbcbcb;
}

.gui ul.gui-products li {
  border-color: #dcdcdc;
}

.gui-block-subcontent,
.gui-content-subtitle {
  border-color: #dcdcdc;
}

.gui-faq,
.gui-login,
.gui-password,
.gui-register,
.gui-review,
.gui-sitemap,
.gui-block-linklist li,
.gui-table {
  border-color: #dcdcdc;
}

.gui-block-content .gui-table {
  border-color: #ededed;
}

.gui-table thead tr th {
  border-color: #cbcbcb;
  background-color: #f9f9f9;
}

.gui-table tbody tr td {
  border-color: #ededed;
}

.gui a.gui-button-large,
.gui a.gui-button-small {
  border-color: #8d8d8d;
  color: #000000;
  background-color: #ffffff;
}

.gui a.gui-button-large.gui-button-action,
.gui a.gui-button-small.gui-button-action {
  border-color: #8d8d8d;
  color: #000000;
  background-color: #ffffff;
}

.gui a.gui-button-large:active,
.gui a.gui-button-small:active {
  background-color: #cccccc;
  border-color: #707070;
}

.gui a.gui-button-large.gui-button-action:active,
.gui a.gui-button-small.gui-button-action:active {
  background-color: #cccccc;
  border-color: #707070;
}

.gui-input,
.gui-text,
.gui-select,
.gui-number {
  border-color: #8d8d8d;
  background-color: #ffffff;
}

.gui-select .gui-handle,
.gui-number .gui-handle {
  border-color: #8d8d8d;
}

.gui-number .gui-handle a {
  background-color: #ffffff;
}

.gui-input input,
.gui-number input,
.gui-text textarea,
.gui-select .gui-value {
  color: #000000;
}

.gui-progressbar {
  background-color: #76c61b;
}

/* custom */
<style>
div.gallery {
    border: 1px solid #ccc;
}

div.gallery:hover {
    border: 1px solid #777;
}

div.gallery img {
    width: 100%;
    height: auto;
}

div.desc {
    padding: 15px;
    text-align: center;
}

* {
    box-sizing: border-box;
}

.responsive {
    padding: 0 6px;
    float: left;
    width: 24.99999%;
}

@media only screen and (max-width: 700px) {
    .responsive {
        width: 49.99999%;
        margin: 6px 0;
    }
}

@media only screen and (max-width: 500px) {
    .responsive {
        width: 100%;
    }
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

/* Tattoo artist category cards */
.category .image,
.categories .image {
    border-radius: 0;
    overflow: hidden;
}

.category .image img,
.categories .image img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.category .title,
.categories .title {
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}/* Two-column artist grid on desktop */
.row.categories > .category.col-sm-4,
.row.categories > .category.col-md-4 {
    width: 50% !important;
    float: left;
    padding: 10px;
}

@media only screen and (max-width: 700px) {
    .categories .category,
    .category {
        width: 100%;
        float: none;
    }

}


.cat-title {
    padding: 14px 16px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
}

/* ===== METAMORPHOSIS DARK THEME ===== */

body {
    background-color: #0a0a0a !important;
    color: #eeeeee !important;
}
.main-header { display: none !important; }
.main-menu { display: none !important; }
/* ===== ABOUT US SECTION ===== */

.home-text .title-featured {
    color: #eeeeee !important;
}

.home-text .home-text-content,
.home-text .home-text-content * {
    color: #bdbdbd !important;
}
/* HOMEPAGE MAIN TITLE */
.home-title .subtitle,
.home-title .sub-title {
    color: #b8b8b8 !important;
}

.home-title h1,
.home-title .title {
    color: #eeeeee !important;
}
/* LIGHTEN HOMEPAGE MAIN TITLE AREA */

.home-content h1,
.home-content h2,
.home-content .title-featured {
    color: #eeeeee !important;
}

.home-content p,
.home-content .body-font-size {
    color: #bdbdbd !important;
}
/* LIGHTEN MAIN HOMEPAGE BANNER TEXT */
.banner-head.each-block-head > .subtitle {
    color: #b8b8b8 !important;
}

.banner-head.each-block-head > .title {
    color: #eeeeee !important;
}
/* LIGHTEN MAIN HOMEPAGE BANNER TEXT */
.banner-head.each-block-head > .subtitle {
    color: #d0d0d0 !important;
}

.banner-head.each-block-head > .title {
    color: #ffffff !important;
}

/* LIGHTEN METAMORPHOSIS FOOTER TITLE */
#footer .title,
#footer .footer-title,
footer .title {
    color: #ffffff !important;
}
/* LIGHTEN FOOTER METAMORPHOSIS LOGO */
#footer .footer-logo img {
    filter: brightness(0) invert(1) !important;
}
/* HIDE MY ACCOUNT FOOTER COLUMN */
#footer .main-footer .container > .row > div:nth-of-type(4) {
    display: none !important;
}

</style>
