/* Show the word "DEV" in the top left corner of the page */
.jmodedit {
  display: none; }

@font-face {
  font-family: InterVariable;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/InterVariable.woff2") format("woff2"); }
@font-face {
  font-family: InterVariable;
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/InterVariable-Italic.woff2") format("woff2"); }
/* static fonts */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("../fonts/Inter-Thin.woff2") format("woff2"); }
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url("../fonts/Inter-ThinItalic.woff2") format("woff2"); }
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("../fonts/Inter-ExtraLight.woff2") format("woff2"); }
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url("../fonts/Inter-ExtraLightItalic.woff2") format("woff2"); }
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/Inter-Light.woff2") format("woff2"); }
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/Inter-LightItalic.woff2") format("woff2"); }
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/Inter-Regular.woff2") format("woff2"); }
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/Inter-Italic.woff2") format("woff2"); }
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/Inter-Medium.woff2") format("woff2"); }
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/Inter-MediumItalic.woff2") format("woff2"); }
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/Inter-SemiBold.woff2") format("woff2"); }
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/Inter-SemiBoldItalic.woff2") format("woff2"); }
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/Inter-Bold.woff2") format("woff2"); }
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/Inter-BoldItalic.woff2") format("woff2"); }
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../fonts/Inter-ExtraBold.woff2") format("woff2"); }
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url("../fonts/Inter-ExtraBoldItalic.woff2") format("woff2"); }
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../fonts/Inter-Black.woff2") format("woff2"); }
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url("../fonts/Inter-BlackItalic.woff2") format("woff2"); }
@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("../fonts/InterDisplay-Thin.woff2") format("woff2"); }
@font-face {
  font-family: "InterDisplay";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url("../fonts/InterDisplay-ThinItalic.woff2") format("woff2"); }
@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("../fonts/InterDisplay-ExtraLight.woff2") format("woff2"); }
@font-face {
  font-family: "InterDisplay";
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url("../fonts/InterDisplay-ExtraLightItalic.woff2") format("woff2"); }
@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/InterDisplay-Light.woff2") format("woff2"); }
@font-face {
  font-family: "InterDisplay";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/InterDisplay-LightItalic.woff2") format("woff2"); }
@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/InterDisplay-Regular.woff2") format("woff2"); }
@font-face {
  font-family: "InterDisplay";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/InterDisplay-Italic.woff2") format("woff2"); }
@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/InterDisplay-Medium.woff2") format("woff2"); }
@font-face {
  font-family: "InterDisplay";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/InterDisplay-MediumItalic.woff2") format("woff2"); }
@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/InterDisplay-SemiBold.woff2") format("woff2"); }
@font-face {
  font-family: "InterDisplay";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/InterDisplay-SemiBoldItalic.woff2") format("woff2"); }
@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/InterDisplay-Bold.woff2") format("woff2"); }
@font-face {
  font-family: "InterDisplay";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/InterDisplay-BoldItalic.woff2") format("woff2"); }
@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../fonts/InterDisplay-ExtraBold.woff2") format("woff2"); }
@font-face {
  font-family: "InterDisplay";
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url("../fonts/InterDisplay-ExtraBoldItalic.woff2") format("woff2"); }
@font-face {
  font-family: "InterDisplay";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../fonts/InterDisplay-Black.woff2") format("woff2"); }
@font-face {
  font-family: "InterDisplay";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url("../fonts/InterDisplay-BlackItalic.woff2") format("woff2"); }
:root {
  --body-font-family: "Inter", sans-serif;
  --font-sans-serif: "Inter", sans-serif;
  --body-font-size: 16px;
  --body-font-weight: 400;
  --body-line-height: 150%; }

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: "Inter", sans-serif; }

@supports (font-variation-settings: normal) {
  :root {
    --body-font-family: "InterVariable", sans-serif;
    --font-sans-serif: "InterVariable", sans-serif; }

  h1,
  .h1,
  h2,
  .h2,
  h3,
  .h3,
  h4,
  .h4,
  h5,
  .h5,
  h6,
  .h6 {
    font-family: "InterVariable", sans-serif; } }
b,
strong {
  font-weight: bold; }

body {
  color: #1d1d1b;
  background-color: #fff; }

a,
a:not([class]) {
  color: #ce0055;
  text-decoration: none;
  font-weight: bold; }

a:not(.btn):hover,
a:focus {
  color: #f9ac00; }

h2.item-title a:not([class]),
.item-content .page-header h2 a {
  color: #1d1d1b; }

.page-link,
.page-link:hover {
  color: #ce0055; }

.page-link.active,
.active > .page-link {
  color: #fcfcfd;
  background-color: #ce0055;
  border-color: #ce0055; }

.view-article .site-grid ul:not(.tags),
.blog-items .site-grid ul:not(.tags) {
  list-style-type: none;
  padding-left: 0; }
  .view-article .site-grid ul:not(.tags) li,
  .blog-items .site-grid ul:not(.tags) li {
    position: relative;
    padding-left: 25px; }
  .view-article .site-grid ul:not(.tags) li::before,
  .blog-items .site-grid ul:not(.tags) li::before {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 0; }

/* Header */
.container-header {
  background-color: #fcfcfd;
  background-image: none;
  padding: 0 max(min(calc(48 / 992 * 100vw), 48px), 10px); }
  .container-header .container-below-top {
    padding: 0.5em 0; }
    .container-header .container-below-top a,
    .container-header .container-below-top a:hover,
    .container-header .container-below-top a:visited {
      color: #1d1d1b;
      font-weight: bold; }
    .container-header .container-below-top .header-image {
      margin-right: 2.42%;
      width: max(min(calc(210 / 992 * 100vw), 210px), 100px); }
      .container-header .container-below-top .header-image .mod-custom,
      .container-header .container-below-top .header-image img {
        width: 100%; }
    .container-header .container-below-top .header-name-slogan {
      margin: 0 2.42%; }
      .container-header .container-below-top .header-name-slogan .mod-custom h2.brand-title-name {
        font-size: max(min(calc(32 / 992 * 100vw), 32px), 18px);
        margin-bottom: 1.1%; }
      .container-header .container-below-top .header-name-slogan .mod-custom p.brand-title-description {
        font-size: max(min(calc(18 / 992 * 100vw), 18px), 12px);
        font-weight: normal;
        line-height: max(min(calc(22.5 / 992 * 100vw), 22.5px), 15px); }
    .container-header .container-below-top .header-search {
      margin-left: 2.42%; }
      .container-header .container-below-top .header-search button {
        color: #fff;
        padding: 0.4em 0.6em;
        background: #ef7a00;
        background: linear-gradient(90deg, #ef7a00 0%, #f9ac00 100%);
        border: none;
        font-weight: bold;
        cursor: pointer;
        font-size: 0.8rem;
        padding: 0.3rem 0.5rem; }
      .container-header .container-below-top .header-search input {
        font-size: 0.8rem;
        padding: 0.3rem 0.5rem; }
      .container-header .container-below-top .header-search .form-control {
        padding: 0.4rem 0.6rem; }

.mobile-search button {
  color: #fff;
  padding: 0.4em 0.6em;
  background: #ef7a00;
  background: linear-gradient(90deg, #ef7a00 0%, #f9ac00 100%);
  border: none;
  font-weight: bold;
  cursor: pointer;
  font-size: 0.8rem;
  padding: 0.3rem 0.5rem; }

@media (width < 992px) {
  .header-name-slogan {
    margin: 0 0 0 2.42% !important; }

  .header-search {
    display: none; } }
@media (width >= 992px) {
  .container-header .grid-child.container-below-top {
    display: flex;
    align-items: start; }
    .container-header .grid-child.container-below-top .header-image {
      flex-grow: 0;
      display: flex; }
    .container-header .grid-child.container-below-top .header-name-slogan {
      flex-grow: 1; }
    .container-header .grid-child.container-below-top .header-search {
      display: flex;
      align-items: start;
      flex-grow: 0;
      min-width: 200px; } }
/* Menu */
.container-header .metismenu.mod-menu {
  color: #1d1d1b; }
  .container-header .metismenu.mod-menu .metismenu-item {
    padding: 0.15em 0.5em 0.5em 0.5em; }
  .container-header .metismenu.mod-menu li.metismenu-item.level-1:first-child {
    padding: 0.15em 0.5em 0.5em 0.5em; }
  .container-header .metismenu.mod-menu .mm-toggler::after {
    content: "\f067";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 0.6em;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    margin-left: 2px;
    position: relative;
    padding: 0.65em;
    color: #666; }
  .container-header .metismenu.mod-menu .metismenu-item.mm-active {
    background: #fff;
    box-shadow: 0 0.5em 0.5em 0 #0000001a; }
    .container-header .metismenu.mod-menu .metismenu-item.mm-active a,
    .container-header .metismenu.mod-menu .metismenu-item.mm-active a:not([class]) {
      color: #ce0055; }
    .container-header .metismenu.mod-menu .metismenu-item.mm-active a:not(.btn):hover,
    .container-header .metismenu.mod-menu .metismenu-item.mm-active a:focus {
      color: #f9ac00; }
    .container-header .metismenu.mod-menu .metismenu-item.mm-active .mm-toggler::after {
      content: "\f068"; }
  .container-header .metismenu.mod-menu .metismenu-item > ul {
    box-shadow: 0 0.5em 0.5em 0 #0000001a;
    left: 0; }

.container-header .navbar-toggler {
  color: #1d1d1b; }
.container-header .container-nav {
  padding: 0; }

.gradient-divider {
  height: 0.5em;
  background: linear-gradient(90deg, #b21849 0%, #ce0055 50%, #f08e17 100%);
  margin: 0.5em 0; }

.category-desc {
  margin: 2rem 0 4rem 0; }

.blog-items .blog-item {
  margin: 0 0 2rem 0;
  padding-bottom: 2rem;
  position: relative; }
  .blog-items .blog-item .page-header h2 {
    margin: 0 0 1rem 0; }
  .blog-items .blog-item p.readmore {
    margin: 0;
    text-align: right; }
.blog-items .blog-item::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 10%;
  /* Centers the border */
  width: 80%;
  /* Border width as 50% of the container */
  border-bottom: 1px solid #eee; }

/* Articles */
.article-info .icon-calendar {
  display: none; }

.page-link {
  padding: 0.2em 0.5em; }

@media (width <= 500px) {
  .page-link {
    padding: 0.2em 0.3em; } }
.sidebar-right.card #jemmodulebasic {
  padding: 0; }

.sidebar-right.card #jemmodulebasic ul {
  margin: 0; }

.sidebar-right.card #jemmodulebasic ul li {
  margin-left: 0; }

.sidebar-right.card #jemmodulebasic ul li:last-child {
  margin-bottom: 0; }

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --gutter-x: 1em;
  --gutter-y: 0;
  padding-right: calc(var(--gutter-x) * 0.5);
  padding-left: calc(var(--gutter-x) * 0.5);
  width: 100%;
  margin-left: auto;
  margin-right: auto; }

@supports (display: grid) {
  .site-grid {
    grid-gap: 0.5px 1rem;
    grid-template-columns: [full-start] minmax(0, 1fr) [main-start] repeat(10, minmax(0, 5.55em)) [main-end] minmax(0, 1fr) [full-end];
    grid-template-areas: ". banner banner banner banner banner banner banner banner banner banner ." ". top-a top-a top-a top-a top-a top-a top-a top-a top-a top-a ." ". top-b top-b top-b top-b top-b top-b top-b top-b top-b top-b ." ". comp comp comp comp comp comp comp comp comp comp ." ". side-r side-r side-r side-r side-r side-r side-r side-r side-r side-r ." ". side-l side-l side-l side-l side-l side-l side-l side-l side-l side-l ." ". bot-a bot-a bot-a bot-a bot-a bot-a bot-a bot-a bot-a bot-a ." ". bot-b bot-b bot-b bot-b bot-b bot-b bot-b bot-b bot-b bot-b ."; }

  @media (width >= 992px) {
    .site-grid {
      grid-gap: 0.5px 3rem;
      grid-template-areas: ". banner banner banner banner banner banner banner banner banner banner ." ". top-a top-a top-a top-a top-a top-a top-a top-a top-a top-a ." ". top-b top-b top-b top-b top-b top-b top-b top-b top-b top-b ." ". comp comp comp comp comp comp comp side-r side-r side-r." ". bot-a bot-a bot-a bot-a bot-a bot-a bot-a bot-a bot-a bot-a ." ". bot-b bot-b bot-b bot-b bot-b bot-b bot-b bot-b bot-b bot-b ."; } } }
.card {
  background: linear-gradient(to right, #e1e5e9, #f2f2f2);
  border: none; }

.card-header {
  background: none;
  border-bottom: none; }

/* Footer */
.footer {
  color: #1d1d1b;
  background-color: #fcfcfd;
  background-image: none;
  margin-top: 4rem; }
  .footer a,
  .footer a:not([class]) {
    color: #ce0055;
    text-decoration: none;
    font-weight: bold; }
  .footer a:not(.btn):hover,
  .footer a:focus {
    color: #f9ac00; }
  .footer .footer-contact .logo {
    margin-bottom: 2rem; }
  .footer .social-media a img {
    width: 2rem;
    margin-right: 0.5rem; }
  .footer .social-media a:hover {
    filter: invert(62%) sepia(96%) saturate(1721%) hue-rotate(5deg) brightness(103%) contrast(105%); }
  .footer nav {
    isolation: isolate;
    padding: 0; }
    .footer nav a,
    .footer nav a:not([class]) {
      color: #fff; }
    .footer nav a:not(.btn):hover,
    .footer nav a:focus {
      color: #fff; }
    .footer nav #navbar174 {
      border-bottom: none;
      display: flex;
      justify-content: flex-end;
      position: relative;
      align-items: end;
      flex-shrink: 0;
      padding: 40px 45px 30px 0;
      margin: 0 -22px 18px 22px;
      box-sizing: border-box;
      background: rgba(177, 25, 73, 0.64);
      background: linear-gradient(90deg, rgba(177, 25, 73, 0.64) 0%, rgba(207, 0, 85, 0.64) 50%, rgba(244, 152, 0, 0.64) 100%); }
    .footer nav #navbar174::before {
      display: block;
      content: "";
      position: absolute;
      z-index: -1;
      bottom: -18px;
      left: -22px;
      width: 100%;
      height: 99%;
      background: #792351;
      background: linear-gradient(90deg, #792351 0%, #ee7402 100%); }

@media (width >= 992px) {
  .footer .grid-child {
    display: flex;
    align-items: stretch; }
  .footer .mod-custom {
    flex-grow: 0;
    margin-right: 4rem; }
  .footer .navbar-expand-lg {
    flex-grow: 1;
    height: 100%; } }
/* Font sizes */
html {
  font-size: 16px;
  line-height: 24px; }

body {
  font-size: 1rem;
  line-height: 1.5rem; }

main {
  /* Increase to 18px/27px for main content */
  font-size: 1.125rem;
  line-height: 1.6875rem;
  /* factor 1.5 */
  padding: 0;
  margin-top: 4rem !important; }
  main h1,
  main .h1 {
    font-size: 2.5rem;
    /* 40px */
    line-height: 3.125rem;
    /* factor 1.25 */
    margin-top: 1.5rem;
    margin-bottom: 3rem; }
  main h2,
  main .h2 {
    font-size: 1.6rem;
    /* 25.6px */
    line-height: 2rem;
    /* factor 1.25 */
    margin-top: 1.5rem;
    margin-bottom: 1.5rem; }
  main h3,
  main .h3 {
    font-size: 1.4rem;
    line-height: 1.75rem;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem; }
  main h4,
  main .h4 {
    font-size: 1.25rem;
    line-height: 1.5rem;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem; }
  main h5,
  main .h5 {
    font-size: 1.25rem;
    line-height: 1.5rem;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem; }
  main p,
  main ul,
  main ol,
  main pre,
  main table,
  main blockquote {
    margin-top: 0rem;
    margin-bottom: 1.5rem; }

@media (width >= 992px) {
  main {
    padding: 0 4rem 0 0; } }
/* Increase to 20px/30px for main content */
.view-article main {
  font-size: 1.25rem;
  line-height: 1.875rem; }

main h1:first-of-type,
main h2:first-of-type {
  margin-top: 0; }

.container-sidebar-right > div:first-of-type {
  margin-top: 4rem !important; }

.container-sidebar-right .card {
  margin-bottom: 2rem; }

.profile-card {
  margin-bottom: 4rem; }
  .profile-card .profile-image {
    width: 100%;
    height: 100%; }
  .profile-card .profile-name {
    isolation: isolate; }
    .profile-card .profile-name h3 {
      color: #fff;
      display: flex;
      justify-content: flex-end;
      position: relative;
      align-items: end;
      flex-shrink: 0;
      padding: 24px 45px 10px 0;
      margin: -100px 0 0 22px;
      box-sizing: border-box;
      background: rgba(177, 25, 73, 0.64);
      background: linear-gradient(90deg, rgba(177, 25, 73, 0.64) 0%, rgba(207, 0, 85, 0.64) 50%, rgba(244, 152, 0, 0.64) 100%); }
    .profile-card .profile-name h3::before {
      display: block;
      content: "";
      position: absolute;
      z-index: -1;
      bottom: -18px;
      left: -22px;
      width: 100%;
      height: 99%;
      background: #792351;
      background: linear-gradient(90deg, #792351 0%, #ee7402 100%); }

@media (width >= 992px) {
  .right.item-image {
    float: right;
    width: 50%;
    margin: 0 0 1rem 1rem; }

  .left.item-image {
    float: left;
    width: 50%;
    margin: 0 1rem 1rem 0; } }
figcaption {
  font-size: 1rem;
  line-height: 1.25rem;
  margin: 0.5rem 0; }

mark {
  background-color: #f9ac00; }

.result__item + .result__item {
  border-top: 1px solid #eee;
  margin-top: 2rem;
  padding-top: 2rem; }

ul.tags.list-inline::before {
  content: "Tags: ";
  font-size: 0.875rem;
  font-weight: bold; }

ul.tags li a.btn {
  color: #fff;
  padding: 0.4em 0.6em;
  background: #ef7a00;
  background: linear-gradient(90deg, #ef7a00 0%, #f9ac00 100%);
  border: 1px solid transparent;
  font-weight: bold;
  cursor: pointer;
  font-size: 0.8rem;
  padding: 0.3rem 0.5rem; }
ul.tags li a.btn:hover {
  border: 1px solid #000;
  transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s; }

.blog-item ul.tags,
.com-tags__items #adminForm {
  display: none; }

ul.com-tags-tag__category li.list-group-item-action {
  border: none;
  padding: 0 0 2rem 0;
  margin-bottom: 2rem;
  border-bottom: 1px solid #eee; }
  ul.com-tags-tag__category li.list-group-item-action h3 a {
    color: #1d1d1b;
    font-size: 1.6rem;
    line-height: 2rem;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem; }
ul.com-tags-tag__category li.list-group-item-action:hover {
  background-color: transparent; }

/*# sourceMappingURL=user.css.map */