/*!
Theme Name: real-estate
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: real-estate
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

real-estate is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
  display: block
}

audio, canvas, progress, video {
  display: inline-block
}

audio:not([controls]) {
  display: none;
  height: 0
}

progress {
  vertical-align: baseline
}

[hidden], template {
  display: none
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects
}

a:active, a:hover {
  outline-width: 0
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted
}

b, strong {
  font-weight: inherit
}

b, strong {
  font-weight: bolder
}

dfn {
  font-style: italic
}

h1 {
  font-size: 2em;
  margin: .67em 0
}

mark {
  background-color: #ff0;
  color: #000
}

small {
  font-size: 80%
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

img {
  border-style: none
}

svg:not(:root) {
  overflow: hidden
}

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em
}

figure {
  margin: 1em 40px
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

button, input, select, textarea {
  font: inherit;
  margin: 0
}

optgroup {
  font-weight: 700
}

button, input {
  overflow: visible
}

button, select {
  text-transform: none
}

[type=reset], [type=submit], button, html [type=button] {
  -webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
  outline: 1px dotted ButtonText
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}

textarea {
  overflow: auto
}

[type=checkbox], [type=radio] {
  box-sizing: border-box;
  padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: .54
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

@charset "UTF-8";
*, :after, :before {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  outline: 0
}

::-webkit-input-placeholder {
  color: #FFF;
  opacity: 1
}

::-moz-placeholder {
  color: #FFF;
  opacity: 1
}

:-ms-input-placeholder {
  color: #FFF;
  opacity: 1
}

input::-webkit-contacts-auto-fill-button {
  visibility: hidden;
  display: none !important
}

select::-ms-expand {
  display: none
}

.vanitas-bold {
  font-family: 'Tenor Sans', sans-serif;
}
.gotham-book {
  font-family: 'Nunito Sans', sans-serif;
}
.gotham-medium {
  font-family: 'Nunito Sans', sans-serif;
}
.gotham-bold {
  font-family: 'Nunito Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6, p, ul {
  font-weight: 400;
  margin: 0;
  padding: 0
}

input, select, textarea {
  -webkit-appearance: none;
  border-radius: 0
}

ol, ul {
  list-style: none
}

html {
  font-size: 10px;
  line-height: 10px;
  background-color: #35384c
}

html body {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 1.4rem;
  line-height: 2.4rem;
  color: #35384c
}

@media (max-width:750px) {
  html body {
    font-size: 1.2rem
  }
}

html body.no-scroll {
  overflow-y: hidden
}

html body h1, html body h2, html body h4, html body h5, html body h6 {
  font-family: 'Nunito Sans', sans-serif;;
  font-size: 15px;
}

@media (max-width:950px) {
  html body h1, html body h2, html body h4, html body h5, html body h6 {
    font-size: 1.4rem;
    line-height: 2.9rem
  }
}

html body h3 {
  font-family: 'Tenor Sans', sans-serif;
  font-size: 3rem;
  line-height: 4.2rem
}

@media (max-width:950px) {
  html body h3 {
    font-size: 1.8rem;
    line-height: 3rem
  }
}

html body a, html body a:visited, html body li, html body p, html body span, html body ul {
  font-family: 'Tenor Sans', sans-serif;
  font-size: 1.4rem;
  line-height: 2.4rem;
  color: #35384c
}

@media (max-width:950px) {
  html body a, html body a:visited, html body li, html body p, html body span, html body ul {
    font-size: 1.2rem
  }
}

html body a {
  text-decoration: none
}

html body p a {
  border-bottom: 1px solid #35384c;
  transition: border .6s cubic-bezier(.55, 0, .1, 1)
}

html body p a:hover {
  border-bottom: 1px solid transparent
}

html body .brown-bold-uppercase {
  font-family: 'Nunito Sans', sans-serif;;
  font-size: 1.2rem;
  line-height: 1.271rem;
  letter-spacing: .23rem;
  font-weight: 700;
  color: #FFFFFF;
  text-transform: uppercase
}

html body .brown-text a, html body .brown-text p {
  font-family: 'Tenor Sans', sans-serif;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #687172
}

@media (max-width:750px) {
  html body .brown-text a, html body .brown-text p {
    font-size: 1.4rem;
    line-height: 2rem
  }
}

html body .galaxie-heading-text {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 3rem;
  line-height: 6rem;
  letter-spacing: -.01rem;
  color: #F2DDD5
}

@media (max-width:750px) {
  html body .galaxie-heading-text {
    font-size: 1.8rem;
    line-height: 4rem
  }
}

html body .brown-text-grayed, html body span.arrow {
  font-family: 'Nunito Sans', sans-serif!important;
  font-size: 1.2rem!important;
  color: #FFFFFF!important;
  width: 230px;
  height: 40px;
  background-color: #35384c;
  text-align: center;
  line-height: 40px;
  text-transform: uppercase;
  letter-spacing: .23rem;
  font-weight: 700;
}

html body .brown-text-grayed:hover {
  cursor: pointer;
  opacity: .6
}

@media (max-width:750px) {
  html body .brown-text-grayed, html body span.arrow {
    font-size: 1.4rem
  }
}

html body span.arrow {
  transition: transform .6s cubic-bezier(.55, 0, .1, 1);
  padding-left: 10px;
}

html body .background-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow-y: scroll;
  z-index: -4
}

html body .foreground-wrapper .header-main-wrapper {
  background-color: #F2DDD5;
  margin-top: 10px;
  margin-bottom: 0px;
  transition: background-color .7s cubic-bezier(.55, 0, .1, 1), opacity 1.2s cubic-bezier(.55, 0, .1, 1)
}

html body .foreground-wrapper .header-main-wrapper.transparent-background {
  background-color: transparent
}

html body nav ul li a.galaxie-heading-text, html body nav ul li a:visited {
  display: inline-block;
  color: #F2DDD5;
  transition: color .6s cubic-bezier(.55, 0, .1, 1);
  font-family: 'Tenor Sans', sans-serif;
}

html body nav ul li a.galaxie-heading-text:hover, html body nav ul li a:visited:hover {
  opacity: 0.5;
  border-bottom: none
}

html body .register h4.brown-bold-uppercase {
  margin-bottom: 47px
}

@media (max-width:950px) {
  html body .register h4.brown-bold-uppercase {
    margin-bottom: 19px
  }
}

html body .register form input[type=email], html body .register form input[type=text], html body .register form select, html body .register form input[type=tel] {
  width: 100%;
  height: 40px;
  font-size: 1.4rem;
  color: #FFF;
  background-color: transparent;
  padding: .5rem .5rem .5rem 0;
  border: none;
  border-bottom: 1px solid #687172;
  margin-bottom: 1rem
}

html body .register form input[type=email]:focus, html body .register form input[type=text]:focus, html body .register form select:focus {
  border-color: #F2DDD5
}

html body .register form .select-wrapper {
  position: relative
}

html body .register form .select-wrapper::after {
  content: '→';
  position: absolute;
  top: 34%;
  right: 15px;
  font-family: 'Tenor Sans', sans-serif;
  font-size: 1.6rem;
  line-height: 0rem;
  color: #687172;
  transform: rotate(90deg) translateX(0);
  transition: transform .6s cubic-bezier(.55, 0, .1, 1)
}

html body .register form .select-wrapper:hover::after {
  transform: rotate(90deg) translateX(3px)
}

html body .register form .select-wrapper select {
  color: #9AA0A1 !important;
  -moz-appearance: none
}

html body .register form .select-wrapper select.selected {
  color: #F2DDD5
}

html body .register form .select-wrapper select:hover {
  cursor: pointer
}

html body .register form input[type=submit] {
  width: 88px;
  height: 40px;
  text-align: center;
  padding: .5rem;
  background-color: transparent;
  border: 1px solid #F2DDD5;
  margin-top: 23px;
  transition: color .6s cubic-bezier(.55, 0, .1, 1), border .6s cubic-bezier(.55, 0, .1, 1);
  font-size: 1.2rem;
  line-height: 1.271rem;
  letter-spacing: .23rem;
  font-weight: 700;
  color: #F0ECE8;
  text-transform: uppercase;
}

html body .register form input[type=submit].brown-bold-uppercase:hover {
  cursor: pointer;
  color: #9AA0A1;
  border-color: #9AA0A1
}

html body .register form .error {
  display: none;
  width: auto;
  height: 40px;
  color: #F2DDD5;
  padding-top: 2rem
}

html body .register .thank-you {
  display: none;
  max-width: 400px;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 3rem;
  line-height: 4.2rem;
  color: #9AA0A1;
  padding-top: 60px;
  margin-bottom: 55px
}

@media (max-width:950px) {
  html body .register .thank-you {
    min-height: 300px;
    font-size: 1.8rem;
    line-height: 3rem
  }
}

@media (max-width:750px) {
  html body .register .thank-you {
    margin-bottom: 59px
  }
}

html body .bottom-wrapper .register-text a, html body .bottom-wrapper .register-text p, html body .register-wrapper .register-text a, html body .register-wrapper .register-text p {
  color: #f2ddd5;
  font-family: 'Nunito Sans', sans-serif;;
}

html body .register-wrapper .register-text p {
  font-size: 15px;
}

html body .bottom-wrapper .register-text a, html body .register-wrapper .register-text a {
  border-bottom: none;
  opacity: 1;
  transition: opacity .6s cubic-bezier(.55, 0, .1, 1);
  font-weight: bold;
}

html body .bottom-wrapper .register-text a:hover, html body .register-wrapper .register-text a:hover {
  opacity: .5;
  border-bottom: none
}

html body .blanket {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: #F2DDD5;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 1;
  z-index: 10;
  will-change: opacity
}

html body .page-load {
  opacity: 0;
  transition: opacity 1.2s cubic-bezier(.55, 0, .1, 1)
}

html body .page-load.loaded {
  opacity: 1
}

html body .load, html body .will-slide {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 1s cubic-bezier(.55, 0, .1, 1), transform .8s cubic-bezier(.55, 0, .1, 1);
  will-change: opacity, transform
}

html body .load.loaded, html body .will-slide.loaded {
  opacity: 1;
  transform: none
}

html body .load.slide-in, html body .will-slide.slide-in {
  opacity: 1;
  transform: none
}

html body .will-hide {
  opacity: 1;
  transition: opacity .7s cubic-bezier(.55, 0, .1, 1)
}

html body .will-hide.hide {
  opacity: 0
}

html body .remove {
  display: none
}

html body .no-click {
  pointer-events: none
}

@media (max-width:750px) {
  html body .mobile-hide {
    display: none !important
  }
}

header {
  position: relative
}

header .menu-button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 15px;
  left: 15px;
  width: 40px;
  height: 40px;
  background-color: #FFF;
  z-index: 1;
  transition: opacity .6s cubic-bezier(.55, 0, .1, 1)
}

header .menu-button svg {
  width: 10px;
  height: 7px
}

header .menu-button svg * {
  stroke: #35384c
}

header .menu-button.fixed, header .register-button.fixed {
  position: fixed;
  top: 15px
}

header .menu-button:hover, header .register-button:hover {
  cursor: pointer;
  opacity: .6
}

header .menu-button.hide, header .register-button.hide {
  pointer-events: none;
  opacity: 0
}

header .register-button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 15px;
  right: 15px;
  width: 230px;
  height: 40px;
  background-color: #35384c;
  opacity: 1;
  z-index: 2;
  transition: background-color .6s cubic-bezier(.55, 0, .1, 1), opacity .6s cubic-bezier(.55, 0, .1, 1)
}

@media (max-width:750px) {
  header .register-button {
    right: 14px;
    width: 150px
  }
}

header .register-button.reverse {
  background-color: #F2DDD5
}

header .register-button.reverse div, header .register-button.reverse span {
  color: #35384c
}

header .register-button:hover {
  cursor: pointer
}

header .register-button div, header .register-button div span {
  transition: color .6s cubic-bezier(.55, 0, .1, 1)
}

header .close {
  position: absolute;
  top: 24px;
  left: 26px;
  padding: 7px;
  opacity: 1;
  z-index: 1;
  transition: opacity .6s cubic-bezier(.55, 0, .1, 1)
}

@media (max-width:750px) {
  header .close {
    top: 12px;
    left: 20px
  }
}

header .close:hover {
  cursor: pointer;
  opacity: .7
}

header .close svg {
  width: 7px;
  height: 7px
}

header .close svg * {
  stroke: #F2DDD5
}

header .menu {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 545px;
  max-height: 100vh;
  background-color: #35384c;
  padding: 102px 100px 50px 100px;
  transform: translateY(-100%);
  z-index: 1;
  transition: transform .7s cubic-bezier(.55, 0, .1, 1)
}

@media (max-width:750px) {
  header .menu {
    min-height: 425px;
    padding: 90px 30px 50px 30px
  }
}

@media (max-height:545px) {
  header .menu {
    padding-top: 50px;
    min-height: auto
  }
}

header .menu.show {
  transform: translateY(0)
}

header .menu-logo {
  position: fixed;
  bottom: 52px;
  left: 100px;
  opacity: 0;
  transition: opacity .6s cubic-bezier(.55, 0, .1, 1);
  z-index: 0
}

@media (max-width:750px) {
  header .menu-logo {
    bottom: 30px;
    left: 30px
  }
}

header .menu-logo.show {
  opacity: 1
}

header .menu-logo img {
  width: 140px;
  height: 35.03px
}

header .menu-backgrounds-wrapper {
  position: relative;
  z-index: -3
}

header .menu-backgrounds-wrapper .menu-background {
  position: fixed;
  width: 100%;
  height: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0;
  z-index: -4;
  transition: opacity 1.2s cubic-bezier(.55, 0, .1, 1)
}

header .menu-backgrounds-wrapper .menu-background.active {
  opacity: 1
}

header .register-wrapper {
  position: absolute;
  top: 15px;
  right: 15px;
  width: calc((100vw - 90px)/ 2);
  max-width: 595px;
  height: auto;
  background-color: #35384c;
  padding: 31px 55px 25px 31px;
  z-index: 3
}

header .register-wrapper.fixed {
  position: fixed;
  top: 15px
}

@media (max-width:950px) {
  header .register-wrapper {
    padding-right: 15px
  }
}

@media (max-width:750px) {
  header .register-wrapper {
    right: auto;
    width: calc(100% - 20px);
    max-width: calc(100% - 20px);
    max-height: calc(100vh - 35px);
    padding: 36px 20px 17px 20px;
    margin: 0 10px 10px 10px;
    overflow-y: scroll
  }
}

header .register-wrapper .register form {
  margin-bottom: 55px
}

@media (max-width:750px) {
  header .register-wrapper .register form {
    margin-bottom: 59px
  }
}

header .register-wrapper .close {
  top: 0;
  right: 9px;
  left: auto
}

header .top {
  display: flex;
  justify-content: space-between;
  padding: 119px 40px 60px 100px;
  background-color: #F2DDD5
}

@media (max-width:750px) {
  header .top {
    flex-wrap: wrap;
    padding: 99px 30px 31px 30px
  }
}

header .top .logo {
  flex: 0 0 25%;
  max-width: 25%
}

@media (max-width:750px) {
  header .top .logo {
    flex: 0 0 100%;
    max-width: 200px;
  }
}

header .top .logo a {
  opacity: 1;
  transition: opacity .6s cubic-bezier(.55, 0, .1, 1)
}

header .top .logo a:hover {
  opacity: .8
}

header .top .logo svg {
  width: 250px;
  margin-top: 90px;
}

@media (max-width:750px) {
  header .top .logo svg {
    width: 160px;
    height: 40.03px
  }
}

header .top .logo svg * {
  stroke: #35384c;
  fill: #35384c
}

header .top .headings {
  flex: 0 0 50%;
  max-width: 50%;
  margin-top: 33px
}

@media (max-width:750px) {
  header .top .headings {
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 46px
  }
}

header .top .headings h2 {
  margin-bottom: 4.8rem
}

@media (max-width:750px) {
  header .top .headings h2 {
    margin-bottom: 1.2rem
  }
}

header .top .headings .subtitle {
  max-width: 490px
}

@media (max-width:750px) {
  header .top .headings .subtitle {
    max-width: 275px
  }
}

header .top .headings h4 {
  font-weight: 700;
  margin-top: 3rem;
  margin-bottom: 0
}

@media (max-width:950px) {
  header .top .headings h4 {
    line-height: 2.2rem
  }
}

@media (max-width:750px) {
  header .top .headings h4 {
    margin-bottom: 1.2rem
  }
}

footer {
  position: relative;
  background-color: #35384c;
  padding: 60px 70px 53px 100px
}

@media (max-width:950px) {
  footer {
    padding: 51px 30px 21px 30px
  }
}

footer div.bottom-wrapper, footer div.top-wrapper {
  display: flex;
  justify-content: space-between
}

@media (max-width:950px) {
  footer div.bottom-wrapper, footer div.top-wrapper {
    flex-wrap: wrap
  }
}

footer .logo, footer nav {
  flex: 0 1 265px
}

@media (max-width:950px) {
  footer .logo, footer nav {
    flex: 0 0 100%;
    max-width: 100%
  }
}

footer .register .thank-you {
  min-height: auto !important
}

footer .register, footer .register-text {
  flex: 0 0 508px
}

@media (max-width:950px) {
  footer .register, footer .register-text {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

footer div.top-wrapper {
  margin-bottom: 150px
}

@media (max-width:950px) {
  footer div.top-wrapper {
    margin-bottom: 58px
  }
}

footer div.top-wrapper nav {
  margin-top: 56px
}

@media (max-width:950px) {
  footer div.top-wrapper nav {
    margin-top: 0;
    margin-bottom: 45px
  }
}

@media (max-width:950px) {
  footer .register-text {
    order: 0
  }
}

footer .logo {
  margin-top: 5px;
  opacity: 1;
  transition: opacity .6s cubic-bezier(.55, 0, .1, 1)
}

@media (max-width:950px) {
  footer .logo {
    margin-top: 59px;
    order: 1;
    width: 160px;
    max-width: 200px;
  }
}

footer .logo:hover {
  opacity: .7
}

footer .logo svg {
  width: 250px;
  height: auto
}

footer .logo svg * {
  stroke: #9AA0A1;
  fill: #9AA0A1
}

footer .scroll-up {
  position: absolute;
  right: 36px;
  bottom: 45px;
  display: inline-block;
  padding: 5px;
  transform: rotate(270deg) translateX(0);
  transition: transform .6s cubic-bezier(.55, 0, .1, 1)
}

@media (max-width:950px) {
  footer .scroll-up {
    right: 27px;
    bottom: 20px
  }
}

footer .scroll-up:hover {
  cursor: pointer;
  transform: rotate(270deg) translateX(4px)
}

body.page-template-homepage .top.front-page {
  padding-bottom: 0;
  margin-bottom: -6px
}

body.page-template-homepage .top.front-page .logo {
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

@media (max-width:950px) {
  body.page-template-homepage .top.front-page .logo {
    display: block;
    margin-bottom: 32px;
    margin-top: 20px;
  }
}

@media (max-width:950px) {
  body.page-template-homepage .top.front-page .logo h1 {
    margin-bottom: 17px
  }
}

body.page-template-homepage .top.front-page .logo h4 {
  line-height: 2.1rem;
  color: #35384c
}

body.page-template-homepage .top.front-page .headings {
  margin-top: -3px
}

body.page-template-homepage .top.front-page .headings .subtitle {
  margin-bottom: 20px;
  text-decoration: underline;
}

@media (max-width:950px) {
  body.page-template-homepage .top.front-page .headings .subtitle {
    margin-bottom: 18px
  }
}

body.page-template-homepage .top.front-page .headings h4 {
  margin-top: 0;
  margin-bottom: 6.4rem
}

body.page-template-homepage .top.front-page span.text:hover {
  cursor: pointer
}

body.page-template-homepage .top.front-page span.text:hover .arrow {
  transform: rotate(270deg) translateX(-4px)
}

body.page-template-homepage .top.front-page span.text .arrow {
  margin-left: 7px;
  transform: rotate(270deg) translateX(0)
}

body.page-template-homepage main {
  padding-top: 29px;
  padding-bottom: 0;
}

@media (max-width:950px) {
  body.page-template-homepage main {
    padding-top: 0px;
    padding-bottom: 30px
  }
}

body.page-template-homepage main .double-image-wrapper, body.page-template-homepage main .single-image-wrapper, body.page-template-homepage main .text-block-wrapper {
  padding-bottom: 0px
}

@media (max-width:950px) {
  body.page-template-homepage main .double-image-wrapper, body.page-template-homepage main .single-image-wrapper, body.page-template-homepage main .text-block-wrapper {
    padding-bottom: 0px
  }
}

body.page-template-homepage main .single-image-wrapper {
  width: 100%;
  max-width: 100%
}

body.page-template-homepage main .single-image-wrapper.none .link {
  margin-left: 52.3%
}

@media (max-width:950px) {
  body.page-template-homepage main .single-image-wrapper.none .link {
    margin-left: 30px
  }
}

body.page-template-homepage main .single-image-wrapper.large-border {
  padding-right: 100px;
  padding-left: 100px
}

@media (max-width:950px) {
  body.page-template-homepage main .single-image-wrapper.large-border {
    padding-right: 30px;
    padding-left: 30px
  }
}

body.page-template-homepage main .single-image-wrapper.large-border .link {
  margin-left: 52.8%
}

@media (max-width:950px) {
  body.page-template-homepage main .single-image-wrapper.large-border .link {
    margin-left: 0
  }
}

body.page-template-homepage main .single-image-wrapper.small-border {
  padding-right: 15px;
  padding-left: 15px
}

body.page-template-homepage main .single-image-wrapper.small-border .link {
  margin-left: 52.4%
}

@media (max-width:950px) {
  body.page-template-homepage main .single-image-wrapper.small-border .link {
    margin-left: 15px
  }
}

@media (max-width:950px) {
  body.page-template-homepage main .single-image-wrapper:last-child .link {
    margin-bottom: 5px;
    margin-top: 20px;
  }
}

.single-image-wrapper .link {
  margin-top: 50px;
  margin-bottom: 50px;
}

.text-block-wrapper .link {
  margin-bottom: 50px;
}

@media (max-width:950px) {
  .single-image-wrapper .link {
    margin-bottom: 30px;
    margin-top: 24px;
  }

  .text-block-wrapper .link {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}

.single-image-wrapper .link a {
  color: #9AA0A1
}

single-image-wrapper .link a:hover span {
  display: inline-block;
  transform: translateX(4px)
}

.single-image-wrapper .link a span {
  margin-left: 4px;
  transform: translateX(0)
}

.double-image-wrapper .image, .single-image-wrapper .image {
  position: relative
}

body.page-template-homepage main .double-image-wrapper .image img, body.page-template-homepage main .single-image-wrapper .image img {
  width: 100%;
  max-width: 100%;
  height: auto
}

body.page-template-homepage main .double-image-wrapper .image .caption, body.page-template-homepage main .single-image-wrapper .image .caption {
  position: absolute;
  bottom: 7px;
  left: 10px;
  font-family: 'Tenor Sans', sans-serif;
  font-size: 1.1rem;
  line-height: 2.8rem;
  color: #F2DDD5
}

body.page-template-homepage main .double-image-wrapper .image .caption.dark, body.page-template-homepage main .single-image-wrapper .image .caption.dark {
  color: #35384c
}

body.page-template-homepage main .double-image-wrapper {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 100%;
  padding-right: 100px;
  padding-left: 100px
}

@media (max-width:950px) {
  body.page-template-homepage main .double-image-wrapper {
    flex-wrap: wrap;
    padding-right: 30px;
    padding-left: 30px
  }
}

body.page-template-homepage main .double-image-wrapper .image {
  flex: 0 0 47.222%;
  max-width: 47.222%
}

@media (max-width:950px) {
  body.page-template-homepage main .double-image-wrapper .image {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 2.1rem
  }
  body.page-template-homepage main .double-image-wrapper .image:last-child {
    margin-bottom: 0
  }
}

body.page-template-homepage main .double-image-wrapper .image .caption-wrapper {
  position: relative
}

body.page-template-homepage main .text-block-wrapper,
body.single-post  main .text-block-wrapper{
  display: flex;
  justify-content: space-between;
  padding-right: 40px;
  padding-left: 100px;
  padding-top: 40px;
}

@media (max-width:750px) {
  body.page-template-homepage main .text-block-wrapper {
    flex-wrap: wrap;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 0px;
  }
}

body.page-template-homepage main .text-block-wrapper .heading {
  flex: 0 0 25%;
  max-width: 25%;
  margin-top: 4px
}

@media (max-width:750px) {
  body.page-template-homepage main .text-block-wrapper .heading {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 1rem
  }
}

body.page-template-homepage main .text-block-wrapper .text {
  flex: 0 0 50;
  max-width: 50%
}

@media (max-width:750px) {
  body.page-template-homepage main .text-block-wrapper .text {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 1rem
  }
}

body.page-template-homepage main .text-block-wrapper .text p {
  padding-right: 60px;
  margin-bottom: 50px;
}

@media (max-width:950px) {
  body.page-template-homepage main .text-block-wrapper .text p {
    padding-right: 0;
    margin-bottom: 1.4rem
  }
}

body.page-template-homepage main .text-block-wrapper .text a, body.page-template-homepage main .text-block-wrapper .text li, body.page-template-homepage main .text-block-wrapper .text ol, body.page-template-homepage main .text-block-wrapper .text p, body.page-template-homepage main .text-block-wrapper .text span, body.page-template-homepage main .text-block-wrapper .text ul {
  font-size: 1.6rem;
  line-height: 3rem
}

@media (max-width:950px) {
  body.page-template-homepage main .text-block-wrapper .text a, body.page-template-homepage main .text-block-wrapper .text li, body.page-template-homepage main .text-block-wrapper .text ol, body.page-template-homepage main .text-block-wrapper .text p, body.page-template-homepage main .text-block-wrapper .text span, body.page-template-homepage main .text-block-wrapper .text ul {
    font-size: 1.2rem;
    line-height: 2.4rem
  }
}

body.page-template-team .foreground-wrapper main {
  padding: 24px 40px 103px 100px
}

@media (max-width:750px) {
  body.page-template-team .foreground-wrapper main {
    padding: 24px 29px 50px 32px
  }
}

body.page-template-team .foreground-wrapper main .item {
  display: flex;
  margin-bottom: 56px
}

@media (max-width:750px) {
  body.page-template-team .foreground-wrapper main .item {
    flex-wrap: wrap;
    margin-bottom: 45px
  }
}

body.page-template-team .foreground-wrapper main .item .logo {
  flex: 0 0 50%;
  max-width: 50%;
  text-align: right;
  padding-top: 5px;
  padding-right: 178px
}

@media (max-width:750px) {
  body.page-template-team .foreground-wrapper main .item .logo {
    flex: 0 0 100%;
    max-width: 200px;
    text-align: left;
    padding-right: 0;
    margin-bottom: 30px
  }
}

body.page-template-team .foreground-wrapper main .item .logo img {
  width: auto;
  height: 20px;
}

body.page-template-team .foreground-wrapper main .item .logo img.right-pad {
  padding-right: 42px
}

body.page-template-team .foreground-wrapper main .item .text-wrapper {
  flex: 0 0 50%;
  max-width: 50%;
  padding-right: 64px
}

@media (max-width:950px) {
  body.page-template-team .foreground-wrapper main .item .text-wrapper {
    padding-right: 0
  }
}

@media (max-width:750px) {
  body.page-template-team .foreground-wrapper main .item .text-wrapper {
    flex: 0 0 100%;
    max-width: 100%
  }
}

body.page-template-team .foreground-wrapper main .item .text-wrapper .category {
  color: #9AA0A1
}

@media (max-width:750px) {
  body.page-template-team .foreground-wrapper main .item .text-wrapper .category {
    line-height: 1.4rem
  }
}

body.page-template-team .foreground-wrapper main .item .text-wrapper .heading {
  margin-bottom: 1.6rem
}

body.page-template-team .foreground-wrapper main .item .text-wrapper p {
  margin-bottom: 1.6rem
}

body.page-template-team .foreground-wrapper main .item .text-wrapper a.bottom-link {
  color: #9AA0A1;
  border-bottom: 1px solid rgba(154, 160, 161, .5);
  transition: border-bottom .6s cubic-bezier(.55, 0, .1, 1)
}

body.page-template-team .foreground-wrapper main .item .text-wrapper a.bottom-link:hover {
  border-bottom: 1px solid transparent
}

@media (max-width:750px) {
  body.page-template-floor-plans .top {
    padding-bottom: 0
  }
}

body.page-template-floor-plans h2.title {
  display: none
}

body.page-template-floor-plans main {
  padding: 32px 20px 52px 100px
}

@media (max-width:1150px) {
  body.page-template-floor-plans main {
    padding: 0 31px 52px 31px
  }
}

@media (max-width:1150px) {
  body.page-template-floor-plans main .heading {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 2.1rem
  }
}

body.page-template-floor-plans main .table-wrapper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 99px
}

@media (max-width:1150px) {
  body.page-template-floor-plans main .table-wrapper {
    flex-wrap: wrap;
    margin-bottom: 49px
  }
}

body.page-template-floor-plans main .table-wrapper .table {
  flex: 0 0 100%;
  max-width: 69.9vw
}

@media (max-width:1150px) {
  body.page-template-floor-plans main .table-wrapper .table {
    max-width: 100%
  }
}

body.page-template-floor-plans main .table-wrapper .table .brown-bold-uppercase {
  color: #9AA0A1
}

body.page-template-floor-plans main .table-wrapper .table .heading-row {
  padding-bottom: 3rem !important;
  margin-top: 0 !important
}

@media (max-width:1150px) {
  body.page-template-floor-plans main .table-wrapper .table .heading-row {
    padding-bottom: 2.4rem !important
  }
}

body.page-template-floor-plans main .table-wrapper .table .heading-row .row-content div:nth-child(2) svg {
  height: 14.56px
}

body.page-template-floor-plans main .table-wrapper .table .heading-row .row-content div:nth-child(3) svg {
  height: 16.09px
}

body.page-template-floor-plans main .table-wrapper .table .heading-row .row-content div:nth-child(4) svg {
  height: 14px
}

body.page-template-floor-plans main .table-wrapper .table .heading-row .row-content div:nth-child(5) svg {
  height: 13.78px
}

body.page-template-floor-plans main .table-wrapper .table .heading-row svg {
  width: 18px
}

body.page-template-floor-plans main .table-wrapper .table .heading-row svg * {
  stroke: #9AA0A1;
  fill: transparent
}

body.page-template-floor-plans main .table-wrapper .table .heading-row .download h5 {
  line-height: 2.7rem
}

body.page-template-floor-plans main .table-wrapper .table .row {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 100%;
  padding-bottom: .7rem;
  border-bottom: 1px solid #FFF;
  margin-top: 1.2rem
}

@media (max-width:750px) {
  body.page-template-floor-plans main .table-wrapper .table .row {
    padding-bottom: .9rem;
    margin-top: 1rem
  }
}

body.page-template-floor-plans main .table-wrapper .table .row .row-content {
  flex: 0 0 90%;
  max-width: 615px
}

@media (max-width:940px) {
  body.page-template-floor-plans main .table-wrapper .table .row .row-content {
    flex: 0 0 90%
  }
}

body.page-template-floor-plans main .table-wrapper .table .row .row-content.gray div span {
  color: #9AA0A1
}

body.page-template-floor-plans main .table-wrapper .table .row .row-content div {
  display: inline-block
}

body.page-template-floor-plans main .table-wrapper .table .row .row-content div span {
  font-family: 'Tenor Sans', sans-serif;
  font-size: 1.6rem;
  line-height: 3rem;
  color: #35384c;
  transition: color .6s cubic-bezier(.55, 0, .1, 1)
}

@media (max-width:750px) {
  body.page-template-floor-plans main .table-wrapper .table .row .row-content div span {
    font-size: 1.4rem;
    line-height: 2.6rem
  }
}

body.page-template-floor-plans main .table-wrapper .table .row .row-content .wide-width {
  width: 22%;
  max-width: 121px
}

@media (max-width:750px) {
  body.page-template-floor-plans main .table-wrapper .table .row .row-content .wide-width {
    width: 20%;
    max-width: 20%
  }
}

body.page-template-floor-plans main .table-wrapper .table .row .row-content .mid-width {
  width: 15%;
  max-width: 96px
}

@media (max-width:750px) {
  body.page-template-floor-plans main .table-wrapper .table .row .row-content .mid-width {
    width: 20%;
    max-width: 20%
  }
}

body.page-template-floor-plans main .table-wrapper .table .row .row-content .narrow-width {
  width: 12.264%;
  max-width: 61px
}

@media (max-width:750px) {
  body.page-template-floor-plans main .table-wrapper .table .row .row-content .narrow-width {
    width: 18%;
    max-width: 18%
  }
}

body.page-template-floor-plans main .table-wrapper .table .row .download {
  width: 110px
}

@media (max-width:750px) {
  body.page-template-floor-plans main .table-wrapper .table .row .download {
    width: auto;
    text-align: right
  }
}

body.page-template-floor-plans main .table-wrapper .table .row .download:hover {
  cursor: pointer
}

body.page-template-floor-plans main .table-wrapper .table .row .download:hover span {
  color: #9AA0A1
}

body.page-template-floor-plans main .table-wrapper .table .row .download:hover .download-icon {
  opacity: 1
}

body.page-template-floor-plans main .table-wrapper .table .row .download span {
  font-family: 'Tenor Sans', sans-serif;
  font-size: 1.6rem;
  line-height: 3rem;
  color: #35384c;
  margin-right: 1.1rem;
  transition: color .6s cubic-bezier(.55, 0, .1, 1)
}

body.page-template-floor-plans main .table-wrapper .table .row .download .download-icon {
  display: inline-block;
  opacity: 0;
  transition: opacity .6s cubic-bezier(.55, 0, .1, 1)
}

@media (max-width:750px) {
  body.page-template-floor-plans main .table-wrapper .table .row .download .download-icon {
    opacity: 1
  }
}

body.page-template-floor-plans main .table-wrapper .table .row .download .download-icon svg {
  width: 10px;
  height: 11.5px
}

body.page-template-floor-plans main .table-wrapper .table .row .download .download-icon svg * {
  stroke: #9AA0A1
}

@media (max-width:750px) {
  body.page-template-floor-plans main .table-wrapper .table .row .download .download-icon svg * {
    stroke: #35384c
  }
}

body.page-template-floor-plans main .image-block-wrapper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 99px
}

@media (max-width:1150px) {
  body.page-template-floor-plans main .image-block-wrapper {
    flex-wrap: wrap;
    margin-bottom: 44px
  }
}

body.page-template-floor-plans main .image-block-wrapper .image {
  flex: 0 0 100%;
  max-width: 69.9vw
}

@media (max-width:1150px) {
  body.page-template-floor-plans main .image-block-wrapper .image {
    max-width: 100%
  }
}

body.page-template-floor-plans main .image-block-wrapper .image img {
  width: 100%;
  max-width: 100%;
  height: auto
}

body.page-template-location main {
  display: flex;
  flex-wrap: wrap;
}

body.page-template-location main .location-container {
  display: flex;
  flex-wrap: wrap;
  padding: 29px 15px 80px 30px;
  margin-bottom: 0px;
}

@media (max-width:750px) {
  body.page-template-location main .location-container{
    padding: 20px 14px 74px 14px
  }
}

body.page-template-location main div.categories {
  display: flex;
  justify-content: space-between;
  flex: 0 0 100%;
  max-width: 100%;
  padding-right: 15px;
  margin-bottom: 48px
}

@media (max-width:750px) {
  body.page-template-location main div.categories {
    flex-wrap: wrap;
    padding-right: 0;
    margin-bottom: 15px
  }
}

body.page-template-location main div.categories .category {
  flex: 1 0 0;
  height: auto;
  min-height: 40px;
  padding: .6rem 1.4rem 0rem 1.4rem;
  background-color: #FFFFFF;
  margin-right: 30px
}

body.page-template-location main div.categories .category:hover {
  cursor: pointer
}

body.page-template-location main div.categories .category:last-child {
  margin-right: 0
}

@media (max-width:750px) {
  body.page-template-location main div.categories .category {
    flex: 0 0 50%;
    max-width: calc((100vw - 60px)/ 2);
    margin-right: 0;
    margin-bottom: 15px
  }
}

@media (max-width:750px) {
  body.page-template-location main div.categories .category:nth-child(odd) {
    margin-right: 14px
  }
}

body.page-template-location main div.categories .category.active {
  background-color: #35384c
}

body.page-template-location main div.categories .category.active h4.brown-bold-uppercase {
  color: #F2DDD5
}

body.page-template-location main div.categories .category h4.brown-bold-uppercase {
  line-height: 3rem;
  color: #35384c
}

body.page-template-location main div.locations {
  position: relative;
  flex: 0 0 27.125%;
  max-width: 335px
}

@media (max-width:750px) {
  body.page-template-location main div.locations {
    flex: 0 0 100%;
    max-width: 100%;
    order: 1;
    padding: 23px 21px 15px 21px
  }
}

body.page-template-location main div.locations ol {
  display: none;
  line-height: 2rem;
  padding-right: 1.3rem;
  -webkit-padding-start: 0;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  z-index: 0
}

body.page-template-location main div.locations ol.active {
  display: block
}

body.page-template-location main div.locations ol li {
  display: flex;
  padding: 1rem 0;
  transition: color .6s cubic-bezier(.55, 0, .1, 1)
}

@media (max-width:950px) {
  body.page-template-location main div.locations ol li {
    padding: .7rem 0
  }
}

body.page-template-location main div.locations ol li:hover {
  cursor: pointer
}

body.page-template-location main div.locations ol li:hover .name, body.page-template-location main div.locations ol li:hover .number {
  color: #9AA0A1
}

body.page-template-location main div.locations ol li span {
  line-height: 2rem
}

@media (max-width:950px) {
  body.page-template-location main div.locations ol li span {
    line-height: 1.8rem
  }
}

body.page-template-location main div.locations ol li .number {
  display: inline-block;
  width: 34px;
  min-width: 34px;
  font-family: 'Tenor Sans', sans-serif;
  font-size: 1.4rem;
  line-height: 1.9rem;
  text-transform: uppercase;
  transition: color .6s cubic-bezier(.55, 0, .1, 1)
}

@media (max-width:950px) {
  body.page-template-location main div.locations ol li .number {
    font-size: 1.2rem;
    line-height: 1.7rem
  }
}

body.page-template-location main div.locations ol li .name {
  display: inline-block
}

body.page-template-location main div.map-wrapper {
  position: relative;
  flex: 1 0 0;
  min-width: 72.8755%;
  height: 600px;
  background-color: #EDE7E2
}

@media (max-width:750px) {
  body.page-template-location main div.map-wrapper {
    flex: 0 0 100%;
    max-width: 100%;
    order: 0;
    height: 450px
  }
}

body.page-template-location main div.map-wrapper .map {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0
}

body.page-template-location main div.map-wrapper .map .info-box {
  position: relative;
  min-width: 160px;
  font-family: 'Tenor Sans', sans-serif;
  font-size: 1.2rem;
  line-height: 2.4rem;
  text-align: left;
  color: #35384c;
  background-color: #fff;
  padding: .5rem 2rem .5rem 1rem;
  border: 1px solid #9AA0A1;
  transform: translate(-50%, -20px) !important;
  z-index: 2
}

body.page-template-location main div.map-wrapper .map .info-box::after {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 50%;
  width: 6px;
  height: 6px;
  border: 1px solid #9AA0A1;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  transform: translateX(-50%) rotate(45deg);
  z-index: 3
}

body.page-template-location main div.map-wrapper .map .info-box::before {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 50%;
  width: 0;
  border-width: 5px 5px 0;
  border-style: solid;
  border-color: #fff transparent;
  transform: translateX(-50%);
  z-index: 2
}

body.page-template-location main div.map-wrapper .map .info-box .close {
  position: absolute;
  right: 0;
  top: 50%;
  font-size: 1.3rem;
  line-height: 1.3rem;
  color: #9D9C9C;
  padding: 1rem;
  transform: translateY(-50%);
  cursor: pointer;
  transition: opacity .6s cubic-bezier(.55, 0, .1, 1)
}

body.page-template-location main div.map-wrapper .map .info-box .close:hover {
  opacity: .6
}

body.page-template-location main div.map-wrapper .map .gm-style-cc {
  display: none
}

body.page-template-location main div.map-wrapper .map button {
  display: none
}

body.page-template-location main div.map-wrapper .map div[role=button] {
  display: none
}

body.page-template-location main div.map-wrapper .map div.gm-svpc {
  display: none
}

.vc_row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.vc_column_container>.vc_column-inner {
  padding: 0!important;
}

.call-to-action p {
  font-family: 'Nunito Sans', sans-serif;
}
.call-to-action p a {
  text-decoration: none;
  border-bottom: 0;
}
body.page-template-homepage main .text-block-wrapper .text p {
  color: #35384c;
}

body.page-template-homepage.page-id-27 .headings .subtitle,
body.page-template-homepage.page-id-21 .headings .subtitle,
body.page-template-homepage.page-id-51 .headings .subtitle,
body.page-template-homepage.page-id-29 .headings .subtitle,
body.page-template-homepage.page-id-23 .headings .subtitle {
  font-size: 1.4rem;
  font-family: 'Nunito Sans', sans-serif;
  text-decoration: none!important;
}

body.page-template-homepage.page-id-27 .headings .call-to-action,
body.page-template-homepage.page-id-21 .headings .call-to-action,
body.page-template-homepage.page-id-51 .headings .call-to-action,
body.page-template-homepage.page-id-29 .headings .call-to-action,
body.page-template-homepage.page-id-23 .headings .call-to-action,
body.page-template-news .headings .call-to-action,
body.single-post .headings .call-to-action {
  max-width: 350px;
  text-decoration: underline;
  font-family: 'Tenor Sans', sans-serif;
  font-size: 3rem;
  line-height: 4.2rem;
  font-weight: 400;
}
body.single-post .top.front-page .headings .subtitle,
body.page-template-news .top.front-page .headings .subtitle {
  font-size: 2.5rem;
  font-weight: 600;
  text-decoration: none;
}

div.wpcf7-response-output {
  color: red;
}

/* Blog page */

#blog-grid {
  display: inline-block;
}
.blog-blocks {
  max-width: 46%;
  margin-right: 4%;
  float: left;
}
.blog-blocks .block .media img {
  max-width: 100%;
}
.post-details.block .content .meta,
.blog-blocks .block .content .meta {
  position: relative;
  padding-bottom: 15px;
}
.post-details.block .content .meta .date,
.blog-blocks .block .content .meta .date {
  position: absolute;
  right: 0
}
.post-details.block .content .title a ,
.blog-blocks .block .content .title a {
  text-decoration: underline;
  font-family: 'Tenor Sans', sans-serif;
  font-size: 3rem;
  line-height: 4.2rem;
  font-weight: 400;
}
.post-details.block .content .description {
  margin-bottom: 100px;
}
.post-details.block .content .description p,
.blog-blocks .block .content .description p {
  padding: 20px 0;
}
.blog-blocks .block .content .description .brown-text-grayed {
  width: 150px;
  margin-top: 10px;
}
.blog-blocks .block .content .description .brown-text-grayed .gotham-medium {
  font-family: 'Nunito Sans', sans-serif;
  font-size: 1.2rem;
  line-height: 1.271rem;
  letter-spacing: .23rem;
  font-weight: 700;
  color: #FFFFFF;
  text-transform: uppercase;
}

.pagination-container {
  width: 100%;
  height: 30px;
  margin: 5px 0
}

.pagination-container .pagination-data {
  margin: 0 auto;
  height: 30px;
  line-height: 30px;
  display: flex
}

.pagination-container .pagination-data .page-numbers {
  padding: 3px 10px;
  font-weight: bold;
  background-origin: border-box;
}

.pagination-container .pagination-data .page-numbers.next, .pagination-container .pagination-data .page-numbers.prev {
  padding: 7px 3px;
}

.pagination-container .pagination-data .page-numbers.next img, .pagination-container .pagination-data .page-numbers.prev img {
  width: 16px;
  height: 16px
}

.pagination-container .pagination-data .page-numbers.current {
  background-color: #35384c;
  border-radius: 0px;
  color: #ffffff;
  width: 30px;
  height: 30px;
  text-align: center;
}
body.page-template-news main .pagination {
  padding-top: 10px;
  padding-bottom: 20px;
}

.post-details {
  flex: 0 1 calc(100% - 538px);
}
.post-details .media {
  margin-bottom: 40px;
}
.post-details .media img {
  width: 100%;
}
.recent-post {
  flex: 0 0 400px;
}
.recent-post h3 {
  text-decoration: underline;
}
body.single-post main .recent-post .text-block-wrapper {
  padding-left: 0px;
}
body.single-post main .recent-post .text-block-wrapper .block .content {
  padding: 15px 0;
}
@media (max-width:1200px) {
  .post-details {
    max-width: 65%;
    flex: 0 0 65%;
  }
  .recent-post {
    max-width: 30%;
    flex: 0 0 30%;
  }
}
@media (max-width:950px) {
  .post-details, .recent-post {
    max-width: 100%;
    flex: 0 0 100%;
  }
  body.single-post main .text-block-wrapper {
    flex-wrap: wrap;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 0px;
  }
  .recent-post {
    margin-top: 30px;
  }
  .recent-post h3 {
    font-size: 3rem;
    line-height: 4.2rem;
  }
}
@media (max-width:750px) {
  .blog-blocks {
    max-width: 100%;
    margin-right: 0%;
    float: left;
  }
  body.page-template-news main .pagination {
    padding-top: 10px;
    padding-bottom: 0px;
  }
}