:root {
--clr-primary-fg: #ffffff;
--clr-primary-bg: #1d3557;
--clr-secondary-fg: #262626;
--clr-secondary-bg: #a8dadc;
--clr-accent-fg: #ffffff;
--clr-accent-bg: #f05057;
--clr-footer-fg: #ffffff;
--clr-footer-bg: #1d3557;
--clr-copyright-fg: #ffffff;
--clr-copyright-bg: #152a48;
--clr-primary: #1d3557;
--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: #f05057;
--clr-accent-fg: #ffffff;
--clr-headings: #00385a;
--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: 600;
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);
}
.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(//rhb.fi/wp-content/themes/mrm-child/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: 1px;
position: absolute;
background-size: cover;
background-position: bottom;
background-repeat: no-repeat;
background-image: url(//rhb.fi/wp-content/themes/mrm-child/assets/img/skyline.svg);
}
.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: #faf7f5;
}
.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: #faf7f5;
}
.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 #f05057;
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;
}
}  button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
background: #1d3557;
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;
}