/* fonts */

/* latin-ext */
@font-face {
  font-family: 'Staatliches';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/staatliches/v13/HI_OiY8KO6hCsQSoAPmtMYeVvpCfOMPTjMY.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Staatliches';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/staatliches/v13/HI_OiY8KO6hCsQSoAPmtMYebvpCfOMPT.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 200 1000;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0OMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t3NeCAAFOvV9SNjBwHuBdlEl2qOL.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 200 1000;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0OMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t3NeCAAFOvV9SNjBznuBdlEl2g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 200 1000;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0AMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfUVwoNnq4CLz0_kJPxzHGGVFMV2w.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 200 1000;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0AMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfUVwoNnq4CLz0_kJ3xzHGGVFM.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
    --bs-font-sans-serif: 'Nunito Sans',sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}

/* base */

:root,[data-bs-theme=light] {
    --blue: #010156;
    --black: #000;
    --indigo: #6812f3;
    --purple: #6f42c2;
    --pink: #e93f8e;
    --red: #a51f18;
    --orange: #fd7e17;
    --yellow: #ad6200;
    --green: #448344;
    --teal: #5abfdd;
    --cyan: #30638d;
    --white: #fff;
    --gray-100: #f9fafb;
    --gray-200: #eaedf0;
    --gray-300: #dfe3e7;
    --gray-400: #ced4da;
    --gray-500: #adb5bd;
    --gray-600: #6d757e;
    --gray-700: #484f56;
    --gray-800: #353b41;
    --gray-900: #22262a;
    --primary: #010156;
    --secondary: #6d757e;
    --success: #448344;
    --info: #30638d;
    --warning: #ad6200;
    --danger: #a51f18;
    --light: #f9fafb;
    --dark: #353b41;
    --primary-rgb: 1,1,86;
    --secondary-rgb: 109,117,126;
    --success-rgb: 68,131,68;
    --info-rgb: 48,99,141;
    --warning-rgb: 173,98,0;
    --danger-rgb: 165,31,24;
    --light-rgb: 249,250,251;
    --dark-rgb: 53,59,65;
    --primary-text-emphasis: #002;
    --secondary-text-emphasis: #2c2f32;
    --success-text-emphasis: #1b351b;
    --info-text-emphasis: #132838;
    --warning-text-emphasis: #452700;
    --danger-text-emphasis: #420c09;
    --light-text-emphasis: #484f56;
    --dark-text-emphasis: #484f56;
    --primary-bg-subtle: #ccd;
    --secondary-bg-subtle: #e2e3e5;
    --success-bg-subtle: #dae6da;
    --info-bg-subtle: #d6e0e8;
    --warning-bg-subtle: #efe0cc;
    --danger-bg-subtle: #edd2d1;
    --light-bg-subtle: #fcfcfd;
    --dark-bg-subtle: #ced4da;
    --primary-border-subtle: #99b;
    --secondary-border-subtle: #c5c8cb;
    --success-border-subtle: #b4ceb4;
    --info-border-subtle: #acc1d1;
    --warning-border-subtle: #dec099;
    --danger-border-subtle: #dba5a2;
    --light-border-subtle: #eaedf0;
    --dark-border-subtle: #adb5bd;
    --white-rgb: 255,255,255;
    --black-rgb: 0,0,0;
    --font-sans-serif: 'Nunito Sans',sans-serif;
    --font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --gradient: linear-gradient(180deg,#ffffff26,#fff0);
    --body-font-family: 'Nunito Sans',sans-serif;
    --body-font-size: 1rem;
    --body-font-weight: 400;
    --body-line-height: 1.5;
    --body-color: #22262a;
    --body-color-rgb: 34,38,42;
    --body-bg: #fff;
    --body-bg-rgb: 255,255,255;
    --emphasis-color: #000;
    --emphasis-color-rgb: 0,0,0;
    --secondary-color: #22262abf;
    --secondary-color-rgb: 34,38,42;
    --secondary-bg: #eaedf0;
    --secondary-bg-rgb: 234,237,240;
    --tertiary-color: #22262a80;
    --tertiary-color-rgb: 34,38,42;
    --tertiary-bg: #f9fafb;
    --tertiary-bg-rgb: 249,250,251;
    --heading-color: inherit;
    --link-color: #224faa;
    --link-color-rgb: 34,79,170;
    --link-decoration: underline;
    --link-hover-color: #424077;
    --link-hover-color-rgb: 66,64,119;
    --code-color: #e93f8e;
    --highlight-color: #22262a;
    --highlight-bg: #fbeea8;
    --border-width: 1px;
    --border-style: solid;
    --border-color: #dfe3e7;
    --border-color-translucent: #0000002d;
    --border-radius: .25rem;
    --border-radius-sm: .2rem;
    --border-radius-lg: .3rem;
    --border-radius-xl: .3rem;
    --border-radius-xxl: 2rem;
    --border-radius-2xl: var(--border-radius-xxl);
    --border-radius-pill: 50rem;
    --box-shadow: 0 .5rem 1rem #00000026;
    --box-shadow-sm: 0 .125rem .25rem #00000013;
    --box-shadow-lg: 0 1rem 3rem #0000002d;
    --box-shadow-inset: inset 0 1px 2px #00000013;
    --focus-ring-width: .25rem;
    --focus-ring-opacity: .25;
    --focus-ring-color: #01015640;
    --form-valid-color: #448344;
    --form-valid-border-color: #448344;
    --form-invalid-color: #a51f18;
    --form-invalid-border-color: #a51f18;
  --bs-btn-padding-x:.25em;
  --bs-btn-padding-y:0;
}

/* chrome */

body { background: #f7f0ea; }
h1, .h1, .header.container-header.full-width, .header-filter { font-family:'Staatliches',sans-serif; }
 h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family:'Nunito Sans',sans-serif; }

/* header */

.header.container-header.full-width { background:#182438; background-image:linear-gradient(#041F2B 0%, #182438 50%,#18324C 100%); background: black !important; text-align:center; font-size: 1.5em; transform:skewY(2deg); }
  .header.container-header.full-width > div { transform:skewY(-2deg); }

  .header.container-header.full-width::before { background: #041F2B; background: black !important; content: ''; display: block; height:2em; margin:0em 0 0; transform: skewY(-2deg); position: absolute; left: 0; right: 0; z-index:-1; }

  .header.container-header.full-width .grid-child, .container-header .mod-menu.mod-list.nav  { display:block !important; }
.container-header .mod-menu>li { display:inline-block; }
.container-header .navbar-brand { font-size:3rem; text-decoration:none; }
.container-header .navbar-brand a { text-decoration:none; }
.container-header .site-description { font-size:1.25rem; }

.breadcrumb { background:none; }

.footer { background: #182438; background: black !important; margin:5em 0 -5em; padding:5em 0; transform:skewY(-5deg); }
.footer > .grid-child { transform:skewY(5deg); }
.footer::after { background: #182438; background: black !important; content: ''; display: block; height:20em; margin:-5em 0 0; transform: skewY(10deg); position: absolute; left: 0; right: 0; z-index:-1; }

footer.full-width .grid-child { background:#182438; background: black !important; align-items:stretch; display:grid; gap:1em; grid-template-columns: repeat(3, 1fr); }
  footer.full-width .grid-child .mod-footer { grid-column: 1 / -1; text-align:center; }
.footer-support { background:#18324C; background: black !important; border-radius:.5em; padding:.66em 1em 1em; }

.kofi-footer { display:inline-block; }
  .kofi-footer img { display:inline-block; width:50%; max-width:205px; }

footer.full-width .grid-child .mod-menu, footer.full-width .grid-child .mod-footer, footer.full-width .grid-child .mod-custom { margin-bottom:1em; }

/* article */

.item-image { display: block; float: none !important; text-align: center; }
  .item-image img { height:auto; width: 100%; max-width: 600px; }

/* listings */

.rsdir-listing { background:white; }
.rsdir-listing-unpublished { background: #ececec !important; }
.rsdir-listing-title { font-size:1.75rem !important; }
.rsdir-listing-big-subtitle { font-size:1.25rem !important; }
.help-block { opacity:.5; }
.rsdir-listing-small-subtitle { font-size: 1em !important; }
.tags span { background:#eee; border-radius:3px; display:inline-block; margin:0 .25em .5em 0; padding:.25em .5em; }

/* filter */

.andromeda-filter details { padding: 0; }
.andromeda-filter summary { padding: 1em; }
.andromeda-filter .card-body { padding: 0; }
.andromeda-filter .row { padding: 0 1em 1em }
.andromeda-filter footer { margin: 0; width: 100%; text-align: right; }
    .andromeda-filter .rsdir-filter-form { display:  flex; flex-wrap: wrap; gap:1em; justify-content: space-between; }
    .andromeda-filter .rsdir-filter { background: #fafafa; border:1px solid #f0f0f0; border-radius: .5em; flex-grow: 1; flex-shrink: 0; margin: 0; padding: .75em; }
/*    .andromeda-filter .rsdir-filter-218 { width: 100%; } /* humans vs robots */
/*    .andromeda-filter .rsdir-filter-218 { width: 100%; } /* language */
/*    .andromeda-filter .rsdir-filter-218 { width: 100%; } /* type */
/*    .andromeda-filter .rsdir-filter-218 { width: 100%; } /* group size */
/*    .andromeda-filter .rsdir-filter-218 { width: 100%; } /* system */
/*    .andromeda-filter .rsdir-filter-218 { width: 100%; } /* genre */
/*    .andromeda-filter .rsdir-filter-218 { width: 100%; } /* playstyle */
/*    .andromeda-filter .rsdir-filter-218 { width: 100%; } /* age */
/*    .andromeda-filter .rsdir-filter-218 { width: 100%; } /* release status */
/*    .andromeda-filter .rsdir-filter-218 { width: 100%; } /* digital price */
/*    .andromeda-filter .rsdir-filter-218 { width: 100%; } /* physical price */
/*    .andromeda-filter .rsdir-filter-218 { width: 100%; } /* available platform */
/*    .andromeda-filter .rsdir-filter-218 { width: 100%; } /* corwdfunding site */
/*    .andromeda-filter .rsdir-filter-218 { width: 100%; } /* campaign start */
/*    .andromeda-filter .rsdir-filter-218 { width: 100%; } /* campaign end */
/*    .andromeda-filter .rsdir-filter-218 { width: 100%; } /* event */

/* latest additions */

.rsdir-newest-entries { justify-content:center; }
   .rsdir-newest-entry { min-width:180px; width:auto; }
        .rsdir-newest-entry .img-thumbnail { }
        .rsdir-newest-entry .rsdir-newest-entry-body { white-space: nowrap; } 

/*.view-entries .container-sidebar-left { grid-area: main-t; }*/

/* entry */

.humans, .robots { background:white; border:2px solid; border-radius:6px; color:black; display:inline-block; font-size:.75em; margin:0 .25em 0 0; padding:.25em .5em; text-transform:uppercase; }

.robots { background:black; border-color:black; color:white; }

.mod-list li { padding:.25em .5em; }
.itemid-127 .sidebar-left, .itemid-145 .sidebar-left:last-of-type { position:sticky; top:2em; }
.itemid-127 .item-page > form:first-of-type { --alert-padding-x: 1rem;
    --alert-padding-y: 1rem;
    --alert-margin-bottom: 1rem;
    --alert-color: inherit;
    --alert-border-color: transparent;
    --alert-border: var(--border-width) solid var(--alert-border-color);
    --alert-border-radius: var(--border-radius);
    --alert-link-color: inherit;
    --alert-color: var(--info-text-emphasis);
    --alert-bg: var(--info-bg-subtle);
    --alert-border-color: var(--info-border-subtle);
    --alert-link-color: var(--info-text-emphasis);
    padding: var(--alert-padding-y) var(--alert-padding-x);
    margin-bottom: var(--alert-margin-bottom);
    color: var(--alert-color);
    background-color: var(--alert-bg);
    border: var(--alert-border);
    border-radius: var(--alert-border-radius);
    position: relative;
}

/* edit links */

.edit-links { display:inline-block;  }
  .edit-links ul { display:inline-block; list-style:none; margin:0; padding:0; }
  .edit-links li { display:inline-block; margin:0 .5em; padding:0; }
#adminForm h3 { background: #eee; padding: .2em .4em; }



/* header */

.container-topbar { display:grid; grid-template: 1fr / minmax(100px, 1fr) 2fr minmax(100px, 1fr); line-height:25px; margin:0 0 1em; padding:1em; }
  .container-topbar > * { align-content:center; }
  .container-topbar #mod-custom136 { text-align:left; }
    .container-topbar #mod-custom136 img { height:25px; width:auto; }
    .container-topbar #mod-custom136 p { margin:0; }
  .container-topbar .mod-list { text-align:right; }

  .rsdir-mod-simple-search { /*display:grid; grid-template-columns:1fr 3em; grid-gap:.25em; opacity:.5;*/ row-gap:0 !important; transition:all .42s ease-out; }
    .rsdir-mod-simple-search .form-control { background:rgba(255,255,255,.1); border-color:#7c7c7c; transition:all .42s ease-out; }
    .rsdir-mod-simple-search .form-control::placeholder { color:#7c7c7c; }
    .rsdir-mod-simple-search .form-control:focus { background:rgba(255,255,255,.9); }
      .rsdir-mod-simple-search:hover .input-group-text { background:#c7c7c7; }
      .rsdir-mod-simple-search .input-group.mb-2 { margin:0 !important; }
    .rsdir-mod-simple-search .btn { font-size:16px; }


/* FILTER original */

.header-filter { background:#182438; background: black !important; border:0; border-radius:0; color:white; font-size:1.5em; margin: 3em !important; padding: 3em 0; transform:skew(8deg, -3deg); text-align:center; }
#mod-custom135 { font-size:2.5em; line-height:1em; transform:skew(-8deg, 3deg); }
  #mod-custom135 p { display:block !important; }
  #mod-custom135 a { font-size:.65em; }
  #mod-custom135 strong { background:#E29D00; background-image:linear-gradient(#E29D00 50%, #CD9020 100%); border-radius:.1em; color:black; display:inline-block; font-size: 0.8em; line-height:1; padding: .1em 0.2em; position: relative; top: -0.1em; }

#rsdir-sliding-range-175 .slider-handle.min-slider-handle { display:none; }
  .rsdir-filter-sliding-range-values { font-size:16px !important; }

/* buttons */

.btn { font-family:'Staatliches', 'Nunito Sans', sans-serif; font-size:1.25em; line-height:1; padding:.4em .5em; }
.btn-primary {
    color: #fff;
    background: #009A33;
    background-image: linear-gradient(#009A33 50%, #00773E 100%);
    border-color: #009A33;
    border-width: 0 0 1px 0;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #009A33;
    --bs-btn-hover-border-color: #FFCE00;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #009A33;
    --bs-btn-active-border-color: #FFCE00;
    --bs-btn-active-shadow: inset 0 3px 5px #00000020;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
  }
.btn-secondary {
    color: #000;
    background: #FFCE00;
    background-image: linear-gradient(#FFCE00 50%, #E7BB07 100%);
    border-color: #FFCE00;
    border-width: 0 0 1px 0;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #FFCE00;
    --bs-btn-hover-border-color: #fff;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #FFCE00;
    --bs-btn-active-border-color: #fff;
    --bs-btn-active-shadow: inset 0 3px 5px #00000020;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
  }
.rsdir-entry-fav { font-size:1em;
    color: #000;
    background: #fff;
    background-image: linear-gradient(#fff 50%, #c7c7c7 100%);
    border-color: #c7c7c7;
    border-width: 1px;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #FFCE00;
    --bs-btn-hover-border-color: #c7c7c7;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #BB141D;
    --bs-btn-active-border-color: #c7c7c7;
    --bs-btn-active-shadow: inset 0 3px 5px #00000020;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
  }
.rsdir-entry-faved { font-size:1em;
    color: #fff;
    background: #BB141D;
    background-image: linear-gradient(#BB141D 50%, #AB1C20 100%);
    border-color: #BB141D;
    border-width: 0 0 1px;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #BB141D;
    --bs-btn-hover-border-color: #BA2985;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #FFCE00;
    --bs-btn-active-bg: #BB141D;
    --bs-btn-active-border-color: #BB141D;
    --bs-btn-active-shadow: inset 0 3px 5px #00000020;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
  }

/* gallery */

#rsdir-gallery .thumbnail, .rsdir-listing-thumb-wrapper .thumbnail  { align-content: center; aspect-ratio: 1 / 1; clip-path:content-box; text-align: center; overflow:hidden; }
  #rsdir-gallery .img-backdrop, .rsdir-listing-thumb-wrapper .img-backdrop  { filter: blur(5px); left:50%; opacity:.8; position:absolute; transform:translate(-50%, -50%); top:50%; width:200%; max-width:200%; }
  #rsdir-gallery .img-backdrop { left:25%; top:25%; }
  #rsdir-gallery .img-thumbnail, .rsdir-listing-thumb-wrapper .img-thumbnail  { background:none; border:0; padding:0; position:relative; z-index:1; }

/* usp? */

.usp { background:#182438; background: black !important; border:0; border-radius:0; color:white; margin: 5em 2.6em 2.4em 2em !important; padding: 2em; transform: skew(2deg, 12deg); }
  .usp::before { background:#182438; background: black !important; content:''; display:block; position: absolute; top:0; bottom:0; right:-.5em; transform:rotate(5deg); width:4em; }
  .usp ol { align-items: stretch; display:grid; gap:1em; grid-template-columns: repeat(1, 1fr); list-style:none; margin:0; padding:0; text-align:center; transform: skew(-2deg, -12deg);  }
  .usp li { display:inline-block; padding:1em; }
    .usp li::after { content:''; display:inline-block; border:1px solid hotpink; width:52%; }
    .usp li:last-of-type::after { border:0; }
  .usp a { color: hotpink; }

.itemid-127 #adminForm { background:white; padding:1em; }

@media (max-width:600px){
  footer.full-width .grid-child .mod-menu, footer.full-width .grid-child .mod-footer, footer.full-width .grid-child .mod-custom { grid-column: 1 / -1; }
  .container-topbar { grid-template: repeat(2, 1fr) / repeat(2, 1fr); }
    .container-topbar .rsdir { grid-row-start: 2; grid-column-end:span 2; margin: .25em 0 0; }
    .container-header .mod-menu.mod-list.nav { grid-column-start: 2; }
  .usp ol { grid-template-columns:1fr; grid-template-rows: repeat(3, 1fr); }
}