/*
Theme Name:  Slow In The City Theme
Theme URI:   https://tobija.ch/
Author:      Tobija Fischer & Pixel WebDesign
Author URI:  https://tobija.ch/
Description: Custom Theme for Slow In The City
Version:     1.00.00
License:     GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: slow-in-the-city
*/

/* vars */
:root {
    --primary: #2d2f1c;
    --accent-color: #a22426;
    --off-white: #f8f8f8;
    --container-width: 1280px;

    --global-row-gutter-md: clamp(20px, 2vw, 2rem);

    --global-kb-spacing-md: clamp(20px, 2vw, 2rem);
    --global-kb-spacing-lg: clamp(30px, 3vw, 3rem);
    --global-kb-spacing-xl: clamp(40px, 4vw, 4rem);
    --global-kb-spacing-xxl: clamp(50px, 5vw, 5rem);
    --global-kb-spacing-3xl: clamp(65px, 6.5vw, 6.5rem);
    --global-kb-spacing-4xl: clamp(80px, 8vw, 8rem);
    --global-kb-spacing-5xl: clamp(100px, 10vw, 10rem);

    --wp--preset--font-size--small: 14px;
    --wp--preset--font-size--medium: clamp(21px, 2.1vw, 30px);
    --wp--preset--font-size--large: clamp(24px, 2.4vw, 33px);
    --wp--preset--font-size--x-large: clamp(30px, 3vw, 48px);

}
/* theme text colors */
.has-primary-color { color: var(--primary); }
.has-lightgrey-color { color: #cccccc; }
.has-off-white-color { color: var(--off-white); }
.has-accent-color { color: var(--accent-color); }
/* theme background colors */
.has-primary-background-color { background-color: var(--primary); }
.has-lightgrey-background-color { background-color: #cccccc; }
.has-off-white-background-color { background-color: var(--off-white); }
.has-accent-background-color { background-color: var(--accent-color); }
/* globs */
* {
    box-sizing: border-box;
}
html {
    font-size: 18px;
}
img {
    height: auto;
    width: 100%;
}
figcaption {
    font-size: 14px;
    line-height: 1;
}
@font-face {
    font-family: 'Pangea Medium';
    src: url('fonts/Pangea-Medium.woff2');
}
@font-face {
    font-family: 'Pangea Regular';
    src: url('fonts/Pangea-Regular.woff2');
}
a {
    color: inherit;
}
p {
    margin-top: 0;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    margin-top: 0;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    margin-bottom: .5em;
}
.font-xl {
    font-size: var(--wp--preset--font-size--x-large);
}
h1, .h1 {
    font-size: var(--wp--preset--font-size--large);
}
h2, .h2 {
    font-size: var(--wp--preset--font-size--medium);
}
h3, .h3 {
    font-size: 1.6666rem;    
}
input::placeholder {
    color: inherit;
    opacity: .6;
}
body {
    background-color: var(--off-white);
    color: var(--primary);
    font-family: 'Pangea Regular', sans-serif;
    margin: 0;
}
.bold, b, strong {
    font-family: 'Pangea Medium', sans-serif;
    font-weight: 500;
}
.desktop-hidden {
    display: none;
}
.text-decoration-none {
    text-decoration: none;
}
.text-wrap-balance {
    text-wrap: balance;
}
.accent-color {
    color: var(--accent-color);
}
.container {
    margin: 0 auto;
    max-width: var(--container-width);
    padding-left: var(--global-row-gutter-md);
    padding-right: var(--global-row-gutter-md);
}
/* zem arrow northeast */
/* help ;) */
/*content: '↗';*/
/*content: "\2197";*/
/*list-style-type: "↗";*/
/*list-style-type: "\2197";*/
.latest-posts a.post-more-link:before,
.page-home .about-link a:before,
.page-home .been-there .random-subcategories a:before,
.imprint-privacy-wrap a:before {
    content: '↗';
    display: inline-block;
    margin-right: 5px;
    transition: all .2s;
}
.latest-posts a.post-more-link:hover:before,
.page-home .about-link a:hover:before,
.page-home .been-there .random-subcategories a:hover:before,
.imprint-privacy-wrap a:hover:before {
    transform: rotate(45deg);
    transition: all .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
/* header / nav */
#site-header-inner {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-top: 30px;
    padding-bottom: 30px;
}
#site-header .logo svg {
    max-width: 195px;
    width: 100%;
}
#desktop-menu ul {
    align-items: center;
    display: flex;
    column-gap: 80px;
    list-style: none;
    padding: 0;
    margin: 0;
}
#desktop-menu ul li a {
    text-decoration: none;
    transition: color .2s;
}
#desktop-menu ul li.current-menu-item a,
#desktop-menu ul li a:hover,
.category .menu-discover-cities a,
.single .menu-discover-cities a {
    color: var(--accent-color);
    transition: color .2s;
}
#desktop-menu-container #search-form-wrap {
    position: relative;
}
#desktop-menu-container .search-form {
    display: flex;
    width: 100%;
}
#desktop-menu-container .search-form input {
    appearance: none;
    background-color: transparent;
    display: inline-block;
    border: none;
    border-bottom: 1px solid var(--primary);
    flex: 1;
}
#desktop-menu-container .search-form button {
    appearance: none;
    border: none;
    background-color: transparent;
    cursor: pointer;
    color: inherit;
    padding-right: 0;
}
#desktop-menu-container .close-form {
    color: var(--primary);
    cursor: pointer;
    font-size: 30px;
    line-height: 1;
    padding: 5px;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateY(-100%);
    transition: color .2s;
}
/* mobile menu */
#mobile-menu-container {
    bottom: 20px;
    font-size: 20px;
    position: fixed;
    right: 20px;
    z-index: 10001;
}
#mobile-menu ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0;
    list-style: none;
}
#mobile-menu ul li a {
    align-items: center;
    background-color: #ccc;
    border-radius: 30px;
    display: flex;
    height: 40px;
    padding: 2px 20px;
    justify-content: center;
    text-decoration: none;
}
#mobile-menu ul li.current-menu-item a {
    color: var(--accent-color);
}
#mobile-menu,
#mobile-menu-close,
#mobile-menu li.search-icon {
    display: none;
}
#mobile-menu-container #mobile-menu-open,
#mobile-menu-container.open #mobile-menu-close,
#mobile-menu-container.search-open #mobile-menu-close {
    display: inline-flex;
}
#mobile-menu-container.open #mobile-menu {
    display: flex;
}
#mobile-menu-container.open #mobile-menu-open,
#mobile-menu-container.search-open #mobile-menu-open {
    display: none;
}
#menu-toggle-wrap {
    display: flex;
    justify-content: end;
    gap: 8px;
}
#mobile-search {
    display: flex;
}
#mobile-search .search-form {
    display: flex;
}
#mobile-search input,
#mobile-search .close-form {
    display: none;
}
#mobile-menu-container.search-open #mobile-search input {
    display: block;
}

#mobile-search .search-form {
    align-items: center;
    background-color: #ccc;
    border-radius: 40px;
    color: var(--primary);
    display: flex;
    justify-content: center;
    height: 40px;
}
#mobile-search .search-form input {
    appearance: none;
    background-color: transparent;
    border: none;
    margin-left: 10px;
}
#mobile-search .search-form button {
    appearance: none;
    border: none;
    background-color: transparent;
    padding: 0;
    width: 40px;
}
#mobile-search .search-form .search-icon {
    position: relative;
    top: 1px;
}
#mobile-menu-close,
#mobile-menu-open {
    align-items: center;
    background-color: #ccc;
    justify-content: center;
}
#mobile-menu-open {
    border-radius: 30px;
    padding: 2px 15px;
    height: 40px;
    text-transform: uppercase;
}
#mobile-menu-close {
    border-radius: 100%;
    height: 40px;
    width: 40px;
}
/* site content */
#site-content {
    padding: var(--global-kb-spacing-3xl) 0;
}
/*
** shortcodes
*/
/* custom search form */
.custom-search-form {
    align-items: center;
    border-bottom: 1px solid var(--primary);
    display: flex;
    font-size: 24px;
    max-width: 960px;
    margin: 0 auto;
}
.custom-search-form button {
    appearance: none;
    background-color: transparent;
    border: none;
    height: 24px;
    pointer-events: none;
    transform: scaleX(-1);
    width: 24px;
}
.custom-search-form label {
    color: var(--accent-color);
    display: inline-block;
    margin-right: 10px;
}
.custom-search-form input {
    appearance: none;
    background-color: transparent;
    border: none;
    font-size: 24px;
    flex: 1;
}
/* latest posts slider (shortcode) */
.bleeding-edge { /* kadence slider custom class */
    margin-right: calc(-1 * var(--global-row-gutter-md));
    margin-left: calc(-1 * var(--global-row-gutter-md));
}
div.latest-posts-slider-wrap { /* spec */
    margin-right: calc(-1 * var(--global-row-gutter-md));
}
@media screen and (min-width: 1280px) {
    /* fallback, check custom.js */
    .bleeding-edge,
    div.latest-posts-slider-wrap {
        margin-left: 0;
        margin-right: calc( (-1 * (100vw - var(--container-width)) / 2) - var(--global-row-gutter-md));
    }
}
.latest-posts-slider-wrap .swiper-button-disabled {
    pointer-events: initial;
}
.swiper-navigation-icon {
    color: var(--accent-color);
}
div.latest-posts-slider {
    display: grid;
    grid-auto-flow: column;
    padding: 0 0 15px 0;
}
div.latest-posts-slider .post-item {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 4;
}
.latest-posts-slider a {
    text-decoration: none;
}
.latest-posts-slider .post-title {
    font-size: 21px;
    margin-bottom: 10px;
}
.latest-posts-slider .post-image-wrap {
    position: relative;
}
.latest-posts-slider .post-image {
    display: block;
    margin-bottom: 4px;
}
.latest-posts-slider .image-placeholder,
.latest-posts-slider .post-image img {
    aspect-ratio: 4 / 3;
    display: block;
    object-fit: cover;
}
.latest-posts-slider .image-placeholder {
    background-color: #ccc;
}
.latest-posts-slider .post-categories {
    left: 10px;
    position: absolute;
    text-transform: uppercase;
    top: 10px;
    z-index: 1;
}
.latest-posts-slider .post-categories span {
    border-radius: 20px;
    display: inline-block;
    font-size: 16px;
    margin-right: 10px;
    padding: 2px 8px;
}
.latest-posts-slider .post-categories .category {
    background-color: var(--accent-color);
    color: var(--off-white);
}
.latest-posts-slider .post-categories .subcategory {
    background-color: var(--off-white);
    color: var(--accent-color);
}
.latest-posts-slider .post-date {
    font-size: 14px;
}
/* latest posts (shortcode) */
.latest-posts {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--global-row-gutter-md);
}
.latest-posts .post-item {
    position: relative;
}
.latest-posts .post-item .post-categories {
    left: 10px;
    position: absolute;
    text-transform: uppercase;
    top: 10px;
    z-index: 1;
}
.latest-posts .post-item .post-thumbnail {
    margin-bottom: 1rem;
}
.latest-posts .post-item .post-thumbnail img {
    aspect-ratio: 3 / 2;
    object-fit: cover;
}
.latest-posts .post-item .post-title {
    font-size: var(--global-kb-font-size-md);
}
.latest-posts .post-item .post-title a {
    text-decoration: none;
}
.latest-posts .post-item .post-categories {
    display: flex;
    column-gap: 10px;
}
.latest-posts .post-item .post-categories .category {
    background-color: var(--accent-color);
    color: var(--off-white);
    border-radius: 20px;
    display: inline-block;
    font-size: 16px;
    order: 1;
    padding: 2px 8px;
    text-decoration: none;
}
.latest-posts .post-item .post-categories .subcategory {
    background-color: var(--off-white);
    color: var(--accent-color);
}
.latest-posts .post-item a.post-more-link {
    color: var(--accent-color);
    font-size: 1rem;
    text-decoration: none;
}
/* category pills (shortcode) */
/* category & single site */
.category-pills {
    align-items: start;
    display: flex;
    column-gap: 10px;
}
.archive.category .category-pills {
    margin-bottom: 30px;    
}
.category-pills .category {
    background-color: var(--accent-color);
    color: var(--off-white);
    border-radius: 20px;
    display: inline-block;
    font-size: 16px;
    order: 1;
    padding: 2px 8px;
    text-decoration: none;
    text-transform: uppercase;
}
.category-pills .subcategory {
    background-color: #ccc;
    color: var(--accent-color);
}
/* posts-list (shortcode) */
.posts-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.posts-list .post-item a {
    align-items: center;
    border: 1px solid var(--primary);
    border-radius: 80px;
    padding: 10px 40px;
    column-gap: var(--global-row-gutter-md);
    display: flex;
    font-size: 30px;
    justify-content: space-between;
    margin-bottom: 15px;
    text-decoration: none;
    transition: all .2s;
}
.posts-list .post-item a:hover {
    border-color: var(--accent-color);
    color: var(--accent-color);
    transition: all .2s;
}
.posts-list .post-item .post-title {
    flex: 1;
}
.posts-list .post-item .h1,
.posts-list .post-item .h2 {
    margin-bottom: 0;
}
.posts-list .letter {
    text-transform: uppercase;
}
/* 
** pages
*/
/* page-home */
.page-home .intro h1 {
    font-size: var(--wp--preset--font-size--x-large);
}
.page-home .intro h2 {
    font-size: var(--wp--preset--font-size--large);
}
.page-home .about-link a {
    color: var(--accent-color);
    text-decoration: none;
}
.page-home .been-there .random-subcategories {
    list-style-type: none;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: var(--global-row-gutter-md);
}
.page-home .been-there .random-subcategories li {
    color: var(--accent-color);
}
.page-home .been-there .random-subcategories li:nth-child(1) { grid-column: 1 / span 4; }
.page-home .been-there .random-subcategories li:nth-child(2) { grid-column: 5 / span 4; }
.page-home .been-there .random-subcategories li:nth-child(3) { grid-column: 9 / span 4; }
.page-home .been-there .random-subcategories li:nth-child(4) { grid-column: 3 / span 4; grid-row: 2; }
.page-home .been-there .random-subcategories li:nth-child(5) { grid-column: 7 / span 4; grid-row: 2; }
.page-home .been-there .random-subcategories li:nth-child(6) { grid-column: 1 / span 4; grid-row: 3; }
.page-home .been-there .random-subcategories li:nth-child(7) { grid-column: 5 / span 4; grid-row: 3; }
.page-home .been-there .random-subcategories a {
    color: var(--accent-color);
    text-decoration: none;
}
.page-home .been-there .discover-more-cities {
    text-align: right;
}
.page-home .been-there .discover-more-cities a {
    border: 1px solid var(--primary);
    border-radius: 30px;
    display: inline-block;
    font-size: 16px;
    padding: 8px 16px;
    text-decoration: none;
    text-transform: uppercase;
}
/* page-categories (städte entdecken) */
.page-categories .search-container {
    background-color: var(--accent-color);
    padding: var(--global-kb-spacing-4xl) var(--global-row-gutter-md);
    margin-bottom: 100px;
}
.page-categories .custom-search-form .search-icon path {
    fill: var(--off-white);
}
.page-categories .custom-search-form label {
    color: var(--off-white);
}
.page-categories .custom-search-form {
    border-color: var(--off-white);
}
.page-categories .custom-search-form input {
    color: var(--off-white);
}
.page-categories .custom-search-form input::placeholder {
    color: rgba(255, 255, 255, .46);
}
.page-categories .travel-stats-nav {
    column-gap: 50px;
    display: flex;
    margin-bottom: 70px;
}
.page-categories .travel-stats-nav .travel-nav-item.active {
    color: var(--accent-color);
    text-decoration: underline;
    transition: color .2s;
}
.page-categories .travel-stats-nav .travel-nav-item:hover {
    color: var(--accent-color);
    cursor: pointer;
    transition: color .2s;
}
.page-categories .travel-stats-items-container {
    overflow: hidden;
}
.page-categories .travel-stats-items-wrap {
    display: flex;
    transition: transform 0.4s ease;
}
.page-categories .travel-stats-items {
    flex: 0 0 100%;
}
.page-categories .letter-group {
    display: grid;
    grid-template-columns: 1fr 4fr;
    column-gap: 50px;
    margin-bottom: 20px;
}
.page-categories .travel-item {
    padding-right: 45px;
}
.page-categories .travel-item a {
    text-decoration: none;
}
.page-categories .travel-item a:hover {
    color: var(--accent-color);
}
.page-categories .travel-item.coming-soon a {
    color: #777;
    pointer-events: none;
    position: relative;
}
.page-categories .travel-item.coming-soon a:after {
    background-color: var(--accent-color);
    border-radius: 12px;
    color: var(--off-white);
    content: "Coming soon";
    display: inline-block;
    font-size: 10px;
    font-family: 'Pangea Medium';
    padding: 2px 6px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0;
    transform: translate(50%, calc(-50% + -5px ));
    white-space: nowrap;
}
/* poll */
.page-categories #site-content .poll-container {
    padding-top: var(--global-kb-spacing-3xl);
}
.page-categories #site-content #forminator-module-195 .forminator-field[role="radiogroup"] {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1rem;
}
.page-categories #site-content #forminator-module-195 .poll-group {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.page-categories #site-content #forminator-module-195 .poll-heading {
    pointer-events: none;
}
.page-categories #site-content #forminator-module-195 .poll-heading span {
    cursor: default;
}
.page-categories #site-content #forminator-module-195 .poll-heading .forminator-radio-bullet {
    display: none;
}
.page-categories #site-content #forminator-module-195 .poll-heading .forminator-radio-label {
    font-size: 18px;
    margin-left: 0;
}
.page-categories #site-content #forminator-module-195 .forminator-radio {
    margin: 0;
}
.page-categories #site-content #forminator-module-195 .forminator-button {
    border-radius: 20px;
    padding: 8px 16px;
    text-transform: uppercase;
    margin-top: 30px;
    width: auto;
}
.page-categories #site-content #forminator-module-195 .forminator-hidden {
  display: none;
}
/* search & search-results */
.search .search-container {
    padding: var(--global-kb-spacing-4xl);
}
.search #site-content a:hover {
    color: var(--accent-color);
}
/* single */
.single .single-header {
    margin-bottom: var(--global-kb-spacing-3xl);
}
.single .single-header .header-row {
    display: flex;
    justify-content: space-between;
}
.single .single-header .header-row.first {
    align-items: end;
    border-bottom: 1px solid var(--primary);
    padding-bottom: 20px;
}
.single .single-header .header-row.first .h1 {
    margin-bottom: 0;
}
.single .single-header .header-row.first + .header-row {
    padding-top: 20px;
}
.single h1 {
    margin-bottom: 0;
}
.single .posts-letter-nav-container .slide-btn {
    display: none;
}
.single .posts-letter-nav {
    column-gap: 6px;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}
.single .posts-letter-nav .post-item {
    flex-shrink: 1;
}
.single .posts-letter-nav a {
    text-decoration: none;
}
.single .posts-letter-nav .letter {
    align-items: center;
    background-color: #ccc;
    border-radius: 100%;
    display: flex;
    height: 30px;
    justify-content: center;
    line-height: 1;
    text-transform: uppercase;
    width: 30px;
}
.single .posts-letter-nav .letter span {
    position: relative;
    top: -1px;
}
.single .posts-letter-nav .active .letter {
    background-color: var(--accent-color);
    color: var(--off-white);
}
.single .footer-row.first {
    border-top: 1px solid var(--primary);
    margin-bottom: 1.5rem;
    padding-top: 2rem;
    text-align: center;
}
.single .footer-row:not(.first) {
    display: flex;
    justify-content: center;
}
.kb-splide .splide__arrow,
.kb-splide .splide__arrow:focus, 
.kb-splide .splide__arrow:hover {
    background-color: transparent;
    color: var(--accent-color);
    font-size: 30px;
    opacity: 1;
}
/* footer */
#site-footer {
    background-color: var(--accent-color);
    color: var(--off-white);
    padding-top: 30px;
    padding-bottom: var(--global-kb-spacing-xxl);
}
.page-home #site-footer {
    padding-top: 2.5rem;
}
#site-footer-inner {
    display: grid;
    grid-template-columns: 3fr 1fr 1fr;
    gap: var(--global-kb-spacing-xxl) 20px;
}
.page-home #site-footer-inner {
    grid-template-columns: 4fr 1fr 1fr;
}
#site-footer h3 {
    margin-bottom: var(--global-kb-spacing-md);
}
#site-footer .newsletter-form-wrap {
    display: flex;
    flex-direction: column;
}
#site-footer .newsletter-form-wrap p {
    font-size: clamp(18px, 1.8vw, 22px);
    max-width: 75%;
}
#site-footer .newsletter-form {
    margin-top: auto;
}
.page-home #site-footer .newsletter-form {
    margin-top: 80px;
}
#site-footer .newsletter-form .field-wrap {
    display: grid;
    grid-template-columns: 2fr 1fr;
    column-gap: 45px;
}
.page-home #site-footer .newsletter-form .field-wrap {
    grid-template-columns: 3fr 1fr;
}
#site-footer .newsletter-form input#email {
    appearance: none;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid var(--off-white);
    color: inherit;
    font-size: 1rem;
    flex: 1;
    line-height: 30px;
}
#site-footer .newsletter-form input[type="submit"] {
    appearance: none;
    background-color: transparent;
    border-radius: 30px;
    border: 1px solid var(--off-white);
    color: var(--off-white);
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: 16px;
    height: max-content;
    margin-top: auto;
    padding: 8px 16px;
    text-transform: uppercase;
    transition: .2s;
    width: max-content;
}
#site-footer .newsletter-form input[type="submit"]:hover {
    background-color: var(--off-white);
    color: var(--accent-color);
    transition: .2s;
}
#site-footer .newsletter-form .agree {
    font-size: 14px;
    margin-top: 8px;
}
#site-footer .copy,
#site-footer-bottom .copy {
    margin-top: 20px;
}
#site-footer-bottom {
    padding-top: var(--global-kb-spacing-5xl);
    padding-bottom: 30px;
}
#site-footer-bottom .container {
    display: grid;
    grid-template-columns: 1fr 1fr 3fr;
}
#site-footer-bottom .container a {
    color: var(--accent-color);
}
/* @media */
@media screen and (max-width: 1024px) {
    :root {
        --global-row-gutter-md: 20px;
        --global-kb-spacing-3xl: 3.25rem;
        --global-kb-spacing-4xl: 4rem;
        --global-kb-spacing-5xl: 5rem;
    }
    html {
        font-size: 16px;
    }
    #desktop-menu ul {
        column-gap: 40px;
    }
    .custom-search-form {
        max-width: 80%;
    }
    .custom-search-form,
    .custom-search-form input {
        font-size: 1rem;
    }
    .custom-search-form button,
    .custom-search-form button .search-icon {
        height: 18px;
        width: 18px;
    }
    .latest-posts-slider .post-categories span,
    .latest-posts .post-item .post-categories .category {
        font-size: 14px;
    }
    #site-footer-bottom .container,
    #site-footer-inner {
        display: flex;
        flex-wrap: wrap;
    }
    #site-footer-bottom .container {
        gap: 30px;
    }
    .newsletter-form-wrap {
        width: 100%;
    }
    #site-footer-bottom .container {
        display: flex;
        gap: 30px;
    }
}/* @media */
@media screen and (max-width: 767px) {
    .desktop-hidden,
    #mobile-menu-container {
        display: block;
    }
    .mobile-hidden,
    #desktop-menu-container {
        display: none;
    }
    .latest-posts-slider .post-title {
        font-size: 18px;
        margin-bottom: 0;
    }
    .latest-posts-slider .post-categories span,
    .latest-posts .post-item .post-categories .category {
        font-size: 12px;
    }
    .latest-posts {
        grid-template-columns: 1fr;
    }
    .page-home .been-there .random-subcategories {
        grid-template-columns: repeat(4, 1fr);
    }
    .page-home .been-there .random-subcategories li:nth-child(1) { grid-column: 1 / span 2; }
    .page-home .been-there .random-subcategories li:nth-child(2) { grid-column: 3 / span 2; }
    .page-home .been-there .random-subcategories li:nth-child(3) { grid-column: 2 / span 2; grid-row: 2}
    .page-home .been-there .random-subcategories li:nth-child(4) { grid-column: 1 / span 2; grid-row: 3; }
    .page-home .been-there .random-subcategories li:nth-child(5) { grid-column: 3 / span 2; grid-row: 3; }
    .page-home .been-there .random-subcategories li:nth-child(6) { grid-column: 2 / span 2; grid-row: 4; }
    .page-home .been-there .random-subcategories li:nth-child(7) { grid-column: 1 / span 2; grid-row: 5; }
    .page-categories .travel-stats-nav {
        flex-wrap: wrap;
    }
    .page-categories .travel-stats-nav .travel-nav-label {
        width: 100%;
    }
    .page-categories #site-content #forminator-module-195 .forminator-field[role="radiogroup"] {
        grid-template-columns: repeat(3, 1fr);
        row-gap: 2rem;
    }
    .posts-list .post-item a {
        padding: 10px 20px;
    }
    .posts-list .post-item .post-title {
        font-size: 16px;
    }
}/* @media */
@media screen and (max-width: 499px) {
    :root {
        --global-kb-spacing-3xl: 1.75rem;
    }
    .page-categories .custom-search-form input::placeholder {
        font-size: 15px;
    }
    .page-categories #site-content #forminator-module-195 .forminator-field[role="radiogroup"] {
        grid-template-columns: repeat(2, 1fr);
    }
    #site-footer-bottom .container, .page-home #site-footer-inner, #site-footer-inner {
        display: grid;
        grid-template-columns: 1fr;
    }
    #site-footer .newsletter-form-wrap p {
        max-width: 100%;
    }
    .page-home #site-footer .newsletter-form .field-wrap,
    #site-footer .newsletter-form .field-wrap {
        display: grid;
        grid-template-columns: 1fr;
        gap: 20px;
        margin-bottom: 10px;
    }
    .newsletter-form-wrap {
        order: 1;
    }
    .imprint-privacy-wrap {
        order: 3;
    }
    .contact-wrap {
        order: 2;
    }
}/* @media */