body{
background:none;
color: #000;
font-family: "proxima-nova", sans-serif, "Icons";
}
button, .button, .faux-button, .wp-block-button__link, .wp-block-file .wp-block-file__button, input[type="button"], input[type="reset"], input[type="submit"], .bg-accent, .bg-accent-hover:hover, .bg-accent-hover:focus, :root .has-accent-background-color, .comment-reply-link {
background-color: #cd2653;
}
body:not(.overlay-header) #site-header .toggle, #site-header  .menu-modal .toggle{
color:#fff!important;
outline:none!Important;
}
body:not(.overlay-header) #site-header .search-modal.active .toggle, #site-header  .menu-modal.active  .toggle{
color:#000!important;
}
body:not(.overlay-header) #site-header .toggle-inner .toggle-text{
color:#fff!important;
outline:none!Important;
}
button.close-nav-toggle{
outline:none!Important;
}
.modal ul li{
margin-left: 0;
}
.modal {
position: absolute;
z-index: 10000; top: 0;
left: 0;
visibility: hidden;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
margin-top: 0;
display:none;
}
.modal.is-visible {
visibility: visible;
display:block;
}
.modal-overlay {
position: fixed;
z-index: 10;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: hsla(0, 0%, 0%, 0.5);
visibility: hidden;
opacity: 0;
transition: visibility 0s linear 0.3s, opacity 0.3s;
}
.modal.is-visible .modal-overlay {
opacity: 1;
visibility: visible;
transition-delay: 0s;
}
.modal-wrapper {
position: absolute;
z-index: 9999;
top: 50%;
left: 50%;
width: 50em;
margin-left: 0;
background-color: #fff;
box-shadow: 0 0 1.5em hsla(0, 0%, 0%, 0.35);
transform:translate(-50%,-50%)!Important;
}
.modal-transition {
transition: all 0.3s 0.12s;
transform: translateY(-10%);
opacity: 0;
}
.modal.is-visible .modal-transition {
transform: translateY(0);
opacity: 1;
}
.modal-header,
.modal-content {
padding: 1em;
}
.modal-header {
position: relative;
background-color: #fff;
box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.06);
border-bottom: 1px solid #e8e8e8;
}
.modal-close {
position: absolute;
top: 0;
right: 0;
padding: 1em;
color: #aaa!important;
background: none;
border: 0;
}
.modal-close:hover {
color: #777!important;
}
.modal-heading {
font-size: 1.125em;
margin: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.modal-content > *:first-child {
margin-top: 0;
}
.modal-content > *:last-child {
margin-bottom: 0;
}
.modal .cont-main{
display:flex;
}
.modal-content{
font-size: 14px;
overflow-y: auto;
max-height: 450px;
}
.modal .cont-l{
flex-grow: 7;
width: 70%;
max-height:400px;
overflow-y: auto;
padding-right:10px;
margin-right: 15px;
overflow-x: hidden;
}
.modal .cont-l h3{
margin-top: 0;
font-size: 20px;
}
body ::-webkit-scrollbar {
width: 1em;
}
body ::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
body ::-webkit-scrollbar-thumb {
background-color: darkgrey;
outline: 1px solid slategrey;
}
.modal .cont-r{
flex-grow: 3;
width: 30%;
}
.modal .cont-r .school-logo img{
margin-bottom: 15px;
max-height: 180px;
}
.modal .social-icons{
display: flex;
}
.modal .social-icons a{
margin-right:10px;
}
.modal-close{
outline: none!Important;
text-decoration: none!Important;
color: #fff;
}
.modal .cont-r a{
text-decoration:none;
}
.modal .wp-caption-text{
text-align: center;
margin-top: 10px;
font-size: 13px;
}
.modal .wp-caption-text strong{
font-size: 16px;
}
.modal .wp-caption{
margin-bottom:0!important;
}
#page{
margin: 0 auto;
}
h1{
font-size: 40px;
font-weight: 800;
text-align: center;
font-family: arial;
}
h2{
font-size: 33px;
font-weight: 800;
text-align: center;
font-family: arial;
}
h3{
text-align: center;
font-family: serif;
font-style: italic;
font-size: 30px;
margin-top: 20px!important;
margin-bottom: 30px!Important;
}
.banner{
margin-top: 0;
background: #000;
padding: 3px 20px 5px;
}
.banner-cont{
display:flex;
}
.banner-l{
width: 50%;
color: #fff;
font-size: 40px;
font-family: serif;
font-weight: 800;
}
.banner-r{
width:50%;
color: #fff;
text-align: right;
font-style: italic;
font-size: 20px;
font-family: serif;
padding-top: 22px;
}
.top-box{
margin-bottom: 20px;
}
.top-box h1{
font-family: serif;
font-size: 55px;
margin-top: 10px;
margin-bottom: 15px;
}
.top-box h2{
font-family: serif;
font-size: 55px;
margin-top: 10px;
margin-bottom: 15px;
}
.top-box-cont{
font-size: 13px;
display: flex;
align-content: center;
justify-content: space-evenly;
font-family: serif;
line-height: 130%;
}
.top-box-cont div{
width:49%;
font-size: 15px;
line-height: 150%;
}
#content-top{
display: flex;
align-content: center;
justify-content: space-evenly;
text-align: center;
border: 1px solid #000;
margin-top: 10px;
padding: 20px 0;
margin-bottom:0;
}
#content-top .cont1{
width:49%;
}
#content-top .cont1 form{
margin-top: 11px;
}
#content-top .cont2{
width:24%;
}
#content-top .cont3{
width:24%;
}
#content-top .search label {
color: #474a54;
font-size: 18px;
margin: 0 10px 0 0;
text-transform: uppercase;
display: inline-block;
}
#content-top label{
display: block;
font-size: 15px;
margin: 0;
text-transform: uppercase;
}
#content-top .search input[type="text"] {
padding: 0;
border: none;
font-size: 18px;
width: 300px;
line-height: 100%;
position: relative;
top: -3px;
height: 25px;
outline: none!Important;
border-bottom: 1px solid;
display: inline-block;
}
#content-top .cont2 button {
padding: 8px;
background: #fff;
border: 1px solid #333;
color: #474a54;
text-decoration: none!Important;
font-size: 14px;
position: relative;
outline: none!Important;
text-transform:uppercase;
}
#content-top .cont3 button {
padding: 8px;
background: #fff;
border: 1px solid #333;
color: #474a54;
text-decoration: none!Important;
font-size: 14px;
position: relative;
outline: none!Important;
text-transform:uppercase;
}
#main{
padding-left: 0px;
padding-right:0px;
padding-bottom: 0;
}
.wrap1{
margin-bottom: 30px;
padding-left: 40px;
padding-right: 40px;
}
.wrap2{
margin-top: 0;
background:#000;
min-height:800px;
padding-left: 40px;
padding-right: 40px;
}
.realtors{
background: #000;
padding: 10px 10px 10px;
margin-top: 0;
display: flex;
align-items: center;
justify-content: start;
flex-wrap: wrap;
}
.realtor{
width: 32.5%;
margin-bottom: 10px;
position: relative;
margin: 0 0.25% 10px;
}
.realtor:nth-child(1) .mini-preview-wrapper,
.realtor:nth-child(4) .mini-preview-wrapper,
.realtor:nth-child(7) .mini-preview-wrapper,
.realtor:nth-child(10) .mini-preview-wrapper,
.realtor:nth-child(13) .mini-preview-wrapper,
.realtor:nth-child(16) .mini-preview-wrapper,
.realtor:nth-child(19) .mini-preview-wrapper,
.realtor:nth-child(22) .mini-preview-wrapper,
.realtor:nth-child(25) .mini-preview-wrapper{
left:50px!Important;
}
.realtor .cover{
display: flex;
align-items: center;
justify-content: center;
}
.realtor .profile{
width:40%;
position:relative;
}
.realtor h3{
position: absolute;
bottom: 0;
background: #00000047;
color: #fff;
text-transform: uppercase;
font-size: 14px;
width: 100%;
text-align: left;
font-style: normal;
font-family: arial;
font-weight: bold;
padding-left: 5px;
padding-top: 3px;
padding-bottom: 3px;
margin-bottom: 0px!Important;
margin-top: 0!important;
}
.realtor img{
width: 100%;
object-fit: cover;
height: 250px;
}
.realtor .property{
width:60%;
position:relative;
}
.realtor .property p{
position: absolute;
bottom: 0;
color: #fff;
font-size: 13px;
width: 100%;
text-align: left;
font-family: arial;
font-weight: bold;
padding-left: 5px;
padding-top: 3px;
padding-bottom: 3px;
text-shadow: 0px 0px 1px #000;
}
.single #main{
padding: 0;
}
.single #content{
margin: 0;
}
.single #content1{
margin: 0;
}
.single .banner{
display:none;
}
.single{
background-color:#000;
background-repeat: no-repeat;
background-size: cover;
}
.single h2{
text-align:left;
}
.single #site-header {
position: absolute;
left: 0;
top: 0;
height: 0;
width: 0;
overflow: hidden;
}
.single #site-footer{
position: absolute;
left: 0;
top: 0;
height: 0;
width: 0;
overflow: hidden;
}
.single .cover{
position: absolute;
height: 100%;
width: 100%;
overflow:hidden;
}
.single .cover:before{
content:" ";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:1;
display:none;
}
.single .cover iframe{
position: absolute;
height: 120%;
width: 100%;
margin-top:-70px;
}
#mute-video{
position: absolute;
right: 20px;
z-index: 4;
background: none;
font-size: 30px;
padding: 0;
outline: none!Important;
top: 7px;
border: none;
color: #fff;
}
#mute-video .fa-volume-up:before{
content: "\f6a9";
}
#mute-video.active .fa-volume-up:before{
content: "\f028";
}
.single .cover .top{
position: absolute;
top: 0;
width: 100%;
z-index:2;
}
.single .cover .top-left{
float: left;
width: 50%;
}
.single .cover .top-left h1{
margin: 20px 0 0 30px;
color: #fff;
font-size: 35px;
text-align: left;
background: #000000b3;
font-family: serif;
width: auto;
float: left;
padding: 15px 15px;
}
.single .cover .top-right{
float: right;
width: 50%;
}
.single .cover .top-right .fa-bars{
display:none;
}
.single .cover .top-right ul{
list-style: none;
margin: 0;
display: flex;
justify-content: flex-end;
margin-right: 20px;
}
.single .cover .top-right ul li {
margin: 0 0 0 20px;
width: 125px;
text-align: center;
height: 50px;
box-shadow: 0px 0px 2px #000;
}
.single .cover .top-right ul li:first-child{
margin-left:0;
}
.single .cover .top-right ul li a{
text-decoration: none;
font-size: 16px;
color: #fff;
font-weight: 700;
display: table-cell;
vertical-align: middle;
height: 50px;
text-align: center;
width: 600px;
line-height: 100%;
background: #EC145B;
}
.single .cover .top-right ul li:nth-child(2) a{
background:#F6B94D;
}
.single .cover .top-right ul li:nth-child(3) a{
background:#9ECB16;
}
.single .cover .top-right ul li:nth-child(4) a{
background:#26B9FF;
}
.single .cover .top-right ul.submenu{
margin-right: 0;
margin-left: 0;
display:none;
}
.single .cover .top-right ul li:hover ul.submenu{
display:block;
}
.single .cover .top-right ul.submenu li{
margin-left: 0!important;
top:2px;
position: relative;
width: 118px;
height: 40px;
}
.single .cover .top-right ul.submenu li:nth-child(2){
top:4px;
}
.single .cover .top-right ul.submenu li a{
background: #810690;
font-size: 14px;
height: 40px;
}
.single .cover .bottom{
position: fixed;
bottom: 0;
width: 100%;
z-index:2;
left:0;
}
.single .cover .bottom .cont{
float: left;
width: 100%;
height: 50px;
background: rgba(0,0,0,0.85);
padding: 10px 30px 0;
display: flex;
}
.single .cover .bottom .cont.active{
height: auto;
padding-top: 20px;
padding-bottom:20px;
}
.single .cover .bottom .cont .fa-arrow-up{
color: #fff;
font-size: 30px;
cursor:pointer;
position: absolute;
}
.single .cover .bottom .cont.active .fa-arrow-up:before{
content: "\f063";
}
.single .locationMap{
display:none;
float: left;
margin-top: 47px;
overflow: hidden;
width: 150px;
height: 120px;
}
.single .locationMap iframe{
position: relative;
margin: 0;
width: 150px!Important;
height: 220px!important;
margin-top: -40px;
}
.single .cover .bottom .cont.active .locationMap{
display:block;
}
.single .cover .bottom .cont .video-list{
float: left;
width: 130px;
margin: 0 20px 0 20px;
list-style: none;
display: none;
height: 210px;
overflow-y: auto;
padding-right: 10px;
}
.single .cover .bottom .cont.active .video-list{
display:block;
}
.single .cover .bottom .cont.active .video-list li{
margin: 0 0 10px 0;
}
.single .cover .bottom .cont.active .video-list li a{
display: block;
width: 100%;
height: 60px;
background: #333;
border: 1px solid #fff;
position:relative;
}
.single .cover .bottom .cont.active .video-list li a img{
width:100%;
height:100%;
object-fit:cover;
object-position:center;
}
.single .cover .bottom .cont .video-list li.active a:before{
content: 'Now Playing';
position: absolute;
background: rgba(0,0,0,0.5);
width: 100%;
height: 100%;
left: 0;
top: 0;
color: #fff;
vertical-align: middle;
text-align: center;
line-height: 60px;
font-size: 15px;
}
.single .cover .bottom .cont .details{
float: left;
width: 60%;
display:none;
color:#fff;
font-size:13px;
margin-left: 30px;
position: relative;
}
.single .cover .bottom .cont .details:before{
content:'';
height:100%;
width:1px;
background:#fff;
position:absolute;
left: 52%;
}
.single .cover .bottom .cont.active .details{
display:block;
}
.single .cover .bottom .cont .details h2{
margin: 0 0 5px 0;
font-size: 15px;
color: #fff;
text-transform: uppercase;
line-height: 130%;
position: relative;
top: -4px;
}
.single .cover .bottom .cont .details img{
float: left;
margin-right: 10px;
margin-bottom: 5px;
vertical-align: top;
margin-top: 4px;
border: 2px solid #fff;
max-width:80px;
}
.single .cover .bottom .cont .details .wp-caption img{
float:none;
margin: 0;
width: 100px;
max-width: 100px;
}
.single .cover .bottom .cont .details .wp-caption-text{
color: #fff;
font-size: 8px;
text-align: center;
margin-top: 5px;
}
.single .cover .bottom .cont .details-left{
float: left;
margin-right: 0;
width: 50%;
position: relative;
}
.single .cover .bottom .cont .details-left button{
background-color:#cd2653;
}
.single .cover .bottom .cont .details-left .cut-text{
line-height: 120%;
height: 87px;
margin-bottom: 10px;
overflow: hidden;
}
.single .cover .bottom .cont .details-right{
float: left;
width: 45%;
margin-left: 5%;
}
.single .cover .bottom .cont .details .school-logo{
position: absolute;
right: 0;
top: 30px;
}
.single .cover .bottom .cont .details .school-logo img{
max-width: 200px;
margin: 0;
border: none;
max-height: 120px;
}
.single .cover .bottom .cont .details .details-right-cont{
width:100%;
position:relative;
}
.single .cover .bottom .cont .details button{
font-size: 13px;
text-decoration: none;
padding: 10px 5px;
text-transform: none;
font-weight: normal;
width: 100px;
outline: none!Important;
color: #fff;
border: none;
}
.single .cover .newsletter-form.active{
display:block!Important;
}
.single .cover .newsletter-form .mega-cont{
background: #fff;
border: 1px solid #000;
position: absolute;
box-shadow: 0px 5px 10px #555;
margin-top: 10px;	
padding: 10px;
}
.single .cover .newsletter-form .mega-cont h3{
font-size: 20px;
text-align: left;
margin-top: 0!important;
margin-bottom: 10px!important;	
}
.single .cover .newsletter-form .mega-cont .close-newsletter{
position: absolute;
top: -15px;
right: -20px;
font-weight: bold;
background: #fff;
color: #000;
width: 30px;
height: 30px;
line-height: 25px;
border-radius: 30px;
border: 2px solid #000;
font-size: 16px;
}
.single .cover .newsletter-form .mega-cont .wpcf7-email{
width: 200px;
}
.single .cover .newsletter-form .mega-cont .wpcf7-submit{
padding: 11px;
position: relative;
top: 1px;
}
.single .cover .newsletter-form .mega-cont .wpcf7-spinner{
position: absolute;
top: 0;
right: 0;
}
.single .profile-cont{
float: left;
width: 500px;
margin-left: 40px;
color: #fff;
font-size: 16px;
line-height: 120%;
position:relative;
display:none;
}
.single .active .profile-cont{
display:block;
}
.single .profile-cont .pic{
float: left;
margin-right: 10px;
width: 180px;
}
.single .profile-cont .pic img{
object-fit: cover;
object-position: center;
width: 100%;
}
.single .profile-cont h2{
clear: none;
text-align: left;
color: #fff;
font-size: 18px;
margin-top: 0;
}
.single .profile-cont .website{
font-weight: bold;
position: absolute;
bottom: 0;
left: 190px;
}
.single .cover .bottom .cont .details .details-right-cont ul{
padding-left: 0;
list-style-position: inside;
font-size: 18px;
}
.single .cover .bottom .cont .details .details-right-cont ul li{
cursor:pointer;
}
.single .cover .bottom .cont .details .social-icons{
margin-top:20px;
}
.single .cover .bottom .cont .details .social-icons a{
color: #fff;
border: 1px solid;
font-size: 20px;
width: 35px;
text-align: center;
height: 30px;
line-height: 30px;
display: inline-block;
border-radius: 4px;
margin-right: 7px;
}
.single .lfl{
position: absolute;
right: 40px;
color: #fff;
top: -50px;
font-weight: 700;
text-shadow: 1px 1px 10px #000;
}
.realtor .mini-preview-wrapper{
border:7px solid #fff;
}
.realtor .mini-preview-wrapper:after{
content: 'Click for more about Me';
position: absolute;
z-index: 1000;
background: #000;
float: left;
width: 100%;
bottom: 0;
color: #fff;
border-top: 3px solid #fff;
text-align: center;
font-size: 13px;
}
.realtor .mini-preview-wrapper iframe{
width: 600%!important;
height: 490%!important;
transform: scale(0.17)!important;
}
#mute-video{
display:none;
}
.wechat-img{
position: absolute;
left: 400px;
top: 0;	
}
.wechat-img img{
max-width: initial!Important;
height: 180px;
}
.fa-star{
color:#ffd400;
}
.single .profile-cont a{
color:#fff;
}
@media screen and (max-width:1670px){
.wechat-img{
display:none;
}
}
@media screen and (max-width:1470px){
.single .profile-cont{
width: 470px;
}
.single .profile-cont .pic{
width: 137px;
}
.single .profile-cont .pic img{
object-fit: cover;
height: 150px;
}
.single .profile-cont .website{
bottom: -26px;
left: 0;
}
}
@media screen and (max-width:850px){
.realtor{
width: 49%;
}
.wrap1{
padding-left:10px;
padding-right:10px;
}
.wrap2{
padding-left:10px;
padding-right:10px;
}
.realtor img{
height:200px;
}
}
@media screen and (max-width:600px){
.banner-cont {
display: block;
}
.banner-l{
width:100%;
font-size: 27px;
}
.banner-r{
width:100%;
padding-top:0;
}
.single .cover{
position: relative;
height: auto;
overflow: initial;
}
.single{
background-image:none!Important;
}
.single #content{
position:relative;
}
.single .cover .bottom .cont{
display:block;
}
.single .cover .bottom .cont .fa-arrow-up{
display:none;
}
.single .profile-cont{
margin-left:0;
width:100%;
}
.single .profile-cont > h2{
display:none;
}
.single .profile-cont .pic{
width: 100%;
position: relative;
margin-bottom: 30px;
margin-right: 0;
}
.single .profile-cont .pic img{
float: left;
width: 35%;
border: 7px solid #fff;
}
.single .profile-cont .pic h2{
display: block!important;
font-size: 30px;
width: 44%;
position: absolute;
bottom: 0;
left: 37%;
font-family: serif;
line-height: 120%;
}
.single .profile-cont .website{
left: 0;
position: relative;
bottom: 0;
margin-top: 20px;
}
.single .cover .bottom .cont .details{
margin-left: 0;
margin-top: 40px;
width: 100%;
margin-bottom: 20px;
}
.single .cover .bottom .cont .details-left{
width: 100%;
float: none;
}
.single .cover .bottom .cont .details-right{
width: 100%;
margin-right: 0;
margin-top: 30px;
margin-left: 0;
}
.single .cover .bottom .cont .details:before{
display:none;
}
.single .cover .bottom .cont{
padding-left: 10px;
padding-right: 10px;
width:auto;
float:none;
}
.single .lfl{
display:none;
}
.single .cover .top{
position: relative;
}
.single .cover .bottom{
position: relative;
margin-top: -60px;
}
.single .cover .bottom .cont{
background:none;
}
.single .cover .top-left{
display:none;
}
.single .cover .top-right{
width:100%;
}
.single .cover .top-right ul{
margin-right:0;
float: left;
width: 100%;
padding: 0;
display: none;
}
.single .cover .top-right ul.mobile{
display:block!important;
}
.single .cover .top-right ul li{
width: 20%;
float: left;
white-space: break-spaces;
margin-left: 0;
}
.single .mobile-cont{
display:block!important;
}
.single .mobile-cont img{
max-width: 100%;
padding-top: 10px;
}
.modal-wrapper{
width:96%;
}
}
@media screen and (max-width:500px){
h3{
font-size:25px;
}
.realtor{
width: 100%;
}
.banner-cont {
display: block;
}
.banner-l{
width:100%;
}
.banner-r{
width:100%;
font-size: 13px;
}
.realtor img{
height: 170px;
}
.logo{
width: 200px;
}
.top-box h1{
line-height: 100%;
font-size: 35px;
}
.top-box h2{
line-height: 100%;
font-size: 35px;
}
.top-box-l{
margin-bottom: 10px;
}
#main{
padding-top:0;
}
.top-box-cont{
display:block;
padding-top: 0;
}
.top-box-cont div{
width:100%;
}
#content-top{
display:block;
}
#content-top .cont1{
width:100%;
margin-bottom: 20px;
}
#content-top .cont2{
width:100%;
margin-bottom: 20px;
}
#content-top .cont3{
width:100%;
}
}