/* Layout ================================================== */ body { font-family:'Oxygen'; color:#000; font-size:16px; line-height:1.7em; font-weight:400; } h1 { margin-top:0; font-size: 42px; text-transform: uppercase; } h2 { font-weight:400; margin-bottom:30px; font-size: 30px; color: #666666; font-style: italic; font-family: 'Playfair Display', serif; } h3 { color:#a71d22; margin-top: 30px; font-size: 30px; margin-bottom: 25px; } p { margin-bottom: 25px; } a, a:link, a:visited { color:#a71d22; text-decoration:none; transition: all 0.5s; } a:hover, a:active { color:#707070; } .text-alt { color:#a71d22; } .btn { background:#a71d22 !important; border-color:#a71d22 !important; color:#fff!important; padding: 0em 2em; font-size: 18px; line-height: 59px; height: 59px; border-radius: 29.5px; transition: all .5s ease-in-out;} .btn:hover {color: rgba(255,255,255,0.7) !important; border-color:#a71d22; background:#fff; } .btn-clear{background-color: transparent; border: 1px solid #fff; color: #fff !important; padding: 1em 2em; font-size: 16px; line-height: 1.333333; border-radius: 25px; transition: all .5s ease-in-out;} .btn-clear:hover{background-color: #fff; color: #a71d22 !important;} img.content { padding: 0; padding-right: 45px; margin: 0; padding-bottom:20px; } .box { padding:15px; border:solid 1px #cccccc; background:#fff; } hr{border-top: 3px solid #a71d22; width: 115px; display: block; margin: 15px auto;} hr.left { margin: 20px 0;} hr.light-blue{border-top: 3px solid #4aa8d7; width: 115px; display: block; margin: 15px auto;} hr.white{border-top: 3px solid #fff; width: 115px; display: block; margin: 15px auto;} hr.long{border-top: 1px solid #fff; width: 100%; margin: 15px auto;} .caps{text-transform: uppercase;} .padding-left-xxl { padding-left: 85px; } .padding-right-xxl { padding-right: 85px; } ul.red-bullet { list-style: none; padding: 0; margin: 0; } ul.red-bullet li { background: url('/images/red-dot.png') no-repeat; background-position: left center; padding-left: 15px; } ol li {margin-bottom:10px;} a#gradeus-review-button.link {font-size:10px !important;} .clear-lg {clear:both;} @media (max-width: 991px){ .padding-left-xxl, .padding-left-xl { padding-left: 15px; } .padding-right-xxl, .padding-right-xl { padding-right: 15px; } } @media (max-width: 425px){ img.content { padding: 0; margin: 0 auto 20px; width: 100%; float: none; } } /* Address Content Holder */ .address{list-style-type: none; padding-left: 0;} .address.standard{display: block;} .address.in-line{display: inline-block;} .address.standard li{display: block; margin: 10px 0;} .address.in-line li{display: inline-block; margin: 0 5px;} .address.with-piping li{margin: 0;} .address.with-piping li:after{content: '|'; margin: 0 10px;} .address.with-piping li:last-child:after{content: ''; margin: 0;} /* Contact Page Override */ .address-contact .address li{display: block; margin-left: 0;} /* Content List ==================================================== */ .content-list ul, ul.content-list{ padding: 0; margin: 0; list-style-type: none; } .content-list ul > li, ul.content-list > li { padding: 0; margin: 0; list-style-type: none; display: inline-block; } .content-list.with-bars ul > li:after, ul.content-list.with-bars > li:after { content: '|'; margin: 0 5px; } .content-list.with-bars ul > li:last-child:after, ul.content-list.with-bars > li:last-child:after { content: ''; margin: 0 0 5px 0; } /* Social Media Icons ================================================= */ .social{} .social ul{list-style-type: none; padding: 0; margin: 0;} .social ul li{display: inline-block; margin: 0 5px;} .social ul li:first-child { margin-left: 0; } .social ul li a{display: block; width: 37px; height: 37px; line-height: 37px; text-align: center; border: 1px solid #fff; border-radius: 50%; font-size: 19px; } .social ul li a i{color: #fff; transition: .5s all ease-in-out;} .social ul li:hover a{background-color: #fff;} .social ul li:hover a i{color: #a71d22; transform: rotate(360deg);} /* Skip Navigation Button for ADA ================================================= */ #skip a{ position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; } #skip a:focus { position:static; width:auto; height:auto; } /* Header ================================================== */ #header { height: 120px; position:absolute; top: 0; left: 0; right: 0; z-index:1003; background:#fff;} #header .container { position: relative; height: 100%; } #header .logo { position: absolute; left: 15px; top: 50%; transform: translatey(-50%); } #header .logo img {max-height: 120px;} #header .phone { font-size: 1.5em; position: absolute; right: 15px; top: 10px; } #header .nav { position: absolute; right: 15px; top: 50%; transform: translatey(-50%);} #header .nav .launch-menu-button { color: #000000; } #header .nav .btn-apply { text-transform: uppercase; } #header.affix { height: 50px; box-shadow: 2px 2px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.5); -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.5);} #header.affix .mobile-show { display: block!Important; } #header.affix .mobile-hide { display: none!Important; } #header.affix .logo { left: 15px; right: auto; top: 50%; transform: translatey(-50%); } #header.affix .logo img { max-height: 37px; } #header.affix .phone { display: none; } #header.affix .nav { left: auto; right: 15px; top: 50%; transform: translatey(-50%); } .mobile-hide.owners-table tbody tr {border-bottom: 1px solid #eee;} @media (max-width: 767px){ } /* Nav ================================================== */ #nav > ul { margin: 0; } #nav > ul > li { position:relative; list-style:none; display:inline-block; margin: 0 16px;} #nav > ul > li > a, #nav > ul > li > a:link, #nav > ul > li > a:visited { display:inline-block; line-height:30px; color:#000; } #nav > ul > li > a:hover, #nav > ul > li > a:active { color:#888; } #nav > ul > li > ul { display:none; position:absolute; white-space:nowrap; z-index:1003; text-align:left; padding:0; background-color:#000; top:30px; left:-5px; -webkit-box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.55); -moz-box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.55); box-shadow: 1px 1px 5px -1px rgba(0,0,0,0.55); } /* #nav > ul > li:hover > ul { display:block; } */ #nav > ul > li > ul > li, #nav > ul > li > ul > li a { height:35px; line-height:35px; display:block; padding:0 25px; } #nav > ul > li > ul > li > a { font-size:16px; color:#fff; padding:0; } #nav > ul > li > ul > li:hover { background-color:#a71d22; } #nav > ul > li:last-child { margin-right: 0; } #nav > ul > li:last-child a{border: 1px solid #a71d22; color: #a71d22; padding: .5em 1em;} #nav > ul > li:last-child a:hover{background-color: #a71d22; color: #fff;} @media (max-width: 1283px){ #nav > ul > li { margin: 0 13px;} } /* Contact Bar ================================================= */ #contact-bar { position: absolute; top: 120px; left: 0; right: 0; background-color: #3e3a3d;z-index: 1001; height: 48px; line-height: 48px; border-bottom: 3px solid #262c36; } #contact-bar .container { position: relative;} #contact-bar .social ul li a{ width: 30px; height: 30px; line-height: 30px; font-size: 16px; } #contact-bar ul.contact-links { list-style-type: none; padding: 0; position: absolute; right: 15px; top: 0px; margin: 0;} #contact-bar ul.contact-links li{ display: inline-block;} #contact-bar ul.contact-links li:first-child { padding-right: 25px; } #contact-bar ul.contact-links li a{ color: #fff; } #contact-bar ul.contact-links li:first-child a, #contact-bar ul.contact-links li:first-child span{ font-size: 24px; font-weight: 300;vertical-align: middle; display: inline-block; margin-left: 10px; color: #FFF;} #contact-bar ul.contact-links li:last-child a{ font-size: 15px; font-weight: 300; vertical-align: middle;} #contact-bar ul.cotnact-links li img { display: inline-block; vertical-align: middle;} #contact-bar .btn { position: relative; top: -2px; height: 48px; line-height: 48px; padding: 0; width: 112px; border-radius: 0;} .map-container {margin: 30px auto;} @media(max-width: 550px){ #contact-bar .social{display: none;} #contact-bar ul.contact-links{position: relative; text-align: center; right: 0; top: 0; } } @media(max-width: 365px){ #contact-bar ul.contact-links li:last-child { display: none; } } /* Launch Menu ================================================== */ .launch-menu > ul > li { border-bottom:solid 1px #bbb; } .launch-menu > ul > li:hover { background:#f8f8f8; -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.25); -moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.25); box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.25); } .launch-menu > ul > li:first-child { border-top:solid 1px #bbb; } .launch-menu a { color:#333; } .launch-menu > ul > li > ul > li:hover { background:#fff; -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.25); -moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.25); box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.25); } .launch-menu .phone { font-size: 1.4em; text-align: center; margin: 10px 0 15px; } .launch-menu .phone:hover, .launch-menu .phone a:hover { color: #a71d22; } .launch-menu .btn { height: 48px; line-height: 48px; font-size: 16px; display: block; width: 70%; margin: auto; } .launch-menu .social { text-align: center; margin: 15px; } .launch-menu .social ul li { padding: 0; } .launch-menu .social ul li a{ width: 30px; height: 30px; line-height: 30px; border: 1px solid #a71d22; font-size: 17px; } .launch-menu .social ul li a i{ color: #a71d22; } .launch-menu .social ul li:hover a{ background-color: #a71d22;} .launch-menu .social ul li:hover a i{ color: #fff; } /* Footer ================================================== */ #footer { padding:55px 0; background-color:#252525; color: #fff;} #footer a{color: #fff;} #footer a:hover{opacity: .7;} #footer .copy{text-align: center;} #footer .ada{text-align: center;} #footer ul{list-style-type: none; padding: 0;} #footer h3{color: #fff; text-transform: uppercase; font-size: 24px; font-weight: 300; margin-bottom: 25px; margin-top: 0;} #footer .link-lists{margin-bottom: 40px;} #footer .link-lists li a{color: #fff; font-size: 16px;} #footer .affiliations ul li{display: inline-block; margin: 10px 10px 10px 0;} #footer .copy ul li{display: inline-block;} #footer .copy ul li:after{content: '|'; margin: 0 5px; color: #fff;} #footer .copy ul li:last-child:after{content: ''; margin: 0;} #footer .address{margin-bottom: 30px;} #footer .address ul.address li{margin: 5px auto; line-height: 1.25em;} #footer .social { } #footer .social ul li{margin: 10px 8px 0 0;} #footer .social ul li a:hover { opacity: 1; } #footer .phone, #footer .phone a{font-size: 24px; font-weight: 300; color: #fff;} #footer .phone{margin-bottom: 40px;} #footer .copy {margin-top: 50px;} @media (max-width: 991px){ #footer{text-align: center;} #footer .affiliations, #footer .social { margin-top: 30px; } } /* Body Container ================================================== */ #body-container { padding-top:80px; padding-bottom:30px; } #body-container.amp {background-color: #000;} #body-container .side-content {} #body-container .side-content ul.ctas { margin: 0; padding: 0; list-style-type: none; text-align: center; } #body-container .side-content ul.ctas li { margin: 0; padding: 0; list-style-type: none; border-bottom: 1px solid #c2c2c2; } #body-container .side-content ul.ctas a { display: inline-block; padding: 25px 0; } #body-container .side-content ul.ctas li .icon { font-size: 50px; color: #000000; } #body-container .side-content ul.ctas li:hover .icon { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } /* Banners ================================================== */ .banner { padding: 40px 0; } .banner h1, .banner h2 { font-size: 42px; color: #000; font-style: normal; font-family:'Oxygen'; text-transform: uppercase; text-align: center; margin: 0 0 15px; } .banner h3 { font-size: 30px; color: #666666; font-style: italic; font-family: 'Playfair Display', serif; text-align: center; margin: 0 0 35px; } .banner hr { margin: 30px auto 25px; } .banner-gray { background-color: #ebebeb; } .banner-primary { background-color:#a71d22; } @media (max-width: 500px) { .banner h1, .banner h2 { font-size: 36px; } .banner h3 { font-size: 24px; } } /* Blog ================================================== */ .blog-container { } .blog-container .post-list { } .blog-container .blog-post { margin-bottom:35px; } .blog-container .blog-post .post-head { font-size:1.5em; padding-bottom:5px; margin-bottom:20px; border-bottom:solid 1px #ccc; } .blog-container .blog-post .post-title { font-size:1.2em; } .blog-container .blog-post .post-body { } .blog-container .blog-post .post-body .read-more { display:block; margin-top:15px; font-size:.90em; text-transform:lowercase; } @media (max-width: 768px) { .blog-container .post-list { float:none; display:block; width:100%; } .blog-container .side-panel { display:none; } } /* About ================================================== */ .bios .bio { padding-bottom:1.0em; margin-bottom:1.0em; border-bottom:solid 1px #ccc; } .bios .bio:after { content:""; display:table; clear:both; } .bios .bio .name { font-size:1.8em; font-weight:500; line-height:2.2em; } .bios .bio .image { float:left; width:25%; margin-right:5%; margin-bottom:1.2em; } .bios .bio .image img { width:100%; max-width:100%; } .bios .bio .content { float:left; width:70%; } .bios .bio .contact { margin-top:1.5em; } .bios .bio .contact:before { content:""; display:table; clear:both; } .bios .bio .contact .item { display:block; } @media (max-width: 768px) { .bios .bio .content { float:none; width:100%; } } @media (max-width: 600px) { .bios .bio .image { float:none; width:100%; margin-right:0; text-align:center; } .bios .bio .image img { width:auto; } } /* Map Container ================================================== */ /* Accordion ================================================== */ .launch-accordion > li > h4 { background-color:#eee; transition:background-color 0.05s ease; } .launch-accordion > li > h4:hover { background-color:#aaa; } /* Form Container ================================================== */ .form-container { } /* Testimonials ================================================== */ blockquote.testimonial { } blockquote.testimonial .quote { } blockquote.testimonial .credit { } /* Areas ================================================== */ ul.areas { margin:0 10px; padding:0; text-align:left; font-size:1.125em; } ul.areas li { width:20%; list-style:none; float:left; padding:.3em 1em .3em 0; font-size:16px; margin:0; font-weight: 600; font-family: 'Raleway', sans-serif; } @media (max-width: 991px) { ul.areas li { width:25%; } } @media (max-width: 767px) { ul.areas li { width:33%; } } @media (max-width: 550px) { ul.areas li { width:50%; } } /* Home Blog ================================================== */ .home.blog-container .post-list { width:92%; float:none; display:block; } /* Form ================================================== */ #fields { width:100%; display:inline-block; font-family: 'Open Sans', sans-serif; } #fields * { text-align:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } #fields .label { display:block; font-size:15px; margin-bottom:0; } #fields .input input[type="textbox"] { display:block; width:100%; font-size:16px; padding:6px 13px; margin:0; background-color:#fff; border:1px solid #c9c1ba; } #fields .reqd { color:#F00; } #fields textarea { width:100%; height:100px; padding:10px; font-size:16px; font-family: 'Open Sans', sans-serif; resize:none; background-color:#fff; border:1px solid #c9c1ba; } #fields select { width:100%; padding: 6px 5px; font-size:16px; background-color:#fff; border:1px solid #c9c1ba; } #fields .title { font-size:18px; margin:10px 0 0 0; } #fields .btn { padding:9px 40px; color:#fff; font-size:16px; margin:10px 0; display:inline-block; cursor:pointer; height:auto; width:auto; float:right; } #fields .btn:hover { border-style:solid; border-width:1px; } #fields .btn:active { position:relative;top:1px; } #fields .cb { float:left; clear:both; } #fields .cb-descr { float:left; margin-left:8px; } /* FAQs ================================================== */ .faq-question { font-size:1.2em; font-weight:500; } .faq-answer { margin-bottom:25px; } .faq-answer p { padding:0; margin:0; } /* Home Banner ================================================== */ #home-banner { position:relative; height: 100vh; min-height:935px; overflow: hidden;} #home-banner .overlay{position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 3; background-color: rgba(0,0,0,0.3);} #home-banner .carousel, #home-banner .carousel .carousel-inner, #home-banner .carousel .carousel-inner .item{position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 2;} #home-banner .container{position: absolute; left: 0; right: 0; height: 100%; z-index: 3; text-align: center;} #home-banner .container #home-banner-text{position: absolute; top: 50%; transform: translatey(-50%); left: 0; right: 0; text-align: center; padding-top: 120px; } #home-banner-text h1{color: #fff; font-size: 48px; font-weight: 700; text-transform: uppercase; margin-bottom: 20px;} #home-banner-text h3{font-size: 36px; color: #fff; font-weight: 700; text-align: right; text-shadow: 0px 3px 7px rgba(0, 0, 0, 0.35); margin: 5px 0 0; } #home-search label{display: none;} #home-search input{line-height: 50px; width: 25%; padding: 0; padding-left: 10px; border: 0; border-radius: 5px; margin-right: 0.5%;} #home-search select{height: 50px; width: 15%; border-radius: 5px; border: 0; margin-right: 0.5%; appearance: none; -webkit-appearance: none; padding-left: 10px; background: url('/images/select-down-arrow.png') #fff; background-repeat: no-repeat; background-position: 95% center;} #home-search button.btn{font-weight: 300;} #home-banner .callouts { margin: 50px auto 0; max-width: 930px; } #home-banner .icon{display: block; margin: 15px auto; height: 102px; width: 114px; text-align: center; line-height: 102px; background-color: rgba(167,29,34,0.8); transition: all .5s ease-in-out;} #home-banner .icon:hover{border-radius: 50%; height: 102px; width: 102px; background-color: rgba(167,29,34,1); transform: rotate(360deg);} #home-banner .title h2{color: #fff; text-transform: uppercase; font-size: 36px; margin-bottom: 10px; margin-top: 0; font-family: 'Oxygen', sans-serif; font-style: normal; } #home-banner .title h3{color: #fff; text-transform: lowercase; text-align: center; font-size: 18px; font-style: italic; font-family: 'Playfair Display'; font-weight: 400;} #home-banner .down-arrow { position: absolute; bottom: 15px; left: 50%; transform: translatex(-50%); z-index: 4; border-bottom: 2px solid #fff;} #home-banner .carousel .carousel-inner .item{ background-size: cover; background-position: center center; background-repeat: no-repeat; background-attachment: fixed;} #home-banner .carousel .carousel-inner .item#one{background-image: url('/images/home-banner-1.jpg');} #home-banner .carousel .carousel-inner .item#two{background-image: url('/images/home-banner-2.jpg');} #home-banner .carousel .carousel-inner .item#three{background-image: url('/images/home-banner-3.jpg');} #home-banner .carousel .carousel-inner .item#four{background-image: url('/images/home-banner-4.jpg');} #home-banner .carousel-control { font-size: 30px; opacity: 1; width: 55px; text-align: center; padding-top: 50px; top: 50%; z-index: 99; } #home-banner .carousel-control:hover img { opacity: 0.6; } #home-banner .carousel-control.right { background-image: none; } #home-banner .carousel-control.left { background-image: none; } #home-banner-carousel .container { position: relative; z-index: 999; } #home-banner-carousel .carousel-control img { top: 0; } #home-banner-carousel .left { left: 0%; } #home-banner-carousel .left img { left: 0; } #home-banner-carousel .right img { right: 0%; } @media (max-width: 1199px){ #home-banner-text h3 { margin: 0; } #home-banner-text .btn { margin-top: 13px; } } @media (max-width: 991px){ #home-banner .carousel-control { padding-top: 0; top: 62%; } #home-banner .title h2{font-size: 24px;} #home-banner .title h3{font-size: 16px;} #home-banner-text h1{font-size: 50px;} #home-banner-text h2{font-size: 50px; color: #fff; text-align: center; } } @media (max-width: 767px){ #home-banner { height: 1050px; padding-bottom: 50px; } #home-banner .container #home-banner-text { position: relative; top: 0%; transform: translatey(0%); padding-top: 250px; } #home-banner-text h3, #home-banner-text .text-left { text-align: center; } #home-banner .callout { text-align: left; padding-left: 0px; } #home-banner .callouts { max-width: 515px; } #home-banner .icon{height: 75px; width: 75px; line-height: 75px; display: inline-block; vertical-align: middle;} #home-banner .title{display: inline-block; vertical-align: middle;} #home-banner .title h2{display: inline-block; vertical-align: middle; border-right: 1px solid #fff; padding-right: 10px; text-align: right; min-width: 8em;} #home-banner .title h3{display: inline-block; vertical-align: middle; padding-left: 10px;} #home-search input{display: block; margin: 10px auto; width: 50%;} #home-search select{display: block; margin: 10px auto; width: 50%;} } @media (max-width: 625px){ #home-banner-text h1 { font-size: 40px; } #home-banner-text h3 { font-size: 30px; } #home-banner .callouts { max-width: 450px; } #home-banner .carousel-control { display: none; } #home-banner .title h2{min-width: 8em; font-size: 18px;} } @media (max-width: 550px){ #home-banner { height: auto; padding-bottom: 75px; } #home-banner .container { position: relative; } #home-banner .icon{display: none;} #home-banner .callout{padding: 0; margin: 10px 0;} #home-banner .title{background-color: rgba(167,29,34,0.8); width: 90%; margin: auto; display: block; transition: all .5s ease-in-out;} #home-banner .title h2 { margin-top: 12px; } #home-banner .title:hover{background-color: rgba(167,29,34,1); } } @media(max-width: 500px){ #home-banner-text h1 { font-size: 36px; } #home-banner-text h3 { font-size: 24px; } } @media (max-width: 450px){ #home-banner .title{width: 97.5%;} } @media (max-width: 415px){ #home-banner .title{width: 100%; text-align: center; padding: 10px 0;} #home-banner .title h2{display: block; border-right: 0; border-bottom: 1px solid #fff; width:75%; text-align: center; margin: 0 auto; padding-right: 0; padding-bottom: 10px;} #home-banner .title h3{display: block; text-align: center; margin-top: 10px; padding-left: 0;} #home-search input, #home-search select{width: 75%;} } /* Secondary Banner =================================================== */ #secondary-banner{position: relative; height: 168px;} /* Split Template =================================================== */ .split .callout{margin-bottom: 30px;} .split .icon{display: block; margin: 15px auto;height: 115px; width: 115px; text-align: center; line-height: 115px; background-color: rgba(167,29,34,1); transition: all .5s ease-in-out;} .split .icon:hover{border-radius: 50%; background-color: rgba(167,29,34,1); transform: rotate(360deg);} .split .title h2{color: #000000; text-transform: uppercase; font-size: 30px; margin-bottom: 10px; text-align: center; font-family: 'Oxygen', sans-serif; font-style: normal; } .split .title h3{color: #000000; text-transform: lowercase; font-size: 18px; font-style: italic; font-family: 'Playfair Display'; font-weight: 400; text-align: center; margin-top: 0; margin-bottom: 60px; } @media (max-width: 1199px){ .split .title h2{font-size: 30px;} } @media (max-width: 991px){ .split .callout{display: none;} } /* Home Difference =================================================== */ #home-difference{padding: 65px 0 35px;} #home-difference:focus { outline: none; } #home-difference h2 { text-transform: uppercase; text-align: center; color: #020202; } #home-difference h3 { text-align: center; margin-bottom: 40px; } #home-difference p { font-size: 18px; text-align: right; } #home-difference a.btn{vertical-align: middle; margin-top: 10px; min-width: 262px; text-transform: uppercase; } #home-difference .attributes { margin-top: 10px; text-align: center; } #home-difference .attributes h4{color: #000; text-transform: uppercase; font-size: 30px; margin-top: 30px; } /* #home-difference .attributes #middle img{margin-left: -20px;} */ #home-difference .attributes p{font-family: 'Playfair Display'; font-size: 18px; font-style: italic; color: #666666; text-align: center; } @media (max-width: 767px){ #home-difference p{text-align: center;} #home-difference a.btn{margin: 15px auto; display: block; width: 50%;} } /* Home PM =================================================== */ #home-pm{position: relative; height: 550px; padding: 80px 0 90px; text-align: center; background-image: url('/images/property-management-bg.jpg'); background-size: cover; background-position: center center; margin-top:85px; } #home-pm .overlay{background-color: rgba(167,29,34,0.8); position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2;} #home-pm .content{position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 3; padding: 60px 0; } #home-pm .content h2{color: #fff; text-transform: uppercase; font-style: normal; font-family:'Oxygen'; } #home-pm .content .services{margin-top: 40px;} #home-pm .content .services img{max-height: 55px;} #home-pm .content .services h3{color: #fff; font-size: 28px; font-weight: 300; text-transform: uppercase;} #home-pm .content h4{vertical-align: middle; display: inline-block; font-family: 'Playfair Display'; font-size: 30px; font-weight: 300; font-style: italic; color: #fff; margin-right: 30px;} #home-pm .content a.btn-clear{vertical-align: middle; display: inline-block; text-transform: uppercase; font-size: 18px; border-radius: 35px;} #home-pm .content .bottom{margin-top: 20px;} @media (max-width: 1199px){ #home-pm .content .services h3{font-size: 20px;} } @media (max-width: 991px){ #home-pm{ height: auto; padding: 70px 0 50px; } #home-pm .content { position: relative; } } @media (max-width: 767px){ #home-pm {} #home-pm .content{ padding: 20px 15px 0; } #home-pm .content .bottom{margin-top: 25px;} } @media (max-width: 600px){ #home-pm h2{font-size: 32px; margin-top: 0;} #home-pm .content h4{font-size: 22px; margin-right: 0;} #home-pm .content .services img{margin-top: 20px;} } @media (max-width: 500px){ #home-pm .content{padding-top: 35px;} #home-pm .content .services {margin-top: 20px;} #home-pm .content .services img{max-height: 40px;} } /* Home Marketing ====================================================== */ #home-marketing.banner { position: relative; text-align: center; padding: 85px 0; background-color: #f2f2f2; margin-top: 90px; } #home-marketing .bg { position: absolute; top:0; bottom: 0; left: 50%; width: 50%; background-image: url('/images/marketing-bg.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; } #home-marketing .bg:after { content: ' '; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 0; height: 0; border-style: solid; border-width: 79px 0 79px 135px; border-color: transparent transparent transparent #f2f2f2; } #home-marketing hr { margin: 25px auto 40px; } #home-marketing p { font-size: 18px; line-height: 34px; } #home-marketing a { font-size: 24px; text-transform: uppercase; font-weight: bold; } @media (max-width: 991px) { #home-marketing .bg { position: relative; top: -85px; bottom: 0; left: 0; width: 100%; height: 300px; } #home-marketing .bg:after { display: none; } } /* Home Rentals ================================================== */ #home-rentals{padding: 60px 0 75px;} #home-rentals h2{text-transform: uppercase; font-weight: 300; text-align: center;} #home-rentals hr { margin-bottom: 40px; } #home-rentals .prop-map { height: 360px } /* Home Testimonials ====================================================== */ #home-testimonial.banner { position: relative; text-align: center; padding: 75px 0 70px; background-color: #f2f2f2; } #home-testimonial .bg { position: absolute; top:0; bottom: 0; left: 50%; width: 50%; background-color:#fff; background-repeat: no-repeat; background-position: center center; background-size: cover; } #home-testimonial iframe { -ms-overflow-style: none; overflow: -moz-scrollbars-none;} #home-testimonial iframe::-webkit-scrollbar { display: none; // Safari and Chrome} /* #home-testimonial .bg:after { content: ' '; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 0; height: 0; border-style: solid; border-width: 79px 0 79px 135px; border-color: transparent transparent transparent #f2f2f2; } */ #home-testimonial .reviews { /*height: 305px;*/ height:600px; background: #fff; border-radius: 20px; /*margin-top: 25px;*/ margin-top: -20px; overflow-y: scroll; -webkit-box-shadow: 0px 2px 0px 0px rgba(225,225,225,1); -moz-box-shadow: 0px 2px 0px 0px rgba(225,225,225,1); box-shadow: 0px 2px 0px 0px rgba(225,225,225,1); } @media (max-width: 991px) { #home-testimonial .bg { position: relative; top: -75px; bottom: 0; right: 0; width: 100%; height: 300px; } #home-testimonial .bg:after { display: none; } #home-testimonial .reviews {margin-top: 25px; } #home-testimonial iframe { -ms-overflow-style: none; overflow: -moz-scrollbars-none;} #home-testimonial iframe::-webkit-scrollbar { display: none; // Safari and Chrome} } @media (max-width: 571px) { #home-testimonial iframe { -ms-overflow-style: none; overflow: -moz-scrollbars-none;} #home-testimonial iframe::-webkit-scrollbar { display: none; // Safari and Chrome} } /* Home Testimonials ====================================================== */ #home-testimonial.banner { position: relative; text-align: center; padding: 75px 0 70px; background-color: #f2f2f2; } #home-testimonial .controls { text-align: center; } #home-testimonial .carousel-control { font-size: 30px; opacity: 1; width: 55px; text-align: center; padding: 0 25px; position: relative; } #home-testimonial .carousel-control:hover img { opacity: 0.6; } #home-testimonial .carousel-control.right { background-image: none; } #home-testimonial .carousel-control.left { background-image: none; padding: 0 20px; } #home-testimonial cite:before { content: "\2014 \2009"; } #home-marketing .bg:after { content: ' '; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 0; height: 0; border-style: solid; border-width: 79px 0 79px 135px; border-color: transparent transparent transparent #f2f2f2; } #home-testimonial a.carousel-control {color:red;} #testimonial-carousel p { font-size: 18px; min-height: 210px; margin-bottom: 30px; text-align: center; font-weight: 300; line-height: 30px; margin-top: 45px; } #testimonial-carousel .credit { color: #a71d22; display: block; font-weight: 500; } @media (max-width: 991px) { #home-testimonial .bg { position: relative; top: -75px; bottom: 0; right: 0; width: 100%; height: 300px; } } @media (max-width: 500px) { #home-testimonial h2 { font-size: 36px; } #home-testimonial .testimonial-container { padding-left: 15px; padding-right: 15px; } } /* Home Corner ================================================== */ #home-corner-container{ position: relative; margin: 75px auto 0; padding: 180px 35px 160px; background-image: url('/images/resident-corner-bg.jpg'); background-size: cover; background-position: center center; } #home-corner-container .video { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } #home-corner-container .video video { position: relative; min-height: 100%; min-width: 100%; max-height: 100%; left: 50%; top: 50%; transform: translateY(-50%) translateX(-50%); } #home-corner { position: relative; background-color: rgba(167,29,34,0.8); text-align: center; padding: 50px 40px; } #home-corner h2{display: inline-block; vertical-align: middle; margin-left: 15px; text-transform: uppercase; color: #fff; font-style: normal; font-family:'Oxygen'; font-size: 42px; font-weight: 400; margin-bottom: 25px; } #home-corner hr { margin-bottom: 35px; } #home-corner p{color: #fff; font-size: 18px;} #home-corner p .caps{font-size: 24px;} #home-corner a h3{color: #fff; display: inline-block; margin: 0 0 30px; margin-left: 5px; text-transform: uppercase; font-size: 18px; font-weight: 300;} #home-corner a:hover{opacity: .7;} @media (min-width: 1284px){ #home-corner-container .video video { max-height: inherit; max-width: 100%; } } @media (max-width: 500px){ #home-corner h2 { font-size: 34px; } } @media (max-width: 400px){ #home-corner h2 { margin-left: 0; } #home-corner img, #home-corner a h3 { display: block; text-align: center; margin-right: auto; margin-left: auto; } #home-corner img { margin-bottom: 10px; } } /* Home Blog ================================================== */ #home-blog { text-align: center; padding: 80px 0; } #home-blog hr { margin-bottom: 0; } #home-blog .post-title { font-style: normal; margin: 60px 0 10px; font-size: 24px; } #home-blog .post-body { } #home-blog .read-more { display: block; margin-top: 30px; } /* PM Reports */ #pm-reports { position: relative; background: url('/images/pm-report-banner.jpg') no-repeat; background-size: cover; background-position: top center; padding: 130px 0 160px; color: #fff; } #pm-reports .overlay { position: absolute; height:100%; width: 100%; top:0; bottom: 0; right: 0; left: 0; background: rgba(0,0,0,0.45); } #pm-reports .container { position: relative; } #pm-reports h2 { text-align: left; color: #fff; text-transform: uppercase; font-size: 48px; margin-bottom: 35px; font-weight: bold; } #pm-reports .items { list-style: none; padding-left: 115px; } #pm-reports .items li { position: relative; font-size: 18px; padding-bottom: 40px; } #pm-reports .items li span { position: absolute; top: -10px; left: -115px; display: block; height: 71px; width: 71px; line-height: 69px; border: 2px solid #fff; border-radius: 100%; text-align: center; font-size: 31px; font-family: 'Lustria', serif; } #pm-reports .items li h5 { font-size: 24px; margin: 10px 0 3px; } #pm-reports .btn { margin-top: 10px; text-transform: uppercase; } @media (max-width: 500px){ #pm-reports h2 { font-size: 36px; } #pm-reports .items { padding-left: 50px; } #pm-reports .items li span { left: -50px; height: 40px; width: 40px; line-height: 38px; font-size: 20px; } #pm-reports .btn { margin-left: auto; margin-right: auto; display: block; width: 100%; max-width: 300px; } } /* Analysis Banner Prompt ================================================== */ #analysis-banner {color:#fff;} #analysis-banner form { position: relative; } #analysis-banner form label { display: none; } #analysis-banner form input { height: 60px; width: 90%; padding-left: 15px; outline: none; color:#000; } #analysis-banner button { height: 60px; width: 10%; position: absolute; right: 0; min-width: 218px; text-transform: uppercase; font-size: 20px; border-radius: 0; } #analysis-banner .frs-widget .frs-btn:hover { -moz-opacity: 1; opacity: 1; } @media (max-width: 650px){ #analysis-banner button { display: block; position: relative; margin: 20px auto 0; text-align: center; right: 0; } #analysis-banner form input { width: 100%; } } /* Pricing ================================================== */ #pricing { padding: 250px 0 86px; } #pricing .bg { position: absolute; top: 0; left: 0; right: 0; z-index: -1; background: url('/images/pricing-bg.jpg') no-repeat; background-position: center top; background-size: cover; height: 1005px; } #pricing h1 {color: #000; font-size: 48px; font-weight: bold; } #pricing h2 { margin: 0 0 55px; color: #000; font-size: 42px; font-weight: bold; font-family: 'Oxygen', sans-serif; font-style: normal; } #pricing .table-responsive { padding: 30px 0; } #pricing .table .grey { background: #e9e7e7; } #pricing .table .btn { font-size: 16px; font-weight: bold; color: #000!important; background: transparent!important; border-color: #000!important; height: 37px; line-height: 37px; border-radius: 18.5px; padding: 0; width: 157px; } #pricing .table .btn:hover { color: #fff!important; background: #a71d22!important; border-color: #a71d22!important; } #pricing .table .btn.red { color: #fff!important; background: #a71d22!important; border-color: #a71d22!important; } #pricing .table .btn.red:hover { color: #a71d22!important; background: #fff!important; } #pricing .table { background: #fff; border: 1px solid #ccc; border-right: 0; } #pricing .table>thead>tr>th, #pricing .table>tbody>tr>td, #pricing .table>tbody>tr>th, #pricing .table>tfoot>tr>td, #pricing .table>tfoot>tr>th, #pricing .table>thead>tr>td, #pricing .table>thead>tr>th { border: 0; } #pricing .table > thead > tr > th { text-align: center; vertical-align: top; font-size: 22px; padding: 65px 10px 45px; border-right: 1px solid #cccccc; margin-top: 25px; } #pricing .table > thead > tr > th h3 { font-size: 22px; color: #000;font-weight: bold; min-height: 75px; } #pricing .table > thead > tr > th.most-popular { position: relative; margin-top: 0px; overflow: visible; } #pricing .table > thead > tr > th.most-popular:before { position: absolute; top: -25px; left: -1px; right: -1px; height: 25px; -webkit-box-shadow: 0px -3px 10px 3px rgba(0,0,0,0.13); -moz-box-shadow: 0px -3px 10px 3px rgba(0,0,0,0.13); box-shadow: 0px -3px 10px 3px rgba(0,0,0,0.13); } #pricing .table > thead > tr > th.most-popular h3:before { position: absolute; top: -25px; left: -1px; right: -1px; padding-top: 35px; background: #fff; text-align: center; content: 'Most Popular'; font-family: 'Bad Script', cursive; color: #a71d22; border: 1px solid #ccc; border-bottom: 0; } #pricing .table > thead > tr > th.most-popular .top-shadow { height: 22px; width: 100%; display: block; position: absolute; top: -25px; left: -1px; right: -1px; box-shadow: 1px 0px 9px 2px rgba(0,0,0,0.13); } #pricing .table > thead > tr > th:nth-child(2n+2), #pricing .table > tbody > tr > td:nth-child(2n+2), #pricing .table > tfoot > tr > td:nth-child(2n+2) { background: #f8f8f8; } #pricing .table > tbody > tr > td, #pricing .table > tfoot > tr > td { border-right: 1px solid #cccccc; } #pricing table td:nth-child(4), #pricing table thead th:nth-child(4) { -webkit-box-shadow: inset 10px 0px 9px -5px rgba(0,0,0,0.13); -moz-box-shadow: inset 10px 0px 9px -5px rgba(0,0,0,0.13); box-shadow: inset 10px 0px 9px -5px rgba(0,0,0,0.13); } #pricing table td:nth-child(2), #pricing table thead th:nth-child(2) { -webkit-box-shadow: inset -10px 0px 9px -5px rgba(0,0,0,0.13); -moz-box-shadow: inset -10px 0px 9px -5px rgba(0,0,0,0.13); box-shadow: inset -10px 0px 9px -5px rgba(0,0,0,0.13); } #pricing .table > tbody > tr > td { font-size: 14px; text-align: center; height: 40px; line-height: 40px; padding-top: 0; padding-bottom: 0; } #pricing .table > tbody > tr > td:first-child { font-size: 15px; text-align: left; padding-left: 20px; } #pricing .table > tbody > tr:first-child > td:nth-child(1n+2) { font-size: 18px; font-weight: bold; } #pricing .table > tbody.panel-collapse > tr:first-child > td:nth-child(1n+2) { font-size: 15px; font-weight: 400; } #pricing .table > tfoot > tr { position: relative; text-align: center; } #pricing .table > tfoot > tr a { font-size: 14px; font-weight: bold; } #pricing .table > tfoot > tr span { display: block; text-align: center; font-size: 12px; } #pricing .table > tfoot > tr .btn { margin: 30px 0 70px; } #pricing .table > tfoot > tr > td.most-popular { position: relative; } #pricing .table > tfoot > tr > td.most-popular:after { content: ' '; position: absolute; bottom: 0; right: -1px; left: -1px; -webkit-box-shadow: -1px 3px 5px 1px rgba(0,0,0,0.13); -moz-box-shadow: -1px 3px 5px 1px rgba(0,0,0,0.13); box-shadow: -1px 3px 5px 1px rgba(0,0,0,0.13); } #pricing .table>tbody+tbody { border: 0; } /* #pricing .collapsed { display: none; } */ @media (max-width: 991px){ #pricing .table > tbody > tr > td:first-child { min-width: 275px; white-space: normal; } } @media (max-width: 767px){ #pricing { padding-top: 250px; } #pricing .table-responsive { border: 0; border-bottom: 1px solid #ccc; } } @media (max-width: 500px){ #pricing h1 { font-size: 36px; } #pricing h2 { font-size: 34px; } } /* Try It Now Page ================================================== */ #pm.try-it #body-container { padding-bottom: 0; } #pm.try-it #welcome { padding: 0px 0 35px; } #pm.try-it #welcome h2 { margin: 0 0 15px; font-size: 48px; font-weight: bold; text-align: center; color: #000; font-family:'Oxygen'; font-style: normal; } #pm.try-it #welcome h3 { margin: 0 0 30px; font-size: 30px; font-weight: bold; text-align: center; color: #000; font-family:'Oxygen'; font-style: normal; } #pm.try-it #welcome .btn, #pm.try-it #pm-info .btn, #pm.try-it .buttons .btn { font-size: 20px; border-radius: 10px; height: 59px; line-height: 59px; padding: 0; width: 266px; border-color: transparent; -webkit-box-shadow: inset 0px -4px 0px 0px rgba(0,0,0,0.25); -moz-box-shadow: inset 0px -4px 0px 0px rgba(0,0,0,0.25); box-shadow: inset 0px -4px 0px 0px rgba(0,0,0,0.25); } #pm.try-it #welcome .btn:hover, #pm.try-it #pm-info .btn:hover, #pm.try-it .buttons .btn:hover { border-color: #a71d22; -webkit-box-shadow: inset 0px -2px 0px 0px rgba(0,0,0,0.25); -moz-box-shadow: inset 0px -2px 0px 0px rgba(0,0,0,0.25); box-shadow: inset 0px -2px 0px 0px rgba(0,0,0,0.25); } #pm.try-it #analysis-banner { padding-bottom: 60px; } #pm.try-it #analysis-banner .frs-btn { height: 72px; line-height: 72px; border-radius: 0; } #pm.try-it #analysis-banner input { height: 72px; line-height: 72px; } #pm.try-it .height-xl { height: 75px; } #pm.try-it .sample { position: relative; } #pm.try-it .sample > img { padding: 0 50px; } #pm.try-it .sample .link { position: absolute; bottom: 0; width: 100%; background: #fff; height: 190px; border-top: 1px solid rgba(0, 0, 0, 0.45); padding: 60px 0 0; text-align: center; font-size: 28px; text-transform: uppercase; } #pm.try-it .sample .link img { padding-right: 10px; vertical-align: top; } #pm.try-it .buttons { text-align: left; } #pm.try-it .buttons .btn:first-child { margin-left: 0; } #pm.try-it #pm-info h3 { font-size: 30px; color: #a71d22; text-transform: uppercase; text-align: left; font-weight: 400; margin-top: 60px; } #pm.try-it #pm-info p { font-size: 18px; } #pm.try-it #pm-info ul { background: url('/images/dots.png') no-repeat; background-position: 24px top; } #pm.try-it #pm-explore.pm-page h3 { font-size: 30px; color: #a71d22; text-transform: uppercase; text-align: left; font-weight: 400; margin-top: 60px; } #pm.try-it #pm-explore.pm-page p { font-size: 18px; } #pm.try-it #pm-explore.pm-page ul { background: url('/images/dots.png') no-repeat; background-position: 24px top; } #pm-info.pm-page { padding: 20px 0;} #pm-info.pm-page h2 {text-align: left;} #pm-info.pm-page h3 {font-style: normal; text-align: left;} #pm-info.pm-page hr.left {margin: 20px 0;} #pm-explore.pm-page {background-color: initial; padding: 70px 0px; padding-top:0; background: #f2f2f2; } @media (max-width: 991px){ #pm.try-it #pm-info ul { background: transparent; } #pm.try-it #analysis-banner h3, #pm.try-it .buttons { text-align: center; } } @media (max-width: 500px){ #pm.try-it .buttons .btn, #pm.try-it .buttons .btn:first-child { margin-left: auto; margin-right: auto; } #pm.try-it #welcome h2 { font-size: 36px; } #pm.try-it #welcome h3 { font-size: 24px; } } .rep-management{margin: 30px 0;} /* Properties Widget ================================================== */ .frs-widget.prop-new .prop-new-item, .frs-widget.prop-rented .prop-rented-item { padding: 5px 0px 5px 0px; margin:0px; } .frs-widget.prop-new .prop-new-item .prop-img, .frs-widget.prop-rented .prop-rented-item .prop-img { width: 33%; float:left; margin-right:0;} .frs-widget.prop-new .prop-new-item, .frs-widget.prop-rented .prop-rented-item { font-size: 0.85em; } .frs-widget.prop-new .prop-new-item .prop-info, .frs-widget.prop-rented .prop-rented-item .prop-info { width :64%;float:right; } .frs-widget.prop-new .prop-new-item .prop-details, .frs-widget.prop-rented .prop-rented-item .prop-details { padding-top: 5px; } .frs-widget.prop-new .prop-new-item .prop-title a {font-size:.85em;} .frs-widget.prop-view .prop-apply, .frs-widget.prop-view .prop-showing { text-transform:none; } .frs-widget.prop-view .prop-form button { height:auto; } .frs-widget .frs-btn, .frs-widget .prop-result .prop-btn a, .frs-tabl-link .frs-btn { background:#a71d22; border-color:#a71d22; border-width: 1px; border-style: solid; color:#fff!important; padding: 15px 30px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; transition: all 0.5s; font-weight: normal; } .frs-widget .frs-btn:hover, .frs-widget .prop-result .prop-btn a:hover, .frs-tabl-link .frs-btn:hover { color: #a71d22 !important; background: #ffffff!important; } .frs-widget .prop-tabs .prop-tab-nav ul li a { background: #a71d22; } .frs-widget form input[type='text'], .frs-widget form select {border:1px solid #999;} .frs-widget.prop-view .prop-title { line-height: 2em; color: #2E2E2E; } .frs-widget.prop-view .prop-form label {width:100%; padding:0; margin-bottom:0;} .frs-widget.prop-view .prop-form label + br {display:none;} .frs-widget.prop-view .prop-form textarea {border:1px solid #999;} .frs-widget.prop-view .prop-form {width:230px;} .frs-widget.prop-view .prop-form .prop-form-hdr, .frs-widget.prop-view .prop-phone, .frs-widget.prop-view .prop-rent, .frs-widget .prop-tabs .prop-section h3, .frs-widget .prop-result .prop-rent{ color: #a71d22; } .frs-widget form label {font-weight:normal;} .frs-paging-btn a { border:1px solid #a71d22; color:#a71d22; } .frs-paging-btn a:hover, .frs-paging-btn.active a { background:#a71d22; color:#fff; } .prop-map { height: 550px; width: 100%; } .frs-widget .hide.active { display: block!important; } .lightbox .lb-image { max-width: inherit; } .prop-ad-links * {-webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; filter: url("data:image/svg+xml;utf8,#greyscale");} .frs-widget .prop-result .prop-img.alt{width: 350px;} .frs-widget .prop-result .prop-info.alt{width: auto;} .frs-widget .prop-result .prop-details.alt{width: auto;} @media screen and (max-width:1060px) { .frs-widget.prop-list .prop-search {padding:20px 50px;} .frs-widget.prop-view .prop-form, .frs-widget.prop-view .prop-info, .frs-widget.prop-view .prop-gallery {width:32%;} .frs-widget.prop-view .prop-info, .frs-widget.prop-view .prop-gallery {margin-left:1%;} .frs-widget.prop-view .prop-thmbs { display: none; } } @media (max-width: 991px){ .frs-widget .prop-result .prop-info{float: right; text-align: right;} } @media screen and (max-width: 890px) { .frs-widget.prop-list .prop-search {padding:20px 10px;} } @media screen and (max-width: 768px) { .frs-widget.prop-list .prop-search .prop-search-form-rent {clear:both;} .frs-widget.prop-list .prop-search .prop-search-form-button {clear:both; float:none;} .frs-widget .prop-result .prop-img, .frs-widget .prop-result .prop-info, .frs-widget .prop-result .prop-details {float:none; width:100%; text-align:center;} .prop-list-paging {position: relative; display: inline-block;} .frs-widget.prop-list .prop-search .prop-search-form-keyword, .frs-widget.prop-list .prop-search .prop-search-form-rent, .frs-widget.prop-list .prop-search .prop-search-form-pets, .frs-widget.prop-list .prop-search .prop-search-form-sort, .frs-widget.prop-list .prop-search .prop-search-form-button {width:100%; margin-left:0; padding-left:0;} .frs-widget.prop-list .prop-search .prop-search-form-beds, .frs-widget.prop-list .prop-search .prop-search-form-baths {width:49%; margin-left:0; padding-left:0;} .frs-widget.prop-list .prop-search .prop-search-form-baths {margin-left:2%;} .frs-widget {text-align:center;} .frs-widget .prop-tabs .prop-tab-nav ul {height:auto; display:inline-block; text-align:center; width:100%;} .frs-widget .prop-tabs .prop-tab-nav ul li {width:100%; float:none; display:inline-block; margin-bottom:2px;} .frs-widget .prop-tabs .prop-tab-nav ul li a {display:inline-block; width:100%;} .frs-widget.prop-view .prop-form, .frs-widget.prop-view .prop-info {width:100%; padding-left: 0px; padding-right: 0px; } .frs-widget.prop-view .prop-info {margin-left:0px; } .frs-widget.prop-view .prop-gallery {margin-left:0%; clear:both; width:100%;} .frs-widget.prop-view .prop-gallery .prop-img img {width:auto; max-width:100%;} .frs-widget.prop-view .prop-links {width:90%;} .frs-widget.prop-view .prop-gallery .prop-gallery-count { padding-bottom: 10px; } } @media screen and (max-width: 560px) { .frs-widget.prop-list .prop-search .prop-search-form-keyword, .frs-widget.prop-list .prop-search .prop-search-form-rent, .frs-widget.prop-list .prop-search .prop-search-form-pets, .frs-widget.prop-list .prop-search .prop-search-form-sort, .frs-widget.prop-list .prop-search .prop-search-form-button {width:100%; margin-left:0; padding-left:0;} .frs-widget.prop-list .prop-search .prop-search-form-beds, .frs-widget.prop-list .prop-search .prop-search-form-baths {width:49%; margin-left:0; padding-left:0;} .frs-widget.prop-list .prop-search .prop-search-form-baths {margin-left:2%;} .frs-widget.prop-view .prop-form, .frs-widget.prop-view .prop-info {width:100%;} .frs-widget.prop-view .prop-info {margin-left:0%; padding: 0px; } .frs-widget.prop-view .prop-form {padding-right:0;} .frs-widget.prop-view .prop-form form input[type='text'],.frs-widget.prop-view .prop-form form textarea { width: 90%; } } @media (max-width: 1199px){ .mobile-show { display: block !Important; } .mobile-hide { display: none !Important; } .mobile-show.owners-table {font-size:14px; width: 100%;} .mobile-show.owners-table hr.left {margin:10px 0;} .mobile-show.owners-table tr{width: 100%;} .mobile-show.owners-table tbody tr {border-bottom: 1px solid #eee;} .mobile-show.owners-table tr td:nth-child(2) {text-align:right; margin-left:10px;} } @media (min-width: 1284px) { .container { width: 1284px; } } .frs-widget.prop-map-list .no-prop-map {text-align:center;padding:8%;} /* Owners FAQ ================================================== */ .owner-faq-table {width: 50%;} @media (max-width: 1199px){ .owner-faq-table {width: 100%;} } @media (max-width: 767px){ .btn {margin-bottom:10px !important;} } /* Testimonials ================================================== */ .stars .fa-star {font-size:22px;color:#a71d22; margin-bottom:20px;} .testimonial-page cite {font-style: normal; font-weight:bold;} .testimonial-page cite:before { content: "\2014 \2009";} .testimonials-gradeus {overflow-y: scroll;margin-top: 25px;margin-bottom:25px;} .testimonials-gradeus.reviews { /*height: 305px;*/ max-height:2000px; background: #fff; border-radius: 20px; /*margin-top: 25px;*/overflow-y: scroll; -webkit-box-shadow: 0px 2px 0px 0px rgba(225,225,225,1); -moz-box-shadow: 0px 2px 0px 0px rgba(225,225,225,1); box-shadow: 0px 2px 0px 0px rgba(225,225,225,1); } #home-testimonial.banner { position: relative; text-align: center; padding: 75px 0 70px; background-color: #f2f2f2; } #about-carousel .bg { position: absolute; top:0; bottom: 0; left: 50%; width: 50%; background-color:#fff; background-repeat: no-repeat; background-position: center center; background-size: cover; } #about-carousel iframe { -ms-overflow-style: none; overflow: -moz-scrollbars-none;} #about-carousel iframe::-webkit-scrollbar { display: none; // Safari and Chrome} /* #about-carousel .bg:after { content: ' '; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 0; height: 0; border-style: solid; border-width: 79px 0 79px 135px; border-color: transparent transparent transparent #f2f2f2; } */ #about-carousel .reviews { /*height: 305px;*/ height:600px; background: #fff; border-radius: 20px; /*margin-top: 25px;*/ margin-top: -20px; overflow-y: scroll; -webkit-box-shadow: 0px 2px 0px 0px rgba(225,225,225,1); -moz-box-shadow: 0px 2px 0px 0px rgba(225,225,225,1); box-shadow: 0px 2px 0px 0px rgba(225,225,225,1); } @media (max-width: 991px) { #about-carousel .bg { position: relative; top: -75px; bottom: 0; right: 0; width: 100%; height: 300px; } #about-carousel .bg:after { display: none; } #about-carousel .reviews {margin-top: 25px; } #about-carousel iframe { -ms-overflow-style: none; overflow: -moz-scrollbars-none;} #about-carousel iframe::-webkit-scrollbar { display: none; // Safari and Chrome} } @media (max-width: 571px) { #about-carousel iframe { -ms-overflow-style: none; overflow: -moz-scrollbars-none;} #about-carousel iframe::-webkit-scrollbar { display: none; // Safari and Chrome} } /* Home Testimonials ====================================================== */ #about-carousel.banner { position: relative; text-align: center; padding: 75px 0 70px; background-color: #f2f2f2; } #about-carousel .controls { text-align: center; } #about-carousel .carousel-control { font-size: 30px; opacity: 1; width: 55px; text-align: center; padding: 0 25px; position: relative; } #about-carousel .carousel-control:hover img { opacity: 0.6; } #about-carousel .carousel-control.right { background-image: none; } #about-carousel .carousel-control.left { background-image: none; padding: 0 20px; } #about-carousel cite:before { content: "\2014 \2009"; } #about-carousel .carousel-inner {} #about-carousel.bios .bio .image { float:left; width:100%; margin-right:5%; margin-bottom:1.2em; } #about-carousel a.carousel-control {color:red;} #about-carousel.bios .bio .content { float:left; width:100%; } @media (max-width: 991px) { #home-testimonial .bg { position: relative; top: -75px; bottom: 0; right: 0; width: 100%; height: 300px; } } @media (max-width: 500px) { #home-testimonial h2 { font-size: 36px; } #home-testimonial .testimonial-container { padding-left: 15px; padding-right: 15px; } } /* Try It Free ================================================== */ .acuity-embed-button:hover {filter:none !important;} .acuity-embed-button:focus {outline:none;} /*Tenants Branching Pages ================================================== */ .table-lined tr{border:1px solid #000; padding:10px;} .table-lined tr td, .table-lined th {padding: 10px; border:1px solid #000;} .table-lined.worksheet tr:nth-child(odd){background-color: #f2f2f2;} .table-lined.worksheet.bolding tr td:first-of-type {font-weight:bold;} .table-lined.worksheet th {background-color: #fff;} @media (min-width: 800px) { .charges-spacing {position:absolute; left: 300px;} } @media (min-width: 991px) { .charges-spacing {position:absolute; left: 300px;} } @media (min-width: 1200px) { .charges-spacing {position:absolute; left: 200px;} } @media (min-width: 1400px) { .charges-spacing {position:absolute; left: 500px;} } ul.letters {list-style-type: lower-alpha;} ul.romans {list-style-type: lower-roman;} .ion-form button {background-color: #a71d22;border-color:#a71d22;border-radius:18.5px;text-transform: uppercase;height:37px;width:113px !important;line-height:37px;padding:0;font-family:'Raleway', sans-serif;} .ion-form button:hover {color:#a71d22;} .ion-form .ion-form-group.ion-is-required label:first-child:after {margin-left:0;color:#000;} /* AMP Step 1 ============================================================================= */ .amp { text-align: center; } .amp a { color: inherit; } .amp a:hover { color: var(--primary); } .amp__lead { font-size: 42px; line-height: 1.2; margin-top: 15px; } .amp__sub { font-size: 24px; font-family: var(--secondary-font); line-height: 1.2; } .amp__form { max-width: 800px; margin: 0 auto; min-height: 50px; } .amp__form .ion-amp-form { display: flex; } .amp__form .ion-amp-form .ion-form-group { margin: 0; flex: 1 1 auto; } .amp__form .ion-amp-form label { display: none; } .amp__form .ion-amp-form input { border: 0; height: 50px; padding: 0 15px; border-radius: 0!important; border: 0!important; } .amp__form .ion-amp-form button { background: var(--primary); border: 1px solid var(--primary); font-weight: bold; white-space: nowrap; opacity: 1!important; text-transform: uppercase; flex: 0 1 150px; } .amp__form .ion-amp-form button:hover { background: #fff; color: var(--primary); } @media (max-width: 600px){ .amp__lead { font-size: 34px; } .amp__sub { font-size: 20px; } .amp__form .ion-amp-form { flex-wrap: wrap; } .amp__form .ion-amp-form button { width: 100%; } } /* Set Design Standards & Colors Here */ .amp-step-2, .amp { --primary: #a71d22; --secondary: #3e3a3d; --dark: #000; --light: #3580ec; --gray: #f3f3f3; --body-text: #000; --primary-font: 'darkmode-off', sans-serif; --secondary-font: 'depot-new-web', sans-serif; } :root { --header-height: 149px; } body.no-hero main { margin-top: var(--header-height); } body.no-hero #secondary-banner { display: none; } body.no-hero .body-container { width: 100%; max-width: 100%; padding: 0; } .amp-step-2 { text-align: center; font-family: var(--primary-font); letter-spacing: .05em; } .amp-step-2__header { position: relative; padding: 90px 15px 0; background: var(--dark); color: #fff; font-weight: 500; letter-spacing: .05em; } .amp-step-2__header h1 { font-size: 70px; font-weight: 500; letter-spacing: .05em; text-transform: uppercase; color: inherit; margin: 0 0 20px; } .amp-step-2__header p { font-size: 22px; color: inherit; width: 800px; max-width: 100%; margin: 0 auto 70px; } .amp-step-2__header-img { position: relative; max-width: 90%; margin: 0 auto; display: inline-block; } .amp-step-2__logo { position: absolute; top: 200px; left: 50px; transform: rotate(-25.84deg); height: 40px; transform-origin: left; } @media (max-width: 850px) { .amp-step-2__logo { height: 4.5vw; top: 22vw; left: 6.5vw; } } .amp-step-2__form { position: relative; background: #fff; padding: 50px 55px; border-radius: 20px; width: 1072px; max-width: 95vw; margin: 0 auto; letter-spacing: .05em; box-shadow: 0px 6px 43px 0px rgba(0, 0, 0, 0.17); transform: translateY(-20px); z-index: 2; } .amp-step-2__form .ion-form-group-break h3 { font-size: 22px; text-transform: uppercase; font-weight: 500; letter-spacing: .05em; margin: 40px 0 20px; } .amp-step-2__form .ion-form-group-break:first-of-type h3 { margin-top: 0; } .amp-step-2__form .ion-form .ion-form-group label { font-size: 20px; letter-spacing: .05em; font-weight: 400; font-family: var(--secondary-font); margin: 0 12px 12px; } .amp-step-2__form input, .amp-step-2__form select, .amp-step-2__form textarea { background: var(--gray)!important; border: 0!important; border-radius: 0!important; height: 54px!important; padding: 12px!important; font-size: 20px; font-family: var(--secondary-font); } .amp-step-2__form textarea { height: 4em!important; } .amp-step-2__form .ion-btn { font-size: 0; color: #fff; background-color: var(--secondary); border-color: var(--secondary); height: 47px; line-height: 47px; padding: 0 20px; text-transform: uppercase; font-weight: 500; border-radius: 10px; width: 270px!important; letter-spacing: .05em; margin: 58px 10px 10px auto; } .amp-step-2__form .ion-btn::after { content: 'send my free report!'; font-size: 18px; } .amp-step-2__form .ion-btn:hover { border-color: var(--secondary); color: var(--secondary); } .amp-step-2__footer { font-size: 18px; padding: 50px 15px 70px; width: 1072px; max-width: 95vw; margin: 0 auto; line-height: 1.66em; } .amp-step-2__footer h2 { font-size: 60px; font-family: var(--secondary-font); font-weight: 500; letter-spacing: .05em; margin: 0 0 45px; } .amp-step-2__footer .amp-step-2__icon { background: var(--gray); height: 90px; width: 90px; border-radius: 50%; margin: 0 auto 15px; display: flex; justify-content: center; align-items: center; } .amp-step-2__footer .amp-step-2__phone { font-size: 22px; color: var(--body-text); white-space: nowrap; } .amp-step-2__footer .amp-step-2__phone a { color: var(--body-text); } .amp-step-2__footer .amp-step-2__phone a:hover { color: var(--primary); } .amp-step-2__icon { fill: var(--light); } .amp-step-2__icon--email svg { margin-left: -25px; height: 59px; } .amp-step-2__icon--support svg { margin-top: -25px; height: 83px; } .amp-step-2__footer .btn { height: 47px; line-height: 47px; border-radius: 10px; } @media (min-width: 600px) { .amp-step-2__form form { display: flex; flex-wrap: wrap; margin: -10px; } .amp-step-2__form .ion-form-group { flex: 1 1 190px; padding: 10px; margin: 0; } .amp-step-2__form .ion-form-group:nth-child(4), .amp-step-2__form .ion-form-group:nth-child(8), .amp-step-2__form .ion-form-group:nth-child(12) { flex: 2 1 339px; } .amp-step-2__form .ion-form-group:nth-child(10) { flex: 1 1 100%; } .amp-step-2__form .ion-form-group:last-of-type { flex-grow: 0; } .amp-step-2__form .ion-form-group-break, .amp-step-2__form .ion-form-group-textarea { flex: 1 1 100%; } } @media (min-width: 600px) and (max-width: 1051px){ .amp-step-2__form .ion-btn { margin-left: 10px; } } @media (max-width: 500px) { .amp-step-2__header h1 { font-size: 40px; } .amp-step-2__form { padding: 50px 25px; } .amp-step-2__footer h2 { font-size: 36px; } } /* =============================================================== Rentvine Plugin ================================================================== */ :root { --primary: #000; --primary-rgb: 22,114,165; --secondary: #707070; --dark: #243642; --gray: #f2f2f2; --gray-dark: #252525; --muted: #707070; --body-text: #212529; --text-dark: #343a40; --border-color: #cccccc; --box-shadow: 0 5px 10px rgba(0, 0, 0, 0.19), 0 2px 4px rgba(0, 0, 0, 0.23); } /* =============================================================== Modifiers ================================================================== */ /* Global */ a, button, .rvw-btn { transition: 0.5s; } a:hover, button:hover, .rvw-btn:hover { transition: 0.5s; } .rentvine-widget button:focus { outline: 5px auto var(--primary); } .rvw-btn { border-radius: 0; } .rvw-align-items-end { align-items: flex-end; } .rvw-align-self-end { align-self: flex-end; } .rvw-h-100 { height: 100%; } .rvw-icon-list { margin: 10px -5px; justify-content: flex-start; } .rvw-icon-list-item { padding: 5px; flex: 0 1 33.33%; display: flex; align-items: center; } .rvw-icon { height: 30px; width: 30px; margin: 0 8px 0 0; text-align: center; display: block; } .rvw-icon[src*='sqft'] { margin-right: 5px; } .rvw-icon-text { font-size: 14px; font-weight: 500; display: inline-block; line-height: 1.2; } @media (min-width: 992px) { .rvw-order-lg-0 { order: 0;} .rvw-order-lg-1 { order: 1; } .rvw-order-lg-2 { order: 2; } } @media (min-width: 768px) { .rvw-order-md-first { order: -1; } .rvw-order-md-0 { order: 0;} .rvw-order-md-1 { order: 1; } .rvw-order-md-2 { order: 2; } } /* List Template ==================================================================== */ /* Search Form */ #rentvine-search-form { padding: 14px 30px 35px 30px; background: var(--gray); border: 1px solid var(--border-color); } #rentvine-search-form .rvw-form-group { margin: 1em 0 0; } #rentvine-search-form label { margin-bottom: .3em; } .rvw-form-control, .rvw-input-group-text { border-radius: 0; } @media (max-width: 425px) { #rentvine-search-form { padding: 14px 15px 35px 15px; } } /* Property Cards */ .rvw-card { overflow: hidden; border-radius: 0; transition: 0.8s; } .rvw-card-image-box { min-height: unset; height: 0; padding-top: 60%; overflow: hidden; } .rvw-card-image { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; transition: 0.5s; } .rvw-card-body { color: var(--body-text); } .rvw-card-title { font-size: 20px; font-weight: 600; } .rvw-card-title .rvw-text-sm { font-size: 13px; font-weight: 300; } .rvw-property:hover .rvw-card { box-shadow: var(--box-shadow); transition: 0.8s; } .rvw-property:hover .rvw-card-image { transform: scale(1.05); transition: 0.8s; } /* Map Popups */ #rentvine-property-map-panel .rentvine-widget { font-size: 14px; color: #000; } .rvw-map-property-info-window-img { position: relative; width: 100%; height: 0; padding-top: 60%; margin-bottom: 5px; overflow: hidden; } .rvw-map-property-info-window-img img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; transition: .8s ease; } .rvw-map-property-info-window-img:hover img { transform: scale(1.05); transition: .8s ease; } .rvw-map-property-info-window-img ~ div { display: inline-block; } .rvw-map-property-info-window-amount ~ div::before { content: '|'; padding: 0 5px; } .rvw-map-property-info-window-amount { margin: 10px 0 5px; } .rvw-map-property-info-window-amount::before { content: '$'; } .rvw-map-property-info-window-beds { margin: 5px 0; } .rvw-map-property-info-window-beds::after { content: ' Beds'; } .rvw-map-property-info-window-baths::after { content: ' Baths'; } /* Details Template ==================================================================== */ .rvw-prop-view-title { text-transform: none; } .rvw-btn-list { display: inline-flex; flex-wrap: wrap; margin: 0 -8px; } .rvw-btn-list .rvw-btn { margin: 8px; background-color: var(--primary); border: 1px solid var(--primary); color: #fff; min-width: 170px; } .rvw-btn-list .rvw-btn:hover { background: #fff; color: var(--primary); } @media (max-width: 575.98px) { .rvw-btn-list { justify-content: center; } } /* Property View Image */ #rentvine-property-view-main-image { display: block; max-height: 400px; overflow: hidden; height: 100%; } #rentvine-property-view-main-image img { object-fit: cover; height: 100%!important; width: 100%!important; max-height: 100%!important; transition: 0.8s ease; } #rentvine-property-view-main-image:hover { cursor: zoom-in; } #rentvine-property-view-gallery-btn { background: rgba(0,0,0,.6)!important; color: #fff!important; } .rvw-property-view-image { overflow: hidden; flex: 1 1 auto; } .rvw-property-view-image:hover #rentvine-property-view-gallery-btn { background-color: var(--primary)!important; } .rvw-property-view-image:hover img { transform: scale(1.05); transition: 0.8s ease; } /* Property View Summary */ #rentvine-property-detail-view .rvw-property-view-card { box-shadow: none; border: 1px solid var(--border-color); display: flex; flex-direction: column; height: 100%; } #rentvine-property-detail-view .rvw-property-view-summary { padding: 20px 25px 15px; } .rvw-property-view-address { line-height: 1.2; } .rvw-property-view-address-1 { font-size: 20px; } .rvw-property-view-rent { text-align: right; font-weight: bold; font-size: 24px; color: var(--primary); line-height: 1.1; } .rvw-property-view-rent .rvw-text-sm { font-size: 13px; font-weight: 400; line-height: 1; display: block; } .rvw-property-view-summary .rvw-icon-list { justify-content: flex-start; flex-wrap: wrap; text-align: center; margin: 10px -15px 15px; } .rvw-property-view-summary .rvw-icon-list-item { flex: 0 0 auto; display: block; padding: 20px 15px 0; } .rvw-property-view-summary .rvw-icon { margin: 0 auto 8px; } .rvw-property-view-share { text-align: right; } .rvw-property-view-share .a2a_default_style { display: inline-block; } @media (min-width: 768px) { .rvw-property-view-summary .rvw-icon-list-item:not(:last-child) { margin-right: 35px; } } @media (max-width: 991px) { #rentvine-property-detail-view .rvw-property-view-card { height: auto; margin-bottom: 30px; } } @media (max-width:575.98px) { #rentvine-property-detail-view .rvw-property-view-summary { padding: 20px 15px 15px; } .rvw-property-view-summary, .rvw-property-view-rent { text-align: center; } .rvw-property-view-summary .rvw-icon-list { justify-content: center; margin-left: -8px; margin-right: -8px; } .rvw-property-view-summary .rvw-icon-list-item { flex: 0 1 98px; padding-right: 8px; padding-left: 8px; } .rvw-property-view-address, .rvw-property-view-share { margin-top: 15px; } } @media (max-width:475px) { .rvw-property-view-summary .rvw-icon-list-item:first-child { flex: 1 1 100%; } } /* Property View Form */ .rvw-form-container { border: 1px solid var(--border-color); background: var(--gray); height: 100%; padding: 35px 30px; } .rvw-form-container label { margin-bottom: .3em; } .rvw-form-container textarea { min-height: 7em; } .rvw-form-header { font-size: 20px; } .rvw-form-header h3 { font-size: 30px; } @media (max-width: 991px) { .rvw-form-container { margin-top: 30px; } } @media (min-width:600px) and (max-width:991px) { .rvw-form-container form { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 -10px; } .rvw-form-container form .rvw-form-group { flex-basis: calc(50% - 20px); flex-grow: 1; margin: 0 10px 20px; } .rvw-form-container form .rvw-form-group.rvw-form-group-textarea, .rvw-form-container form .rvw-form-group.rvw-form-group-break, .rvw-form-container form .rvw-form-group.rvw-form-group-checkbox, .rvw-form-container form .rvw-form-group.rvw-form-group-radio { flex-basis: 100%; } .rvw-form-container form button { margin-right: 10px; margin-left: 10px; } } /* ================================================================ Colors =================================================================== */ .text-primary { color: var(--primary)!important; } .rvw-text-primary { color: var(--primary) !important; } a.rvw-text-primary:hover, a.rvw-text-primary:focus { color: var(--primary) !important; } .rvw-text-secondary { color: var(--secondary) !important; } a.rvw-text-secondary:hover, a.rvw-text-secondary:focus { color: var(--secondary) !important; } .rvw-text-info { color: var(--primary) !important; } a.rvw-text-info:hover, a.rvw-text-info:focus { color: var(--primary) !important; } .rvw-text-light { color: #f8f9fa !important; } a.rvw-text-light:hover, a.rvw-text-light:focus { color: #dae0e5 !important; } .rvw-text-dark { color: #343a40 !important; } a.rvw-text-dark:hover, a.rvw-text-dark:focus { color: var(--text-dark) !important; } .rvw-text-body { color: var(--body-text) !important; } .rvw-text-muted { color: var(--muted) !important; } .rvw-mark { background-color: #fcf8e3; } .rvw-blockquote-footer { color: var(--secondary); } .rvw-alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff; } .rvw-alert-primary hr { border-top-color: #9fcdff; } .rvw-alert-primary .rvw-alert-link { color: #002752; } .rvw-alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; } .rvw-alert-secondary hr { border-top-color: #c8cbcf; } .rvw-alert-secondary .rvw-alert-link { color: #202326; } .rvw-alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe; } .rvw-alert-light hr { border-top-color: #ececf6; } .rvw-alert-light .rvw-alert-link { color: #686868; } .rvw-alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; } .rvw-alert-dark hr { border-top-color: #b9bbbe; } .rvw-alert-dark .rvw-alert-link { color: #040505; } .rvw-btn:focus, .rvw-btn.focus { box-shadow: 0 0 0 0.2em rgba(var(--primary-rgb), 0.25); } .rvw-btn-primary { color: #fff !important; background-color: var(--primary); border-color: var(--primary); } .rvw-btn-primary:hover { color: var(--primary)!important; background-color:#fff; border-color: var(--primary); } .rvw-btn-primary:focus, .rvw-btn-primary.focus { box-shadow: 0 0 0 0.2em rgba(var(--primary-rgb), 0.5); } .rvw-btn-primary.rvw-disabled, .rvw-btn-primary:rvw-disabled { color: #fff; background-color: var(--primary); border-color: var(--primary); } .rvw-btn-primary:not(:disabled):not(.rvw-disabled):active, .rvw-btn-primary:not(:disabled):not(.rvw-disabled).rvw-active, .rvw-show > .rvw-btn-primary.rvw-dropdown-toggle { color: #fff!important; background-color: var(--primary); border-color: var(--primary); } .rvw-btn-primary:not(:disabled):not(.rvw-disabled):active:focus, .rvw-btn-primary:not(:disabled):not(.rvw-disabled).rvw-active:focus, .rvw-show > .rvw-btn-primary.rvw-dropdown-toggle:focus { box-shadow: 0 0 0 0.2em rgba(var(--primary-rgb), 0.5); } .rvw-btn-secondary { color: #fff !important; background-color: var(--secondary); border-color: var(--secondary); } .rvw-btn-secondary:hover { color: #fff; background-color: #5a6268; border-color: var(--secondary); } .rvw-btn-secondary:focus, .rvw-btn-secondary.focus { box-shadow: 0 0 0 0.2em rgba(108, 117, 125, 0.5); } .rvw-btn-secondary.rvw-disabled, .rvw-btn-secondary:rvw-disabled { color: #fff; background-color: var(--secondary); border-color: var(--secondary); } .rvw-btn-secondary:not(:disabled):not(.rvw-disabled):active, .rvw-btn-secondary:not(:disabled):not(.rvw-disabled).rvw-active, .rvw-show > .rvw-btn-secondary.rvw-dropdown-toggle { color: #fff; background-color: var(--secondary); border-color: #4e555b; } .rvw-btn-secondary:not(:disabled):not(.rvw-disabled):active:focus, .rvw-btn-secondary:not(:disabled):not(.rvw-disabled).rvw-active:focus, .rvw-show > .rvw-btn-secondary.rvw-dropdown-toggle:focus { box-shadow: 0 0 0 0.2em rgba(108, 117, 125, 0.5); } .rvw-btn-info { color: #fff !important; background-color: var(--primary); border-color: var(--primary); } .rvw-btn-info:hover { color: #fff; background-color: var(--primary); border-color: var(--primary); } .rvw-btn-info:focus, .rvw-btn-info.focus { box-shadow: 0 0 0 0.2em rgba(var(--primary-rgb), 0.5); } .rvw-btn-info.rvw-disabled, .rvw-btn-info:rvw-disabled { color: #fff; background-color: var(--primary); border-color: var(--primary); } .rvw-btn-info:not(:disabled):not(.rvw-disabled):active, .rvw-btn-info:not(:disabled):not(.rvw-disabled).rvw-active, .rvw-show > .rvw-btn-info.rvw-dropdown-toggle { color: #fff; background-color: var(--primary); border-color: var(--primary); } .rvw-btn-info:not(:disabled):not(.rvw-disabled):active:focus, .rvw-btn-info:not(:disabled):not(.rvw-disabled).rvw-active:focus, .rvw-show > .rvw-btn-info.rvw-dropdown-toggle:focus { box-shadow: 0 0 0 0.2em rgba(var(--primary-rgb), 0.5); } .rvw-btn-outline-primary { color: var(--primary); border-color: var(--primary); } .rvw-btn-outline-primary:hover { color: #fff; background-color: var(--primary); border-color: var(--primary); } .rvw-btn-outline-primary:focus, .rvw-btn-outline-primary.rvw-focus { box-shadow: 0 0 0 0.2em rgba(var(--primary-rgb), 0.5); } .rvw-btn-outline-primary.rvw-disabled, .rvw-btn-outline-primary:disabled { color: var(--primary); background-color: transparent; } .rvw-btn-outline-primary:not(:disabled):not(.rvw-disabled):active, .rvw-btn-outline-primary:not(:disabled):not(.rvw-disabled).rvw-active, .rvw-show > .rvw-btn-outline-primary.rvw-dropdown-toggle { color: #fff; background-color: var(--primary); border-color: var(--primary); } .rvw-btn-outline-primary:not(:disabled):not(.rvw-disabled):active:focus, .rvw-btn-outline-primary:not(:disabled):not(.rvw-disabled).rvw-active:focus, .rvw-show > .rvw-btn-outline-primary.rvw-dropdown-toggle:focus { box-shadow: 0 0 0 0.2em rgba(var(--primary-rgb), 0.5); } .rvw-btn-outline-secondary { color: var(--secondary); border-color: var(--secondary); } .rvw-btn-outline-secondary:hover { color: #fff; background-color: var(--secondary); border-color: var(--secondary); } .rvw-btn-outline-secondary:focus, .rvw-btn-outline-secondary.rvw-focus { box-shadow: 0 0 0 0.2em rgba(108, 117, 125, 0.5); } .rvw-btn-outline-secondary.rvw-disabled, .rvw-btn-outline-secondary:disabled { color: var(--secondary); background-color: transparent; } .rvw-btn-outline-secondary:not(:disabled):not(.rvw-disabled):active, .rvw-btn-outline-secondary:not(:disabled):not(.rvw-disabled).rvw-active, .rvw-show > .rvw-btn-outline-secondary.rvw-dropdown-toggle { color: #fff; background-color: var(--secondary); border-color: var(--secondary); } .rvw-btn-outline-secondary:not(:disabled):not(.rvw-disabled):active:focus, .rvw-btn-outline-secondary:not(:disabled):not(.rvw-disabled).rvw-active:focus, .rvw-show > .rvw-btn-outline-secondary.rvw-dropdown-toggle:focus { box-shadow: 0 0 0 0.2em rgba(108, 117, 125, 0.5); } .rvw-btn-outline-info { color: var(--primary); background-color: transparent; background-image: none; border-color: var(--primary); } .rvw-btn-outline-info:hover { color: #fff; background-color: var(--primary); border-color: var(--primary); } .rvw-btn-outline-info:focus, .rvw-btn-outline-info.rvw-focus { box-shadow: 0 0 0 0.2em rgba(var(--primary-rgb), 0.5); } .rvw-btn-outline-info.rvw-disabled, .rvw-btn-outline-info:disabled { color: var(--primary); background-color: transparent; } .rvw-btn-outline-info:not(:disabled):not(.rvw-disabled):active, .rvw-btn-outline-info:not(:disabled):not(.rvw-disabled).rvw-active, .rvw-show > .rvw-btn-outline-info.rvw-dropdown-toggle { color: #fff; background-color: var(--primary); border-color: var(--primary); } .rvw-btn-outline-info:not(:disabled):not(.rvw-disabled):active:focus, .rvw-btn-outline-info:not(:disabled):not(.rvw-disabled).rvw-active:focus, .rvw-show > .rvw-btn-outline-info.rvw-dropdown-toggle:focus { box-shadow: 0 0 0 0.2em rgba(var(--primary-rgb), 0.5); } .rvw-form-control:focus { color: #495057; background-color: #fff; border-color: var(--primary); box-shadow: 0 0 0 0.2em rgba(var(--primary-rgb), 0.25); } .rvw-form-control::placeholder { color: var(--secondary); } .rvw-form-control-plaintext { color: var(--body-text); } .rvw-form-check-input:disabled ~ .form-check-label { color: var(--secondary); } .rvw-nav-link.disabled { color: var(--secondary); } .rvw-nav-tabs { border-bottom: 1px solid #dee2e6; } .rvw-nav-tabs .rvw-nav-link:hover, .rvw-nav-tabs .rvw-nav-link:focus { border-color: #e9ecef #e9ecef #dee2e6; } .rvw-nav-tabs .rvw-nav-link.rvw-disabled { color: var(--secondary); background-color: transparent; border-color: transparent; } .rvw-nav-tabs .rvw-nav-link.rvw-active, .rvw-nav-tabs .rvw-nav-item.show .rvw-nav-link { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } .rvw-nav-pills .rvw-nav-link.rvw-active, .rvw-nav-pills .rvw-show > .rvw-nav-link { background-color: var(--primary); color: #fff; } .rvw-page-link { color: var(--primary); background-color: #fff; border: 1px solid #dee2e6; } .rvw-page-link:hover { color: var(--primary); background-color: #e9ecef; border-color: #dee2e6; } .rvw-page-link:focus { box-shadow: 0 0 0 0.2em rgba(var(--primary-rgb), 0.25); } .rvw-page-item.rvw-active .rvw-page-link { color: #fff; background-color: var(--primary); border-color: var(--primary); } .rvw-page-item.rvw-disabled .rvw-page-link { color: var(--secondary); background-color: #fff; border-color: #dee2e6; } .rvw-typeahead-item-active { background-color: var(--primary); color: #fff; } /* ========================================================================== APP Property Widget - Modern ============================================================================= */ /* Global */ /* Set Design Standards & Colors Here */ :root { --primary: #a71d22; --primary-rgb: 3,138,138; --secondary: #707070; --dark: #303030; --gray: #f7fafe; --gray-dark: #252525; --border-color: #e7eaee; --muted: #707070; --body-text: #212529; --text-dark: #343a40; --primary-font: 'proxima-nova', sans-serif; --secondary-font: 'Zilla Slab', serif; --cursive-font: 'Dear Prudence', cursive; --box-shadow: 0 5px 10px rgba(0, 0, 0, 0.19), 0 2px 4px rgba(0, 0, 0, 0.23); } html { } body { font-family: var(--primary-font); color: #303030; line-height: 1.45; } */ .freerentalsite-widget button { overflow: hidden; } .freerentalsite-widget .btn { min-width: unset; border-radius: 0; } .prop-details-icon { max-height: 30px; max-width: 30px;} /* APP List ============================================================================= */ /* Search Form */ #freerentalsite-search-form { padding: 20px 30px 15px; } #freerentalsite-search-form label { margin: 0; } #freerentalsite-search-form .frsw-form-control, #freerentalsite-search-form .frsw-input-group-text { border-radius: 0!important; border: 0!important; height: 40px; } label[for='freerentalsite-prop-search-max-rent'], label[for='freerentalsite-prop-search-min-rent'] { font-size: 0; } label[for='freerentalsite-prop-search-max-rent']::after { content: 'Max Rent'; font-size: 16px; } label[for='freerentalsite-prop-search-min-rent']::after { content: 'Min Rent'; font-size: 16px; } @media (max-width: 991px) { #freerentalsite-search-form { padding: 20px 30px 35px; } } /* Cards */ #freerentalsite-property-list a { color: inherit; } .frsw-card { border-radius: 0; } .frsw-card-image-box { min-height: unset; height: 0; padding-top: 56%; } .frsw-card-body { background: var(--gray); font-size: 16px; display: flex; flex-direction: column; } .frsw-card-title { font-size: 20px; font-weight: bold; } .frsw-text-sm { font-size: 85%; } .prop-details-icons { padding: 5px 0; } .prop-details-icons li { flex: 1 1 33.33%; padding-top: 10px; font-size: 14px; } .prop-details-icons li img { margin-right: 8px; } .prop-card-link { height: 100%; display: block; margin: 0; } .prop-card-link .frsw-card { height: 100%; margin: 0; } .prop-card-link .frsw-card .btn { margin-top: auto; } /* APP Details ============================================================================= */ /* Contact Form */ .form-container { padding: 35px 25px 50px; height: 100%; } .form-container .form-header { color: #fff; font-size: 20px; text-align: center; margin: 0 0 20px; } .form-container .form-header h3 { font-size: 30px; font-family: var(--secondary-font); } .form-container label, .form-container br { display: none!important; } .form-container .ion-form-group { } .form-container .frsw-form-control { border-radius: 0; } .form-container textarea { flex-basis: 100%; } @media (max-width: 991px) and (min-width: 600px) { .form-container form button { margin-left: 10px; } } /* Property Card */ .frsw-prop-view-title { margin: 30px 0 15px!important; } #freerentalsite-property-detail-view .frsw-property-view-image img { width: 100%; } #freerentalsite-property-view-gallery-btn { background: rgba(0,0,0,.6); border: 0; } #freerentalsite-property-view-gallery-btn:hover { background: var(--primary); } #freerentalsite-property-detail-view .social-media > div { float: right; } #freerentalsite-property-detail-view .frsw-property-view-summary { padding: 25px; background: none; } #freerentalsite-property-detail-view .frsw-property-view-card { box-shadow: none!important; background-color: var(--gray)!important; border: 1px solid #e7eaee; margin: 0!important; height: 100%; } .prop-details ul { display: flex; flex-wrap: wrap; align-items: center; margin: 0 -15px; } .prop-details li { margin: 8px 0; font-size: 14px; text-align: center; padding: 0 15px; } .prop-details li img { display: block; margin: 0 auto 8px; height: 30px; width: 30px; } .prop-details li:not(:last-child) { margin-right: 35px; } .prop-address { font-size: 20px; margin: 0 0 15px; font-weight: bold; } .prop-address small { display: block; } .prop-links { align-self: flex-end; } .prop-links .btn-list { margin-bottom: 0; } .prop-links .btn-list .btn { margin: 10px 5px 0; } .social-media { align-self: flex-end; } .prop-rent { text-align: right; color: var(--primary); font-weight: bold; } .prop-rent h3 { font-weight: bold; line-height: 1; } .prop-rent small { color: #6c757d; font-size: 60%; } @media (max-width:575.98px) { .prop-details, .prop-links, .prop-rent, .prop-address { text-align: center; } .prop-details ul { justify-content: center; } .prop-details li:not(:last-child), .prop-details li { margin-right: auto; margin-left: auto; } } @media (max-width:425px) { .prop-details li { flex-basis: 33.33%; } .prop-details .prop-type { flex-basis: 100%; } } /* Property Details */ .freerentalsite-property-view-details {} /* APP COLOR Overrides ============================================================================= */ frsw-.frsw-text-primary, .text-primary { color: var(--primary) !important; } a.frsw-text-primary:hover, a.frsw-text-primary:focus { color: var(--primary) !important; } frsw-.frsw-text-secondary { color: #6c757d !important; } a.frsw-text-secondary:hover, a.frsw-text-secondary:focus { color: #545b62 !important; } frsw-.frsw-text-success { color: #28a745 !important; } a.frsw-text-success:hover, a.frsw-text-success:focus { color: #1e7e34 !important; } frsw-.frsw-text-info { color: var(--primary)!important; } a.frsw-text-info:hover, a.frsw-text-info:focus { color: var(--dark) !important; } frsw-.frsw-text-warning { color: #ffc107 !important; } a.frsw-text-warning:hover, a.frsw-text-warning:focus { color: #d39e00 !important; } frsw-.frsw-text-danger { color: #dc3545 !important; } a.frsw-text-danger:hover, a.frsw-text-danger:focus { color: #bd2130 !important; } frsw-.frsw-text-light { color: #f8f9fa !important; } a.frsw-text-light:hover, a.frsw-text-light:focus { color: #dae0e5 !important; } frsw-.frsw-text-dark { color: #343a40 !important; } a.frsw-text-dark:hover, a.frsw-text-dark:focus { color: #1d2124 !important; } .frsw-text-body { color: #212529 !important; } .frsw-text-muted { color: #6c757d !important; } .frsw-text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .frsw-text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .freerentalsite-widget button:focus { outline: none; } .frsw-alert-primary { color: var(--primary); background-color: #cce5ff; border-color: #b8daff; } .frsw-alert-primary hr { border-top-color: #9fcdff; } .frsw-alert-primary .frsw-alert-link { color: var(--primary); } .frsw-alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; } .frsw-alert-secondary hr { border-top-color: #c8cbcf; } .frsw-alert-secondary .frsw-alert-link { color: #202326; } .frsw-alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; } .frsw-alert-success hr { border-top-color: #b1dfbb; } .frsw-alert-success .frsw-alert-link { color: #0b2e13; } .frsw-alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; } .frsw-alert-info hr { border-top-color: #abdde5; } .frsw-alert-info .frsw-alert-link { color: #062c33; } .frsw-alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; } .frsw-alert-warning hr { border-top-color: #ffe8a1; } .frsw-alert-warning .frsw-alert-link { color: #533f03; } .frsw-alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; } .frsw-alert-danger hr { border-top-color: #f1b0b7; } .frsw-alert-danger .frsw-alert-link { color: #491217; } .frsw-alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe; } .frsw-alert-light hr { border-top-color: #ececf6; } .frsw-alert-light .frsw-alert-link { color: #686868; } .frsw-alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; } .frsw-alert-dark hr { border-top-color: #b9bbbe; } .frsw-alert-dark .frsw-alert-link { color: #040505; } .frsw-btn:focus, .frsw-btn.focus { box-shadow: 0 0 0 0.2em rgba(var(--primary-rgb), 0.25); } .frsw-btn-primary { color: #fff !important; background-color: var(--primary)!important; border-color: var(--primary)!important; } .frsw-btn-primary:hover { color: var(--primary)!important; background-color: #fff!important; border-color: var(--primary)!important; } .frsw-btn-primary:focus, .frsw-btn-primary.focus { box-shadow: 0 0 0 0.2em rgba(var(--primary-rgb), 0.5); } .frsw-btn-primary.frsw-disabled, .frsw-btn-primary:frsw-disabled { color: #fff; background-color: var(--primary); border-color: var(--primary); } .frsw-btn-primary:not(:disabled):not(.frsw-disabled):active, .frsw-btn-primary:not(:disabled):not(.frsw-disabled).frsw-active, .frsw-show > .frsw-btn-primary.frsw-dropdown-toggle { color: #fff; background-color: var(--primary); border-color: #005cbf; } .frsw-btn-primary:not(:disabled):not(.frsw-disabled):active:focus, .frsw-btn-primary:not(:disabled):not(.frsw-disabled).frsw-active:focus, .frsw-show > .frsw-btn-primary.frsw-dropdown-toggle:focus { box-shadow: 0 0 0 0.2em rgba(var(--primary-rgb), 0.5); } .frsw-btn-secondary { color: #fff !important; background-color: #6c757d; border-color: #6c757d; } .frsw-btn-secondary:hover { color: #fff; background-color: #5a6268; border-color: #545b62; } .frsw-btn-secondary:focus, .frsw-btn-secondary.focus { box-shadow: 0 0 0 0.2em rgba(108, 117, 125, 0.5); } .frsw-btn-secondary.frsw-disabled, .frsw-btn-secondary:frsw-disabled { color: #fff; background-color: #6c757d; border-color: #6c757d; } .frsw-btn-secondary:not(:disabled):not(.frsw-disabled):active, .frsw-btn-secondary:not(:disabled):not(.frsw-disabled).frsw-active, .frsw-show > .frsw-btn-secondary.frsw-dropdown-toggle { color: #fff; background-color: #545b62; border-color: #4e555b; } .frsw-btn-secondary:not(:disabled):not(.frsw-disabled):active:focus, .frsw-btn-secondary:not(:disabled):not(.frsw-disabled).frsw-active:focus, .frsw-show > .frsw-btn-secondary.frsw-dropdown-toggle:focus { box-shadow: 0 0 0 0.2em rgba(108, 117, 125, 0.5); } .frsw-btn-success { color: #fff !important; background-color: #28a745; border-color: #28a745; } .frsw-btn-success:hover { color: #fff; background-color: #218838; border-color: #1e7e34; } .frsw-btn-success:focus, .frsw-btn-success.focus { box-shadow: 0 0 0 0.2em rgba(40, 167, 69, 0.5); } .frsw-btn-success.frsw-disabled, .frsw-btn-success:frsw-disabled { color: #fff; background-color: #28a745; border-color: #28a745; } .frsw-btn-success:not(:disabled):not(.frsw-disabled):active, .frsw-btn-success:not(:disabled):not(.frsw-disabled).frsw-active, .frsw-show > .frsw-btn-success.frsw-dropdown-toggle { color: #fff; background-color: #1e7e34; border-color: #1c7430; } .frsw-btn-success:not(:disabled):not(.frsw-disabled):active:focus, .frsw-btn-success:not(:disabled):not(.frsw-disabled).frsw-active:focus, .frsw-show > .frsw-btn-success.frsw-dropdown-toggle:focus { box-shadow: 0 0 0 0.2em rgba(40, 167, 69, 0.5); } .frsw-btn-info { color: #fff !important; background-color: var(--primary); border-color: var(--primary); } .frsw-btn-info:hover { color: #fff; background-color: var(--dark); border-color: var(--dark); } .frsw-btn-info:focus, .frsw-btn-info.focus { box-shadow: 0 0 0 0.2em rgba(var(--primary-rgb), 0.5); } .frsw-btn-info.frsw-disabled, .frsw-btn-info:frsw-disabled { color: #fff; background-color: var(--primary); border-color: var(--primary); } .frsw-btn-info:not(:disabled):not(.frsw-disabled):active, .frsw-btn-info:not(:disabled):not(.frsw-disabled).frsw-active, .frsw-show > .frsw-btn-info.frsw-dropdown-toggle { color: #fff; background-color: var(--dark); border-color: #10707f; } .frsw-btn-info:not(:disabled):not(.frsw-disabled):active:focus, .frsw-btn-info:not(:disabled):not(.frsw-disabled).frsw-active:focus, .frsw-show > .frsw-btn-info.frsw-dropdown-toggle:focus { box-shadow: 0 0 0 0.2em rgba(23, 162, 184, 0.5); } .frsw-btn-warning { color: #212529 !important; background-color: #ffc107; border-color: #ffc107; } .frsw-btn-warning:hover { color: #212529; background-color: #e0a800; border-color: #d39e00; } .frsw-btn-warning:focus, .frsw-btn-warning.focus { box-shadow: 0 0 0 0.2em rgba(255, 193, 7, 0.5); } .frsw-btn-warning.frsw-disabled, .frsw-btn-warning:frsw-disabled { color: #212529; background-color: #ffc107; border-color: #ffc107; } .frsw-btn-warning:not(:disabled):not(.frsw-disabled):active, .frsw-btn-warning:not(:disabled):not(.frsw-disabled).frsw-active, .frsw-show > .frsw-btn-warning.frsw-dropdown-toggle { color: #212529; background-color: #d39e00; border-color: #c69500; } .frsw-btn-warning:not(:disabled):not(.frsw-disabled):active:focus, .frsw-btn-warning:not(:disabled):not(.frsw-disabled).frsw-active:focus, .frsw-show > .frsw-btn-warning.frsw-dropdown-toggle:focus { box-shadow: 0 0 0 0.2em rgba(255, 193, 7, 0.5); } .frsw-btn-danger { color: #fff !important; background-color: #dc3545; border-color: #dc3545; } .frsw-btn-danger:hover { color: #fff; background-color: #c82333; border-color: #bd2130; } .frsw-btn-danger:focus, .frsw-btn-danger.focus { box-shadow: 0 0 0 0.2em rgba(220, 53, 69, 0.5); } .frsw-btn-danger.frsw-disabled, .frsw-btn-danger:frsw-disabled { color: #fff; background-color: #dc3545; border-color: #dc3545; } .frsw-btn-danger:not(:disabled):not(.frsw-disabled):active, .frsw-btn-danger:not(:disabled):not(.frsw-disabled).frsw-active, .frsw-show > .frsw-btn-danger.frsw-dropdown-toggle { color: #fff; background-color: #bd2130; border-color: #b21f2d; } .frsw-btn-danger:not(:disabled):not(.frsw-disabled):active:focus, .frsw-btn-danger:not(:disabled):not(.frsw-disabled).frsw-active:focus, .frsw-show > .frsw-btn-danger.frsw-dropdown-toggle:focus { box-shadow: 0 0 0 0.2em rgba(220, 53, 69, 0.5); } .frsw-btn-light { color: #212529 !important; background-color: #f8f9fa; border-color: #f8f9fa; } .frsw-btn-light:hover { color: #212529; background-color: #e2e6ea; border-color: #dae0e5; } .frsw-btn-light:focus, .frsw-btn-light.focus { box-shadow: 0 0 0 0.2em rgba(248, 249, 250, 0.5); } .frsw-btn-light.frsw-disabled, .frsw-btn-light:frsw-disabled { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .frsw-btn-light:not(:disabled):not(.frsw-disabled):active, .frsw-btn-light:not(:disabled):not(.frsw-disabled).frsw-active, .frsw-show > .frsw-btn-light.frsw-dropdown-toggle { color: #212529; background-color: #dae0e5; border-color: #d3d9df; } .frsw-btn-light:not(:disabled):not(.frsw-disabled):active:focus, .frsw-btn-light:not(:disabled):not(.frsw-disabled).frsw-active:focus, .frsw-show > .frsw-btn-light.frsw-dropdown-toggle:focus { box-shadow: 0 0 0 0.2em rgba(248, 249, 250, 0.5); } .frsw-btn-dark { color: #fff !important; background-color: #343a40; border-color: #343a40; } .frsw-btn-dark:hover { color: #fff; background-color: #23272b; border-color: #1d2124; } .frsw-btn-dark:focus, .frsw-btn-dark.focus { box-shadow: 0 0 0 0.2em rgba(52, 58, 64, 0.5); } .frsw-btn-dark.frsw-disabled, .frsw-btn-dark:frsw-disabled { color: #fff; background-color: #343a40; border-color: #343a40; } .frsw-btn-dark:not(:disabled):not(.frsw-disabled):active, .frsw-btn-dark:not(:disabled):not(.frsw-disabled).frsw-active, .frsw-show > .frsw-btn-dark.frsw-dropdown-toggle { color: #fff; background-color: #1d2124; border-color: #171a1d; } .frsw-btn-dark:not(:disabled):not(.frsw-disabled):active:focus, .frsw-btn-dark:not(:disabled):not(.frsw-disabled).frsw-active:focus, .frsw-show > .frsw-btn-dark.frsw-dropdown-toggle:focus { box-shadow: 0 0 0 0.2em rgba(52, 58, 64, 0.5); } .frsw-btn-outline-primary { color: var(--primary); background-color: transparent; background-image: none; border-color: var(--primary); } .frsw-btn-outline-primary:hover { color: #fff; background-color: var(--primary); border-color: var(--primary); } .frsw-btn-outline-primary:focus, .frsw-btn-outline-primary.frsw-focus { box-shadow: 0 0 0 0.2em rgba(var(--primary-rgb), 0.5); } .frsw-btn-outline-primary.frsw-disabled, .frsw-btn-outline-primary:disabled { color: var(--primary); background-color: transparent; } .frsw-btn-outline-primary:not(:disabled):not(.frsw-disabled):active, .frsw-btn-outline-primary:not(:disabled):not(.frsw-disabled).frsw-active, .frsw-show > .frsw-btn-outline-primary.frsw-dropdown-toggle { color: #fff; background-color: var(--primary); border-color: var(--primary); } .frsw-btn-outline-primary:not(:disabled):not(.frsw-disabled):active:focus, .frsw-btn-outline-primary:not(:disabled):not(.frsw-disabled).frsw-active:focus, .frsw-show > .frsw-btn-outline-primary.frsw-dropdown-toggle:focus { box-shadow: 0 0 0 0.2em rgba(var(--primary-rgb), 0.5); } .frsw-btn-outline-secondary { color: #6c757d; background-color: transparent; background-image: none; border-color: #6c757d; } .frsw-btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d; } .frsw-btn-outline-secondary:focus, .frsw-btn-outline-secondary.frsw-focus { box-shadow: 0 0 0 0.2em rgba(108, 117, 125, 0.5); } .frsw-btn-outline-secondary.frsw-disabled, .frsw-btn-outline-secondary:disabled { color: #6c757d; background-color: transparent; } .frsw-btn-outline-secondary:not(:disabled):not(.frsw-disabled):active, .frsw-btn-outline-secondary:not(:disabled):not(.frsw-disabled).frsw-active, .frsw-show > .frsw-btn-outline-secondary.frsw-dropdown-toggle { color: #fff; background-color: #6c757d; border-color: #6c757d; } .frsw-btn-outline-secondary:not(:disabled):not(.frsw-disabled):active:focus, .frsw-btn-outline-secondary:not(:disabled):not(.frsw-disabled).frsw-active:focus, .frsw-show > .frsw-btn-outline-secondary.frsw-dropdown-toggle:focus { box-shadow: 0 0 0 0.2em rgba(108, 117, 125, 0.5); } .frsw-btn-outline-success { color: #28a745; background-color: transparent; background-image: none; border-color: #28a745; } .frsw-btn-outline-success:hover { color: #fff; background-color: #28a745; border-color: #28a745; } .frsw-btn-outline-success:focus, .frsw-btn-outline-success.frsw-focus { box-shadow: 0 0 0 0.2em rgba(40, 167, 69, 0.5); } .frsw-btn-outline-success.frsw-disabled, .frsw-btn-outline-success:disabled { color: #28a745; background-color: transparent; } .frsw-btn-outline-success:not(:disabled):not(.frsw-disabled):active, .frsw-btn-outline-success:not(:disabled):not(.frsw-disabled).frsw-active, .frsw-show > .frsw-btn-outline-success.frsw-dropdown-toggle { color: #fff; background-color: #28a745; border-color: #28a745; } .frsw-btn-outline-success:not(:disabled):not(.frsw-disabled):active:focus, .frsw-btn-outline-success:not(:disabled):not(.frsw-disabled).frsw-active:focus, .frsw-show > .frsw-btn-outline-success.frsw-dropdown-toggle:focus { box-shadow: 0 0 0 0.2em rgba(40, 167, 69, 0.5); } .frsw-btn-outline-info { color: var(--primary); background-color: transparent; background-image: none; border-color: var(--primary); } .frsw-btn-outline-info:hover { color: #fff; background-color: var(--primary); border-color: var(--primary); } .frsw-btn-outline-info:focus, .frsw-btn-outline-info.frsw-focus { box-shadow: 0 0 0 0.2em rgba(23, 162, 184, 0.5); } .frsw-btn-outline-info.frsw-disabled, .frsw-btn-outline-info:disabled { color: var(--primary); background-color: transparent; } .frsw-btn-outline-info:not(:disabled):not(.frsw-disabled):active, .frsw-btn-outline-info:not(:disabled):not(.frsw-disabled).frsw-active, .frsw-show > .frsw-btn-outline-info.frsw-dropdown-toggle { color: #fff; background-color: var(--primary); border-color: var(--primary); } .frsw-btn-outline-info:not(:disabled):not(.frsw-disabled):active:focus, .frsw-btn-outline-info:not(:disabled):not(.frsw-disabled).frsw-active:focus, .frsw-show > .frsw-btn-outline-info.frsw-dropdown-toggle:focus { box-shadow: 0 0 0 0.2em rgba(23, 162, 184, 0.5); } .frsw-btn-outline-warning { color: #ffc107; background-color: transparent; background-image: none; border-color: #ffc107; } .frsw-btn-outline-warning:hover { color: #212529; background-color: #ffc107; border-color: #ffc107; } .frsw-btn-outline-warning:focus, .frsw-btn-outline-warning.frsw-focus { box-shadow: 0 0 0 0.2em rgba(255, 193, 7, 0.5); } .frsw-btn-outline-warning.frsw-disabled, .frsw-btn-outline-warning:disabled { color: #ffc107; background-color: transparent; } .frsw-btn-outline-warning:not(:disabled):not(.frsw-disabled):active, .frsw-btn-outline-warning:not(:disabled):not(.frsw-disabled).frsw-active, .frsw-show > .frsw-btn-outline-warning.frsw-dropdown-toggle { color: #212529; background-color: #ffc107; border-color: #ffc107; } .frsw-btn-outline-warning:not(:disabled):not(.frsw-disabled):active:focus, .frsw-btn-outline-warning:not(:disabled):not(.frsw-disabled).frsw-active:focus, .frsw-show > .frsw-btn-outline-warning.frsw-dropdown-toggle:focus { box-shadow: 0 0 0 0.2em rgba(255, 193, 7, 0.5); } .frsw-btn-outline-danger { color: #dc3545; background-color: transparent; background-image: none; border-color: #dc3545; } .frsw-btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545; } .frsw-btn-outline-danger:focus, .frsw-btn-outline-danger.frsw-focus { box-shadow: 0 0 0 0.2em rgba(220, 53, 69, 0.5); } .frsw-btn-outline-danger.frsw-disabled, .frsw-btn-outline-danger:disabled { color: #dc3545; background-color: transparent; } .frsw-btn-outline-danger:not(:disabled):not(.frsw-disabled):active, .frsw-btn-outline-danger:not(:disabled):not(.frsw-disabled).frsw-active, .frsw-show > .frsw-btn-outline-danger.frsw-dropdown-toggle { color: #fff; background-color: #dc3545; border-color: #dc3545; } .frsw-btn-outline-danger:not(:disabled):not(.frsw-disabled):active:focus, .frsw-btn-outline-danger:not(:disabled):not(.frsw-disabled).frsw-active:focus, .frsw-show > .frsw-btn-outline-danger.frsw-dropdown-toggle:focus { box-shadow: 0 0 0 0.2em rgba(220, 53, 69, 0.5); } .frsw-btn-outline-light { color: #f8f9fa; background-color: transparent; background-image: none; border-color: #f8f9fa; } .frsw-btn-outline-light:hover { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .frsw-btn-outline-light:focus, .frsw-btn-outline-light.frsw-focus { box-shadow: 0 0 0 0.2em rgba(248, 249, 250, 0.5); } .frsw-btn-outline-light.frsw-disabled, .frsw-btn-outline-light:disabled { color: #f8f9fa; background-color: transparent; } .frsw-btn-outline-light:not(:disabled):not(.frsw-disabled):active, .frsw-btn-outline-light:not(:disabled):not(.frsw-disabled).frsw-active, .frsw-show > .frsw-btn-outline-light.frsw-dropdown-toggle { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .frsw-btn-outline-light:not(:disabled):not(.frsw-disabled):active:focus, .frsw-btn-outline-light:not(:disabled):not(.frsw-disabled).frsw-active:focus, .frsw-show > .frsw-btn-outline-light.frsw-dropdown-toggle:focus { box-shadow: 0 0 0 0.2em rgba(248, 249, 250, 0.5); } .frsw-btn-outline-dark { color: #343a40; background-color: transparent; background-image: none; border-color: #343a40; } .frsw-btn-outline-dark:hover { color: #fff; background-color: #343a40; border-color: #343a40; } .frsw-btn-outline-dark:focus, .frsw-btn-outline-dark.frsw-focus { box-shadow: 0 0 0 0.2em rgba(52, 58, 64, 0.5); } .frsw-btn-outline-dark.frsw-disabled, .frsw-btn-outline-dark:disabled { color: #343a40; background-color: transparent; } .frsw-btn-outline-dark:not(:disabled):not(.frsw-disabled):active, .frsw-btn-outline-dark:not(:disabled):not(.frsw-disabled).frsw-active, .frsw-show > .frsw-btn-outline-dark.frsw-dropdown-toggle { color: #fff; background-color: #343a40; border-color: #343a40; } .frsw-btn-outline-dark:not(:disabled):not(.frsw-disabled):active:focus, .frsw-btn-outline-dark:not(:disabled):not(.frsw-disabled).frsw-active:focus, .frsw-show > .frsw-btn-outline-dark.frsw-dropdown-toggle:focus { box-shadow: 0 0 0 0.2em rgba(52, 58, 64, 0.5); } .frsw-form-control:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2em rgba(var(--primary-rgb), 0.25); } .frsw-form-control::placeholder { color: #6c757d; opacity: 1; } .frsw-form-control:disabled, .frsw-form-control[readonly] { background-color: #e9ecef; opacity: 1; } select.frsw-form-control:not([size]):not([multiple]) { height: calc(2.25em + 2px); } select.frsw-form-control:focus::-ms-value { color: #495057; background-color: #fff; } .frsw-form-control-plaintext { color: #212529; } .frsw-form-check-input:disabled ~ .form-check-label { color: #6c757d; } .frsw-valid-feedback { color: #28a745; } .frsw-valid-tooltip { color: #fff; background-color: rgba(40, 167, 69, 0.8); } .frsw-was-validated .frsw-form-control:valid, .frsw-form-control.frsw-is-valid, .frsw-was-validated, .frsw-custom-select:valid, .frsw-custom-select.frsw-is-valid { border-color: #28a745; } .frsw-was-validated .frsw-form-control:valid:focus, .frsw-form-control.frsw-is-valid:focus, .frsw-was-validated, .frsw-custom-select:valid:focus, .frsw-custom-select.frsw-is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2em rgba(40, 167, 69, 0.25); } .frsw-was-validated .frsw-form-check-input:valid ~ .form-check-label, .frsw-form-check-input.frsw-is-valid ~ .form-check-label { color: #28a745; } .frsw-was-validated .frsw-custom-control-input:valid ~ .custom-control-label, .frsw-custom-control-input.frsw-is-valid ~ .custom-control-label { color: #28a745; } .frsw-was-validated .frsw-custom-control-input:valid ~ .custom-control-label::before, .frsw-custom-control-input.frsw-is-valid ~ .custom-control-label::before { background-color: #71dd8a; } .frsw-was-validated .frsw-custom-control-input:valid:checked ~ .frsw-custom-control-label::before, .frsw-custom-control-input.frsw-is-valid:checked ~ .frsw-custom-control-label::before { background-color: #34ce57; } .frsw-was-validated .frsw-custom-control-input:valid:focus ~ .frsw-custom-control-label::before, .frsw-custom-control-input.frsw-is-valid:focus ~ .frsw-custom-control-label::before { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2em rgba(40, 167, 69, 0.25); } .frsw-was-validated .frsw-custom-file-input:valid ~ .custom-file-label, .frsw-custom-file-input.frsw-is-valid ~ .custom-file-label { border-color: #28a745; } .frsw-was-validated .frsw-custom-file-input:valid:focus ~ .frsw-custom-file-label, .frsw-custom-file-input.frsw-is-valid:focus ~ .frsw-custom-file-label { box-shadow: 0 0 0 0.2em rgba(40, 167, 69, 0.25); } .frsw-invalid-feedback { color: #dc3545; } .frsw-invalid-tooltip { color: #fff; background-color: rgba(220, 53, 69, 0.8); } .frsw-was-validated .frsw-form-control:invalid, .frsw-form-control.frsw-is-invalid, .frsw-was-validated .frsw-custom-select:invalid, .frsw-custom-select.frsw-is-invalid { border-color: #dc3545; } .frsw-was-validated .frsw-form-control:invalid:focus, .frsw-form-control.frsw-is-invalid:focus, .frsw-was-validated .frsw-custom-select:invalid:focus, .frsw-custom-select.frsw-is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2em rgba(220, 53, 69, 0.25); } .frsw-was-validated .frsw-form-check-input:invalid ~ .form-check-label, .frsw-form-check-input.frsw-is-invalid ~ .form-check-label { color: #dc3545; } .frsw-was-validated .frsw-custom-control-input:invalid ~ .custom-control-label, .frsw-custom-control-input.frsw-is-invalid ~ .custom-control-label { color: #dc3545; } .frsw-was-validated .frsw-custom-control-input:invalid ~ .custom-control-label::before, .frsw-custom-control-input.frsw-is-invalid ~ .custom-control-label::before { background-color: #efa2a9; } .frsw-was-validated .frsw-custom-control-input:invalid:checked ~ .frsw-custom-control-label::before, .frsw-custom-control-input.frsw-is-invalid:checked ~ .frsw-custom-control-label::before { background-color: #e4606d; } .frsw-was-validated .frsw-custom-control-input:invalid:focus ~ .frsw-custom-control-label::before, .frsw-custom-control-input.frsw-is-invalid:focus ~ .frsw-custom-control-label::before { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2em rgba(220, 53, 69, 0.25); } .frsw-was-validated .frsw-custom-file-input:invalid ~ .custom-file-label, .frsw-custom-file-input.frsw-is-invalid ~ .custom-file-label { border-color: #dc3545; } .frsw-was-validated .frsw-custom-file-input:invalid:focus ~ .frsw-custom-file-label, .frsw-custom-file-input.frsw-is-invalid:focus ~ .frsw-custom-file-label { box-shadow: 0 0 0 0.2em rgba(220, 53, 69, 0.25); } .frsw-input-group-text { color: #495057; background-color: #e9ecef; border: 1px solid #ced4da; } .frsw-nav-link.disabled { color: #6c757d; } .frsw-nav-tabs { border-bottom: 1px solid #dee2e6; } .frsw-nav-tabs .frsw-nav-link:hover, .frsw-nav-tabs .frsw-nav-link:focus { border-color: #e9ecef #e9ecef #dee2e6; } .frsw-nav-tabs .frsw-nav-link.frsw-disabled { color: #6c757d; background-color: transparent; border-color: transparent; } .frsw-nav-tabs .frsw-nav-link.frsw-active, .frsw-nav-tabs .frsw-nav-item.show .frsw-nav-link { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } .frsw-nav-pills .frsw-nav-link.frsw-active, .frsw-nav-pills .frsw-show > .frsw-nav-link { background-color: var(--primary); color: #fff; } .frsw-card { background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .frsw-card-header { background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .frsw-card-footer { background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); } .frsw-card-image-box { background-color: #dee2e6; } .frsw-page-link { color: var(--primary); background-color: #fff; border: 1px solid #dee2e6; } .frsw-page-link:hover { color: var(--secondary); text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; } .frsw-page-link:focus { box-shadow: 0 0 0 0.2em rgba(var(--primary-rgb), 0.25); } .frsw-page-item.frsw-active .frsw-page-link { color: #fff; background-color: var(--primary); border-color: var(--primary); } .frsw-page-item.frsw-disabled .frsw-page-link { color: #6c757d; background-color: #fff; border-color: #dee2e6; } #freerentalsite-search-form { background-color: var(--dark); } #freerentalsite-search-form label { color: #fff; } /* #freerentalsite-property-detail-view .frsw-property-view-card { background-color: #dee2e6; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); } */ /* #freerentalsite-property-detail-view .frsw-property-view-summary { background-color: #fff; } */ .frsw-typeahead { background-color: #fff; border: 1px solid #f8f9fa; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); } .frsw-typeahead-item-active { background-color: var(--primary); color: #fff; } .frsw-lb-data { color: #ccc; } .frsw-lb-data .frsw-lb-caption a { color: var(--primary); } .frsw-lb-data .frsw-lb-number { color: #999999; } /* =============================================================== Rentvine Plugin ================================================================== */ :root { --text-dark: #343a40; } /* =============================================================== Modifiers ================================================================== */ /* Global */ .rvw-btn { transition: 0.5s; } .rvw-btn:hover { transition: 0.5s; } .rentvine-widget button:focus { outline: 5px auto var(--primary); } .rvw-btn { border-radius: 0; } .rvw-align-items-end { align-items: flex-end; } .rvw-align-self-end { align-self: flex-end; } .rvw-h-100 { height: 100%; } .rvw-icon-list { margin: 10px -5px; justify-content: flex-start; } .rvw-icon-list-item { padding: 5px; flex: 0 1 33.33%; display: flex; align-items: center; } .rvw-icon { height: 30px; width: 30px; margin: 0 8px 0 0; text-align: center; display: block; } .rvw-icon[src*='sqft'] { margin-right: 5px; } .rvw-icon-text { font-size: 14px; font-weight: 500; display: inline-block; line-height: 1.2; } @media (min-width: 992px) { .rvw-order-lg-0 { order: 0;} .rvw-order-lg-1 { order: 1; } .rvw-order-lg-2 { order: 2; } } @media (min-width: 768px) { .rvw-order-md-first { order: -1; } .rvw-order-md-0 { order: 0;} .rvw-order-md-1 { order: 1; } .rvw-order-md-2 { order: 2; } } /* List Template ==================================================================== */ /* Search Form */ #rentvine-search-form { padding: 14px 30px 35px 30px; background: var(--gray); border: 1px solid var(--border-color); } #rentvine-search-form .rvw-form-group { margin: 1em 0 0; } #rentvine-search-form label { margin-bottom: .3em; } .rvw-form-control, .rvw-input-group-text { border-radius: 0; } @media (max-width: 425px) { #rentvine-search-form { padding: 14px 15px 35px 15px; } } /* Property Cards */ .rvw-card { overflow: hidden; border-radius: 0; transition: 0.8s; } .rvw-card-image-box { min-height: unset; height: 0; padding-top: 60%; overflow: hidden; } .rvw-card-image { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; transition: 0.5s; } .rvw-card-body { color: var(--body-text); } .rvw-card-title { font-size: 20px; font-weight: 600; } .rvw-card-title .rvw-text-sm { font-size: 13px; font-weight: 300; } .rvw-property:hover .rvw-card { box-shadow: var(--box-shadow); transition: 0.8s; } .rvw-property:hover .rvw-card-image { transform: scale(1.05); transition: 0.8s; } /* Map Popups */ #rentvine-property-map-panel .rentvine-widget { font-size: 14px; color: #000; } .rvw-map-property-info-window-img { position: relative; width: 100%; height: 0; padding-top: 60%; margin-bottom: 5px; overflow: hidden; } .rvw-map-property-info-window-img img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; transition: .8s ease; } .rvw-map-property-info-window-img:hover img { transform: scale(1.05); transition: .8s ease; } .rvw-map-property-info-window-img ~ div { display: inline-block; } .rvw-map-property-info-window-amount ~ div::before { content: '|'; padding: 0 5px; } .rvw-map-property-info-window-amount { margin: 10px 0 5px; } .rvw-map-property-info-window-amount::before { content: '$'; } .rvw-map-property-info-window-beds { margin: 5px 0; } .rvw-map-property-info-window-beds::after { content: ' Beds'; } .rvw-map-property-info-window-baths::after { content: ' Baths'; } /* Details Template ==================================================================== */ .rvw-prop-view-title { text-transform: none; } .rvw-btn-list { display: inline-flex; flex-wrap: wrap; margin: 0 -8px; } .rvw-btn-list .rvw-btn { margin: 8px; background-color: var(--primary); border: 1px solid var(--primary); color: #fff; min-width: 170px; } .rvw-btn-list .rvw-btn:hover { background: #fff; color: var(--primary); } @media (max-width: 575.98px) { .rvw-btn-list { justify-content: center; } } /* Property View Image */ #rentvine-property-view-main-image { display: block; max-height: 400px; overflow: hidden; height: 100%; } #rentvine-property-view-main-image img { object-fit: cover; height: 100%!important; width: 100%!important; max-height: 100%!important; transition: 0.8s ease; } #rentvine-property-view-main-image:hover { cursor: zoom-in; } #rentvine-property-view-gallery-btn { background: rgba(0,0,0,.6)!important; color: #fff!important; } .rvw-property-view-image { overflow: hidden; flex: 1 1 auto; } .rvw-property-view-image:hover #rentvine-property-view-gallery-btn { background-color: var(--primary)!important; } .rvw-property-view-image:hover img { transform: scale(1.05); transition: 0.8s ease; } /* Property View Summary */ #rentvine-property-detail-view .rvw-property-view-card { box-shadow: none; border: 1px solid var(--border-color); display: flex; flex-direction: column; height: 100%; } #rentvine-property-detail-view .rvw-property-view-summary { padding: 20px 25px 15px; } .rvw-property-view-address { line-height: 1.2; } .rvw-property-view-address-1 { font-size: 20px; } .rvw-property-view-rent { text-align: right; font-weight: bold; font-size: 24px; color: var(--primary); line-height: 1.1; } .rvw-property-view-rent .rvw-text-sm { font-size: 13px; font-weight: 400; line-height: 1; display: block; } .rvw-property-view-summary .rvw-icon-list { justify-content: flex-start; flex-wrap: wrap; text-align: center; margin: 10px -15px 15px; } .rvw-property-view-summary .rvw-icon-list-item { flex: 0 0 auto; display: block; padding: 20px 15px 0; } .rvw-property-view-summary .rvw-icon { margin: 0 auto 8px; } .rvw-property-view-share { text-align: right; } .rvw-property-view-share .a2a_default_style { display: inline-block; } @media (min-width: 768px) { .rvw-property-view-summary .rvw-icon-list-item:not(:last-child) { margin-right: 35px; } } @media (max-width: 991px) { #rentvine-property-detail-view .rvw-property-view-card { height: auto; margin-bottom: 30px; } } @media (max-width:575.98px) { #rentvine-property-detail-view .rvw-property-view-summary { padding: 20px 15px 15px; } .rvw-property-view-summary, .rvw-property-view-rent { text-align: center; } .rvw-property-view-summary .rvw-icon-list { justify-content: center; margin-left: -8px; margin-right: -8px; } .rvw-property-view-summary .rvw-icon-list-item { flex: 0 1 98px; padding-right: 8px; padding-left: 8px; } .rvw-property-view-address, .rvw-property-view-share { margin-top: 15px; } } @media (max-width:475px) { .rvw-property-view-summary .rvw-icon-list-item:first-child { flex: 1 1 100%; } } /* Property View Form */ .rvw-form-container { border: 1px solid var(--border-color); background: var(--gray); height: 100%; padding: 35px 30px; } .rvw-form-container label { margin-bottom: .3em; } .rvw-form-container textarea { min-height: 7em; } .rvw-form-header { font-size: 20px; } .rvw-form-header h3 { font-size: 30px; } @media (max-width: 991px) { .rvw-form-container { margin-top: 30px; } } @media (min-width:600px) and (max-width:991px) { .rvw-form-container form { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 -10px; } .rvw-form-container form .rvw-form-group { flex-basis: calc(50% - 20px); flex-grow: 1; margin: 0 10px 20px; } .rvw-form-container form .rvw-form-group.rvw-form-group-textarea, .rvw-form-container form .rvw-form-group.rvw-form-group-break, .rvw-form-container form .rvw-form-group.rvw-form-group-checkbox, .rvw-form-container form .rvw-form-group.rvw-form-group-radio { flex-basis: 100%; } .rvw-form-container form button { margin-right: 10px; margin-left: 10px; } } /* ================================================================ Colors =================================================================== */ .text-primary { color: var(--primary)!important; } .rvw-text-primary { color: var(--primary) !important; } a.rvw-text-primary:hover, a.rvw-text-primary:focus { color: var(--primary) !important; } .rvw-text-secondary { color: var(--secondary) !important; } a.rvw-text-secondary:hover, a.rvw-text-secondary:focus { color: var(--secondary) !important; } .rvw-text-info { color: var(--primary) !important; } a.rvw-text-info:hover, a.rvw-text-info:focus { color: var(--primary) !important; } .rvw-text-light { color: #f8f9fa !important; } a.rvw-text-light:hover, a.rvw-text-light:focus { color: #dae0e5 !important; } .rvw-text-dark { color: #343a40 !important; } a.rvw-text-dark:hover, a.rvw-text-dark:focus { color: var(--text-dark) !important; } .rvw-text-body { color: var(--body-text) !important; } .rvw-text-muted { color: var(--muted) !important; } .rvw-mark { background-color: #fcf8e3; } .rvw-blockquote-footer { color: var(--secondary); } .rvw-alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff; } .rvw-alert-primary hr { border-top-color: #9fcdff; } .rvw-alert-primary .rvw-alert-link { color: #002752; } .rvw-alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; } .rvw-alert-secondary hr { border-top-color: #c8cbcf; } .rvw-alert-secondary .rvw-alert-link { color: #202326; } .rvw-alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe; } .rvw-alert-light hr { border-top-color: #ececf6; } .rvw-alert-light .rvw-alert-link { color: #686868; } .rvw-alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; } .rvw-alert-dark hr { border-top-color: #b9bbbe; } .rvw-alert-dark .rvw-alert-link { color: #040505; } .rvw-btn:focus, .rvw-btn.focus { box-shadow: 0 0 0 0.2em rgba(var(--primary-rgb), 0.25); } .rvw-btn-primary { color: #fff !important; background-color: var(--primary); border-color: var(--primary); } .rvw-btn-primary:hover { color: var(--primary)!important; background-color:#fff; border-color: var(--primary); } .rvw-btn-primary:focus, .rvw-btn-primary.focus { box-shadow: 0 0 0 0.2em rgba(var(--primary-rgb), 0.5); } .rvw-btn-primary.rvw-disabled, .rvw-btn-primary:rvw-disabled { color: #fff; background-color: var(--primary); border-color: var(--primary); } .rvw-btn-primary:not(:disabled):not(.rvw-disabled):active, .rvw-btn-primary:not(:disabled):not(.rvw-disabled).rvw-active, .rvw-show > .rvw-btn-primary.rvw-dropdown-toggle { color: #fff!important; background-color: var(--primary); border-color: var(--primary); } .rvw-btn-primary:not(:disabled):not(.rvw-disabled):active:focus, .rvw-btn-primary:not(:disabled):not(.rvw-disabled).rvw-active:focus, .rvw-show > .rvw-btn-primary.rvw-dropdown-toggle:focus { box-shadow: 0 0 0 0.2em rgba(var(--primary-rgb), 0.5); } .rvw-btn-secondary { color: #fff !important; background-color: var(--secondary); border-color: var(--secondary); } .rvw-btn-secondary:hover { color: #fff; background-color: #5a6268; border-color: var(--secondary); } .rvw-btn-secondary:focus, .rvw-btn-secondary.focus { box-shadow: 0 0 0 0.2em rgba(108, 117, 125, 0.5); } .rvw-btn-secondary.rvw-disabled, .rvw-btn-secondary:rvw-disabled { color: #fff; background-color: var(--secondary); border-color: var(--secondary); } .rvw-btn-secondary:not(:disabled):not(.rvw-disabled):active, .rvw-btn-secondary:not(:disabled):not(.rvw-disabled).rvw-active, .rvw-show > .rvw-btn-secondary.rvw-dropdown-toggle { color: #fff; background-color: var(--secondary); border-color: #4e555b; } .rvw-btn-secondary:not(:disabled):not(.rvw-disabled):active:focus, .rvw-btn-secondary:not(:disabled):not(.rvw-disabled).rvw-active:focus, .rvw-show > .rvw-btn-secondary.rvw-dropdown-toggle:focus { box-shadow: 0 0 0 0.2em rgba(108, 117, 125, 0.5); } .rvw-btn-info { color: #fff !important; background-color: var(--primary); border-color: var(--primary); } .rvw-btn-info:hover { color: #fff; background-color: var(--primary); border-color: var(--primary); } .rvw-btn-info:focus, .rvw-btn-info.focus { box-shadow: 0 0 0 0.2em rgba(var(--primary-rgb), 0.5); } .rvw-btn-info.rvw-disabled, .rvw-btn-info:rvw-disabled { color: #fff; background-color: var(--primary); border-color: var(--primary); } .rvw-btn-info:not(:disabled):not(.rvw-disabled):active, .rvw-btn-info:not(:disabled):not(.rvw-disabled).rvw-active, .rvw-show > .rvw-btn-info.rvw-dropdown-toggle { color: #fff; background-color: var(--primary); border-color: var(--primary); } .rvw-btn-info:not(:disabled):not(.rvw-disabled):active:focus, .rvw-btn-info:not(:disabled):not(.rvw-disabled).rvw-active:focus, .rvw-show > .rvw-btn-info.rvw-dropdown-toggle:focus { box-shadow: 0 0 0 0.2em rgba(var(--primary-rgb), 0.5); } .rvw-btn-outline-primary { color: var(--primary); border-color: var(--primary); } .rvw-btn-outline-primary:hover { color: #fff; background-color: var(--primary); border-color: var(--primary); } .rvw-btn-outline-primary:focus, .rvw-btn-outline-primary.rvw-focus { box-shadow: 0 0 0 0.2em rgba(var(--primary-rgb), 0.5); } .rvw-btn-outline-primary.rvw-disabled, .rvw-btn-outline-primary:disabled { color: var(--primary); background-color: transparent; } .rvw-btn-outline-primary:not(:disabled):not(.rvw-disabled):active, .rvw-btn-outline-primary:not(:disabled):not(.rvw-disabled).rvw-active, .rvw-show > .rvw-btn-outline-primary.rvw-dropdown-toggle { color: #fff; background-color: var(--primary); border-color: var(--primary); } .rvw-btn-outline-primary:not(:disabled):not(.rvw-disabled):active:focus, .rvw-btn-outline-primary:not(:disabled):not(.rvw-disabled).rvw-active:focus, .rvw-show > .rvw-btn-outline-primary.rvw-dropdown-toggle:focus { box-shadow: 0 0 0 0.2em rgba(var(--primary-rgb), 0.5); } .rvw-btn-outline-secondary { color: var(--secondary); border-color: var(--secondary); } .rvw-btn-outline-secondary:hover { color: #fff; background-color: var(--secondary); border-color: var(--secondary); } .rvw-btn-outline-secondary:focus, .rvw-btn-outline-secondary.rvw-focus { box-shadow: 0 0 0 0.2em rgba(108, 117, 125, 0.5); } .rvw-btn-outline-secondary.rvw-disabled, .rvw-btn-outline-secondary:disabled { color: var(--secondary); background-color: transparent; } .rvw-btn-outline-secondary:not(:disabled):not(.rvw-disabled):active, .rvw-btn-outline-secondary:not(:disabled):not(.rvw-disabled).rvw-active, .rvw-show > .rvw-btn-outline-secondary.rvw-dropdown-toggle { color: #fff; background-color: var(--secondary); border-color: var(--secondary); } .rvw-btn-outline-secondary:not(:disabled):not(.rvw-disabled):active:focus, .rvw-btn-outline-secondary:not(:disabled):not(.rvw-disabled).rvw-active:focus, .rvw-show > .rvw-btn-outline-secondary.rvw-dropdown-toggle:focus { box-shadow: 0 0 0 0.2em rgba(108, 117, 125, 0.5); } .rvw-btn-outline-info { color: var(--primary); background-color: transparent; background-image: none; border-color: var(--primary); } .rvw-btn-outline-info:hover { color: #fff; background-color: var(--primary); border-color: var(--primary); } .rvw-btn-outline-info:focus, .rvw-btn-outline-info.rvw-focus { box-shadow: 0 0 0 0.2em rgba(var(--primary-rgb), 0.5); } .rvw-btn-outline-info.rvw-disabled, .rvw-btn-outline-info:disabled { color: var(--primary); background-color: transparent; } .rvw-btn-outline-info:not(:disabled):not(.rvw-disabled):active, .rvw-btn-outline-info:not(:disabled):not(.rvw-disabled).rvw-active, .rvw-show > .rvw-btn-outline-info.rvw-dropdown-toggle { color: #fff; background-color: var(--primary); border-color: var(--primary); } .rvw-btn-outline-info:not(:disabled):not(.rvw-disabled):active:focus, .rvw-btn-outline-info:not(:disabled):not(.rvw-disabled).rvw-active:focus, .rvw-show > .rvw-btn-outline-info.rvw-dropdown-toggle:focus { box-shadow: 0 0 0 0.2em rgba(var(--primary-rgb), 0.5); } .rvw-form-control:focus { color: #495057; background-color: #fff; border-color: var(--primary); box-shadow: 0 0 0 0.2em rgba(var(--primary-rgb), 0.25); } .rvw-form-control::placeholder { color: var(--secondary); } .rvw-form-control-plaintext { color: var(--body-text); } .rvw-form-check-input:disabled ~ .form-check-label { color: var(--secondary); } .rvw-nav-link.disabled { color: var(--secondary); } .rvw-nav-tabs { border-bottom: 1px solid #dee2e6; } .rvw-nav-tabs .rvw-nav-link:hover, .rvw-nav-tabs .rvw-nav-link:focus { border-color: #e9ecef #e9ecef #dee2e6; } .rvw-nav-tabs .rvw-nav-link.rvw-disabled { color: var(--secondary); background-color: transparent; border-color: transparent; } .rvw-nav-tabs .rvw-nav-link.rvw-active, .rvw-nav-tabs .rvw-nav-item.show .rvw-nav-link { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } .rvw-nav-pills .rvw-nav-link.rvw-active, .rvw-nav-pills .rvw-show > .rvw-nav-link { background-color: var(--primary); color: #fff; } .rvw-page-link { color: var(--primary); background-color: #fff; border: 1px solid #dee2e6; } .rvw-page-link:hover { color: var(--primary); background-color: #e9ecef; border-color: #dee2e6; } .rvw-page-link:focus { box-shadow: 0 0 0 0.2em rgba(var(--primary-rgb), 0.25); } .rvw-page-item.rvw-active .rvw-page-link { color: #fff; background-color: var(--primary); border-color: var(--primary); } .rvw-page-item.rvw-disabled .rvw-page-link { color: var(--secondary); background-color: #fff; border-color: #dee2e6; } .rvw-typeahead-item-active { background-color: var(--primary); color: #fff; } .mb-3 {margin-bottom: 2rem;} @media( min-width: 992px) { .btn-list a:not(:first-of-type) { margin-left: 20px;} }