/*
Theme Name:  Modern Blue ASB
Theme URI:  https://lucindigital.com
Description:  Custom theme for agent website
Author:  Erik Rodriguez
Textdomain:  lucindigital
Author URI:  https://lucindigital.com/
Template:  twentytwentyone
Version:  1.0              
*/

body {
    font-family: 'Lato', sans-serif;
    font-weight: 100;
    font-size: 1.25vw;
    font-weight: normal;
    color: #444444;
    text-align: left;
    background-color: #ffffff;
    overflow-x:hidden;
}

h1 {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 1.875vw;
    text-transform: uppercase;
    color: #000000;
    padding-bottom: 2vw;
    letter-spacing: 0.05vw;
}

h2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 2.5vw;
    text-transform: uppercase;
    color: #000000;
    letter-spacing: 0.05vw;
}

h3 {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 1.25vw;
    text-transform: uppercase;
    color: #444444;
    text-align: left;
    letter-spacing: 0.22vw;
    line-height: 2vw;
}

h4 {
    font-family: 'Montserrat SemiBold', sans-serif;
    font-weight: 400;
    font-size: 1.25vw;
    text-transform: uppercase;
    color: #444444;
    text-align: center;
    letter-spacing: 0.05vw;
}

h5 {
    font-family: 'Lato', sans-serif;
    font-weight: 100;
    font-size: 1.04166vw;
    text-transform: uppercase;
    color: #134b7c;
    text-align: center;
    letter-spacing: 0vw;
    line-height: 2vw;
}

h6 {
    font-family: 'Lato Black', sans-serif;
    font-weight: 400;
    font-size: 0.8333vw;
    text-transform: uppercase;
    color: #444444;
    text-align: left;
    letter-spacing: 0.22vw;
    line-height: 2vw;
}

p {
    font-family: 'Lato', sans-serif;
    font-weight: 100;
    font-size: 1.25vw;
    color: #444444;
    text-align: left;
    letter-spacing: 0.05vw;
    line-height: 2vw;
}

a {
    text-decoration: none !important;
}

.em-dash {
    width: 3.125vw;
    height: 0.1041666vw;
    background: #134b7c;
    display: inline-block;
    margin-right: 1.041666vw;
    margin-bottom: 0.5vw;
}

.standard-button {
    height: 2.8125vw;
    background: #134b7c;
    color: #ffffff;
    text-transform: uppercase;
    font-family: 'Lato Black', sans-serif;
    font-weight: 700;
    font-size: 1.041666vw;
    letter-spacing: 0.3vw;
    padding: 0.8vw 1.6vw;
    box-shadow: 0.15625vw 0.15625vw 0.01vw #134b7c;
    border-right: 0.052083333vw solid #ffffff;
    border-bottom: 0.052083333vw solid #ffffff;
}

.standard-button:focus, .meet-mark-button:focus {
    outline: 1px solid #134b7c !important;
    color: #134b7c;
}

.meet-mark-button {
    height: 2.8125vw;
    background: #134b7c;
    color: #ffffff;
    text-transform: uppercase;
    font-family: 'Lato Black', sans-serif;
    font-weight: 700;
    font-size: 1.041666vw;
    letter-spacing: 0.3vw;
    padding: 0.6vw 3vw;
    box-shadow: 0.15625vw 0.15625vw 0.01vw #134b7c;
    border-right: 0.052083333vw solid #ffffff;
    border-bottom: 0.052083333vw solid #ffffff;
}

.darker-blue {
    background: #09375f;
    padding: 0.6vw 3.5vw;
    margin-left: 1.5vw;
}

.chevron-button {
    height: 2.8125vw;
    background: #134b7c;
    background-image: url(./assets/images/chevron-up.png);
    background-image: url(./assets/images/chevron-up.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60%;
    color: #ffffff;
    text-transform: uppercase;
    font-family: 'Lato Black', sans-serif;
    font-weight: 700;
    font-size: 1.041666vw;
    letter-spacing: 0.3vw;
    padding: 0.8vw 1.6vw;
    box-shadow: 0.15625vw 0.15625vw 0.01vw #134b7c;
    border-right: 0.052083333vw solid #ffffff;
    border-bottom: 0.052083333vw solid #ffffff;
}


/* Header / site nav */

.site-header {
    padding: 0 5.46875vw;
    height: 9.375vw;
    max-width: 100%;
    position: absolute;
    width: 100%;
    background: #134b7c;
    z-index: 1;
}

.page-template-template-home .site-header {
    background: transparent;
}

.site-branding {
    width: 12.08333vw;
    height: 7.13542vw;
}

.site-header > .site-logo {
    margin-top: 1.40625vw;
    width: 20.2083vw;
    height: 6.5625vw;
    object-fit: cover;
    padding-bottom: 0;
    border-bottom: 0;
}

.site-logo img {
    height: 100%;
    width: 100%;
}

#site-navigation {
    float: right;
}

.site-navigation {
    width: calc(100% - 20.2083vw);
}

.site-main {
    padding-top: 0;
    padding-bottom: 0;
}

.site-main > * {
    margin-top: 0;
    margin-bottom: 0;
}

.header-phone {
    margin-top: 1.8229vw;
    text-align: right;
}

.header-phone a {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 1.04166vw;
    color: #ffffff;
    letter-spacing: 0.05vw;
}

.facebook-white img {
    height: 1.25vw;
    object-fit: contain;
    margin-top: -0.25vw;
    margin-left: 0.5vw;
    margin-right: 0.5vw;
}

.linkedin-white img {
    height: 1.25vw;
    object-fit: contain;
    margin-top: -0.25vw;
    margin-left: 0vw;
    margin-right: 0.5vw;
}

.footer-social {
    display: inline-block;
    margin-top: 5px;
}

.facebook-black {
    display: inline !important;
    height: 2vw;
    width: 2vw;
    margin-left: -0.75vw;
}

.facebook-black img {
    height: 2vw;
    object-fit: contain;
    margin-top: -0.25vw;
    margin-left: 0.5vw;
    margin-right: 0.5vw;
}

.linkedin-black {
    display: inline !important;
    height: 2vw;
    width: 2vw;
}

.linkedin-black img {
    height: 2.65vw;
    object-fit: contain;
    margin-top: -0.25vw;
    margin-left: 0vw;
    margin-right: 0.5vw;
}

.site .button:focus, button:focus, input[type=submit]:focus, input[type=reset]:focus, .wp-block-search .wp-block-search__button:focus, .wp-block-button .wp-block-button__link:focus, .wp-block-file a.wp-block-file__button:focus {
    outline-offset: -6px;
    outline: 0px dotted currentColor;
}

.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
    outline: 2px solid transparent;
    text-decoration: underline 0px dotted currentColor;
    text-decoration-skip-ink: none;
    background: rgba(255, 255, 255, 0);
}

.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img {
    outline: 0px dotted var(--wp--style--color--link, var(--global--color-primary)) !important;
}

.primary-navigation a:hover, .primary-navigation a:link, .primary-navigation a:visited {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 1.04166vw;
    color: #ffffff;
    letter-spacing: 0.05vw;
    text-transform: uppercase;
}

.primary-navigation a::before {
    content: '\2014';
    padding-right: 0.6771vw;
}

.primary-navigation .primary-menu-container > ul > .menu-item > a {
    padding-right: 1vw;
}

.primary-navigation .primary-menu-container > ul > .menu-item > a + .sub-menu-toggle {
    display: none;
}

@media only screen and (min-width: 482px)
.primary-navigation > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded=false] ~ ul {
    display: block !important;
}

.sub-menu::before {
    background: #ffffff;
    opacity: 0.6;
    color: #000000;
}

.primary-navigation .sub-menu {
    border: 0px solid var(--primary-nav--border-color) !important;
}

.primary-navigation > div > .menu-wrapper > li > .sub-menu li {
    background: #ffffff;
    opacity: 0.6;
}

.primary-navigation .sub-menu .menu-item > a {
    color: #000000 !important;
}

.primary-navigation > div > .menu-wrapper > li > .sub-menu:before, .primary-navigation > div > .menu-wrapper > li > .sub-menu:after {
    border-width: 0 !important;
}

/* Footer */

.site-footer {
    max-width: 100%;
    width: 100%;
    padding: 0;
    background: #f7f7f7;
}

.footer-upper {
    width: 100%;
    height: 18.48958vw;
    margin: 0;
    padding-top: 6.666vw;
}

.footer-logo {
    background: url(./assets/images/footer-logo.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-position-x: 45%;
    width: 100%;
    height: 11.1979vw;
}

.footer-middle {
    width: calc(100% - 41.1458vw);
    height: 4.1666vw;
    margin-left: 41.1458vw;
}

.footer-middle a {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 1.25vw;
    color: #444444;
    text-align: left;
    letter-spacing: 0.1vw;
    display: block;
}

.footer-lower {
    width: 74.1668%;
    height: 10.15625vw;    
    margin: 0 12.9166vw;
    display: inline-block;
}

.footer-lower-left {
    width: 13.177083vw;
    height: 5.98958vw;
    display: inline-block;
}

.footer-lower-left img {
    width: 100%;
    height: 100%;
}

.footer-mobile-only {
    display: none;
}

.small {
    font-size: 12px;
    line-height: 14px;
    color: #555;
    margin-top: 10px;
}

.footer-office {
    font-size: 1vw;
    line-height: 1.5;
    color: #000;
    margin-top: 10px;
    text-align: center;
}

.footer-lower-right {
    display: inline-block;
    float: right;
    width: 2.760vw;
    height: 2.760vw;
    margin-top: 2vw;
}
    
.footer-office br {
    display: none;
}

.copyright-area {
    width: 100%;
    height: 4.8675vw;
    border-top: 1px solid #e2e2e2;
    margin: 0;
    padding: 1vw 12.9166vw 0;
}

.copyright-area-left p, .copyright-area-right p, .copyright-area-right a {
    font-size: 0.9375vw;
}

.copyright-area-left {
    width: 50%;
    display: inline-block;
}

.copyright-area-right {
    width: 50%;
    display: inline-block;
    float: right;
    text-align: right;
}

.copyright-area-right p {
    text-align: right;
}

/* Search */

#section-search {
    position: absolute;
    width: 100%;
    height: 3.333vw;
    display: inline-block;
    margin-top: 32vw;
    /* z-index: 1; */
}

.search-container {
    display: inline-block;
    width: 62%;
    margin: 0 19%;
    position: relative;
}

.search-form {
    display: inline-block;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    flex-wrap: unset;
}

.search-type-wrapper {
    width: 21.8%;
    display: inline-block;
    margin-right: 1.5%;
}

.search-type-wrapper select {
    width: 100%;
    background: transparent;
    color: #ffffff;
    border: 2px solid #ffffff;
    text-transform: uppercase;
    font-size: 1vw;
    padding-left: 1vw;
    padding-top: 0.5vw;
    padding-bottom: 0.5vw;
}

.search-type-wrapper select:focus {
    outline: 0px solid #000000;
}

.search-text-wrapper {
    width: 52%;
    display: inline-block;
    margin-right: 1.5%;
}

.search-button-wrapper {
    width: 21.8%;
    display: inline-block;
}

.select-wrapper select {
    width: 100%;
}

.search-text-wrapper input {
    width: 100%;
    background: transparent;
    color: #ffffff;
    border: 2px solid #ffffff;
    text-transform: uppercase;
    font-size: 1vw;
    padding-left: 1vw;
    padding-top: 0.5vw;
    padding-bottom: 0.5vw;
}

.search-text-wrapper input[type=text]:focus {
    color: #ffffff;
    outline: 0px solid #000000;
}

.search-text-wrapper input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ffffff;
  opacity: 1; /* Firefox */
}

.search-text-wrapper input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #ffffff;
}

.search-text-wrapper input::-ms-input-placeholder { /* Microsoft Edge */
  color: #ffffff;
}

.search-button-wrapper input {
    width: 100%;
}

.search-button {
    background: #ffffff !important;
    color: #134b7c !important;
    text-transform: uppercase !important;
    font-family: 'Lato Black', sans-serif !important;
    font-weight: 700 !important;
    font-size: 1.041666vw !important;
    letter-spacing: 0.3vw !important;
    padding: 0.5vw 1.6vw !important;
    box-shadow: 0.15625vw 0.15625vw 0.01vw #ffffff !important;
    border-right: 0.052083333vw solid #134b7c !important;
    border-bottom: 0.052083333vw solid #134b7c !important;
}

.search-button:focus, .search-button:hover {
    box-shadow: none !important;
    outline: 1px solid #134b7c !important;
    background: #134b7c !important;
    color: #ffffff !important;
    border-right: 0.052083333vw solid #ffffff !important;
    border-bottom: 0.052083333vw solid #ffffff !important;
}

/* Showcase IDX Search-Specific CSS - Home page only */

.page-template-template-home .sidx-container .sidx-searchform .sidx-input-field, 
.page-template-template-home .sidx-container .sidx-searchform .sidx-suggestions-input {
    background: #fff !important;
    border: 1px solid #ffffff !important;
    padding: 0.5vw !important;
    display: -ms-flexbox !important;
    display: flex !important;
    border-radius: 0 !important;
    height: 2.6vw !important;
}

.page-template-template-home .sidx-container .sidx-searchform .sidx-input-field i, 
.page-template-template-home .sidx-container .sidx-searchform .sidx-suggestions-input i {
    font-size: 1vw !important;
    line-height: 1.4vw !important;
    margin-right: 0.75vw !important;
}

.page-template-template-home .sidx-container .sidx-searchform .sidx-input-field input, 
.page-template-template-home .sidx-container .sidx-searchform .sidx-suggestions-input input {
    text-transform: uppercase;
    font-size: 1.25vw;
    letter-spacing: 0.05vw;
    color: #134b7c;
}

.page-template-template-home .sidx-container .sidx-searchform .sidx-basic>button {
    background: #ffffff !important;
    color: #134b7c !important;
    text-transform: uppercase !important;
    font-family: 'Lato Black', sans-serif !important;
    font-weight: 700 !important;
    font-size: 1.041666vw !important;
    letter-spacing: 0.3vw !important;
    padding: 0.5vw 1.6vw !important;
    box-shadow: 0.15625vw 0.15625vw 0.01vw #ffffff !important;
    border-right: 0.052083333vw solid #134b7c !important;
    border-bottom: 0.052083333vw solid #134b7c !important;
    border-radius: 0px !important;
}

.page-template-template-home .sidx-container .sidx-searchform .sidx-basic>button:focus, 
.page-template-template-home .sidx-container .sidx-searchform .sidx-basic>button:hover {
    box-shadow: none !important;
    outline: 1px solid #134b7c !important;
    background: #134b7c !important;
    color: #ffffff !important;
    border-right: 0.052083333vw solid #ffffff !important;
    border-bottom: 0.052083333vw solid #ffffff !important;
    border-radius: 0px !important;
}

.page-template-template-home .sidx-container .sidx-medium-screen .sidx-searchform .sidx-basic>.sidx-locations-field-wrapper, 
.page-template-template-home .sidx-container .sidx-small-screen .sidx-searchform .sidx-basic>* {
    width: auto !important;
}

input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=date]:focus, input[type=month]:focus, input[type=week]:focus, input[type=time]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=color]:focus, .site textarea:focus {
    outline: 0px solid #000 !important;
}

input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], .site textarea {
    max-width: 100%;
    width: 100%;
}

/* Home page */

#section-hero {
    width: 100%;
    height: 53.333vw;    
    background: transparent;
}

.top-hero {
    height: 100%;
    width: 100%;
}

.top-hero-slick-slider .slick-slider {
    position: unset !important;
}

.slick-slider img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

/* Sellers / Buyers */

#section-sellers-buyers {
    width: 100%;
    height: 9.58333vw;   
    position: absolute;
}

.sellers-buyers {
    margin: -4.791665vw 5.46875vw;
    width: 89.0625%;
    height: 100%;
    background: transparent;
    padding: 0 7.3958vw;
    display: inline-block;
}

.sellers-buyers-box {
    width: 30.5%;
    height: 100%;
    margin-right: 3.9%;
    background: #ffffff;
    display: inline-block;
    border-radius: 0.5vw;
    box-shadow: 0.1vw 0.1vw 0.75vw #cccccc;
    padding: 1vw 2.5vw;
}

a .sellers-buyers-box:nth-of-type(1) {
    padding: 1vw;
}

.sellers-buyers a:nth-of-type(3) .sellers-buyers-box {
    margin-right: 0;
}

#section-spacer-only {
    width: 100%;
    height: 9.58333vw;    
    margin-top: 11.5vw;
    margin-bottom: -4.79vw;
}

.spacer-only {
    margin: -11.5vw 5.46875vw;
    width: 89.0625%;
    height: 100%;
    background: url(./assets/images/featured-properties-background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    border-left: 0.1041666vw solid #000000;
    border-right: 0.1041666vw solid #000000;
    padding: 0 7.3958vw;
}

.sellers-buyers-icon-area {
    width: 27%;
    height: 100%;
    display: inline-block;
}

.sellers {
    background: url(./assets/images/icon-sellers.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.home-values {
    background: url(./assets/images/icon-home-values.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.buyers {
    background: url(./assets/images/icon-buyers.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.sellers-buyers-text-area {
    width: 73%;
    height: 100%;
    display: inline-block;
    float: right;
    padding-top: 1.15vw;
    padding-left: 1.5vw;
}

.sellers-buyers-text-area:nth-of-type(1) {
    padding-left: 0;
}
 
.sellers-buyers-headline {
    font-size: 1.666vw;
}

.sellers-buyers-subheadline {
    font-size: 1.40625vw;
    color: #134b7c;
    margin-top: -0.25vw;
}

/* Bio */

#section-meet-mark {
    width: 100%;
    height: 55.98958vw;
}

.meet-mark {
    margin: 0 5.46875vw;
    width: 89.0625%;
    height: 100%;
    background: url(./assets/images/featured-properties-background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    border-left: 0.1041666vw solid #000000;
    border-right: 0.1041666vw solid #000000;
    padding: 0 7.3958vw;
}

.meet-mark-bio-image {
    width: 53%;
    height: 48.0729vw;
    display: inline-block;
    float: left;
    margin-top: 5vw;
}

.meet-mark-bio-image img {
    width: 100%;
    height: 100%;    
    object-fit: cover;
}

.meet-mark-bio-text {
    width: 52%;
    height: 40.1041vw;
    display: inline-block;
    margin-left: -5%;
    float: right;
    margin-top: 8.75vw;
    background: #ffffff;
    padding: 6.25vw 4.7875vw 0 4.6875vw;
    box-shadow: 0.25vw 0.25vw 0.6vw #dedede;
}

.meet-mark-headline {
    padding-top: 0vw;
}

.meet-mark-headline h4 {
    display: inline-block;
    color: #134b7c;
    font-size: 1.25vw;
    font-weight: 600;
    font-family: 'Lato Light', sans-serif;
    letter-spacing: 0.32vw;
}

.meet-mark-bio-text p {
    padding: 3.4375vw 0;
    letter-spacing: 0.04vw;
    line-height: 1.85vw;
}

.meet-mark-buttons {
    margin-top: 0.5vw;
}

/* Featured properties */

#section-featured-properties {
    width: 100%;
    height: 43.02083vw;
}

.featured-properties {
    margin: 0 5.46875vw;
    width: 89.0625%;
    height: 100%;
    background: url(./assets/images/featured-properties-background.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;
    border-left: 0.1041666vw solid #000000;
    border-right: 0.1041666vw solid #000000;
    padding: 0 7.3958vw;
}

.properties-grid {
    width: 100%;
    height: 19.79166vw;
    display: inline-block;
    overflow: hidden;
}

.properties-property {
    display: inline-block;
    width: 24%;
    margin-right: 1%;
    margin-left: 0;
}

.properties-property:nth-of-type(4) {
    margin-right: 0;
}

.property-image {
    width: 100%;
    height: 14.58333vw;
}

.property-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.featured-properties-headline {
    padding-top: 4.427083vw;
}

.featured-properties-headline h1 {
    display: inline-block;
    padding-bottom: 3.90625vw;
}

.property-lower {
    padding-top: 1vw;
}

.more-properties {
    text-align: right;
    margin-top: 2vw;
}

/* Showcase IDX Properties widget */

.page-template-template-home .sidx-container .sidx-search-results .sidx-grid {
    grid-gap: 1vw;
    grid-template-columns: repeat(auto-fit,minmax(180px,1fr));
}

.sidx-container .sidx-search-result-grid-item {
    min-width: 25% !important;   
}

.page-template-template-home .properties-grid {
    height: 22.79166vw;
}

.page-template-template-home .sidx-container .sidx-search-results .sidx-thumbnail:before {
    padding-top: 82% !important;
}

.page-template-template-home .sidx-container .sidx-gallery-display .sidx-gallery-image img {
    width: 120% !important;
}

.page-template-template-home .sidx-primary-info {
    display: none !important;
}

.page-template-template-home .sidx-mls-details {
    display: none !important;
}

.page-template-template-home .sidx-container .sidx-search-results .sidx-info-blocks {
    justify-content: center !important;
}

.page-template-template-home .sidx-container .sidx-search-result-grid-item, 
.page-template-template-home .sidx-container .sidx-search-result-list-item {
    border: 0px solid #ccd9df !important;
}

.page-template-template-home .sidx-container .sidx-search-results .sidx-primary-details {
    padding: 0 !important;
}

.page-template-template-home .sidx-container .sidx-search-result-grid-item .sidx-listing-heading {
    text-align: center !important;
    width: 100% !important;
}

.page-template-template-home .sidx-listing-heading em {
    display: none !important;
}

.page-template-template-home .sidx-container .sidx-search-result-grid-item .sidx-listing-heading {
    font-family: 'Lato', sans-serif !important;
    font-weight: 400 !important;
    font-size: 1vw !important;
    text-transform: uppercase !important;
    color: #000000 !important;
    padding-top: 0.35vw !important;
    letter-spacing: 0vw !important;
}

.page-template-template-home .sidx-info-block {
    font-family: 'Lato', sans-serif !important;
    font-weight: 100 !important;
    font-size: 0.85vw !important;
    text-transform: uppercase !important;
    color: #134b7c !important;
    text-align: center !important;
    letter-spacing: 0vw !important;
}

.list_view_listing_preview_disclaimer_template {
	display: none !important;
}

.sidx-hotsheet-see-all-results {
    display: none !important;
}

/* Search app */

#section-search-app {
    width: 100%;
    height: 36.1979vw;
}

.search-app {
    margin: 0 5.46875vw;
    width: 89.0625%;
    height: 100%;
    background: url(./assets/images/search-app-background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    border-left: 0.1041666vw solid #000000;
    border-right: 0.1041666vw solid #000000;
}

.search-app-text-block {
    width: 35.9375vw;
    margin-left: 3.125vw;
    padding-top: 7.708333vw;
}

.search-app-text-headline {
    margin-bottom: 1.85416vw;
}

.search-app-text-headline h1 {
    display: inline-block;
}

.search-app-text-block p {
    padding-left: 4.5vw;
    margin-bottom: 3.64583vw;
}

.search-app-text-block a {
    margin-left: 4.5vw;
}

/* Testimonials */

#section-testimonials {
    width: 100%;
    height: 36.6666vw;
}

.testimonials {
    margin: 0 5.46875vw;
    width: 89.0625%;
    height: 100%;
    background: url(./assets/images/testimonials-background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    border-left: 0.1041666vw solid #000000;
    border-right: 0.1041666vw solid #000000;
}

.testimonials-text-block {
    padding-left: 44.375vw;
    padding-top: 5.70833vw;
    padding-right: 2vw;
}

.testimonials-text-block p {
    padding-top: 2.75vw;
    padding-bottom: 1.1875vw;
    letter-spacing: 0vw;
}

.slick-dotted.slick-slider {
    margin-bottom: 4.5vw !important;
}

.slick-dots {
    bottom: -2vw !important;
    text-align: left !important;
    margin-left: -10px !important;
}

.slick-dots li {
    margin: 0 10px !important;
}

.slick-dots li button {
    background: #134b7c !important;
    box-shadow: 0.15625vw 0.15625vw 0.01vw #134b7c !important;
    border-right: 0.052083333vw solid #ffffff !important;
    border-bottom: 0.052083333vw solid #ffffff !important;
}

.slick-dots li.slick-active button:before {
    background: #ffffff !important;
}

.slick-dots li button:before {
    content: ' ' !important;
}

.slick-dots li button:hover {
    background: #134b7c !important;
    box-shadow: 0.15625vw 0.15625vw 0.01vw #134b7c !important;
    border-right: 0.052083333vw solid #ffffff !important;
    border-bottom: 0.052083333vw solid #ffffff !important;
}

/* Interiors */

.post-thumbnail, .entry-content .wp-audio-shortcode, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), .default-max-width {
    max-width: 100% !important;
}

article {
    margin-top: 9.375vw !important;
}

.singular .entry-header {
    display: none;
}

.single .entry-header {
    display: block;
}

/*
.singular .entry-header {
    padding-bottom: 0;
    border-bottom: 0px solid #000;
    width: 1400px;
    margin: 0 auto;
    max-width: 1400px;
}

.singular .entry-header h1 {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 2.875vw;
    text-transform: uppercase;
    color: #000000;
    letter-spacing: 0.05vw;
    padding: 2vw;
    text-align: center;
}
*/

#section-container {
    margin: 9.375vw auto;
    max-width: 1368px;
}

.standard-title {
    padding-top: 2vw;
    padding-bottom: 1vw;
}

.page-template-template-standard article,
.page-template-template-bio article {
    margin-top: 0 !important;
}

.bio-page-left {
    width: 50%;
    display: inline-block;
    padding-right: 5%;
}

.bio-page-right {
    width: 50%;
    display: inline-block;
    float: right;
    overflow: hidden;
    margin-top: 2vw;
}

.bio-page-right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.communities {
    display: inline-block;
}

.community {
    width: 450px;
    height: 450px;
    display: inline-block;
    overflow: hidden;
}

.community:hover {
    opacity: 0.8;
}

.community-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.community-foreground {
    height: 100%;
    width: 100%;
    background: #000000;
    margin-top: -100%;
    margin-bottom: -100%;
}

.community-foreground h1 {
    margin-top: 45%;
    color: #ffffff;
    text-align: center;
}

.testimonials-column-left {
    width: 48%;
    margin-right: 2%;
    display: inline-block;
}

.testimonials-column-right {
    width: 48%;
    margin-left: 2%;
    display: inline-block;
    float: right;
}

.testimonial {
    border: 1px solid #cccccc;
    width: 100%;
    margin: 0 0 3vw;
    padding: 3vw;
}

.testimonial-quote {
    font-family: 'Helvetica', sans-serif;
    font-weight: 700;
    font-size: 7vw;
    color: #134b7c;
    padding-bottom: 0vw;
    line-height: 2vw;
    padding-top: 2vw;
}

.testimonial-text h5 {
    font-weight: 700;
    text-align: right;
    margin-top: 20px;
}

/* Blog pages */

.blog-container {
    width: calc(100% + 40px);
    height: auto;
    display: inline-block;
    margin-left: -20px;
}

.blog-item {
    width: calc(33.33% - 40px);
    height: auto;
    overflow: hidden;
    display: inline-block;
    margin: 20px;
    vertical-align: top;
    border: 1px solid #444;
}

.blog-image {
    height: 15vw;
    width: 100%;
}

.blog-image img {
    object-fit: cover;
    width: 100% !important;
    height: 100% !important;
}

.blog-text {
    
}

.blog-text h3 {
    font-size: 1.15vw;
    letter-spacing: 0.02vw;
    line-height: 1.75vw;
    padding: 1vw;
}

.blog-text p {
    font-size: 1.05vw;
    letter-spacing: 0.05vw;
    line-height: 1.5vw;
    padding: 0 1vw;
}

.blog-read-more {
    padding: 1vw;
}

.more-link {
    display: none;
}

.blog-single-hero {
    width: 100%;
    height: 30vw !important;
    margin-top: 9.375vw !important;
    max-width: 100% !important;
}

.blog-single-hero img {
    object-fit: cover;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
}

.blog-single-title {
    position: absolute;
    color: #ffffff;
    width: 50%;
    font-size: 3vw;
    line-height: 30vw;
    margin: 0 auto;
    text-align: center;
    left: 25%;
}

.blog-single-title span {
    display: inline-block;
    vertical-align: middle;
    line-height: 3.75vw;
}

.blog-single-hero-mask {
    background: #000000;
    width: 100%;
    height: 30vw;
    opacity: 0.4;
    position: absolute;
}

#blog-container {
    margin: 3vw auto;
    max-width: 1368px;
}

#blog-container p {
    margin-bottom: 1vw;
}

@media screen and (max-width: 1398px) {

    #section-container {
        margin: 9.375vw auto;
        max-width: 1368px;
        padding: 0 30px;
    }
    
    .sidx-container {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }
    
    #blog-container {
        padding: 0 30px;
    }
}

/* At 1040, convert all VW to px */
@media screen and (max-width: 1040px) {
    
    #content {
        overflow-x: hidden;
    }
    
    body {
        font-size: 13px;
    }

    h1 {
        font-size: 20px;
        padding-bottom: 20px;
        letter-spacing: 1px;
    }

    h2 {
        font-size: 26px;
        letter-spacing: 1px;
    }

    h3 {
        font-size: 13px;
        letter-spacing: 2px;
        line-height: 21px;
    }

    h4 {
        font-size: 13px;
        letter-spacing: 1px;
    }

    h5 {
        font-size: 11px;
        line-height: 21px;
    }

    h6 {
        font-size: 9px;
        letter-spacing: 2px;
        line-height: 21px;
    }

    p {
        font-size: 13px;
        letter-spacing: 1px;
        line-height: 21px;
    }

    .em-dash {
        width: 32px;
        height: 1px;
        margin-right: 11px;
        margin-bottom: 5px;
    }

    .standard-button {
        height: 30px;
        font-size: 11px;
        letter-spacing: 3px;
        padding: 8px 17px;
        box-shadow: 1px 1px 1px #134b7c;
        border-right: 1px solid #ffffff;
        border-bottom: 1px solid #ffffff;
    }

    .standard-button:focus, .meet-mark-button:focus {
        outline: 1px solid #134b7c !important;
    }

    .meet-mark-button {
        height: 30px;
        font-size: 11px;
        letter-spacing: 3px;
        padding: 6px 25px;
        box-shadow: 1px 1px 1px #134b7c;
        border-right: 1px solid #ffffff;
        border-bottom: 1px solid #ffffff;
    }

    .darker-blue {
        padding: 6px 36px;
        margin-left: 16px;
    }

    .chevron-button {
        height: 30px;
        font-size: 11px;
        letter-spacing: 3px;
        padding: 8px 16px;
        box-shadow: 1px 1px 1px #134b7c;
        border-right: 1px solid #ffffff;
        border-bottom: 1px solid #ffffff;
    }

    /* Header / site nav */

    .site-header {
        padding: 0 57px;
        height: 98px;
    }

    .site-branding {
        width: 126px;
        height: 74px;
    }

    .site-header > .site-logo {
        margin-top: 15px;
        width: 210px;
        height: 68px;
    }

    .site-navigation {
        width: calc(100% - 210px);
    }

    .header-phone {
        margin-top: 19px;
    }

    .header-phone a {
        font-size: 11px;
        letter-spacing: 1px;
    }

    .site .button:focus, button:focus, input[type=submit]:focus, input[type=reset]:focus, .wp-block-search .wp-block-search__button:focus, .wp-block-button .wp-block-button__link:focus, .wp-block-file a.wp-block-file__button:focus {
        outline-offset: -6px;
        outline: 0px dotted currentColor;
    }

    .primary-navigation a:hover, .primary-navigation a:link, .primary-navigation a:visited {
        font-size: 11px;
        letter-spacing: 1px;
    }

    .primary-navigation a::before {
        padding-right: 7px;
    }

    .primary-navigation .primary-menu-container > ul > .menu-item > a {
        padding-right: 10.4px;
    }
    
    #section-container {
        margin-top: 98px !important;
    }
    
    .sidx-container {
        margin-top: 48px !important;
    }
    
    .page-template-template-home .sidx-container {
        margin-top: 0 !important;
    }
    
    .standard-title {
        padding-top: 20px;
        padding-bottom: 10px;
    }
    
    article {
        margin-top: 52px !important;
    }
    
    .css-13azwyo {
        /* z-index: 1; */
    }

    /* Footer */

    .footer-upper {
        height: 192px;
        padding-top: 69px;
    }

    .footer-logo {
        height: 116px;
    }

    .footer-middle {
        width: 200px;
        height: 75px;
        margin-left: unset;
        text-align: center;
        margin: 0 auto;
    }

    .footer-middle a {
        font-size: 13px;
        letter-spacing: 1px;
    }

    .footer-lower {
        height: 106px;    
    }

    .footer-lower-left {
        width: 137px;
        height: 62px;
    }

    .footer-lower-right {
        width: 29px;
        height: 29px;
        margin-top: 21px;
    }
    
    .footer-desktop-only {
        display: none;
    }
    
    .footer-mobile-only {
        display: block;
    }

    .footer-office {
        font-size: 13px;
        line-height: 26px;
    }
    
    .small {
        text-align: center;
        padding: 20px;
    }

    .copyright-area {
        height: 51px;
        padding: 10.4px 134px 0;
    }

    .copyright-area-left p, .copyright-area-right p, .copyright-area-right a {
        font-size: 10px;
    }
    
    .text-pipe {
        display: none;
    }
    
    .footer-office br {
        display: block;
    }

    /* Search */

    #section-search {
        height: 35px;
        margin-top: 333px;
    }

    .search-type-wrapper select {
        font-size: 10.4px;
        padding-left: 10.4px;
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .search-text-wrapper input {
        font-size: 10.4px;
        padding-left: 10.4px;
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .search-button {
        font-size: 11px !important;
        letter-spacing: 3px !important;
        padding: 4px 17px !important;
        box-shadow: 1px 1px 1px #ffffff !important;
        border-right: 1px solid #134b7c !important;
        border-bottom: 1px solid #134b7c !important;
    }

    .search-button:focus, .search-button:hover {
        border-right: 1px solid #ffffff !important;
        border-bottom: 1px solid #ffffff !important;
    }
    
    /* Showcase IDX Search */
    
    .page-template-template-home .sidx-container .sidx-search-results .sidx-grid {
        grid-template-columns: repeat(auto-fit,minmax(100px,1fr));
    }
    
    .page-template-template-home .sidx-container .sidx-searchform .sidx-input-field, 
    .page-template-template-home .sidx-container .sidx-searchform .sidx-suggestions-input {
        padding: 5px !important;
        height: 27px !important;
    }

    .page-template-template-home .sidx-container .sidx-searchform .sidx-input-field i, 
    .page-template-template-home .sidx-container .sidx-searchform .sidx-suggestions-input i {
        font-size: 11px !important;
        line-height: 14px !important;
        margin-right: 8px !important;
    }

    .page-template-template-home .sidx-container .sidx-searchform .sidx-input-field input, 
    .page-template-template-home .sidx-container .sidx-searchform .sidx-suggestions-input input {
        font-size: 13px;
        letter-spacing: 1px;
    }

    .page-template-template-home .sidx-container .sidx-searchform .sidx-basic>button {
        font-size: 11px !important;
        letter-spacing: 2px !important;
        padding: 5px 16px !important;
        box-shadow: 1px 1px 1px #ffffff !important;
        border-right: 1px solid #134b7c !important;
        border-bottom: 1px solid #134b7c !important;
        border-radius: 0px !important;
    }

    .page-template-template-home .sidx-container .sidx-searchform .sidx-basic>button:focus, 
    .page-template-template-home .sidx-container .sidx-searchform .sidx-basic>button:hover {
        border-right: 1px solid #ffffff !important;
        border-bottom: 1px solid #ffffff !important;
    }

    /* Home page */

    /* Sellers / Buyers */

    #section-sellers-buyers {
        height: 100px;
    }

    .sellers-buyers {
        margin: -50px 57px;
        padding: 0 8 0px;
    }

    .sellers-buyers-box {
        border-radius: 5px;
        box-shadow: 1px 1px 8px #cccccc;
        padding: 10px 26px;
    }

    .sellers-buyers-box:nth-of-type(1) {
        padding: 10px;
    }

    #section-spacer-only {
        height: 100px;
    }

    .spacer-only {
        margin: -120px 57px;
        border-left: 1px solid #000000;
        border-right: 1px solid #000000;
        padding: 0 77px;
    }

    .sellers-buyers-text-area {
        padding-top: 12px;
        padding-left: 16px;
    }

    .sellers-buyers-headline {
        font-size: 17px;
    }

    .sellers-buyers-subheadline {
        font-size: 14px;
        margin-top: -3px;
    }

    /* Bio */

    #section-meet-mark {
        height: 582px;
    }

    .meet-mark {
        margin: 0 57px;
        border-left: 1px solid #000000;
        border-right: 1px solid #000000;
        padding: 0 77px;
    }

    .meet-mark-bio-image {
        height: 500px;
        margin-top: 52px;
    }
    
    .meet-mark-bio-text {
        height: 417px;
        margin-top: 91px;
        padding: 65px 50px 0 49px;
        box-shadow: 2px 2px 6px #dedede;
    }

    .meet-mark-headline h4 {
        font-size: 13px;
        letter-spacing: 3px;
    }

    .meet-mark-bio-text p {
        padding: 36px 0;
        letter-spacing: 1px;
        line-height: 20px;
    }

    .meet-mark-buttons {
        margin-top: 5px;
    }

    /* Featured properties */

    #section-featured-properties {
        height: 448px;
    }

    .featured-properties {
        margin: 0 57px;
        border-left: 1px solid #000000;
        border-right: 1px solid #000000;
        padding: 0 77px;
    }

    .properties-grid {
        height: 206px;
    }
    
    .properties-property {
        width: 23.9%;
    }

    .property-image {
        height: 152px;
    }

    .featured-properties-headline {
        padding-top: 46px;
    }

    .featured-properties-headline h1 {
        padding-bottom: 40px;
    }

    .property-lower {
        padding-top: 10px;
    }

    .more-properties {
        margin-top: 21px;
    }

    /* Search app */

    #section-search-app {
        height: 376px;
    }

    .search-app {
        margin: 0 57px;
        border-left: 1px solid #000000;
        border-right: 1px solid #000000;
    }

    .search-app-text-block {
        width: 375px;
        margin-left: 32px;
        padding-top: 80px;
    }

    .search-app-text-headline {
        margin-bottom: 19px;
    }

    .search-app-text-block p {
        padding-left: 46px;
        margin-bottom: 38px;
    }

    .search-app-text-block a {
        margin-left: 46px;
    }

    /* Testimonials */

    #section-testimonials {
        height: 380px;
    }

    .testimonials {
        margin: 0 57px;
        border-left: 1px solid #000000;
        border-right: 1px solid #000000;
    }

    .testimonials-text-block {
        padding-left: 460px;
        padding-top: 80px;
    }

    .testimonials-text-block p {
        padding-top: 40px;
        padding-bottom: 24px;
    }    
    
    .bio-page-right {
        margin-top: 35px;
    }
    
    .blog-container {
        width: calc(100% + 40px);
        margin-left: -20px;
    }

    .blog-item {
        width: calc(33.33% - 40px);
        margin: 20px;
    }

    .blog-image {
        height: 300px;
    }

    .blog-text h3 {
        font-size: 12px;
        letter-spacing: 1px;
        line-height: 18px;
        padding: 10px;
    }

    .blog-text p {
        font-size: 11px;
        letter-spacing: 1px;
        line-height: 15px;
        padding: 0 10px;
    }

    .blog-read-more {
        padding: 10px;
    }

    .blog-single-hero {
        height: 312px !important;
        margin-top: 98px !important;
    }

    .blog-single-title {
        font-size: 32px;
        line-height: 312px;
    }

    .blog-single-title span {
        line-height: 39px;
    }

    .blog-single-hero-mask {
        height: 312px;
        opacity: 0.4;
    }

    #blog-container {
        margin: 31px auto;
        max-width: 1368px;
    }

    #blog-container p {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 999px) {
    
    .site-header {
        padding: 0 25px;
    }
    
    .site-header > .site-logo {
        margin-top: 35px;
        width: 158px;
        height: 51px;
    }
    
    .site-navigation {
        width: calc(100% - 160px);
    }
    
    .spacer-only {
        margin: -120px 0;
        width: 100%;
        border-left: 0px solid #000000;
        border-right: 0px solid #000000;
    }
    
    .meet-mark {
        margin: 0;
        width: 100%;
        border-left: 0px solid #000000;
        border-right: 0px solid #000000;
    }
    
    .featured-properties {
        margin: 0;
        width: 100%;
        border-left: 0px solid #000000;
        border-right: 0px solid #000000;
    }
    
    .search-app {
        margin: 0;
        width: 100%;
        border-left: 0px solid #000000;
        border-right: 0px solid #000000;
    }
    
    .testimonials {
        margin: 0;
        width: 100%;
        border-left: 0px solid #000000;
        border-right: 0px solid #000000;
    }
    
    .sellers-buyers {
        width: 100%;
        margin: -50px 0px;
    }
}

@media screen and (max-width: 899px) {
    
    #section-search {
        margin-top: 283px;
    }
    
    .sellers-buyers {
        padding: 0 25px;
    }
    
    .meet-mark {
        padding: 0 25px;
    }
    
    .meet-mark-bio-image img {
        object-position: top;
    }
    
    .page-template-template-home .properties-grid {
        height: 235px;
    }
    
    .featured-properties {
        padding: 0 25px;
    }
    
    .search-app-text-block p {
        padding-left: 0;
    }
    
    .search-app-text-block a {
        margin-left: 0;
    }
    
    .testimonials-text-block {
        padding-left: 420px;
    }
    
    .footer-logo {
        height: 94px;
    }
    
    .footer-middle a {
        text-align: center;
    }
    
    .footer-lower {
        width: calc(100% - 50px);
        margin: 0 25px;
    }
    
    .copyright-area {
        padding: 10.4px 25px 0;
    }
}

@media screen and (max-width: 799px) {
    
    h5 {
        font-size: 10px;
    }
    
    .em-dash {
        width: 0;
        margin-right: 0;
        margin-bottom: 0;
        height: 0;
    }
    
    #section-search {
        margin-top: 253px;
    }
    
    .search-container {
        width: 82%;
        margin: 0 9%;
    }
    
    #section-spacer-only {
        height: 140px;
    }
    
    #section-spacer-only {
        margin-bottom: 0;
    }
    
    .sellers-buyers {
        margin: 34px 0;
    }
    
    .testimonials {
        background-position: 50% 0;
    }
    
    .testimonials-text-block {
        padding-left: 390px;
    }
    
    .search-app-text-headline {
        margin-bottom: 0;
    }
    
    .search-app-text-block p {
        margin-bottom: 30px;
    }
    
    .footer-upper {
        height: 142px;
        padding-top: 40px;
    }
    
    .footer-logo {
        height: 74px;
    }
    
    .footer-lower {
        height: 76px;
    }
    
    .footer-lower-left {
        width: 103px;
        height: 47px;
    }
}

@media screen and (max-width: 767px) {
    
    .menu-item-82 {
        margin-top: 115px !important;    
    }
    
    .css-13azwyo {
        z-index: 0; /* needed for search element blocking UI in mobile */
    }
    
    .admin-bar .primary-navigation > .primary-menu-container {
        height: calc(100vh - var(--global--admin-bar--height));
        top: 0;
    }
    
    .primary-navigation > .primary-menu-container {
        background-color: #134b7c;
    }
    
    .primary-navigation-open .menu-button-container {
        background-color: #134b7c;
    }
    
    .primary-navigation > .primary-menu-container {
        height: 100vh;
        /* z-index: 499; */
        overflow-x: hidden;
        overflow-y: auto;
        border: 2px solid transparent;
    }
    
    .primary-navigation > .primary-menu-container {
        position: fixed;
        visibility: hidden;
        opacity: 0;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding-top: calc(var(--button--line-height) * var(--primary-nav--font-size-button) + 42px + 5px);
        padding-left: var(--global--spacing-unit);
        padding-right: var(--global--spacing-unit);
        padding-bottom: var(--global--spacing-horizontal);
        transition: all 0.15s ease-in-out;
        transform: translateY(var(--global--spacing-vertical));
    }
    
    .primary-navigation-open .primary-navigation {
        width: 100%;
        position: fixed;
        /* z-index: 2; */
    }
    
    .primary-navigation .primary-menu-container > ul > .menu-item {
        display: block;
        width: 100%;
    }
    
    .primary-navigation .sub-menu {
        margin-left: 0;
        border: 0px solid var(--primary-nav--border-color);
    }
    
    .primary-navigation .sub-menu .menu-item > a {
        padding: 12px 0;
        display: block;
        font-size: 11px;
        font-style: var(--primary-nav--font-style-sub-menu-mobile);
        color: #ffffff !important;
        margin-left: 30px;
    }
    
    .primary-navigation > div > .menu-wrapper > li > .sub-menu li {
        background: transparent;
        opacity: 1;
    }
    
    .menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.close {
        margin-top: 0px;
    }
    
    .primary-navigation > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded=false] ~ ul {
        display: block !important;
    }
    
    .site-header > .site-logo {
        margin-top: 25px;
    }
    
    .header-phone {
        display: none;
    }
    
    .menu-button-container {
        display: flex !important;
        margin-top: 10px;
        padding-top: 0;
    }
    
    .menu-button-container #primary-mobile-menu {
        color: #ffffff;
    }
    
    #primary-mobile-menu .open {
        margin-right: -30px;
    }
    
    #primary-mobile-menu .close {
        margin-top: 50px;
    }
    
    #section-search {
        margin-top: 53.333vw;
        background: #134b7c;
        padding: 10px 0;
        height: 82px;
    }
    
    .search-container {
        width: 95%;
        margin: 0 2.5%;
    }
    
    #section-sellers-buyers {
        display: table;
        height: auto;
        margin-top: 100px;
    }
    
    .sellers-buyers {
        margin: 0;
    }
    
    .sellers-buyers-box {
        width: 100%;
        margin-bottom: 30px;
        padding: 10px 0 20px 0;
    }
    
    .sellers-buyers-box:nth-of-type(1) {
        padding: 10px 0 20px 0;
    }
    
    .sellers-buyers-icon-area {
        height: 50px;
        margin-top: 10px;
    }
    
    #section-spacer-only {
        height: 70px;    
        margin-bottom: 350px;
    }

    #section-meet-mark {
        display: table;
    }
    
    .meet-mark-bio-image {
        display: block;
        width: 100%;
    }
    
    .meet-mark-bio-text {
        margin-top: 20px;
        width: 100%;
        height: auto;
        padding: 30px 40px;
        box-shadow: 2px 2px 16px #dedede;
    }
    
    .meet-mark-bio-text p {
        padding: 20px 0;
    }
    
    #section-featured-properties {
        display: table;
    }
    
    .featured-properties-headline {
        padding-top: 30px;
    }
    
    .featured-properties-headline h1 {
        padding-bottom: 10px;
    }
    
    .sidx-grid {
        display: block !important;
    }
    
    .page-template-template-home .sidx-search-result-grid-item {
        min-width: 100% !important;
    }
    
    .page-template-template-home .sidx-container .sidx-search-result-grid-item {
        min-width: 100% !important;
    }
    
    .page-template-template-home .properties-grid {
        height: auto !important;
    }
    
    .page-template-template-home .sidx-info-block {
        font-size: 14px !important;
    }
    
    .page-template-template-home .sidx-container .sidx-search-result-grid-item .sidx-listing-heading {
        font-size: 16px !important;
    }
        
    .properties-property {
        width: 100%;
        height: 75vw;
    }
    
    .property-image {
        height: 63vw;
    }
    
    .more-properties {
        margin-top: 0;
        margin-bottom: 50px;
        text-align: center;
    }
    
    #section-search-app {
        height: 250px;
    }
    
    .search-app {
        background: url(./assets/images/search-app-background-mobile.jpg);
        background-position: center;
    }
    
    .search-app-text-block {
        width: 100%;
        text-align: center;
        padding: 30px 0;
        margin-left: 0;
    }
    
    .search-app-text-block p {
        text-align: center;
        font-weight: 400;
    }
    
    #section-testimonials {
        display: block;
        height: auto;   
    }
    
    .testimonials {
        background: #dce0e9;
    }
    
    .testimonials-text-block {
        padding: 40px;
        width: 100%;
        text-align: center;
    }
    
    .testimonials-text-block h3 {
        text-align: center;
    }
    
    .testimonials-text-block p {
        padding-top: 20px;
        text-align: center;
    }
    
    .testimonials-text-block h6 {
        text-align: center;
    }  
    
    .slick-dots {
        display: none !important;
    }
    
    .page-template-template-home .sidx-container .sidx-medium-screen .sidx-searchform .sidx-basic>.sidx-locations-field-wrapper, 
    .page-template-template-home .sidx-container .sidx-small-screen .sidx-searchform .sidx-basic>* {
        width: 100% !important;
    }
    
    .testimonials-column-left, .testimonials-column-right {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    
    .blog-item {
        width: calc(50% - 40px);
    }
    
    .footer-middle {
        height: 95px;
    }
    
    .footer-lower-left {
        width: 100%;
        height: 70px;
    }
    
    .footer-lower-left img {
        width: 100%;
        object-fit: contain;
    }
    
    .footer-lower-right {
        margin-top: 83px;
    }
    .facebook-black {
        height: 20px;
        width: 20px;
        margin-left: -5px;
    }

    .facebook-black img {
        height: 20px;
        margin-top: -2px;
        margin-left: 5px;
        margin-right: 5px;
    }

    .linkedin-black {
        height: 20px;
        width: 20px;
    }

    .linkedin-black img {
        height: 25px;
        margin-top: -5px;
        margin-right: 5px;
    }
    
}

@media screen and (max-width: 599px) {
    
    .featured-properties-headline {
        padding-top: 10px;
    }
    
    .featured-properties-headline h1 {
        text-align: center;
        width: 100%;
    }
    
    .footer-lower {
        height: 46px;
    }
    
    .footer-lower-right {
        width: 10px;
        height: 10px;
        margin-top: 0;
    }
    
    .chevron-button {
        height: 10px;
        padding: 5px 10px;
    }
    
    .copyright-area-left {
        width: 100%;
        display: block
    }
    
    .copyright-area-right {
        width: 100%;
        display: block
    }
    
    .copyright-area p {
        text-align: center;
    }
    
    .bio-page-left {
        width: 100%;
    }
    
    .bio-page-right {
        width: 100%;
    }
}

@media screen and (max-width: 499px) {
    
    .search-type-wrapper {
        width: 100%;
        display: block;
        margin-right: 0;
        margin-bottom: 20px;
    }
    
    .search-text-wrapper {
        width: 100%;
        display: block;
        margin-right: 0;
    }
    
    .search-button-wrapper {
        width: 100%;
        display: block;
        margin-top: 20px;
    }
    
    .sellers-buyers {
        padding: 0 15px;
    }
    
    .meet-mark {
        padding: 0 15px;
    }
    
    .featured-properties {
        padding: 0 15px;
    }
    
    .properties-property {
        width: 100%;
        height: 80vw;
    }
    
    .blog-item {
        width: calc(100% - 40px);
    }
}

@media screen and (max-width: 481px) {
    
    #primary-mobile-menu .open {
        margin-right: 0px; 
    }
}

@media screen and (max-width: 399px) {
    
    .meet-mark-bio-text p {
        padding: 20px 0 30px 0;
    }
    
    .meet-mark-button {
        width: 100%;
        display: block;
        text-align: center;
    }
    
    .darker-blue {
        margin-top: 20px;
        margin-left: 0;
    }
    
    .search-app-text-headline h1 {
        font-size: 16px;
    }
}