/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

@charset "UTF-8";
@font-face {
  font-family: "roboto-serif";
  src: url('../fonts/RobotoSerif-Regular.ttf') format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "roboto-serif";
  src: url('../fonts/RobotoSerif-Italic.ttf') format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "roboto-serif";
  src: url('../fonts/RobotoSerif-Bold.ttf') format("truetype");
  font-weight: bold;
  font-style: normal;
}
:root {
  --base-color: #4d4d4d;
  --base-text-color: #666666;
  --accent-color1: #02a0b2;
  --accent-color2: #d0eded;
  --accent-color3: #00c2d8;
  --highlight-button-bg: rgb(255, 230, 0);
  --footer-background: #ffffff;
  --footer-text-color: var(--base-text-color);
  --footer-link-color: var(--accent-color1);
  --button-bg-color: var(--accent-color1) !important;
}
.high-contrast {
  background-color: #F1FFFF;
  color: #000000;
  --base-color: #1F1F1F;
  --base-text-color: #000000 !important;
  --accent-color1: #005A64 !important;
  --accent-color2: #F1FFFF !important;
  --accent-color3: #0094A5 !important;
  --highlight-button-bg: rgb(255 244 146);
  --footer-background: #ffffff;
  --footer-text-color: var(--base-text-color);
  --footer-link-color: #006475;
  --button-bg-color: var(--accent-color1) !important;
}
#g-navigation {
  z-index: 100;
}
#g-navigation .g-main-nav {
  border-bottom: 1px solid var(--accent-color1);
}
#g-navigation .g-main-nav ul.g-toplevel > li .g-menu-item-container {
  color: var(--base-text-color);
}
#g-navigation .g-main-nav ul.g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active > .g-menu-item-container, #g-navigation .g-main-nav ul.g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover > .g-menu-item-container {
  color: var(--base-text-color);
}
#g-navigation .g-main-nav ul.g-toplevel li.g-menu-item {
  font-size: 1.5rem;
}
#g-navigation .g-main-nav ul.g-toplevel li.g-menu-item:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active, #g-navigation .g-main-nav ul.g-toplevel li.g-menu-item:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover {
  background-color: var(--accent-color2);
}
#g-navigation .g-main-nav ul.g-toplevel li.g-menu-item.megamenu .g-dropdown {
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
}
#g-navigation .g-main-nav ul.g-toplevel li.g-menu-item.megamenu .g-dropdown .g-dropdown-column .g-sublevel {
  display: flex;
  flex-direction: row;
  position: relative;
}
#g-navigation .g-main-nav ul.g-toplevel li.g-menu-item.megamenu .g-dropdown .g-dropdown-column .g-sublevel li.g-menu-item {
  display: flex;
  flex: 1;
}
#g-navigation .g-main-nav ul.g-toplevel li.g-menu-item.megamenu .g-dropdown .g-dropdown-column .g-sublevel li.g-menu-item .g-menu-item-container {
  display: flex;
  flex-direction: column;
  flex: 1;
}
#g-navigation .g-main-nav ul.g-toplevel li.g-menu-item.megamenu .g-dropdown .g-dropdown-column .g-sublevel li.g-menu-item .g-menu-item-container img {
  aspect-ratio: 1;
  object-fit: cover;
  margin-bottom: auto;
}
#g-navigation .g-main-nav ul.g-toplevel li.g-menu-item.megamenu .g-dropdown .g-dropdown-column .g-sublevel li.g-menu-item .g-menu-item-container .g-menu-item-content {
  margin-top: 10px;
  font-size: 1.2rem;
}
#g-offcanvas #g-mobilemenu-container .g-menu-item-container {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid var(--accent-color2);
}
#g-offcanvas #g-mobilemenu-container .g-menu-item-container img {
  display: block;
  aspect-ratio: 1;
  object-fit: cover;
  margin-bottom: auto;
}
#g-offcanvas #g-mobilemenu-container .g-menu-item-container .g-menu-item-content {
  margin-top: 10px;
}
/*
*
* General Elements
*
*/
body {
  color: var(--base-text-color) !important;
}
#g-main {
  color: var(--base-text-color);
}
a {
  color: var(--accent-color1);
}
a:hover {
  color: var(--base-color);
}
h1, h2, h3, h4, h5, h6, strong {
  color: var(--base-color);
}
.btn {
  border-radius: 0;
}
.btn-secondary, button, .btn {
  background-color: var(--accent-color1);
  color: #ffffff;
  padding: 0.375rem 0.75rem;
}
.btn-secondary:hover, button:hover, .btn:hover {
  background-color: var(--accent-color2);
  color: var(--base-text-color);
}
.btn_readmore {
  font-weight: bold;
  margin-bottom: 1.5rem;
  cursor: pointer;
}
.btn_readmore:hover {
  background-color: var(--accent-color3);
  color: #ffffff;
}
.artistbutton {
  font-weight: bold;
  margin-bottom: 1.5rem;
  font-size: 1rem;
  cursor: pointer;
}
.artistbutton::before {
  content: "";
  font-family: "Font Awesome 6 Free";
  padding-right: 3px;
}
.artistbutton:hover {
  background-color: var(--accent-color3);
  color: #ffffff;
}
p {
  font-size: 1.5rem;
}
/*
*
* Custom Elements
*
*/
.underline {
  border-bottom: 2px solid var(--accent-color1);
}
/*
*
* Header
*
*/
#g-header {
  background-color: var(--accent-color1);
}
#g-header > .g-container > .g-grid {
  flex-wrap: nowrap;
}
#g-header > .g-container > .g-grid .g-block.size-10 {
  flex-basis: 10%;
  min-width: 60px;
}
#g-header > .g-container > .g-grid #logo-particle {
  text-align: center;
  flex: 1;
  flex-basis: 80%;
}
#g-header > .g-container > .g-grid #head-basket {
  text-align: right;
}
#g-header > .g-container > .g-grid #head-basket a img {
  width: 32px;
  min-width: 32px;
}
.gantry-logo {
  margin: 0 auto;
}
.gantry-logo img {
  width: 500px;
}
/*
*
* All content
*
*/
/*
*
* Home
*
*/
body#home #g-main > .g-container > .g-grid {
  flex-wrap: nowrap;
}
#home-left {
  background-repeat: no-repeat;
  background-size: cover;
}
#home-left .g-content {
  padding: 0;
  margin: 0;
}
#home-shop {
  margin-top: 4rem;
  border-top: 1px solid var(--accent-color1);
}
#home-shop > .g-content {
  margin: 0;
  padding: 4rem 0 0 0;
}
/*
*
* Artists
*
*/
body.artists .com-content-category-blog .blog-item {
  flex-direction: row;
}
body.artists .com-content-category-blog .blog-item .item-image {
  flex-basis: 25%;
  padding: 1rem;
}
body.artists .com-content-category-blog .blog-item .item-content {
  flex-basis: 75%;
}
body.artists .com-content-article {
  display: flex;
  flex-wrap: wrap;
}
body.artists .com-content-article .page-header {
  flex-basis: 100%;
}
body.artists .com-content-article figure.item-image {
  flex-basis: calc(50% - 80px);
}
body.artists .com-content-article .com-content-article__body {
  flex-basis: 50%;
}
.convertforms .cf-btn {
  background-color: var(--button-bg-color);
}
footer .g-main-nav .g-toplevel > li > .g-menu-item-container {
  padding-top: 0;
}
#g-footer {
  background: var(--footer-background);
  color: var(--footer-text-color);
}
#g-footer a {
  color: var(--footer-link-color);
}
/*
*
* General
*
*/
.gugabutton.hikacart {
  background-color: var(--highlight-button-bg);
  color: var(--base-text-color);
  padding: 1rem;
}
/*
*
* Basket
*
*/
/*
*
* All views
*
*/
.hikashop_product_price_per_unit {
  display: none;
}
.hikashop_footer {
  display: none;
}
/*
*
* Products list view
*
*/
body.view-product.layout-listing div.hikashop_product_image_subdiv {
  width: 100% !important;
  height: auto !important;
}
body.view-product.layout-listing .hikashop_product_name {
  margin-top: 1rem;
}
/*
*
* Product view
*
*/
body.view-product.layout-show #g-main {
  padding-top: 4rem;
}
body.view-product.layout-show #g-main .g-content {
  padding: 0;
  margin: 0;
}
body.view-product.layout-show #g-main .g-content > .container.platform-content {
  padding: 0;
  margin: 0;
}
body.view-product.layout-show #g-main .g-content > .container.platform-content > .row {
  margin: 0;
}
body.view-product.layout-show #g-main .g-content > .container.platform-content > .row > .col {
  padding: 0;
}
body.view-product.layout-show .hikashop_product_page .hk-row-fluid {
  gap: 4rem;
  justify-content: space-between;
}
body.view-product.layout-show .hikashop_product_page .hk-row-fluid::before, body.view-product.layout-show .hikashop_product_page .hk-row-fluid::after {
  display: none;
}
body.view-product.layout-show #hikashop_product_left_part {
  padding: 2rem;
  background-color: var(--accent-color1);
  width: auto;
}
body.view-product.layout-show #hikashop_product_left_part #hikashop_product_image_main {
  background-color: var(--accent-color1);
}
body.view-product.layout-show .hikashop_product_right_part {
  padding: 2rem;
  width: auto;
  background-color: var(--accent-color2);
}
body.view-product.layout-show .hikashop_product_right_part h2 {
  font-size: 1.5rem;
}
body.view-product.layout-show #hikashop_product_left_part, body.view-product.layout-show .hikashop_product_right_part {
  flex-basis: calc(50% - 2rem);
}
body.view-product.layout-show .hikashop_product_description_main p:last-of-type {
  margin-bottom: 0;
}
#readmorepopup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  display: none;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 999;
}
#readmorepopup.showpop {
  display: block;
}
#readmorepopup .readmorecanvas {
  position: relative;
  top: 0;
  margin: 2% auto;
  width: 70%;
  height: 90vh;
  background-color: #ffffff;
  padding: 2rem;
  overflow-y: auto;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
  display: flex;
}
#readmorepopup .readmorecanvas .readmore_inner {
  padding: 2rem;
  background-color: var(--accent-color2);
  flex: 1;
}
#readmorepopup #artwork_hidepopup {
  margin-top: 0;
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 64px;
  border-radius: 50%;
  overflow: hidden;
  width: 64px;
  height: 64px;
  z-index: 99;
}
#readmorepopup #artwork_hidepopup i {
  color: #ffffff;
  background-color: #000000;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  position: absolute;
  top: 0;
}
.form-login__submit button svg#Passkey {
  width: 64px;
  height: 64px;
}
@media (max-width: 75rem) {
  p {
    font-size: 1rem;
  }
  h1 {
    font-size: 1.8rem;
  }
  h2 {
    font-size: 1.5rem;
  }
  .gantry-logo {
    text-align: right;
  }
  #g-navigation {
    z-index: 100;
  }
  #g-navigation .g-main-nav {
    border-bottom: 1px solid var(--accent-color1);
  }
  #g-navigation .g-main-nav ul.g-toplevel li.g-menu-item {
    font-size: 1rem;
  }
  #g-navigation .g-main-nav ul.g-toplevel li.g-menu-item > .g-menu-item-container {
    padding: 1.2rem 0.6rem;
  }
  body.view-product.layout-show .hikashop_product_page .hk-row-fluid {
    gap: 2rem;
  }
  body.view-product.layout-show #hikashop_product_left_part, body.view-product.layout-show .hikashop_product_right_part {
    flex-basis: calc(50% - 1rem);
  }
  #readmorepopup .readmorecanvas {
    position: relative;
    top: 0;
    margin: 2% auto;
    width: 90%;
    height: 90vh;
  }
  #readmorepopup #artwork_hidepopup {
    margin-top: 0;
    top: 10px;
    right: 10px;
    font-size: 36px;
    width: 36px;
    height: 36px;
  }
  #readmorepopup #artwork_hidepopup i {
    width: 36px;
    height: 36px;
  }
}
@media (max-width: 48rem) {
  #g-header > .g-container > .g-grid #logo-particle .g-content {
    padding: 0.938rem 0;
    margin: 0.625rem 0;
  }
  #g-header > .g-container > .g-grid #head-basket {
    padding-right: 1rem;
  }
  #g-header > .g-container > .g-grid #head-basket .g-content {
    padding: 0.938rem 0;
    margin: 0.625rem 0;
  }
  body#home #g-main {
    padding-top: 0;
  }
  body#home #g-main > .g-container > .g-grid {
    flex-wrap: wrap;
  }
  body#home #home-left {
    display: none;
  }
  body#home #home-right {
    background-image: url('../../../../images/home-right.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left top;
  }
  body.view-product.layout-show .hikashop_product_page .hk-row-fluid {
    gap: 0;
    display: block;
  }
  body.view-product.layout-show #hikashop_product_left_part #hikashop_product_image_main .hikashop_product_main_image {
    height: auto !important;
  }
  body.view-product.layout-show #hikashop_product_left_part, body.view-product.layout-show .hikashop_product_right_part {
    width: 100%;
  }
  body.view-product.layout-show #hikashop_product_left_part h2, body.view-product.layout-show .hikashop_product_right_part h2 {
    font-size: 1.2rem;
  }
  #readmorepopup .readmorecanvas {
    position: relative;
    top: 0;
    margin: 1rem auto;
    width: 90%;
    height: 96vh;
  }
  #readmorepopup #artwork_hidepopup {
    margin-top: 0;
    top: 2px;
    right: 2px;
  }
  body.artists .com-content-category-blog .blog-item .item-image {
    flex-basis: 33.33%;
    padding: 1rem;
  }
  body.artists .com-content-category-blog .blog-item .item-content {
    flex-basis: 66.33%;
  }
  body.artists .com-content-article {
    display: flex;
    flex-wrap: wrap;
  }
  body.artists .com-content-article .page-header {
    flex-basis: 100%;
  }
  body.artists .com-content-article figure.item-image {
    flex-basis: calc(60% - 80px);
    margin: 0;
  }
  body.artists .com-content-article .com-content-article__body {
    flex-basis: 100%;
  }
}
@media (max-width: 40rem) {
  body.artists .com-content-category-blog .blog-item {
    flex-wrap: wrap;
    border-bottom: 1px solid var(--accent-color1);
  }
  body.artists .com-content-category-blog .blog-item .item-image {
    flex-basis: 100%;
    padding: 1rem;
  }
  body.artists .com-content-category-blog .blog-item .item-content {
    flex-basis: 100%;
  }
  body.artists .com-content-article {
    display: flex;
    flex-wrap: wrap;
  }
  body.artists .com-content-article .page-header {
    flex-basis: 100%;
  }
  body.artists .com-content-article figure.item-image {
    flex-basis: calc(60% - 80px);
    margin: 0;
  }
  body.artists .com-content-article .com-content-article__body {
    flex-basis: 100%;
  }
}
@media (max-width: 30rem) {
  h1 {
    font-size: 1.4rem;
  }
  h2 {
    font-size: 1.2rem;
  }
  .container.platform-content {
    padding: 0;
  }
  .hikashop_products_listing .hikashop_products .hk-row-fluid .hikashop_container.hikashop_zoom_hover {
    margin: 20px 0 !important;
  }
  .hikashop_products_listing .hikashop_products .hk-row-fluid .hikashop_container.hikashop_zoom_hover .hikashop_subcontainer.thumbnail .hikashop_listing_img_title .hikashop_product_image .hikashop_product_image_subdiv {
    width: 100% !important;
  }
  body.artists .com-content-article {
    display: flex;
    flex-wrap: wrap;
  }
  body.artists .com-content-article .page-header {
    flex-basis: 100%;
  }
  body.artists .com-content-article figure.item-image {
    flex-basis: 100%;
    margin: 0;
  }
  body.artists .com-content-article .com-content-article__body {
    flex-basis: 100%;
  }
}
/*# sourceMappingURL=custom_12.css.map */