/*!
    Theme Name:     MRM Child
    Author:         MR Media
    Author URI:     https://mrmedia.fi
    License:        GNU General Public License v2 or later
    License URI:    http://www.gnu.org/licenses/gpl-2.0.txt
    Version:        0.1.0
    Text Domain:    mrm-child
    Template:       generatepress
*/


:root {
    --clr-primary-fg: #ffffff;
    --clr-primary-bg: #1d3557;

    --clr-secondary-fg: #262626;
    --clr-secondary-bg: #a8dadc;

    --clr-accent-fg: #ffffff;
    --clr-accent-bg: #568ea3;

    --clr-footer-fg: #ffffff;
    --clr-footer-bg: #826251;

    --clr-copyright-fg: #ffffff;
    --clr-copyright-bg: #674C3E;

    --clr-primary: #568ea3;
    --clr-primary-dark: #152a48;
    --clr-primary-fg: #ffffff;

    --clr-secondary: #a8dadc;
    --clr-secondary-fg: #1d3557;
    --clr-secondary-dark: #457b9d;
    --clr-secondary-dark-fg: #ffffff;

    --clr-accent: #826251;
    --clr-accent-fg: #ffffff;
    
    --clr-headings: #1D3D49;

    --fs-h1: calc(40px + (48 - 40) * ((100vw - 360px) / (1600 - 360)));
    --fs-h2: calc(30px + (36 - 30) * ((100vw - 360px) / (1600 - 360)));
    --fs-h3: 20px;
    --fs-h4: 18px;
    --fs-h5: 17px;
    --fs-h6: 12px;

    --ff-body: "open-sans", sans-serif;
    --ff-headings: "soleil", sans-serif;
    --ff-nav: "soleil", sans-serif;
    --ff-btn: "soleil", sans-serif;
}

@media screen and (min-width: 1600px) {
     :root {
        --fs-h1: 48px;
        --fs-h2: 30px;
    }
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    font-size: 62.5%;
}

body {
    line-height: 1.5;
    font-size: 1.6rem;
    font-family: "open-sans", sans-serif;
}

body:not(.single-post) .entry-content>[class*="wp-block-"]:not(:last-child) {
    margin-bottom: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
legend {
    font-weight: 400;
    line-height: 1.25;
    color: var(--clr-headings);
    font-family: "soleil", sans-serif;
    margin-top: 1.25em;
    margin-bottom: 0.35em;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child,
legend:first-child {
    margin-top: 0;
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
legend:last-child {
    margin-bottom: 0;
}

h1 {
    font-size: var(--fs-h1);
}

h2 {
    font-size: var(--fs-h2);
    margin-bottom: 10px !important;
}

h3 {
    font-size: var(--fs-h3);
}

h4 {
    font-size: var(--fs-h4);
}

h5 {
    font-size: var(--fs-h5);
}

h6 {
    font-size: var(--fs-h6);
}

p {
    margin-bottom: 1em;
}

p:last-child {
    margin-bottom: 0;
}

a {
    color: inherit;
}

h1.entry-title {
    text-align: center !important;
    text-transform: uppercase !important;
}

.wp-block-group {
    padding: 50px 30px;
}

.entry-content>.wp-block-group.alignfull {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}

.wp-block-group>.wp-block-group__inner-container {
    padding: 0;
    margin: 0 auto;
    max-width: 960px;
}

.alignfull>.wp-block-group__inner-container {
    max-width: 100%;
}

.entry-content>.alignwide>.wp-block-group__inner-container {
    max-width: 1360px;
}

.entry-content>.wp-block-group:not(.alignwide):not(.alignfull)>.wp-block-group__inner-container {
    max-width: 960px;
}

.page-template-default:not(.home) #page {
    padding: 50px 25px;
}

@media screen and (min-width: 768px) {
    .entry-content>.wp-block-group {
        padding: 80px 40px;
    }
}

@media screen and (min-width: 1200px) {
    .entry-content>.wp-block-group {
        padding: 100px 40px;
    }

    .page-template-default:not(.home) #page {
        padding: 70px 25px;
    }
}

.wp-block-image>img {
    display: block;
}

.wp-block-buttons+.wp-block-buttons {
    margin-top: 1em;
}

.wp-block-buttons>.wp-block-button {
    margin: 0;
}

.wp-block-buttons>.wp-block-button>.wp-block-button__link {
    border-radius: 6px;
    padding: 0.75em 2.75em;
    font-family: var(--ff-btn);
    color: var(--clr-accent-fg);
    background-color: var(--clr-accent-bg);
}

.wp-block-buttons>.wp-block-button>.wp-block-button__link:hover {
    background-color: #3C6F82;
}

.inside-header {
    margin: 0 auto;
    max-width: 1560px;
    padding: 10px 20px;
}

#site-navigation {
    color: var(--clr-headings);
    font-family: var(--ff-nav);
}

#site-navigation .menu-item>a {
    text-transform: uppercase;
}

#site-navigation .sub-menu {
    color: var(--clr-primary-fg);
    background-color: var(--clr-primary);
}

.menu-toggle {
    padding: 0;
    font-size: 28px;
}

.menu-toggle>.gp-icon {
    color: var(--clr-primary);
}

.header-image {
    width: auto;
    max-height: 50px;
}

#generate-slideout-menu {
    color: var(--clr-primary-fg);
    background-color: var(--clr-primary);
}

#generate-slideout-menu>.inside-navigation {
    height: 100%;
    padding: 10%;
    justify-content: center;
}

#generate-slideout-menu .menu-item a,
#generate-slideout-menu .slideout-exit {
    color: inherit;
}

#generate-slideout-menu .menu-item a {
    font-size: 2rem;
    text-transform: uppercase;
    font-family: var(--ff-nav);
}

#generate-slideout-menu .menu-item-has-children>a {
    padding-right: 20px;
}

#generate-slideout-menu .dropdown-menu-toggle {
    position: absolute;
    border: none !important;
}

@media screen and (min-width: 600px) {
    .header-image {
        max-height: 55px;
    }
}

@media screen and (min-width: 960px) {
    .inside-header {
        padding: 20px 30px;
    }    
}

@media screen and (min-width: 1200px) {
    .header-image {
        max-height: 75px;
    }
}

.site-footer {
    color: var(--clr-footer-fg);
    background-color: var(--clr-footer-bg);
}

.site-info {
    color: var(--clr-copyright-fg);
    background-color: var(--clr-copyright-bg);
}

.mrm-l--footer {
    flex-wrap: wrap;
    max-width: 1586px;
    margin: 0 0 0 auto;
    padding: 60px 30px 0;
}

.mrm-l--footer>.wp-block-column {
    flex: 0 1 100% !important;
}

.mrm-l--footer>.wp-block-column:nth-child(1) {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    margin-bottom: 20px;
}

.mrm-l--footer>.wp-block-column:nth-child(1) .wp-block-image {
    margin: 0 auto;
}

.mrm-l--footer>.wp-block-column:nth-child(2) {
    padding-top: 56%;
    position: relative;
    margin: 0 -30px;
    flex: 0 1 calc(100% + 60px) !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-image: url("assets/img/skyline.svg");
}

.mrm-l--footer h2,
.mrm-l--footer h3 {
    color: inherit;
}

.mrm-l--footer__text-columns {
    flex-wrap: wrap;
}

.mrm-l--footer__text-columns .wp-block-column {
    flex: 0 1 100% !important;
    margin-left: 0 !important;
}

.mrm-l--footer__text-columns .wp-block-column:nth-child(1) {
    margin-bottom: 1.25em;
}

@media screen and (min-width: 768px) {
    .mrm-l--footer>.wp-block-column:nth-child(2) {
        margin: 0 auto;
        padding-top: 34.425%;
        flex: 0 1 75% !important;
    }
}

@media screen and (min-width: 1200px) {
    .mrm-l--footer>.wp-block-column {
        flex: 0 1 50% !important;
    }
    .mrm-l--footer>.wp-block-column:nth-child(1) {
        text-align: left;
    }
    .mrm-l--footer>.wp-block-column:nth-child(1) .wp-block-column {
        margin-left: 0;
        flex: 0 1 50% !important;
    }
    .mrm-l--footer>.wp-block-column:nth-child(1) .wp-block-image {
        margin: 0;
    }
    .mrm-l--footer>.wp-block-column:nth-child(2) {
        margin: 0;
        padding-top: 22.95%;
        flex: 0 1 50% !important;
    }
}

@media screen and (min-width: 2048px) {
    .mrm-l--footer {
        margin: 0 auto;
    }
}

.wrapper {
    max-width: 1370px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 25px;
    padding-right: 25px;
}

.single-bostad #page {
    max-width: none;
}

.single-bostad #content {
    padding: 0;
    display: block;
}

.apartment {
    padding: 0 0 50px;
}

.apartment__header {
    text-align: center;
}

.apartment__title {
    color: var(--clr-primary-fg);
}

.apartment__map {
    padding: 0 30px;
    margin-top: 80px;
}

.apartment__form {
    padding: 0 30px;
    margin-top: 20px;
    text-align: left;
}

.apartment__form a {
    background: #1d3557;
    color: #fff;
    border: 1px solid transparent;
    cursor: pointer;
    -webkit-appearance: button;
    padding: 10px 20px;
    border-radius: 5px;
}

.apartment__company {
    padding: 0 30px;
    margin-top: 60px;
}

.apartment__content {
    padding: 0;
    margin: 0 auto;
}

.apartment__btns {
    display: flex;
    flex-wrap: wrap;
    max-width: 460px;
    justify-content: center;
}

.apartment__btn {
    font-size: 1.8rem;
    font-weight: 600;
    font-family: var(--ff-btn);
    margin: 0.35em;
    border-radius: 99px;
    display: inline-block;
    padding: 0.35em 1.125em 0.45em 1.125em;
    color: var(--clr-secondary-fg);
    background-color: var(--clr-secondary);
}

.apartment__btn--link {
    color: var(--clr-secondary-dark-fg);
    background-color: var(--clr-secondary-dark);
}

.apartment__btn--marked {
    color: var(--clr-accent-fg);
    background-color: var(--clr-accent);
}

.company__item {
    display: flex;
    padding-bottom: 4px;
    overflow: hidden;
}

.company__item-label {
    flex: 0 0 35%;
    font-weight: 600;
    margin-right: 1.5em;
}

.company__item-value {
    flex: 0 0 calc(65% - 1.5em);
}

@media screen and (min-width: 768px) {
    .company__items {
        column-count: 2;
        column-gap: 60px;
    }
}

@media screen and (min-width: 960px) {
    .apartment__btns {
        max-width: none;
    }

    .apartment__images {
        padding: 0 0px;
    }

    .company__items {
        column-gap: 120px;
    }

    .swiper-container--bottom {
        padding: 0;
    }
}

@media screen and (min-width: 1200px) {
    .apartment {
        padding: 0 0 80px;
    }

    .apartment__images {
        padding: 0 0px;
        margin-top: 0px;
    }

    .company__item-label {
        flex: 0 0 50%;
    }

    .company__item-value {
        flex: 0 0 calc(50% - 1.5em);
    }
}

.form-apt-size {
    vertical-align: bottom !important;
}

.mrm-c--text-cols {
    margin: 0 auto;
    max-width: 1140px;
    flex-wrap: wrap !important;
}

.mrm-c--text-cols .wp-block-column {
    text-align: center;
    margin: 0 !important;
    flex: 0 1 100% !important;
}

@media screen and (min-width: 960px) {
    .mrm-c--text-cols {
        flex-wrap: nowrap !important;
    }

    .mrm-c--text-cols .wp-block-column {
        text-align: left;
        flex: 0 1 50% !important;
    }

    .mrm-c--text-cols .wp-block-column:last-child {
        margin-left: 50px !important;
    }
}

@media screen and (min-width: 1200px) {
    .mrm-c--text-cols .wp-block-column:first-child {
        flex: 0 1 40% !important;
    }

    .mrm-c--text-cols .wp-block-column:last-child {
        flex: 0 1 60% !important;
    }
}

.btn {
    cursor: pointer;
    display: inline-block;
    padding: 0.45em 1em 0.525em;
    line-height: 1;
    font-size: 2rem;
    font-family: var(--ff-btn);
    transition: color 0.15s, background-color 0.15s;
}

.btn--large {
    font-size: 2.2rem;
    padding: 0.65em 1.5em 0.725em;
}

.btn--rounder {
    border-radius: 6px;
}

.btn--round {
    border-radius: 10em;
}

.btn--primary {
    color: var(--clr-primary-fg);
    background-color: var(--clr-primary);
}

.btn--primary:hover {
    color: var(--clr-accent-fg);
    background-color: var(--clr-accent);
}

body:not(.using-mouse) .btn--primary:hover:focus {
    outline: 2px dotted var(--clr-primary);
}

body:not(.using-mouse) .btn--primary:focus {
    outline: 2px dotted var(--clr-accent);
}

.btn--accent {
    color: var(--clr-accent-fg);
    background-color: var(--clr-accent);
}

.btn--accent:hover {
    color: var(--clr-primary-fg);
    background-color: var(--clr-primary);
}

body:not(.using-mouse) .btn--accent:hover:focus {
    outline: 2px dotted var(--clr-accent);
}

body:not(.using-mouse) .btn--accent:focus {
    outline: 2px dotted var(--clr-primary);
}

.btn>label {
    cursor: inherit;
}

.apartment-card {
    border-radius: 5px;
    background-color: #faf7f5;
    box-shadow: 0 0 10px #d6d6d6;
}

.apartment-card__image {
    position: relative;
    padding-top: 66.666667%;
    border-radius: 5px 5px 0 0;
}

.apartment-card__image>a {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: inherit;
}

.apartment-card__image>a>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
}

.apartment-card__image>.apartment-card__notice {
    right: 0;
    bottom: 0;
    z-index: 5;
    position: absolute;
    color: var(--clr-accent-fg);
    background-color: var(--clr-accent);
}

.apartment-card__image>.apartment-card__sales {
    left: 0;
    top: 0;
    z-index: 5;
    position: absolute;
    color: #00385a;
    background-color: #a8dadc;
}

.apartment-card__notice {
    font-size: 1.4rem;
    padding: 0.35em 0.6em 0.35em 0.6em;
}

.apartment-card__sales {
    font-size: 1.4rem;
    padding: 0.35em 0.6em 0.35em 0.6em;
}

.apartment-card__title {
    font-size: 2rem;
}

.apartment-card__title-address,
.apartment-card__title-city {
    display: block;
}

.apartment-card__title-city {
    color: #aaaaaa;
    font-weight: 400;
    font-size: 0.8em;
    font-family: "open-sans", sans-serif;
}

.apartment-card__blurb {
    padding: 20px 20px 25px;
    background-color: #ffffff;
    border-radius: 0 0 5px 5px;
}

.apartment-card__details {
    margin: 0;
    padding: 0;
    list-style: none;
}

.mrm-c--city-hero {
    position: relative;
    padding: 0 !important;
    margin-bottom: 15em !important;
}

.mrm-c--city-hero__image {
    min-height: none;
    padding-top: 27.864%;
}

.mrm-c--city-hero__text {
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 25px;
    position: absolute;
    transform: translateY(50%);
}

.mrm-c--city-hero__text>.wp-block-group__inner-container {
    padding: 10%;
    max-width: 1140px;
    color: var(--clr-primary-fg);
    background-color: var(--clr-primary);
}

.mrm-c--city-hero__text h1 {
    color: inherit;
}

@media screen and (min-width: 600px) {
    .mrm-c--city-hero {
        margin-bottom: 12em !important;
    }
}

@media screen and (min-width: 768px) {
    .mrm-c--city-hero {
        padding: 0 50px;
        margin-bottom: 9em !important;
    }
}

@media screen and (min-width: 1200px) {
    .mrm-c--city-hero {
        margin-bottom: 8% !important;
    }
    .mrm-c--city-hero__text>.wp-block-group__inner-container {
        padding: 5%;
    }
}

.mrm-c--hero {
    overflow: hidden;
    min-height: 300px !important;
    position: relative;
    padding: 0 !important;
    color: var(--clr-primary-fg);
    background-color: var(--clr-primary);
    display: flex;
    justify-content: center;
}

.mrm-lista--hero {
    min-height: 600px !important;
}

.mrm-c--hero__title,
.mrm-c--hero__subtitle {
    color: inherit;
}

.mrm-c--hero__title {
    margin-bottom: 1.5em;
}

.mrm-c--hero__subtitle {
    margin-bottom: 0;
}

.mrm-c--hero .wp-block-spacer {
    width: 100%;
    max-width: 280px;
    margin: 2.75em auto;
    height: 15px !important;
    background-color: var(--clr-secondary);
}

.mrm-c--hero>.mrm-c--hero__inner,
.mrm-c--hero>.wp-block-group__inner-container {
    display: flex;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    max-width: 960px;
    padding: 50px 30px;
}

.mrm-c--hero>.mrm-c--hero__inner>*,
.mrm-c--hero>.wp-block-group__inner-container>* {
    z-index: 2;
}

.mrm-c--hero::before,
.mrm-c--hero::after {
    content: "";
    bottom: 0;
    width: 100%;
    height: 60%;
    margin-bottom: -5px;
    position: absolute;
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    background-image: url("assets/img/skyline.svg");
	opacity: 0.5;
}

.mrm-c--hero::before {
    left: 0;
}

.mrm-c--hero::after {
    right: 0;
}

@media screen and (min-width: 600px) {
    .mrm-c--hero {
        min-height: 50vw;
    }
}

@media screen and (min-width: 768px) {
    .mrm-c--hero::before,
    .mrm-c--hero::after {
        width: 50%;
        background-size: contain;
    }
    .mrm-c--hero::before {
        left: 0;
        transform: translateX(-50%);
    }
    .mrm-c--hero::after {
        right: 0;
        display: block;
        transform: translateX(50%);
    }
}

@media screen and (min-width: 1200px) {
    .mrm-c--hero {
        max-height: 300px;
        height: 35.41666vw;
    }
}

.mrm-c--info-box {
    padding: 0;
    margin: 0 auto;
    max-width: 360px;
}

.mrm-c--info-box .wp-block-image {
    margin-bottom: 2em;
}

.mrm-c--info-box .wp-block-image>img {
    width: 180px;
    height: 180px;
    margin: 0 auto;
    object-fit: cover;
    border-radius: 100%;
}

.mrm-c--info-box-row {
    margin: 4em 0 0;
    flex-wrap: wrap !important;
}

.mrm-c--info-box-row>.wp-block-column {
    margin: 0 !important;
    flex: 0 1 100% !important;
}

@media screen and (max-width: 959px) {
    .mrm-c--info-box-row>.wp-block-column:nth-child(n+2) {
        margin-top: 40px !important;
    }
}

@media screen and (min-width: 960px) {
    .mrm-c--info-box-row {
        flex-wrap: nowrap !important;
    }
    .mrm-c--info-box-row>.wp-block-column {
        flex: 0 1 33.333% !important;
    }
    .mrm-c--info-box-row>.wp-block-column:nth-child(n+2) {
        margin-left: 3% !important;
    }
}

.mrm-c--info-ball-wrapper {
    z-index: 5;
    padding-top: 0;
    font-size: 1.5rem;
    text-align: center;
}

.mrm-c--info-ball-row {
    margin: 0 !important;
    flex-wrap: wrap !important;
    display: inline-flex !important;
}

.mrm-c--info-ball-row>.wp-block-column {
    margin: 0 !important;
    flex: 0 1 100% !important;
}

.mrm-c--info-ball {
    padding: 10%;
    max-width: 360px;
    max-height: 360px;
    width: calc(280px + 8vw);
    height: calc(280px + 8vw);
    margin: 0 auto;
    border-radius: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.mrm-c--info-ball--primary {
    color: var(--clr-primary-fg);
    background-color: var(--clr-primary);
}

.mrm-c--info-ball--accent {
    color: var(--clr-accent-fg);
    background-color: var(--clr-accent);
}

.mrm-c--info-ball__title {
    color: inherit;
    font-size: 2.6rem;
}

@media screen and (max-width: 767px) {
    .mrm-c--info-ball-wrapper {
        margin-top: -40%;
    }
    .mrm-c--info-ball-row>.wp-block-column:nth-child(2) {
        margin-top: 40px !important;
    }
}

@media screen and (min-width: 768px) {
    .mrm-c--info-ball-row {
        flex-wrap: nowrap !important;
    }
    .mrm-c--info-ball-row>.wp-block-column {
        flex: 0 1 50% !important;
    }
    .mrm-c--info-ball-row>.wp-block-column:nth-child(2) {
        margin-left: 30px !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .mrm-c--info-ball-wrapper {
        margin-top: -20%;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1365px) {
    .mrm-c--info-ball-wrapper {
        margin-top: -15%;
    }
}

@media screen and (min-width: 1200px) {
    .mrm-c--info-ball-wrapper {
        font-size: 1.6rem;
    }

    .mrm-c--info-ball__title {
        font-size: 3rem;
    }
}

@media screen and (min-width: 1366px) {
    .mrm-c--info-ball-wrapper {
        top: 0;
        left: 0;
        right: 0;
        position: absolute;
        transform: translateY(-60%);
    }
    .mrm-c--info-ball-wrapper>.wp-block-group__inner-container {
        max-width: 1540px;
        text-align: right;
    }
    .mrm-c--info-ball {
        width: calc(260px + 5vw);
        height: calc(260px + 5vw);
    }
}

.lds-ring {
    width: 44px;
    height: 44px;
    position: relative;
    display: inline-block;
}

.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 39px;
    height: 39px;
    margin: 5px;
    border: 5px solid var(--clr-primary);
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: var(--clr-primary) transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.swiper-container {
    overflow: hidden;
    position: relative;
    width: 100% !important;
    height: 100% !important;
}

.swiper-container + .swiper-container {
    margin-top: 20px;
}

.swiper-slide>img {
    display: block;
}

.swiper-button {
    right: 0;
    bottom: 0;
    z-index: 2;
    position: absolute;
    border: none;
    line-height: 1;
    font-size: 2rem;
    padding: 0.35em 0.35em 0.25em 0.45em;
    fill: var(--clr-accent-fg);
    color: var(--clr-accent-fg);
    background-color: var(--clr-accent);
}

.swiper-button--prev {
    transform: translateX(calc(-100% - 1px)) rotate(180deg);
}

.swiper-button--next {
    border-left: 1px solid var(--clr-accent-fg);
}

.swiper-button>svg {
    width: 1.5em;
    height: 1.5em;
}

@media screen and (max-width: 1023px) {
    .mrm-s--intro.wp-block-group {
        text-align: center;
    }
}

@media screen and (min-width: 1024px) {
    .mrm-s--intro.wp-block-group>.wp-block-group__inner-container {
        padding-right: 32%;
    }
}

@media screen and (min-width: 1366px) {
    .mrm-s--intro.wp-block-group>.wp-block-group__inner-container {
        padding-right: 56%;
    }
}

@media screen and (min-width: 1560px) {
    .mrm-s--intro.wp-block-group>.wp-block-group__inner-container {
        padding-right: 46%;
    }
}

.mrm-s--secondary-intro>.wp-block-group__inner-container {
    max-width: 1140px;
}

.mrm-s--questions.wp-block-group {
    padding-top: 0;
    padding-bottom: 0;
}

.mrm-s--questions>.wp-block-group__inner-container {
    display: flex;
    position: relative;
    flex-direction: column;
}

.mrm-s--questions .wp-block-cover {
    min-height: 0;
    padding: 135% 0 0;
}

.mrm-s--questions__contact {
    width: 85%;
    margin: 0 auto;
    margin-top: -50%;
    padding: 85% 0 0;
    position: relative;
}

.mrm-s--questions__contact p {
    margin-bottom: 0.75em;
}

.mrm-s--questions__contact>.wp-block-group__inner-container {
    top: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 100%;
    height: 100%;
    max-width: 460px;
    max-height: 460px;
    padding: 11%;
    border-radius: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: var(--clr-accent-fg);
    background-color: var(--clr-accent-bg);
}

.mrm-s--questions__contact-title {
    color: inherit;
}

@media screen and (min-width: 600px) {
    .mrm-s--questions .wp-block-cover {
        padding-top: 90%;
    }
    .mrm-s--questions__contact {
        width: 75%;
        padding-top: 75%;
    }
}

@media screen and (min-width: 768px) {
    .mrm-s--questions .wp-block-cover {
        padding-top: 62.5%;
    }
    .mrm-s--questions__contact {
        width: 60%;
        padding-top: 60%;
        margin-top: -30%;
    }
}

@media screen and (min-width: 1024px) {
    .mrm-s--questions .wp-block-cover {
        padding-top: 56.25%;
    }
    .mrm-s--questions__contact {
        padding: 0;
        width: 100%;
        margin: 0 auto;
        max-width: 1440px;
    }
    .mrm-s--questions__contact>.wp-block-group__inner-container {
        right: 40px;
        left: unset;
        padding: 5%;
        width: calc(260px + 10vw);
        height: calc(260px + 10vw);
        transform: translateY(-60%);
    }
}

@media screen and (min-width: 1200px) {
    .mrm-s--questions .wp-block-cover {
        padding-top: 33.85%;
    }
}

@media screen and (min-width: 1366px) {
    .mrm-s--questions>.wp-block-group__inner-container {
        flex-direction: column-reverse;
    }
}

.mrm-s--apartments {
    background-color: #F5EBE1;
}

.mrm-s--apartments .apartment-grid,
.mrm-s--apartments .card-grid {
    margin: 3em 0;
}

.mrm-s--apartments .wp-block-button__link {
    font-size: 2rem;
}

@media screen and (min-width: 1200px) {
    .mrm-s--apartments .apartment-grid,
    .mrm-s--apartments .card-grid {
        margin: 5em 0;
    }
}

.mrm-s--info {
    color: var(--clr-secondary-fg);
    background-color: var(--clr-secondary-bg);
}

.mrm-s--info__boxes {
    margin: 0;
}

.mrm-s--info__boxes {
    margin-top: 20%;
}

.mrm-s--info__boxes .wp-block-column {
    margin: 0 auto;
    max-width: 480px;
    flex: 0 1 100% !important;
}

.mrm-s--info__boxes .wp-block-column:nth-child(n+2) {
    margin-top: 20%;
}

.mrm-s--info__boxes .wp-block-image {
    width: 50%;
    padding-top: 50%;
    position: relative;
    margin: 0 auto 1.5em;
}

.mrm-s--info__boxes .wp-block-image>img {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    border-radius: 100%;
}

@media screen and (min-width: 600px) {
    .mrm-s--info__boxes {
        margin-top: 16%;
    }
    .mrm-s--info__boxes .wp-block-column:nth-child(n+2) {
        margin-top: 14%;
    }
}

@media screen and (min-width: 768px) {
    .mrm-s--info__boxes {
        margin-top: 14%;
    }
    .mrm-s--info__boxes .wp-block-column:nth-child(n+2) {
        margin-top: 14%;
    }
}

@media screen and (max-width: 959px) {
    .mrm-s--info__boxes {
        flex-wrap: wrap;
    }
    .mrm-s--info__boxes>.wp-block-column {
        flex: 0 1 100% !important;
    }
}

@media screen and (min-width: 960px) {
    .mrm-s--info__boxes .wp-block-column {
        flex: 0 1 33.33333%;
    }
    .mrm-s--info__boxes .wp-block-column:nth-child(n+2) {
        margin-top: 0;
        margin-left: 4%;
    }
}

@media screen and (min-width: 1200px) {
    .mrm-s--info__boxes {
        margin-top: 8%;
    }
    .mrm-s--info__boxes>.wp-block-column:nth-child(n+2) {
        margin-left: 10%;
    }
}

.mrm-s--locations__images {
    flex-wrap: wrap;
    max-width: 400px;
    margin: 50px auto;
}

.mrm-s--locations__images>.wp-block-column {
    position: relative;
    margin: 0 !important;
    flex: 0 1 100% !important;
}

.mrm-s--locations__images .wp-block-image {
    margin: 0;
    padding-top: 100%;
    position: relative;
}

.mrm-s--locations__images .wp-block-image>img {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
}

.mrm-s--locations__images .wp-block-buttons {
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    padding-bottom: 2em;
}

@media screen and (min-width: 768px) and (max-width: 959px) {
    .mrm-s--locations__images>.wp-block-column:nth-child(n+2) {
        margin-top: 40px !important;
    }
}

@media screen and (min-width: 960px) {
    .mrm-s--locations__images {
        max-width: none;
    }
    .mrm-s--locations__images>.wp-block-column {
        margin-top: 0 !important;
        flex: 0 1 33.33333% !important;
    }
}

@media screen and (min-width: 1280px) {
    .mrm-s--locations__images {
        margin: 80px -10vw;
    }
}

.mrm-s--contact-intro {
    color: var(--clr-primary-fg);
    background-color: var(--clr-primary-bg);
}

.mrm-s--contact-intro .wp-block-spacer {
    margin: 2em auto;
    width: 80%;
    max-width: 330px;
    background-color: var(--clr-secondary-bg);
}

.mrm-s--contact-intro h1,
.mrm-s--contact-intro h2 {
    color: inherit;
    margin-bottom: 1.85em;
}

.mrm-s--contact-info .grids-section {
    margin-top: 60px;
}

.mrm-s--contact-info .grids-section>.grids-s-w_i {
    grid-gap: 25px;
    grid-auto-rows: 1fr;
    grid-template-rows: 1fr 1fr;
}

.mrm-s--contact-info .grids-area {
    flex-direction: column;
    justify-content: center;
    padding: 25px !important;
    color: var(--clr-secondary-fg);
    background-color: var(--clr-secondary-bg);
}

.mrm-s--contact-info .grids-area h3 {
    color: inherit;
}

.mrm-s--contact-info .grids-area:nth-child(3),
.mrm-s--contact-info .grids-area:nth-child(6) {
    color: var(--clr-accent-fg);
    background-color: var(--clr-accent-bg);
}

.site-content {
    display: block;
    padding: 0 !important;
}

.apartment-filters {
    padding: 50px 0 60px;
}

.apartment-filters .wrapper {
    max-width: 480px;
}

.apartment-filters__filters {
    display: grid;
    grid-gap: 60px;
    grid-template-columns: 1fr;
}

.apartment-filters__submit {
    margin-top: 80px;
    text-align: center;
}

.apartment-filters legend {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 2.6rem;
    margin-bottom: 1em;
}

.apartment-filters label {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

@media screen and (min-width: 960px) {
    .apartment-filters {
        padding: 70px 0 80px;
    }

    .apartment-filters .wrapper {
        max-width: 1370px;
    }

    .apartment-filters legend {
        text-align: left;
    }

    .apartment-filters__filters {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (min-width: 1200px) {
    .apartment-filters__filters {
        grid-template-columns: repeat(3, 1fr);
    }
}

.apartment-results {
    padding: 60px 0 80px;
    background-color: #F5EBE1;
}

.apartment-results__title {
    text-align: center;
    margin-bottom: 40px !important;
}

.apartment-results__spinner {
    text-align: center;
    margin-bottom: 20px !important;
    margin-top: 50px;
}

.apartment-results__spinner.is-hidden {
    display: none;
}

.apartment-results__more {
    text-align: center;
}

.apartment-results__more>button {
    margin-top: 4em;
}

.apartment-results__more>button.is-hidden {
    display: none;
}

@media screen and (min-width: 960px) {
    .apartment-results {
        padding: 80px 0 100px;
    }
}

.apartment-grid {
    display: grid;
    grid-gap: 30px;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}

.filter-btns {
    margin: -6px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.filter-btn {
    margin: 6px;
    position: relative;
}

.filter-btn [type="checkbox"] {
    opacity: 0;
    position: absolute;
}

.filter-btn [type="checkbox"]:checked+label {
    color: var(--clr-accent-fg);
    background-color: var(--clr-accent);
}

body:not(.using-mouse) .filter-btn [type="checkbox"]:focus+label {
    outline: 2px dotted var(--clr-accent);
}

body:not(.using-mouse) .filter-btn [type="checkbox"]:focus:checked+label {
    outline: 2px dotted var(--clr-primary);
}

@media screen and (min-width: 960px) {
    .filter-btns {
        justify-content: flex-start;
    }
}

.range-slider {
    --progress: 100%;
    position: relative;
}

.range-slider__container {
    width: 100%;
    height: 4px;
    background-color: var(--clr-primary);
}

.range-slider__container>input {
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    position: absolute;
}

.range-slider__overlay {
    top: 0;
    left: 0;
    height: 4px;
    position: absolute;
    width: var(--progress);
    background-color: var(--clr-accent);
}

.range-slider__value {
    top: 18px;
    position: absolute;
    white-space: nowrap;
    left: var(--progress);
    transform: translateX(-50%);
}

input[type="range"] {
    width: 100%;
    height: 4px;
    border-radius: 5px;
    background: transparent;
    -webkit-appearance: none;
}

input[type="range"]:focus {
    outline: none !important;
}

input[type="range"]::-moz-range-progress {
    border-radius: 5px;
    background-color: var(--clr-accent);
}

input[type="range"]::-moz-range-track {
    border-radius: 5px;
    background-color: var(--clr-primary);
}

input[type="range"]::-moz-range-thumb {
    width: 1em;
    height: 1em;
    border-radius: 100%;
    border: 3px solid #f05057;
    background-color: #ffffff;
}

input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    border: 3px solid var(--clr-accent);
    background-color: #ffffff;
}

.mrm-s--city-content .wp-block-kadence-advancedgallery {
    margin: 4em 0;
}

.mrm-s--city-why {
    color: var(--clr-secondary-fg);
    background-color: var(--clr-secondary);
}

@media screen and (min-width: 1200px) {
    .mrm-s--city-content .wp-block-kadence-advancedgallery {
        margin: 5em 0;
    }
}


/* RHB fix */

/* .swiper-container {
    width: 100% !important;
    max-height: 800px !important;
} */

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    background: #1D3D49;
    color: #fff;
    border: 1px solid transparent;
    cursor: pointer;
    -webkit-appearance: none !important;
    padding: 10px 20px;
    border-radius: 5px;
}

.gform_wrapper.gravity-theme .gform_previous_button.button,
.gform_wrapper.gravity-theme .gform_save_link.button {
    background-color: #fff;
    color: #6b7280;
    text-decoration: none;
    -webkit-appearance: none !important;
    border-color: #1d3557;
}