/*
Theme Name: Heller Coley Reed
Theme URI: http://aios3-staging.agentimage.com/h/hellercoleyreed.com/htdocs/
Description: AIOS mobile semi-custom theme.
Author: AgentImage
Author URI: http://www.agentimage.com
Version: 1.4.4
Tags: one-column, two-columns, right-sidebar, custom-menu, full-width-template, sticky-post
License: Proprietary
License URI: http://www.agentimage.com
Template: aios-starter-theme
*/
/*
TABLE OF CONTENTS
1. Custom CSS
2. IP styles
3. MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css
*/
/*******************************************************
*
* 1. Navigation
*
*******************************************************/
.head_navigation {
width: 88%;
padding-top: 65px;
display: inline-block;
vertical-align: top;
text-align: right;
}
/* Sub Menu */
#nav li {
margin: 0 20px;
display: inline-block;
vertical-align: top;
position: relative;
}
#nav li:first-child {
margin-left: 0;
}
#nav li:last-child {
margin-right: 0;
}
#nav li > a {
color: #ffffff;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 1px;
}
#nav li:hover > a {
color: #7bbcd9;
}
#nav .sub-menu {
list-style: none outside none;
margin: 0;
display: none;
padding: 20px 0 0;
position: absolute;
left: -20px;
right: -20px;
width: auto;
min-width: 100%;
text-align: center;
/*background-image: url(images/arrow-up.png);
background-repeat: no-repeat;
background-position: 50% 8px;*/
}
#nav .sub-menu > li:first-child::before {
width: 0;
height: 0;
content: '';
position: absolute;
top: -12px;
left: 0;
right: 0;
margin: 0 auto;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-bottom: 12px solid #ffffff;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#nav .sub-menu > li:first-child:hover::before {
border-bottom: 12px solid #52636d;
}
#nav .sub-menu a {
color: #52636d;
font-size: 14px;
display: block;
padding: 5px 0;
background-color: #ffffff;
text-transform: unset;
letter-spacing: 0;
}
#nav .sub-menu li:hover > a {
color: #ffffff;
background-color: #52636d;
text-decoration: none;
}
#nav .sub-menu .sub-menu {
margin-left: 100%;
top:0;
}
/*#nav li:hover > .sub-menu {
display: block;
}*/
#nav .sub-menu li {
width: 100%;
margin: 0 auto;
position: relative;
}
/*******************************************************
*
* 2. Custom CSS
*
*******************************************************/
/* Global */
body {
font-size: 12px;
font-family: 'Poppins', sans-serif;
background: #ffffff;
color: #808d91;
margin: 0;
/* Remove the comment from line 85 to 86 if the font issue in safari occurs */
/* -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; */
}
a, a:hover, a:link, a:active, a:focus {
color: #808d91;
outline: none;
text-decoration: none;
}
.slick-slide, .slick-slide *, .slick-slide a {outline: none;}
.site_easing,
#nav li > a,
.cntctform input.cntct_submit {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#main-wrapper {
overflow-x: hidden;
}
/* HEADER */
.header_wrap {
width: 100%;
position: fixed;
z-index: 1011;
top: 0;
padding: 0 60px;
font-size: 0;
}
.head_logo {
width: 12%;
max-width: 165px;
padding: 28px 0 0;
display: inline-block;
vertical-align: top;
text-align: center;
}
.head_logo img {
display: inline-block;
vertical-align: top;
}
.head_logo img.logo_text {
max-width: 100%;
margin-top: 7px;
}
/* IP HEADER */
.ip-container .header_wrap {
background-color: #222f3b;
}
.ip-container .head_logo {
padding: 20px 0;
}
.ip-container .head_navigation {
padding-top: 55px;
}
/* FIXED HEADER */
.fixedhead {
padding: 8px 60px;
background-color: #222f3b;
}
.fixedhead .head_logo,
.ip-container .fixedhead .head_logo {
padding: 0;
}
.fixedhead .head_logo img {
max-width: 47px;
}
.fixedhead img.logo_text {
display: none;
}
.fixedhead .head_navigation {
padding-top: 14px;
}
/* HP SMI */
.hp_smi {
width: 46px;
position: fixed;
z-index: 5;
top: 37%;
left: 60px;
font-size: 0;
text-align: center;
}
.hp_smi a {
display: block;
}
.hp_smi a span {
width: 46px;
height: 46px;
display: inline-block;
vertical-align: top;
margin-bottom: 14px;
color: #ffffff;
font-size: 18px;
border-radius: 50%;
background-color: #7bbcd9;
line-height: 46px;
}
.hp_smi a span:hover {
background-color: #52636d;
}
/* HP SLIDESHOW */
.hp_slideshow {
position: relative;
}
.hp_slideshow:before {
width: 100%;
height: 100%;
content: '';
position: absolute;
z-index: 2;
top: 0;
left: 0;
background-image: url(images/slide-overlay.png);
background-repeat: repeat-x;
background-size: 100% 100%;
}
.hp_slideshow:after {
width: 100%;
height: 100%;
content: '';
position: absolute;
z-index: 1;
top: 0;
left: 0;
background-color: rgba(46,61,69,0.40);
}
.scroll_down {
position: absolute;
z-index: 3;
bottom: 190px;
left: 0;
right: 0;
margin: 0 auto;
padding: 10px 0 5px;
color: #ffffff;
font-size: 10px;
text-align: center;
text-transform: uppercase;
letter-spacing: 5px;
}
.scroll_down:before {
width: 1px;
height: 11px;
content: '';
position: absolute;
top: -11px;
left: 0;
right: 0;
margin: 0 auto;
background-color: rgba(255,255,255,0.60);
}
.scroll_down:after {
width: 1px;
height: 61px;
content: '';
position: absolute;
bottom: -61px;
left: 0;
right: 0;
margin: 0 auto;
background-color: rgba(255,255,255,0.60);
}
/* HP QUICK SEARCH */
.hp_widget1 {
width: 100%;
position: absolute;
z-index: 3;
bottom: 0;
}
.hp_qs {
color: #ffffff;
font-size: 0;
padding: 35px 0 25px;
text-align: right;
border-top: 1px solid rgba(255,255,255,0.60);
}
.hp_qs h2 {
display: inline-block;
vertical-align: top;
font-size: 23px;
font-weight: 300;
font-style: italic;
line-height: 30px;
letter-spacing: 2px;
text-align: left;
}
.hp_qs h2 span {
display: block;
margin-left: 17px;
font-size: 36px;
font-weight: 600;
font-style: normal;
text-transform: uppercase;
letter-spacing: 1px;
}
.qs_form {
width: 74.57%;
max-width: 850px;
margin-left: 25px;
display: inline-block;
vertical-align: top;
font-size: 0;
text-align: right;
}
.qs_field {
margin-right: 6px;
display: inline-block;
vertical-align: top;
color: #ffffff;
font-size: 12px;
}
.qs_field.qs_long {
width: 32.59%;
max-width: 277px;
}
.qs_field.qs_short {
width: 22.95%;
max-width: 195px;
}
.qs_field.qs_btns {
width: 19.42%;
max-width: 165px;
margin: 0;
}
.qs_form input,
.qs_form select {
width: 100%;
height: 36px;
padding-left: 10px;
margin-bottom: 5px;
display: inline-block;
vertical-align: top;
border: none;
background-color: rgba(255,255,255,0.30);
}
.qs_form select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
background-image: url(images/qs-arrow.png);
background-repeat: no-repeat;
background-position: 95% 50%;
}
.qs_form select::-ms-expand {
display: none;
}
.qs_form input.qs_submit {
padding: 0;
font-size: 14px;
font-weight: 600;
background-color: #7bbcd9;
text-transform: uppercase;
}
.qs_form input.qs_submit:hover {
background-color: #222f3b;
}
.qs_form a.qs_adv {
width: 100%;
height: 36px;
display: inline-block;
vertical-align: top;
margin: 0;
padding: 0;
color: #ffffff;
font-size: 14px;
font-weight: 500;
font-style: italic;
background-color: #52636d;
text-align: center;
line-height: 36px;
}
.qs_form a.qs_adv:hover {
background-color: #222f3b;
}
.qs_form .bootstrap-select.btn-group .dropdown-menu.inner {
max-height: 200px !important;
}
.qs_form button.btn.dropdown-toggle.bs-placeholder.btn-default,
.qs_form button.btn.dropdown-toggle.btn-default {
border-radius: 0;
box-shadow: none;
outline: none !important;
}
.hp_cntctform_wrap {
width: 10%;
max-width: 90px;
margin-left: 8px;
display: inline-block;
vertical-align: top;
position: relative;
}
.hp_toggle_btn {
width: 100%;
height: 77px;
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
cursor: pointer;
background-color: #7bbcd9;
background-image: url(images/star-icon.png);
background-position: 50% 13px;
background-repeat: no-repeat;
}
.hp_toggle_btn h3 {
margin-top: 30px;
font-size: 11px;
font-weight: 600;
text-align: center;
text-transform: uppercase;
line-height: 14px;
}
.hp_toggle_btn:hover {
background-color: #222f3b;
}
.hp_cntctform {
display: none;
width: 315px;
color: #808d91;
font-size: 11px;
position: absolute;
z-index: 2;
right: 0;
bottom: 6px;
text-align: right;
}
.cntct_close_btn {
width: 166px;
height: 30px;
display: inline-block;
vertical-align: top;
color: #ffffff;
font-size: 13px;
font-weight: 600;
text-align: center;
text-transform: uppercase;
line-height: 30px;
background-color: #7bbcd9;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.cntct_close_btn span {
margin-left: 10px;
font-size: 10px;
cursor: pointer;
}
.cntctform_wrap {
padding: 23px;
text-align: left;
background-color: #ffffff;
position: relative;
}
.cntctform_wrap h3 {
font-weight: 300;
font-style: italic;
}
.cntctform {
font-size: 0;
margin-top: 15px;
position: relative;
}
.cntctform input,
.cntctform textarea {
width: 100%;
height: 31px;
padding: 0 9px;
margin-bottom: 9px;
color: #52636d;
font-size: 11px;
border: 1px solid #a9b0af;
}
.cntctform textarea {
height: 74px;
padding-top: 10px;
margin-bottom: 18px;
resize: none;
}
.cntctform input.cntct_submit {
width: 118px;
height: 35px;
margin: 0;
padding: 0;
color: #ffffff;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
border: none;
background-color: #7bbcd9;
}
.cntctform input.cntct_submit:hover {
background-color: #222f3b;
}
.cntctform .use-floating-validation-tip span.wpcf7-not-valid-tip {
font-size: 11px;
}
.cntctform div.wpcf7-response-output {
width: 100%;
margin: 0;
color: #000000;
font-size: 8px;
position: absolute;
bottom: -20px;
text-align: center;
}
.cntctform_wrap img.cntct_logo {
position: absolute;
right: 22px;
bottom: 22px;
}
/* HP WIDGETS WRAP */
.widgets_wrapper {
position: relative;
}
.hp_widgets_wrap {
margin-top: 43px;
font-size: 12px;
text-align: center;
position: relative;
}
.hp_widgets_wrap h2 {
margin: 25px 0;
color: #52636d;
font-size: 30px;
font-weight: 500;
line-height: 24px;
text-transform: uppercase;
}
.hp_widgets_wrap p {
width: 100%;
max-width: 500px;
margin: 0 auto 50px;
color: #a9b0af;
font-size: 12px;
font-style: italic;
line-height: 17px;
}
.hp_widgets_wrap .hp_widget_prop {
width: 100%;
opacity: 0;
z-index: 1;
bottom: 0;
left: 0;
}
/*section#hp_widget2,section#hp_widget3{
bottom: -100px;
}*/
.hp_widgets_wrap .active {
opacity: 1;
z-index: 2;
}
ul.widget_btns {
margin-top: 25px;
font-size: 0;
text-align: center;
position: relative;
z-index: 3;
}
ul.widget_btns li {
display: inline-block;
vertical-align: top;
}
ul.widget_btns li a {
width: 11px;
height: 11px;
display: block;
margin: 0 4px;
border-radius: 50%;
border: 1px solid #a9b0af;
background-color: transparent;
}
ul.widget_btns li a.active {
border: 1px solid #7bbcd9;
background-color: #7bbcd9;
}
.qs_form select option {
color: black;
}
button.btn.dropdown-toggle.bs-placeholder.btn-default,
button.btn.dropdown-toggle.btn-default {
width: 100%;
height: 36px;
padding-left: 10px;
margin-bottom: 5px;
display: inline-block;
vertical-align: top;
border: none;
color: white;
background-color: rgba(255,255,255,0.30);
}
.bs-searchbox{
color: black !important;
}
.hp_welcome_txt ::-webkit-scrollbar {
display: none;
}
/* HP FEATURED CONDOS */
.hp_widget2 {
/* position: relative; */
position: absolute;
}
.hp_featcondo {
margin: 0 -15px;
}
.featcondo_wrap {
position: relative;
}
.feat_condo {
margin: 0 15px;
padding-bottom: 20px;
position: relative;
}
.feat_condo:after {
width: 100%;
max-width: 263px;
height: 20px;
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
background-image: url(images/bottom-shadow.png);
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: bottom center;
}
.feat_condo a {
width: 100%;
height: 100%;
display: block;
position: relative;
}
.feat_condo a:before {
width: 100%;
max-width: 263px;
height: 100%;
content: '';
position: absolute;
z-index: 1;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
background-color: rgba(82,99,109,0.30);
opacity: 1;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.feat_condo img {
width: 100%;
max-width: 263px;
margin: 0 auto;
}
.featcondo_title {
width: 100%;
margin: 0 auto;
position: absolute;
z-index: 2;
top: 45.3%;
left: 0;
right: 0;
color: #ffffff;
font-size: 18px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
text-shadow: 0 0 1px #000000;
opacity: 0;
}
.feat_condo:hover a:before {
opacity: 0;
}
.feat_condo:hover .featcondo_title {
opacity: 1;
}
.featcondo_btns {
width: 100%;
}
.featcondo_btns .slick-arrow {
width: 30px;
height: 52px;
position: absolute;
z-index: 1;
top: 105px;
color: #ffffff;
font-size: 9px;
background-color: #7bbcd9;
line-height: 52px;
cursor: pointer;
}
.featcondo_btns .slick-arrow:hover {
background-color: #52636d;
}
.featcondo_btns .slick-arrow.featcondo_prev {
left: 0;
}
.featcondo_btns .slick-arrow.featcondo_next {
right: 0;
}
a.featcondo_more {
display: inline-block;
vertical-align: top;
margin-top: 40px;
color: #52636d;
font-size: 11px;
letter-spacing: 2px;
text-transform: uppercase;
}
/* HP FEATURED COMMUNITIES */
.hp_widget3 {
position: absolute;
}
.hp_featcomm {
margin: 0 -15px;
}
.featcomm_wrap {
position: relative;
}
.feat_comm {
margin: 0 15px;
padding-bottom: 20px;
position: relative;
}
.feat_comm:after {
width: 100%;
max-width: 263px;
height: 20px;
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
background-image: url(images/bottom-shadow.png);
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: bottom center;
}
.feat_comm a {
width: 100%;
height: 100%;
display: block;
position: relative;
}
.feat_comm a:before {
width: 100%;
max-width: 263px;
height: 100%;
content: '';
position: absolute;
z-index: 1;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
background-color: rgba(82,99,109,0.30);
opacity: 1;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.feat_comm img {
width: 100%;
max-width: 263px;
margin: 0 auto;
}
.featcomm_title {
width: 100%;
margin: 0 auto;
position: absolute;
z-index: 2;
top: 45.3%;
left: 0;
right: 0;
color: #ffffff;
font-size: 18px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
text-shadow: 0 0 1px #000000;
opacity: 0;
}
.feat_comm:hover a:before {
opacity: 0;
}
.feat_comm:hover .featcomm_title {
opacity: 1;
}
.featcomm_btns {
width: 100%;
}
.featcomm_btns .slick-arrow {
width: 30px;
height: 52px;
position: absolute;
z-index: 1;
top: 105px;
color: #ffffff;
font-size: 9px;
background-color: #7bbcd9;
line-height: 52px;
cursor: pointer;
}
.featcomm_btns .slick-arrow:hover {
background-color: #52636d;
}
.featcomm_btns .slick-arrow.featcomm_prev {
left: 0;
}
.featcomm_btns .slick-arrow.featcomm_next {
right: 0;
}
a.featcomm_more {
display: inline-block;
vertical-align: top;
margin-top: 40px;
color: #52636d;
font-size: 11px;
letter-spacing: 2px;
text-transform: uppercase;
}
/* HP FEATURED LISTINGS */
.hp_widget4 {
position: relative;
}
.hp_featlisting {
margin: 0 -15px;
}
.featlist_wrap {
position: relative;
}
.feat_list {
margin: 0 15px;
padding-bottom: 20px;
position: relative;
}
.feat_list:after {
width: 100%;
max-width: 263px;
height: 20px;
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
background-image: url(images/bottom-shadow.png);
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: bottom center;
}
.feat_list a {
width: 100%;
height: 100%;
display: block;
position: relative;
}
.feat_list a:before {
width: 100%;
max-width: 263px;
height: 100%;
content: '';
position: absolute;
z-index: 1;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
background-color: rgba(82,99,109,0.30);
opacity: 1;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.feat_list img {
width: 100%;
max-width: 263px;
margin: 0 auto;
height: 100%;
/*max-height: 175px;*/
min-height: 263px;
object-fit: cover;
}
.communities_slide {
width: 70%;
text-align: center;
margin: 0 auto;
}
.featlist_title {
width: 100%;
margin: 0 auto;
position: absolute;
z-index: 2;
top: 45.3%;
left: 0;
right: 0;
color: #ffffff;
font-size: 18px;
font-weight: 700;
text-align: center;
text-transform: uppercase;
text-shadow: 0 0 1px #000000;
opacity: 0;
}
.feat_list:hover a:before {
opacity: 0;
}
.feat_list:hover .featlist_title {
opacity: 1;
}
.featlist_btns {
width: 100%;
}
.featlist_btns .slick-arrow {
width: 30px;
height: 52px;
position: absolute;
z-index: 1;
top: 105px;
color: #ffffff;
font-size: 9px;
background-color: #7bbcd9;
line-height: 52px;
cursor: pointer;
}
.featlist_btns .slick-arrow:hover {
background-color: #52636d;
}
.featlist_btns .slick-arrow.featlist_prev {
left: 0;
}
.featlist_btns .slick-arrow.featlist_next {
right: 0;
}
a.featlist_more {
display: inline-block;
vertical-align: top;
margin-top: 40px;
color: #52636d;
font-size: 11px;
letter-spacing: 2px;
text-transform: uppercase;
}
a.featlist_more:hover, a.featcondo_more:hover, a.featcomm_more:hover {
color: #7bbcd9;
}
/* HP WELCOME */
.hp_widget5 {
min-height: 697px;
padding: 70px 0 100px;
margin: 150px 0;
background-image: url(images/welcome-bg.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: top center;
position: relative;
}
.hp_widget5 .container {
position: relative;
}
.hp_widget5 .container:after {
width: 200%;
height: 800px;
content: '';
position: absolute;
z-index: 0;
/*left: 98.7%;*/
left: 1155px;
top: -120px;
background-color: rgba(82,99,109,0.95);
}
.hp_welcome {
font-size: 0;
padding-left: 18px;
position: relative;
z-index: 1;
}
.hp_welcome:before {
width: calc(100% - 51.5%);
max-width: 556px;
height: 527px;
content: '';
position: absolute;
z-index: -1;
top: 55px;
left: 65px;
border: 6px solid rgba(255,255,255,0.30);
border-right: none;
}
.hp_welcome .textwidget.custom-html-widget {
display: flex;
}
.hp_welcome:after {
/*width: calc(100% - 53%);*/
width: 525px;
height: 800px;
content: '';
position: absolute;
z-index: 0;
right: 0;
top: -120px;
background-color: rgba(82,99,109,0.95);
}
.hp_agent {
width: 65.797%;
max-width: 553px;
display: flex;
vertical-align: top;
position: relative;
z-index: 2;
/* height: 100%; */
/* margin-left: -30px; */
overflow: hidden;
background: #bbd7e3;
align-items: flex-end;
object-fit: cover;
}
.hp_agent img {
width: calc(100% + 165px);
margin-left: -96px;
}
.hp_welcome_txt {
width: 63%;
max-width: 665px;
min-height: 527px;
padding: 45px 60px;
display: inline-block;
vertical-align: top;
color: #808d91;
font-size: 13px;
background-color: #ffffff;
line-height: 25px;
position: relative;
z-index: 2;
overflow:hidden;
}
.hidden-scroll {
overflow: scroll;
width: 482px;
margin: 20px auto 0px;
margin-left: auto;
margin-left: auto;
max-height: 224px;
margin-left: 20px;
}
.hp_welcome_txt h1 {
margin: 30px 0;
padding-top: 25px;
color: #52636d;
font-size: 34px;
line-height: 41px;
position: relative;
}
.hp_welcome_txt h1:before {
width: 160px;
height: 1px;
content: '';
position: absolute;
top: 0;
left: -90px;
background-color: #a9b0af;
}
.hp_welcome_txt a.welc_btn {
width: 185px;
height: 45px;
display: inline-block;
vertical-align: top;
margin-top: 30px;
color: #ffffff;
font-size: 14px;
font-weight: 600;
text-align: center;
text-transform: uppercase;
line-height: 45px;
background-color: #7bbcd9;
position: relative;
}
.content_condos {
margin: 0 0 41px 0;
}
.hp_welcome_txt a.welc_btn:after {
width: 100%;
height: 16px;
content: '';
position: absolute;
left: 0;
right: 0;
bottom: -16px;
margin: 0 auto;
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: bottom center;
background-image: url(images/welc-btn-shadow.png);
}
.hp_welcome_txt a.welc_btn:hover {
background-color: #52636d;
}
ul.lc_welcome_txt li {
display: inline-block;
width: 32%;
padding: 7px 0;
text-align: center;
background-color: #7bbcd9;
vertical-align: top;
color: #ffffff;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
line-height: 45px;
position: relative;
margin: 0 4px 7px 0;
transition: all 0.3s ease-in-out;
}
ul.lc_welcome_txt li:hover {
background-color: #52636d;
}
ul.lc_welcome_txt li a {
color: #FFF;
text-transform: uppercase;
}
.welcome_scroll {
width: 504px;
margin: 20px auto 0px;
margin-left: auto;
height: auto;
overflow: scroll;
max-height: 224px;
overflow: hidden;
margin-left: -20px;
}
.welcome_scroll h2 {
font-weight: bolder;
font-size: 1.5em;
margin: .75em 0;
}
/* FOOTER */
.footer_wrap {
padding: 43px 0;
color: #c2c5c2;
font-size: 11px;
background-color: #222f3b;
text-align: center;
position: relative;
}
.footer_wrap a {
color: #c2c5c2;
}
.footer_wrap a:hover {
color: #7bbcd9;
}
.footer_logo {
width: 165px;
height: 89px;
position: absolute;
top: 50px;
left: 60px;
}
.footer_logo img {
width: 100%;
max-width: 165px;
}
.footernav {
font-size: 0;
margin-bottom: 10px;
letter-spacing: 0.2px;
}
.footernav li {
display: inline-block;
vertical-align: top;
padding: 0 12px;
border-left: 1px solid #c2c5c2;
}
.footernav li:first-child {
border-left: none;
}
.footernav li a {
font-size: 11px;
}
.foot_copyright {
margin-bottom: 10px;
letter-spacing: 0.2px;
}
.foot_info {
margin-bottom: 10px;
}
.foot_mls {
margin: 5px 0 0 30px;
display: inline-block;
vertical-align: top;
font-size: 19px;
}
/*******************************************************
*
* 3. IP Styles
*
*******************************************************/
#inner-page-wrapper {
padding-top: 150px;
}
/* Adjust minimum height of page area */
#content-sidebar, #content-full{ min-height: 500px; margin-top: 20px;}
.mac-true #content-sidebar,
.mac-true #content-full{
min-height: 700px;
}
/** Adjust width of content columns **/
#content-sidebar #content{ width: 77.08%; }
#content-full #content { width: 100%; }
/* Adjust width of sidebar */
.sidebar{ width: 20.83%; }
/* Adjust line height of page elements */
#content h4, aside h4,
#content p, aside p,
#content blockquote, aside blockquote,
#content ul, aside ul,
#content fieldset, aside fieldset,
#content form, aside form,
#content ol, aside ol,
#content dl, aside dl,
#content dir, aside dir,
#content menu, aside menu { line-height:1.7 }
/* Style post/page main headings (h1) */
#content .entry-title {
}
/* Style category/archive/etc main headings (h1) */
#content .archive-title {
}
/* Styles for category/archive/search/etc subheadings (h2) */
#content .archive-subtitle {
}
/** Custom Template Style**/
.cus-content{
margin-bottom: 50px;
}
#content .cus-content .entry {
font-size: 15px;
color: #808d91;
font-family: Poppins, sans-serif;
line-height: 25;
letter-spacing: .030em;
}
#content .cus-content .entry p {
margin-bottom: 30px;
}
#content .cus-content .entry p:last-child {
margin-bottom: 0;
}
.agnt-lst-row {
margin-bottom: 20px;
}
.agnt-lst-row:last-child{
margin:0;
}
.agent-list-right {
margin-left: -15px;
position: relative;
background: #e9e9e9;
font-size: 0;
}
.agent-list-right canvas {
width: 100%;
}
.agnt-lst-row .agnt-lst-wrap {
position: absolute;
width: 100%;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
text-align: center;
}
#content .agnt-lst-wrap h2 {
font-size: 24px;
color: #51636f;
font-weight: 300;
margin-bottom: 25px;
}
.agnt-lst-row .agnt-lst-icon {
margin: 0 auto;
height: 72px;
width: 72px;
background: #fff;
border-radius: 100%;
padding: 24px;
display: inline-block;
vertical-align: middle;
}
.agnt-lst-head {
text-align: left;
max-width: 360px;
margin: 0 auto;
}
.agnt-lst-head > span {
display: inline-block;
vertical-align: middle;
text-transform: uppercase;
padding-left: 20px;
font-size: 25px;
color: #51636f;
font-weight: 300;
}
.agnt-lst-row .agnt-lst-wrap a,.zillow_take a {
background: #7bbcda;
max-width: 300px;
width: 100%;
height: 52px;
display: block;
margin: 0 auto;
text-transform: uppercase;
letter-spacing: .050em;
color: #fff;
position: relative;
}
.zillow_take a{
max-width: 346px;
text-align: center;
}
.agnt-lst-row .agnt-lst-wrap a,.zillow_take a {
transition: 600ms ease;
-webkit-transition: 600ms ease;
-moz-transition: 600ms ease;
-o-transition: 600ms ease;
}
.agnt-lst-row .agnt-lst-wrap a:hover,.zillow_take a:hover {
background-color: #808d91;
}
.agnt-lst-row .agnt-lst-wrap a:before,.zillow_take a:before {
display: inline-block;
vertical-align: middle;
width: 0;
height: 100%;
content: '';
}
.agent-list-right:before,.zillow_take:before {
content: '';
width: 100px;
height: 1px;
background: #65757f;
position: absolute;
top: 50%;
left: -60px;
}
/*.agent-list-left a:hover canvas {
filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-webkit-filter: grayscale(100%);
}*/
.agent-list-left canvas {
width: 100%;
background-position: center;
background-size: cover;
transition: 600ms ease-in-out;
-webkit-transition: 600ms ease-in-out;
-moz-transition: 600ms ease-in-out;
}
.agnt-lst-row .agnt-lst-wrap a span {
display: inline-block;
vertical-align: middle;
width: 100%;
font-size: 14px;
}
.zillow_take {
line-height: 4px;
}
.zillow_take a span {
display: inline-block;
vertical-align: middle;
width: 100%;
font-size: 14px;
}
.agnt-lst-row .agnt-lst-wrap a:after {
background-image: url(images/agents/botton-shadow.png);
display: block;
width: 100%;
position: absolute;
height: 60px;
content: '';
background-position: center;
top: 8px;
z-index: -1;
}
.zillow_take a:after {
background-image: url(images/agents/botton-shadow.png);
display: block;
width: 100%;
position: absolute;
height: 60px;
content: '';
background-position: center;
top: 8px;
z-index: -1;
}
.agent-list-wrap {
margin-bottom: 40px;
}
/** Agent details **/
body.page-template-agent-details-template #content .entry-title {
display: none;
}
.agent-details-wrap {
margin-top: 40px;
font-size: 0;
margin-bottom: 40px;
}
.agent-details-wrap .agnt-dtls-left {
display: inline-block;
vertical-align: top;
width: 38%;
}
.agent-details-wrap .agnt-dtls-left canvas {
width: 100%;
background-size: cover;
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
transition: 600ms ease;
-webkit-transition: 600ms ease;
-moz-transition: 600ms ease;
-o-transition: 600ms ease;
}
.agent-details-wrap .agnt-dtls-left a:hover canvas {
filter: grayscale(0);
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-o-filter: grayscale(0);
}
.agent-details-wrap .agnt-dtls-left .img-wrap {
max-width: 410px;
margin-right: auto;
}
.agent-details-wrap .agnt-dtls-left a {
display: block;
font-size: 0;
}
.agent-details-wrap .agnt-dtls-right {
display: inline-block;
vertical-align: top;
width: 62%;
padding-left: 50px;
}
.agnt-dtls-content {
font-size: 14px;
color: #808d91;
letter-spacing: 0.030em;
margin-bottom: 50px;
}
#content .agnt-dtls-content p {
margin-top: 0;
margin-bottom: 50px;
}
#content .agnt-dtls-content p:last-child {
margin-bottom: 0;
}
#content .agnt-dtls-content ul {
margin: 0 20px 0;
}
#content .agnt-dtls-content ul li {
margin-bottom: 10px;
}
#content .agnt-dtls-pos h2 {
font-family: 'Poppins', sans-serif;
font-size: 36px;
font-weight: 500;
text-transform: uppercase;
color: #7bbcd9;
letter-spacing: .030em;
margin: 0;
line-height: 1;
}
#content .agnt-dtls-pos span {
font-size: 12px;
color: #222f3b;
font-weight: 500;
text-transform: uppercase;
}
.agnt-dtls-more .agnt-dtls-pos, .agnt-dtls-more .agnt-dtls-contact {
display: inline-block;
vertical-align: top;
width: 50%;
}
.agnt-dtls-more .agnt-dtls-contact em, .agnt-dtls-more .agnt-dtls-contact a {
color: #808d91;
font-size: 14px;
outline: none;
text-decoration: none;
display: inline-block;
vertical-align: middle;
}
.agnt-dtls-contact .cus-icon{
width: 16px;
height: 16px;
display: inline-block;
vertical-align: middle;
background-size: 100%;
margin-right: 10px;
}
.agnt-dtls-contact .cus-icon.envelope{
background-image: url(images/agents/inbox-icon.png);
}
.agnt-dtls-contact .cus-icon.phone{
background-image: url(images/agents/phone.png);
}
.agnt-dtls-nav a {
height: 35px;
width: 100%;
max-width: 110px;
border: 1px solid #b8c9cf;
display: block;
text-align: center;
font-size: 14px;
padding: 5px 0;
}
.agnt-dtls-nav a {
transition: 400ms ease;
-webkit-transition: 400ms ease;
-moz-transition: 400ms ease;
-o-transition: 400ms ease;
}
.agnt-dtls-nav a:hover {
background: #222f3b;
color: #fff;
border-color: #222f3b;
}
/*** Blog Area ***/
/** What's new **/
.whats-new{
width: 100%;
height: auto;
}
.whats-new .whats-new-list{
padding-bottom: 30px;
}
.whats-new .whats-new-list a {
color: inherit;
text-decoration: none;
}
.whats-new .whats-new-list .imagewrap{
width: 100%;
position: relative;
background-image: url(images/blogoverlay.jpg);
background-size: cover;
background-position: center center;
}
.whats-new .whats-new-list .imagewrap:after{
display: block;
content: "";
width: 94%;
height: 92%;
border: solid 1px #fff;
position: absolute;
left: 3%;
top: 4%;
opacity: 0.31;
}
.whats-new .whats-new-list .imagewrap img,
.whats-new .whats-new-list .imagewrap canvas{
display: block;
width: 100%;
background-size: cover;
height: auto;
}
.whats-new .whats-new-list .imagewrap .news-date{
position: absolute;
left: 4.9%;
top: 7%;
width: 53px;
height: 52px;
color: #fff;
text-align: center;
z-index: 10;
padding: 10px;
font-size: 0;
background-image: url(images/logo-star.png);
background-size: 68%;
background-repeat: no-repeat;
background-position: center center;
background-color: rgba(0, 0, 0, 0.2);
}
.whats-new .whats-new-list .imagewrap .news-date p{
color: #fff;
font-weight: 300;
font-size: 32px;
text-transform: uppercase;
line-height: 27px;
margin: 0;
font-size: 0;
}
.whats-new .whats-new-list .imagewrap .news-date span{
font-size:0;
text-transform: uppercase;
}
.whats-new .whats-new-list .news-content{
}
.whats-new .whats-new-list .news-content h3{
color: #585858;
font-size: 18px;
padding: 18px 0;
margin: 0;
line-height: 24px;
}
#content .whats-new .whats-new-list .news-content h3{
font-size: 20px;
margin: 0;
font-weight: normal;
}
.whats-new .whats-new-list .news-content p{
color: #585858;
font-size: 13px;
margin: 0;
line-height: 21px;
}
#content .whats-new .whats-new-list .news-content p{
margin: 0;
}
.whats-new .whats-new-list .news-content a.read-more{
color: #7bbcd9;
text-transform: capitalize;
text-decoration: none;
display: inline-block;
padding: 12px 0;
font-style: italic;
font-size: 16px;
}
.back-blog-nav a {
height: 35px;
width: 100%;
max-width: 110px;
border: 1px solid #b8c9cf;
display: block;
text-align: center;
font-size: 14px;
padding: 5px 0;
}
.back-blog-nav a {
transition: 400ms ease;
-webkit-transition: 400ms ease;
-moz-transition: 400ms ease;
-o-transition: 400ms ease;
}
.back-blog-nav a:hover {
background: #222f3b;
color: #fff;
border-color: #222f3b;
}
/*** BLOG Details Page ***/
/*for communities slideshow*/
.communities_slide .cycloneslider-template-responsive.cycloneslider-width-full .cycloneslider-slide canvas{
width: 100%;
max-width: 800px;
}
.communities_slide .cycloneslider-slides{
max-height: 533px;
}
/* MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css */
/*map*/
.page-template-template-map {
}
.page-template-template-map #inner-page-wrapper {
margin-bottom: 0;
}
.page-template-template-map #inner-page-wrapper > .container {
width: 100%;
padding: 0;
}
.page-template-template-map #content-full {
margin-top: 0;
}
.page-template-template-map #breadcrumbs {
display: none;
}
.page-template-template-map #main-wrapper {
overflow: visible;
}
/*Development Purposes only, remove this*/
/*.page-template-template-map .header_wrap {
display: none;
}
.page-template-template-map #inner-page-wrapper {
padding-top: 0;
}*/
/*Development Purposes only, remove this*/
.cmap-wrapper {
/*padding-right: 18px;*/
padding-top: 57px;
padding-bottom: 106px;
}
.cmap-inner {
max-width: 1425px;
padding: 0 15px;
margin: 0 auto;
}
.cmap-inner:after {
content: '';
display: table;
clear: both;
}
.cmap-left {
float: left;
/*width: 404px;*/
width: 28.961%;
padding-top: 72px;
padding-right: 19px;
}
.cmap-left:after {
content: '';
display: block;
width: 151px;
height: 144px;
background: url(images/map/map-icon-star.png) center/cover no-repeat;
margin: 38px auto 0;
}
#content .cmap-left h1 {
font: 500 48px/1 'Poppins', sans-serif;
color: #505d60;
text-transform: uppercase;
margin: 0;
}
#content .cmap-left h1 span {
font-weight: 100;
}
#content .cmap-left h1:after {
content: '';
position: relative;
display: block;
width: 131px;
height: 1px;
background: #bec7bf;
margin: 40px 0 41px;
}
.cmap-form {
font-size: 0;
}
.cmap-form-field {
display: inline-block;
vertical-align: top;
position: relative;
margin-bottom: 9px;
}
.cmap-form-field-lg {
width: 100%;
}
.cmap-form-field-lg ~ .cmap-form-field-sm:nth-child(odd) {
padding-right: 4px;
}
.cmap-form-field-lg ~ .cmap-form-field-sm:nth-child(even) {
padding-left: 4px;
}
.cmap-form-field-sm {
width: 50%;
}
.cmap-form-field-inner {
position: relative;
}
.cmap-form-field-inner:after {
content: '';
position: absolute;
right: 24px;
top: 19px;
width: 0;
height: 0;
border-style: solid;
border-width: 7px 4px 0 4px;
border-color: #b1b6bb transparent transparent transparent;
}
.cmap-form-field-inner i {
position: absolute;
background: url(images/map/map-icon-sprites.png) no-repeat;
}
.cmap-form-field-inner i.icon-location {
width: 16px;
height: 16px;
left: 15px;
top: 13px;
background-position: 2px -1px;
}
.cmap-form-field-inner i.icon-property {
width: 13px;
height: 19px;
left: 17px;
top: 14px;
background-position: -13px 0;
}
.cmap-form-field-inner i.icon-beds {
width: 12px;
height: 17px;
left: 17px;
top: 13px;
background-position: -29px 0;
}
.cmap-form-field-inner i.icon-baths {
width: 20px;
height: 14px;
left: 18px;
top: 15px;
background-position: -51px 0;
}
.cmap-form-field-inner i.icon-price {
width: 10px;
height: 20px;
left: 21px;
top: 11px;
background-position: -41px -1px;
}
.cmap-form-field select {
width: 100%;
height: 45px;
border: 1px solid #dadada;
font: 200 14px/1 'Poppins', sans-serif;
color: #505d60;
padding-left: 46px;
-ms-appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
}
.cmap-form-field select::-ms-expand {
display: none;
}
.cmap-form-field input[type="submit"] {
width: 100%;
height: 65px;
background: #7abbd8;
border: 1px solid #7abbd8;
font: 600 18px/1 'Poppins', sans-serif;
letter-spacing: .1em;
color: #fff;
text-transform: uppercase;
margin-top: 10px;
}
.cmap-right {
float: left;
/*width: 991px;*/
width: 71.039%;
position: relative;
}
.cmap-canvas {
position: relative;
}
.cmap-canvas img.cmap-clear {
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.map-hovers {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.map-area-county {
position: absolute;
font: 400 25px/30px 'Poppins', sans-serif;
color: #646464;
text-align: center;
}
.map-area-county.map-area-washington-county {
/*top: 50.25%;
left: 91.5%;*/
top: 722px;
left: 907px;
}
.map-area-county.map-area-washington-county:before {
content: '';
position: absolute;
width: 73px;
height: 2px;
background: #d1d1d1;
transform: rotate(-40deg);
transform-origin: top left;
top: 100%;
left: -30px;
margin-top: 30px;
}
.map-area-county.map-area-alexandria-county {
/*top: 79.05%;
left: 80.8%;*/
top: 1136px;
left: 801px;
text-align: center;
}
.map-area-county.map-area-alexandria-county:before {
content: '';
position: absolute;
width: 56px;
height: 2px;
background: #d1d1d1;
transform: rotate(35deg);
transform-origin: top left;
top: -40px;
left: -42px;
}
.map-area {
display: none;
position: absolute;
}
.map-area span {
font: 500 14px/1 'Poppins', sans-serif;
text-align: center;
position: absolute;
letter-spacing: .04em;
color: #646464;
}
.map-area img + span:before {
content: '';
position: absolute;
width: 10px;
height: 10px;
bottom: 100%;
left: 0;
right: 0;
margin: auto;
border: 2px solid #fff;
background: #7c8b8d;
border-radius: 50%;
}
.map-area.active span:before {
opacity: 0;
}
.map-area.map-area-olney img + span:before,
.map-area.map-area-rockville img + span:before,
.map-area.map-area-potomac img + span:before,
.map-area.map-area-arlington img + span:before,
.map-area.map-area-alexandria img + span:before {
margin: 0;
top: 0;
bottom: 0;
left: -16px;
margin: auto 0;
}
.map-area.map-area-fairfax-county img + span:before,
.map-area.map-area-montgomery-county img + span:before {
display: none;
}
.map-area img {
opacity: 0;
}
.map-area.active span {
color: #fff;
text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.35);
font-weight: 700;
}
.map-area.active img {
opacity: 1;
}
.map-area-montgomery-county {
display: block;
top: 0px;
left: 36px;
}
.map-area-montgomery-county span {
font: 400 25px/30px 'Poppins', sans-serif;
top: 221px;
right: 300px;
/*top: 27.5%;
right: 31.4%;*/
letter-spacing: 0;
}
.map-area-fairfax-county {
display: block;
top: 582px;
left: 0;
}
.map-area-fairfax-county span {
font: 400 25px/30px 'Poppins', sans-serif;
top: 534px;
right: 368px;
/* top: 62.5%;
right: 49%;*/
letter-spacing: 0;
}
.map-area-clarksburg {
display: block;
/*top: 9.6%;
left: 29%;*/
top: 138px;
left: 287px;
position: absolute;
}
.map-area-clarksburg span {
top: 35%;
left: 27%;
}
.map-area-germantown {
display: block;
/*top: 15.8%;
left: 34.3%;*/
top: 227px;
left: 340px;
}
.map-area-germantown span {
top: 51%;
left: 18%;
}
.map-area-gaithersburg {
display: block;
/*top: 23.65%;
left: 43.8%;*/
top: 340px;
left: 434px;
}
.map-area-gaithersburg span {
top: 48%;
left: 7%;
}
.map-area-darnestown {
display: block;
/*top: 30.1%;
left: 30.5%;*/
top: 433px;
left: 302px;
}
.map-area-darnestown span {
top: 36%;
left: 8.5%;
}
.map-area-olney {
display: block;
/*top: 22.5%;
left: 65.3%;*/
top: 323px;
left: 647px;
}
.map-area-olney span {
top: 46%;
left: 37%;
}
.map-area-rockville {
display: block;
/*top: 31.4%;
left: 52.2%;*/
top: 451px;
left: 517px;
}
.map-area-rockville span {
top: 55%;
left: 30%;
}
.map-area-potomac {
display: block;
/*top: 38.2%;
left: 43.7%;*/
top: 549px;
left: 433px;
}
.map-area-potomac span {
top: 46%;
left: 35%;
}
.map-area-mc-bethesda {
display: block;
/*top: 44.95%;
left: 58.7%;*/
top: 646px;
left: 582px;
}
.map-area-mc-bethesda span {
top: 30%;
left: 11%;
}
.map-area-chevy-chase {
display: block;
/*top: 46.35%;
left: 67.9%;*/
top: 666px;
left: 673px;
}
.map-area-chevy-chase span {
top: 40%;
left: 10%;
}
.map-area-silver-spring {
display: block;
/*top: 42.3%;
left: 73%;*/
top: 608px;
left: 723px;
}
.map-area-silver-spring span {
top: 51%;
left: 13.5%;
}
.map-area-takoma-park {
display: block;
/*top: 48.15%;
left: 79.7%;*/
top: 692px;
left: 790px;
}
.map-area-takoma-park span {
top: 60%;
left: -1px;
}
.map-area-washington-dc-northwest {
display: block;
/*top: 48.5%;
left: 65%;*/
top: 697px;
left: 644px;
}
.map-area-washington-dc-northwest span {
top: 52%;
left: 32%;
}
.map-area-washington-dc-northeast {
display: block;
/*top: 51.9%;
left: 81.4%;*/
top: 746px;
left: 807px;
}
.map-area-washington-dc-northeast span {
top: 69%;
left: 13%;
}
.map-area-washington-dc-southwest {
display: block;
/*top: 62.55%;
left: 74.3%;*/
top: 899px;
left: 736px;
}
.map-area-washington-dc-southwest span {
top: 5%;
left: 27%;
line-height: 18px;
}
.map-area-washington-dc-southeast {
display: block;
/*top: 62.4%;
left: 81.4%;*/
top: 897px;
left: 807px;
}
.map-area-washington-dc-southeast span {
top: 19%;
left: 17%;
}
.map-area-great-falls {
display: block;
/*top: 46.35%;
left: 32.6%;*/
top: 666px;
left: 323px;
}
.map-area-great-falls span {
top: 44.5%;
left: 40%;
}
.map-area-reston {
display: block;
/*top: 51.1%;
left: 24.2%;*/
top: 734px;
left: 240px;
}
.map-area-reston span {
top: 55.5%;
left: 33%;
}
.map-area-mclean {
display: block;
/*top: 52.25%;
left: 46.8%;*/
top: 751px;
left: 464px;
}
.map-area-mclean span {
top: 44%;
left: 40%;
}
.map-area-tysons {
display: block;
/*top: 60.05%;
left: 42.6%;*/
top: 863px;
left: 422px;
}
.map-area-tysons span {
top: 31%;
left: 33%;
}
.map-area-vienna {
display: block;
/*top: 61.9%;
left: 40.6%;*/
top: 890px;
left: 402px;
}
.map-area-vienna span {
top: 46%;
left: 4%;
}
.map-area-oakton {
display: block;
/*top: 60.7%;
left: 32.5%;*/
top: 872px;
left: 322px;
}
.map-area-oakton span {
top: 60%;
left: 24%;
}
.map-area-fairfax {
display: block;
/*top: 68.4%;
left: 33.2%;*/
top: 983px;
left: 329px;
}
.map-area-fairfax span {
top: 44%;
left: 28%;
}
.map-area-chantilly {
display: block;
/*top: 64.65%;
left: 17.7%;*/
top: 929px;
left: 175px;
}
.map-area-chantilly span {
top: 54%;
left: 28%;
}
.map-area-centreville {
display: block;
/*top: 69.95%;
left: 12.5%;*/
top: 1005px;
left: 124px;
}
.map-area-centreville span {
top: 52%;
left: 16%;
}
.map-area-springfield {
display: block;
/*top: 71.6%;
left: 38.2%;*/
top: 1029px;
left: 379px;
}
.map-area-springfield span {
top: 37%;
left: 32.5%;
}
.map-area-alexandria {
display: block;
/*top: 69.3%;
left: 60.2%;*/
top: 996px;
left: 597px;
}
.map-area-alexandria span {
top: 46%;
left: 30%;
}
.map-area-arlington {
display: block;
/*top: 57.1%;
left: 56.2%;*/
top: 821px;
left: 557px;
}
.map-area-arlington span {
top: 40%;
left: 29%;
}
.map-area-arlington span.map-area-county {
font: 400 25px/30px 'Poppins', sans-serif;
top: 47.5%;
letter-spacing: 0;
}
.map-area img, .map-area span:before {
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.map-area span {
-webkit-transition: color .3s ease;
-moz-transition: color .3s ease;
-ms-transition: color .3s ease;
-o-transition: color .3s ease;
transition: color .3s ease;
}
#ihf-misc3Yn-container,
#ihf-misc4Yn-container,
#ihf-agedCommunityYn-container,
#ihf-horsePropertyYn-container,
#ihf-geographicLike-container,
#ihf_propertySubType_chosen,
label.field-label.ihf-propertySubType-label,
label.field-label.ihf-propertySubType-labe,
div#ihf_neighborhood_chosen,
div#ihf-miscString2-container,
label.field-label.ihf-neighborhood-label{
display: none !important;
}
/* AGENTS */
.page-id-1782 .agent-holder {
width: 48%;
display: inline-block;
vertical-align: top;
}
.page-id-1782 .agent-holder:nth-child(2) {
padding: 0;
border: none;
}
div[data-ihf-listing-number="MDMC559452"], div[data-ihf-listing-number="1002054584"] {
display:none;
}
/*Post page*/
body.post-template-default.single.single-post {
font-size: 14px;
}
/* LISTINGS PAGES */
.communities_slide .cycloneslider-template-responsive {
margin: 0 auto;
}
/* IHF */
#ihf-main-container .nav-tabs,
ul.chosen-results {
margin-left: 0 !important;
}
ul.chosen-results {
padding-left: 0 !important;
}
#ihf-main-container .mc-total-payment-subline {
color: #666666;
}
/* LUXURY CONDOS PAGE */
.page-id-5 #content ul.lc_welcome_txt {
margin: 0;
text-align: center;
}
.page-id-5 #content ul.lc_welcome_txt li {
margin: 5px;
}
.ip-container ul.lc_welcome_txt li {
padding: 0;
}
.ip-container ul.lc_welcome_txt li a {
display: block;
padding: 7px 0;
}
.ihf-grid-result-address {
display: block;
}
#ihf-main-container .ihf-results-grid-photo img {
object-fit: cover;
}
.page-id-56913{
background: rgba(195, 199, 195);
color: rgba(44, 58, 72);
}
.page-id-56913 .ip-ba a{
color: rgba(44, 58, 72);
}
#content .aios-slider.aios-slider-template-default .aios-slider-splide .aios-slider-img img{
object-fit: contain;
}