/* GLOBAL */

:root {
  --ja-color-primary: #ffffff;
  --ja-color-text: #000000;
  --ja-color-link: #000000;
  --ja-color-hover: #9a7a2f;
  --spicy-color-hover: #9a7a2f;
  --spicy-color-hover-trans: rgba(154, 122, 47, 0.25); /* #e6ddca */
}

/* TYPO */

:root {
  --body-font-size: 1.25rem;
  --body-font-weight: 400;
  --body-line-height: 1.75;
}

h1, h2, h3 {
  font-size: 1.5rem;
}

/* JOOMLA GENERAL */

body {
  background: var(--body-bg);
}

body.site .container-header {
  background-color: transparent;
}

body.site.home .container-header {
  background-color: var(--spicy-color-hover-trans);
}

body.site .navbar-brand > .brand-logo > img {
  width: 200px;
  height: 58px;
}

body.site .container-brand-nav.wrapper-static {
  max-width: none;
}

body.site .container-header .container-brand-nav .container-nav {
  max-width: none;
  justify-content: flex-end;
}

body.site .container-footer.footer {
  background-color: transparent;
}

body.site a:not([class]) {
  text-underline-offset: 4px;
}

body.site .js-finder-search-query.form-control {
  border: 1px solid var(--body-color);
  background-color: transparent;
}

body.site .awesomplete mark,
body.site .awesomplete li:hover mark {
  background: var(--spicy-color-hover-trans);;
}

body.site .form-control::placeholder {
  color: var(--body-color);
}

body.site #system-message-container joomla-alert[type="warning"] {
  display: none;
}

body.site ul.fields-container {
  margin-bottom: 2em;
}

body.site ul.fields-container > li.field-entry {
  margin-bottom: 4em;
}

/* FORMS */

.media-breadcrumb-item::before,
.media-breadcrumb-item::after {
  border-top: 5px solid #0000;
  border-bottom: 5px solid #0000;
}

.btn {
  box-shadow: none!important;
}

/* MOD MENU */

body.site .mod-menu > li > a.hidden-link,
body.site .nav-overlay > li > a.hidden-link {
  display: none; 
}

.container-header .metismenu > li > a::after,
.container-header .metismenu > li > button::before {
  transition: none;
}

/* MOD MENU MAIN TOP */

body.site .main-top.level-2 {
  margin: 0 0 1em 0;
}

body.site .main-top .mod-menu {
  display: flex;
  gap: 1em;
  flex-direction: row;
}

body.site .main-top .mod-menu li {
  padding: 0;
}

body.site .main-top .mod-menu li.nav-item.item-503 {
  margin-left: auto;
}

/* MOD MENU FOOTER */

body.site .footer .mod-menu {
  display: flex;
  column-gap: 1em;
  flex-direction: row;
}

body.site .footer .mod-menu .mod-list li {
  padding: 0;
}

/* HOME */

body.site.home { background-color: var(--ja-color-text);}

body.site.home a.brand { color: var(--body-bg); }

@media (min-width: 980px) { body.site.home .nav > li > a, body.site.home input[type="search"] { color: var(--body-bg); border-color: var(--body-bg); } }

body.site.home .annual-exhibition > .custom {
  z-index: 99;
  position: absolute;
  left: 0;
}

body.site.home .annual-exhibition > .custom p {
  font-size: 4vw;
  line-height: 1.45;
  margin: 2.5vw 0;
  display: inline-block;
  background: var(--spicy-color-hover-trans);;
  border-radius: 2px;
}

body.site.home .annual-exhibition > .custom a {
  color: var(--body-color);
  padding: 0 20px;
  border-bottom: 0;
  text-decoration: none;
  text-transform: lowercase;
  font-family: "HKGrotesk-SemiBold";
}

body.site.home .annual-exhibition > .custom a:hover { color: var(--ja-color-hover); border-bottom: 0; }

@media (max-width: 480px) { body.site.home .annual-exhibition > .custom p { font-size: 6.5vw; line-height: 1.65; } }


/* MOD CUSTOM SPONSOR */

body.site.home .sponsor {
  padding: 0.5em 1em 0.25em 1em;
  background: var(--spicy-color-hover-trans);
  z-index: 99;
  position: absolute;
  left: 0;
  top: 72%;
  transform: translateY(-50%);
  /* rotate: -90deg; */
}

body.site.home .sponsor > div {
  font-size: 0.75rem;
  margin-bottom: 0.5rem;
  line-height: 1.125;
}

body.site.home .sponsor img {
  width: 128px;
  height: 47px;
}

/* MOD ARTICLES CATEGORY SPLIDE FULLSCREEN */

body.site.home .main-top.splide {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  padding: 0;
  margin: 0;
}

body.site.home .main-top.splide #splide {
  padding: 0;
  margin: 0;
}

body.site.home .main-top.splide ul.splide__list > li {
  padding: 0;
}

body.site.home .mod-articles-category {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 40px;
  margin: 0;
  background: var(--spicy-color-hover-trans);;
  z-index: 99;
}

body.site.home a.mod-articles-category-title { display: block; padding: 5px 20px; color: var(--body-color); font-size: 1rem; }

body.site.home a.mod-articles-category-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

body.site.home a:hover.mod-articles-category-title { color: var(--ja-color-hover); }

body.site .splide--fade > .splide__track > .splide__list > .splide__slide.is-active { top: auto; left: auto; }

/* RD PORTFOLIO FILTER */

body.site.overview {
  background: var(--spicy-color-hover-trans);
  .file-icon::before { border-color: #e6ddca #e6ddca rgba(255,255,255,.35) rgba(255,255,255,.35); }
}

body.site input[type="text"].filtr-search {
  vertical-align: bottom;
}

body.site input[type="text"].filtr-search::placeholder {
  color: var(--body-color);
  opacity: 1;
}

body.site.layout-spicyportfolio .filtr-item > .page-header {
  min-height: 120px;
}

/* RD PORTFOLIO ARTICLE */

body.site.layout-spicyportfolio h2 {
  margin-bottom: 2em;
}

/* ARTICLE SPLIT GRID */

body.site .item-page.art div[itemprop="articleBody"] { margin: 60px 0; }
body.site .item-page.art div[itemprop="articleBody"] { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; grid-column-gap: 0; grid-row-gap: 0px; }
body.site .item-page.art div[itemprop="articleBody"] .column-1 { grid-area: 1 / 1 / 2 / 2; padding-right: 20px; border-right: 2px solid  var(--body-color); } 
body.site .item-page.art div[itemprop="articleBody"] .column-2 { grid-area: 1 / 2 / 2 / 4; padding-left: 40px; }
body.site .item-page.art div[itemprop="articleBody"] .column-1-block { grid-area: 1 / 1 / 2 / 4; }

body.site .item-page.art div[itemprop="articleBody"] .column-2 .cuttr--readmore.cuttr--loaded > p:last-of-type { display: inline-block; }
body.site .item-page.art div.downloads { margin: 60px 0; }

@media (max-width: 768px) { body.site .item-page.art div[itemprop="articleBody"] { margin: 40px 0; } }

body.site .item-page.art div[itemprop="articleBody"] .column-2 a.cuttr--readmore--btn {
  width: auto!important;
  color: var(--body-color);
  display: inline-block!important;
  padding: 0 12px;
  /* border: 2px solid var(--body-color); */
  border-radius: 2px;
  cursor: pointer;
  float: right;
  line-height: 32px;
  font-weight: 600;
}

body.site .item-page.art div[itemprop="articleBody"] .column-2 a.cuttr--readmore--btn:hover { color: var(--ja-color-hover); border-color: var(--ja-color-hover); }

@media (max-width: 1024px) { body.site .item-page.art div[itemprop="articleBody"] { display: block; } body.site .item-page.art div[itemprop="articleBody"] .column-1 { padding: 0; border: none; } body.site .item-page.art div[itemprop="articleBody"] .column-2 { padding: 40px 0 0 0; } }

/* RD AUTHOR */

body.site.layout-spicyauthor .category-desc {
  margin-bottom: 3em;
}

body.site.layout-spicyauthor .item-content {
  display: flex;
  gap: 2em;
  border-bottom: 1.5px solid var(--body-color);
}

body.site.layout-spicyauthor .page-header h2 {
  margin-bottom: 0;
  line-height: inherit;
}

/* RD CATLIST */

body.site.lg-on { overflow: hidden; }
body.site .lg-outer .lg-img-wrap { padding: 40px 5px 75px 5px; }
body.site .lg-sub-html h4 { font-size: 1rem; font-weight: 400; text-transform: none; }
body.site .lg-sub-html a h4 { color: var(--body-color); }
body.site .lg-sub-html a:hover h4 { color: var(--body-color); }
body.site .lg-sub-html span { font-size: 0.85rem; display: block; }
body.site .lg-sub-html p { font-size: 0.85rem; }

/* span.field-value > div[class^="jg_lightgallery-"] { */

span.field-value > .jg_lightgallery.grid,
span.field-value > .jg_lightgallery.masonry {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px,1fr));
  gap: 1.5em;
  align-items: flex-start;
  margin: 4em 0 6em 0;
}

span.field-value > .jg_lightgallery .jg_catelem_photo img {
  width: 100%;
  max-width: none;
}

/* RD CATLIST FIRST CAT */

div.hover_img {
  
}

div.hover_img:not(:last-of-type) {
  
}

.hover_img > a:first-of-type {
  
}

.hover_img > a:first-of-type:hover {
  color: var(--ja-color-hover);
}

/* RD CATLIST CAPTION */

body.site .lg-backdrop { background-color: var(--body-bg); }
body.site .lg-actions .lg-next, body.site .lg-actions .lg-prev { background-color: rgba(0, 0, 0, 0); color: var(--body-color); }
body.site .lg-actions .lg-next:hover, body.site .lg-actions .lg-prev:hover { color: var(--body-color); }
body.site .lg-toolbar { background-color: rgba(0, 0, 0, 0); }
body.site .lg-toolbar .lg-icon { color: var(--body-color); }
body.site .lg-toolbar .lg-icon:hover { color: var(--body-color); }
body.site .lg-sub-html { background-color: rgba(0, 0, 0, 0); color: var(--body-color); overflow: auto; }
body.site #lg-counter { color: var(--body-color); }
body.site .jg_catelem_text { padding-bottom: 10px; }
body.site .lg-sub-html h4 button { cursor: pointer; border: none; margin: 0; padding: 0; width: auto; overflow: visible; background: transparent; color: inherit; font: inherit; text-align: inherit; line-height: normal; outline: none; -webkit-font-smoothing: inherit; -moz-osx-font-smoothing: inherit; -webkit-appearance: none; }

@media (min-width: 980px) {
  body.site .lg-outer .lg-img-wrap { padding: 40px 20px; }
  body.site .lg-actions .lg-next { right: calc(25% + 20px); }
  body.site .lg-outer .lg-inner { width: 75% }
  body.site .lg-sub-html { top: 0; left: 75%; padding: 40px 40px 40px 20px ; text-align: left; display: flex; align-items: start; }
  body.site .lg-sub-html div { }
  body.site .jg_catelem_text { display: block; }
}

@media (max-width: 979px) {
  body.site .lg-sub-html { max-height: calc(100% - 40px); padding: 10px 5px; }
  body.site .lg-sub-html .jg_catelem_caption { background: rgba(255,255,255,0.95); }
  body.site .lg-sub-html h4 button:after { content: ' ▾'; }
  body.site .jg_catelem_caption .jg_catelem_text { height: 100%; padding: 0.5rem 0; opacity: 1; transition: opacity 0.5s ease-in; }
  body.site .jg_catelem_caption.toggled .jg_catelem_text { height: 0; padding: 0; overflow: hidden; opacity: 0; }
  body.site .lg-sub-html span {
    /* background: rgba(255,255,255,0.95); */
  }
  body.site .jg_catelem_text {
    padding: 0.5rem;
    /* background: rgba(255,255,255,0.95); */
  }
}

/* RD CATLIST GRID MASONRY */

body.site main {
  overflow-anchor: none;
}

body.site .jg_lightgallery:not(.justified) {
  visibility: hidden;
}

body.site .jg_lightgallery:not(.justified).loaded {
  visibility: visible;
  animation: fadeIn 0.75s;
}

/* RD CATLIST JUSTIFIED */

body.site .jg_lightgallery.justified > .hover_img {
  position: relative;
}

body.site .jg_lightgallery.justified > .hover_img .jg_catelem_title {
  font-size: 1rem;
  padding: 12px 8px 0 8px;
  position: absolute;
  left: 0;
  color: var(--body-bg);
  word-break: break-all;
  /* background: linear-gradient(0deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); */
}

body.site .jg_lightgallery.justified > .hover_img .jg_catelem_title {
  background-image: linear-gradient(
    hsla(0,0%,0%,0),
    hsla(0,0%,0%,.00709) 10.47%,
    hsla(0,0%,0%,.02755) 19.56%,
    hsla(0,0%,0%,.06016) 27.58%,
    hsla(0,0%,0%,.1037) 34.81%,
    hsla(0,0%,0%,.15697) 41.57%,
    hsla(0,0%,0%,.21875) 48.13%,
    hsla(0,0%,0%,.28782) 54.79%,
    hsla(0,0%,0%,.36296) 61.85%,
    hsla(0,0%,0%,.44297) 69.61%,
    hsla(0,0%,0%,.52662) 78.36%,
    hsla(0,0%,0%,.6127) 88.39%,
    hsla(0,0%,0%,.7)
  );
}

body.site .jg_lightgallery.justified > .hover_img img.end + .jg_catelem_title {
  right: 0!important;
}

body.site .jg_lightgallery.justified > .hover_img img.last + .jg_catelem_title {
  bottom: 0!important;
}

body.site .jg_lightgallery.justified > .hover_img img,
body.site .jg_lightgallery.justified > .hover_img img + .jg_catelem_title {
  display: none;
}

body.site .jg_lightgallery.justified > .hover_img img[style],
body.site .jg_lightgallery.justified > .hover_img img[style] + .jg_catelem_title {
  display: block;
  animation: fadeIn 0.75s;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(15px);
  } to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* RD GALLERY */

.com-content-article ul {
  overflow: visible;
}

body.site .fotorama-container { margin: 40px 0; }
body.site .fotorama__dot { border-color: var(--body-color); left: 0; border-radius: 100%; width: 8px; height: 8px; top: 10px; box-sizing: border-box; }
body.site .fotorama__nav__frame.fotorama__active .fotorama__dot::after { padding: 4px; top: -2px; left: -2px; }
body.site .fotorama__nav__frame.fotorama__active .fotorama__dot { border-width: 4px; }
body.site .fotorama-caption { font-size: 1.15rem; text-align: center; }

body.site .fotorama-container { margin: 12px 0 24px 0; }
body.site .fotorama__custom__nav { position: relative; }
body.site .fotorama__custom__arr { position: absolute; width: 32px; height: 32px; top: 50%; margin-top: -16px; transform: translate3d(0,0,0); cursor: pointer; }
body.site .fotorama__custom__arr--prev { left: -48px; }
body.site .fotorama__custom__arr--next { right: -48px; }

body.site .fotorama__custom__arr { background: url('../../../../../media/plg_fields_rdgallery/css/fotorama@2x-bw.png') 0 0/96px 160px no-repeat; }
body.site .fotorama__custom__arr--next { background-position: -32px 0; }

@media (max-width: 1430px) {
  body.site .fotorama__custom__arr--prev {
    left: 0px;
    }

    body.site .fotorama__custom__arr--next {
      right: 0px;
    }
}
@media (max-width: 768px) { .fotorama__custom__arr { display: none; } }

/* COM CONTENT FORM EDIT */

joomla-tab button[aria-controls="publishing"],
joomla-tab button[aria-controls="metadata"] {
  display: none;
}

joomla-tab-element#images .control-group:not(:nth-of-type(1)):not(:nth-of-type(4)) {
  display: none;
}

joomla-tab-element .control-group {
  padding: 0.5em;
  background: #f5f5f5;
  border-radius: 0.125em;
}

joomla-tab-element label {
  font-weight: 600;
}

joomla-tab-element .controls {
  margin-bottom: 0.5em;
}

joomla-tab-element .subform-repeatable-container .controls {
  margin-bottom: 0;
}

joomla-tab-element .subform-repeatable-wrapper.subform-layout {
  margin: -0.5em 0 2em 2em;
}

joomla-tab-element tbody.subform-repeatable-container {
  border-top: 0 !important;
}

.choices[data-type*="select-one"] .choices__button_joomla {
  opacity: 1;
  font-weight: 600;
  margin-block-start: -15px;
}

/* MOD RD LOCATOR | INDOORLOCATOR */

.location-list .filter input.search {
  /* border-radius: 2px!important; */
}

.leaflet-tile-container.leaflet-zoom-animated {
  filter: grayscale(1) brightness(66%) contrast(400%);
}

/* PLG RD EXTERNALLINKS */

a#external {
  margin-right: 21px;
  position: relative;
  /* white-space: nowrap; */
}

a#external:before {
  content: "\f08e";
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-size: 11px;
  position: absolute;
  display: inline-block;
  width: 14px;
  height: 14px;
  line-height: 14px;
  left: auto;
  right: -21px;
  bottom: 2px;
  font-weight: 900;
}

/* USER PANEL */

body.site .choices__list--multiple .choices__item {
  color: var(--body-color);
  background-color: var(--spicy-color-hover-trans);
}

body.site.com_joomgallery.view-userimage joomla-tab button[aria-controls="Publishing"],
body.site.com_joomgallery.view-userimage joomla-tab button[aria-controls="Images"],
body.site.com_joomgallery.view-userimage joomla-tab button[aria-controls="DisplayParams"] {
  display: none;
}


body.site.com_joomgallery.view-usercategory joomla-tab button[aria-controls="Options"],
body.site.com_joomgallery.view-usercategory joomla-tab button[aria-controls="Publishing"],
body.site.com_joomgallery.view-usercategory joomla-tab button[aria-controls="Displayparams"] {
  display: none;
}

body.site.com_joomgallery.view-usercategory joomla-tab-element#category .control-group:nth-of-type(5),
body.site.com_joomgallery.view-usercategory joomla-tab-element#category .control-group:nth-of-type(6) {
  display: none;
}

body.site.com_joomgallery td.d-lg-table-cell > a {
  text-decoration: none;
}

/* USER MANUAL */

body.site.manual {
  background: #f5f5f5;
}

body.site.view-article.manual .com-content-article img {
  box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px;
}

/* INFO */

body.site.layout-blog .com-content-category-blog__item {
  margin-bottom: 3em;
}

/* RD URL */

body.site .rdurl {
  margin: 2em 0;
}

body.site .rdurl > ul.rdurllist {
  gap: 0.5em;
}

body.site .rdurl > ul.rdurllist > li.urlitem {
  font-weight: 600;
}

.rdurl > ul.rdurllist > li.urlitem > .urlicon {
  mask-size: 18px!important;
  background: var(--body-color);
}

/* RD AUDIO */

body.site .plyr--audio .plyr__controls {
  border-radius: 0.125em;
}

.plyr--audio .plyr__control.plyr__tab-focus,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded="true"] {
  background: var(--body-color)!important;
}

.plyr {
  box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px;
}