/* CSS XT */

@import "xt/overlay.css";

/* ACCESSIBILITY WARNING */

:focus {
   outline: none!important;
}

/* BRAND NEXT TO MENU */

.container-header {
  padding: 0;
  background-image: none;
}

.container-header .grid-child {
  padding: 1em;
  box-sizing: content-box;
}

body.wrapper-fluid .container-header .grid-child {
  box-sizing: border-box;
}

.container-brand-nav {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-column-gap: 2em;
  grid-template-areas:
    "brand nav";
  align-items: center;
  max-width: none;
}

.container-brand-nav.wrapper-static {
  width: auto;
  max-width: 1320px;
}

.container-header .container-brand {
  grid-area: brand;
  padding: 0;
}

.container-header .container-nav {
  grid-area: nav;
  padding: 0 .5em;
  box-sizing: border-box;
}

.container-header .container-brand-nav .container-nav {
  margin-left: 0;
}

.container-header nav {
  margin: .25em auto 0 0;
}

/* MENU */

@media (max-width: 991px) { 
  .container-header .mod-menu, .container-sidebar-left .mod-menu { display: none;}
}

@media (min-width: 992px) {
  .navbar-expand-lg { display: none; }
}

/* JOOMLA */

.com-content-article.view-article .com-content-article__body {
  max-width: 986px;
}

ul.fields-container {
  padding-left: 0;
}

div[itemprop="articleBody"] + ul.fields-container {
	display: flex;
	flex-direction: column;
	margin: 4em 0 2em 0;
}

main ul:not([class]) > li {
  list-style-type: '\0203A';
  padding-left: 0.5rem;
}

main ul > li::marker {
  font-weight: 600;
}

li.field-entry {
  list-style: none;
  padding-left: 0;
}

li.field-entry > span.field-label {
  display: inline-block;
  margin-bottom: 0.5em;
}

.grid-child.container-sidebar-right {
  padding-left: 1em;
}

@media (max-width: 991px) {
  .grid-child.container-sidebar-right {
    padding-left: 0;
  }
}

/* METIS MENU */

.metismenu.mod-menu .mm-toggler::after {
  content: '';
  background: url('../images/expand_more.svg');
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.5em;
  height: 1.5em;
  border-top: none;
  border-left: none;
  border-right: none;
}

/* COM_CONTENT SPICY */

body.site.layout-spicyspicy .blog-items {
  align-items: flex-start;
  grid-gap: 2em;
  overflow-anchor: none;
} /* JS MASONRY */

p.readmore {
  margin: 1.5em 0 3em 0;
}

body.site.layout-spicyspicy .com-content-category-blog__navigation {
  display: none;
}

body.site.layout-spicyspicy .blog-item {
  animation: fadein 1.25s;
}

@keyframes fadein { 
  from {
    transform: translateY(1.75em);
  }
  to {
    transform: translateY(0);
  }
}

body.site.layout-spicyspicy .item-content img {
  display: block;
}