/*bathroom and bedroom color */ :root{ --brand-c1: #ffe603; /*previous bright yellow: #FCFB01 */ --brand-c1-t6: rgba(255,230,3,0.60); --brand-c1-t4: rgba(255,230,3,0.40); --brand-c2: #28241c; --brand-bglight: #f0f0f0; } html{ scroll-behavior: smooth; } .grid-style1 .item .amenities li [class^='icon-'], .grid-style2 .item .amenities li [class^='icon-'], .list-style .item .amenities li [class^='icon-'], .grid-style1 .item .amenities li [class*=' icon-'], .grid-style2 .item .amenities li [class*=' icon-'], .list-style .item .amenities li [class*=' icon-'] { color: var(--brand-c2)000; font-weight: bold; font-size:1.2em; } .grid-style1 .item .amenities li, .grid-style2 .item .amenities li, .list-style .item .amenities li { color: var(--brand-c2)000; font-weight: bold; } .color-picker-only{ _color:rgba(255,230,3,1.00); } /* use to quickly hide content, then edit on editor*/ .hide-control .quick-hide, .quick-hide{ height: 0; visibility: hidden; display: none; } .black-bg{ background: #000; /* var(--brand-c2);*/ } .wallpaper-light{ _background:#fff; background: #f0f0f0; } .wallpaper-dark{ _background:#000; background: var(--brand-c2); } body{ color:#1B1B1B; } ::selection { background: var(--brand-c1); color: #000; } .btn-default-color{ background: var(--brand-c1); color: var(--brand-c2); border-color: var(--brand-c2); } .btn-default-color:hover{ background: var(--brand-c2); color: var(--brand-c1); border-color: var(--brand-c1); } .video-container { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; } .video-container iframe, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; max-height:100%; } #banner-container { background-position:center; } /* === added styles ==*/ /*== theres a few at the end of doc==*/ .button-styles00 a{ margin: 0 14px; font-size: 17px; text-decoration: none; } .button-styles00 a:hover{ margin: 0 14px; text-decoration: none; color: var(--brand-c2); font-weight: 700; } .button-styles00 ul{ width: 75%; padding: 0 0 0 0; margin: 7px 0; } .button-styles00 li:nth-of-type(1){ list-style: none; display: block; padding: 4px; margin: 3px 0; border: 3px solid #9966cc; border-radius: 7px; }.button-styles00 li:nth-of-type(2){ list-style: none; display: block; padding: 4px; margin: 3px 0; border: 3px solid #0082cb; border-radius: 7px; } .button-styles00 li:nth-of-type(3){ list-style: none; display: block; padding: 4px; margin: 3px 0; border: 3px solid #ff9900; border-radius: 7px; } .button-styles00 li:nth-of-type(4){ list-style: none; display: block; padding: 4px; margin: 3px 0; border: 3px solid #009933; border-radius: 7px; } .button-styles00 li:nth-of-type(5){ list-style: none; display: block; padding: 4px; margin: 3px 0; border: 3px solid #cc0066; border-radius: 7px; } /*slider maps*/ #map-students { } /* end slider maps */ .blockA-00 { width: 70%; float: left; } .blockB-00{ width: 27%; float: left; } .blockB-00 img{ margin: 0 18%; } #pageid2 .btn-default-color { color: var(--brand-c2); border: 2px solid var(--brand-c2); } #pageid2 .btn-default-color:hover { color: var(--brand-c2); border: 2px solid var(--brand-c2); background: #f8ed30; } .FAQ-style01 { float: left; padding-right: 10px; } .FAQ-style00 { float: left; padding-top: 20px; width: 65%; } .weAre-content01 { padding-top: 10px; } .weAre-content01 p > a { display: block; width: 33%; padding: 7px; padding-left: 10px; margin: 3px 0; color: var(--brand-c2); text-decoration: none; /*background: var(--brand-c2);*/ float: left; font-size: 14px; font-weight: 900; border: 2px solid var(--brand-c2); border-radius: 7px; } .weAre-content01 p > a:hover { display: block; width: 33%; padding: 7px; padding-left: 10px; margin: 3px 0; color: var(--brand-c2); text-decoration: none; background: #f8ed30; float: left; font-size: 14px; font-weight: 900; border: 2px solid var(--brand-c2); border-radius: 7px; } .weAre-content00{ float: left; } .weAre-content00 { width: 60%; padding-right: 15px; } .weAre-content00 p { font-size:16px; height: 60%; margin-bottom: 30%; } .neutral-bg { background: #f2f2f0; } .yellow-bg{ background: var(--brand-c1); } .rugby-container{ background: url(rugby-container-bg.jpg); } .terms-business { text-align: center; color: var(--brand-c1); background: rgba(0, 0, 0, 0.6); } .terms-business h3{ text-align: center; color: var(--brand-c1); } .slide-00 { height: 32px; background: var(--brand-c2); border: 2px solid var(--brand-c1); -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition: height 2s; /* For Safari 3.1 to 6.0 */ transition: height 2s; color: var(--brand-c1); overflow: hidden; padding: 5px; } .slide-00:hover{ height: 410px; padding: 5px; } .slide-00 p:nth-of-type(1){ /*this one also for group slide-01-03, and long*/ margin: 0; padding: 0; text-align:center; font-weight: 700; color: var(--brand-c1); font-size: 14px; } /*use this ones below on :hover to adjust div height*/ .slide-01 , .slide-02 , .slide-03 { height: 32px; background: var(--brand-c2); border: 2px solid var(--brand-c1); -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition: height 2s; /* For Safari 3.1 to 6.0 */ transition: height 2s; color: var(--brand-c1); overflow: hidden; padding: 5px; } .slide-01:hover, .slide-02:hover, .slide-03:hover { height: 300px; padding: 5px; } .slide-00Medium { height: 32px; background: var(--brand-c2); border: 2px solid var(--brand-c1); -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition: height 2s; /* For Safari 3.1 to 6.0 */ transition: height 2s; color: var(--brand-c1); overflow: hidden; padding: 5px; } .slide-00Medium:hover{ height: 380px; padding: 5px; } .slide-00Long { height: 32px; background: var(--brand-c2); border: 2px solid var(--brand-c1); -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition: height 2s; /* For Safari 3.1 to 6.0 */ transition: height 2s; color: var(--brand-c1); overflow: hidden; padding: 5px; } .slide-00Long:hover{ height: 550px; padding: 5px; } .slide-01 p:nth-of-type(1), .slide-02 p:nth-of-type(1), .slide-02 p:nth-of-type(1), .slide-03 p:nth-of-type(1), .slide-00Medium p:nth-of-type(1), .slide-00Long p:nth-of-type(1){ margin: 0; padding: 0; text-align:center; font-weight: 700; color: var(--brand-c1); font-size: 14px; } /*end :hover trans height adjustement */ .slide-00 img, .slide-01 img, .slide-02 img, .slide-03 img, .slide-04 img { padding: 0; margin: 0; } .yellow-container00 a.btn-default-color{ clear: both; margin: 0 36.7%; } .yellow-container00 a.btn-default-color:hover{ color: #fff; background: var(--brand-c2); } /*.trans-box{ height: 0; background: #fff; -webkit-transition: height 4s; /* For Safari 3.1 to 6.0 transition: height 4s; } .trans-box:hover{ height: 800px; } */ .trans-box{ height:0; overflow: hidden; } .trans-content{ width: 100%; height: 380px; } .fakeCol-AA{ width: 47%; min-width: 480px; float: left; padding: 2%; } .range-center img{ margin: 0 auto; } .yellow-container00{ background: var(--brand-c1); } .feature-bg02 { background: var(--brand-c1); color: var(--brand-c2); } .what-container { background: url(what-photo01.jpg); } .container-about01 h2{ } .row-style-about h2{ font-size: 21px; padding: 0 5%; } .yellow-canbas-alerta { background: var(--brand-c1); } .yellow-canbas-alerta h2 { padding-bottom: 3px; } .yellow-canbas-alerta h3{ text-align: center; display: block; margin: 0 20%; background: var(--brand-c2); color: var(--brand-c1); padding: 10px 0; } .sub-content00 h2{ font-size: 38px; display: block; width: 99%; background: var(--brand-c2); } .sub-content01 h3{ font-size: 26px; padding-bottom: 0; margin-bottom: 0; } .sub-content01 p{ /*there is also a pad and mar applied to the h3s*/ color:var(--brand-c2); padding-top: 0; margin-top: 0; } .sub-content01 .btn, .sub-content01 .btn-default-color{ color: var(--brand-c2); border: 3px solid var(--brand-c2); } .sub-content01 .btn:hover, .sub-content01 .btn-default-color:hover{ color: var(--brand-c1); font-weight: 900; border: 3px solid var(--brand-c2); background: var(--brand-c2); } .sub-content01{ text-align: center; } .sub-content01 p:nth-of-type(1){ color: var(--brand-c1); font-weight: 900; background: var(--brand-c2); padding: 7px; margin-top: 20px; } /*for any additional close times ps .sub-content01 p:nth-of-type(2){ color: var(--brand-c1); font-weight: 700; background: var(--brand-c2); padding: 5px; margin-top: 20px; } } */ /* Old News section (hidden/removed) ; New Notice board for set up*/ .notice-board /* new background*/ { background: url('wallpaper-topbg.jpg') repeat-x; background-position: top center; background-attachment: absolute; background-size: 135%; background-color: var(--brand-c1); } .notice-board h2{ color: var(--brand-c2); font-size: 38px; font-variant-caps: titling-caps; } .notice-board .sub-content02 h3{ font-size: 26px; padding-bottom: 0; margin-bottom: 0; } .notice-board .sub-content02 p{ color:var(--brand-c2); padding-top: 0; margin-top: 0; } .notice-board .sub-content02 .btn, .notice-board .sub-content02 .btn-default-color{ color: var(--brand-c2); border: 3px solid var(--brand-c2); } .notice-board .sub-content02 .btn:hover, .notice-board .sub-content02 .btn-default-color:hover{ color: var(--brand-c1); font-weight: 900; border: 3px solid var(--brand-c2); background: var(--brand-c2); } .notice-board .sub-content03 h3{ font-size: 26px; padding-bottom: 0; margin-bottom: 0; } .notice-board .sub-content03 p{ /*there is also a pad and mar applied to the h3s*/ color:var(--brand-c2); padding-top: 0; margin-top: 0; } .notice-board.sub-content03 .btn, .notice-board .sub-content03 .btn-default-color{ color: var(--brand-c2); border: 3px solid var(--brand-c2); } .notice-board .sub-content03 .btn:hover, .notice-board .sub-content03 .btn-default-color:hover{ color: var(--brand-c1); font-weight: 900; border: 3px solid var(--brand-c2); background: var(--brand-c2); } /* End Notice board section from old news blog*/ .sub-content04 h3{ color: var(--brand-c2); /*yellow var(--brand-c1) */ } .sub-content04 p{ color: #333; /*light grey #f0eeee */ } .sub-content04 .side-line { border-left: 4px solid var(--brand-c2); /*yellow var(--brand-c1) */ padding-left: 10px; } /*.sub-content04.btn, .sub-content04.btn-default-color{ color: var(--brand-c2); border: 3px solid var(--brand-c2); }*/ .sub-content04 .btn:hover, .sub-content04 .btn-default-color:hover{ color: var(--brand-c2); /*font-weight: 900;*/ border: 3px solid var(--brand-c2); /*background: var(--brand-c2);*/ } /*Social Media bottom CTA's*/ /*these are share for all 3 cols*/ .socialm-control{ color: var(--brand-c2); } .wallpaper-dark.socialm-control{ border-bottom: 3px solid #fff; /*var(--brand-c1);*/ } .wallpaper-dark.socialm-control img, .socialm-control img{ border-radius: 5px; transform: rotate(0); transition: transform 0.6s ease-in; } .socialm-control img:hover{ border-radius: 5px; transform: rotate(10deg); transition: transform 0.3s ease-in; box-shadow: 2px 2px 7px rgba(0,0,0,0.4); } .wallpaper-dark.socialm-control img:hover{ border-radius: 5px; transform: rotate(10deg); transition: transform 0.3s ease-in; box-shadow: 2px 2px 7px rgba(0,0,0,0.9); } /* icos- controls*/ svg#isqb-ico, svg#f-ico, svg#x-ico{ width: 32px; height: 32px; float: left; margin-right: 5px; } /* X-TWITTER*/ svg#x-ico .st0{fill:var(--brand-c1);} svg#x-ico .st1{fill:#000;} /* FACEBOOK*/ svg#f-ico .st0{fill:var(--brand-c1);} svg#f-ico .st1{fill:#000;} /* INSTAGRAM*/ svg#isqb-ico .st0{fill:var(--brand-c1);} svg#isqb-ico .st1{fill:#000;} /* end x-ico */ .sub-content05B1, .sub-content06B1, .sub-content07B1{ width:60%; float: left; } .sub-content05B1 h3, .sub-content06B1 h3, .sub-content07B1 h3{ _color: #fff; color: #000; } .wallpaper-dark .sub-content05B1 h3, .wallpaper-dark .sub-content06B1 h3, .wallpaper-dark .sub-content07B1 h3{ color: #fff; _color: #000; } .sub-content05B1 p > a, .sub-content06B1 p > a, .sub-content07B1 p > a{ color:var(--brand-c2); font-size: 14px; display: block; line-height: 1.2em; } .wallpaper-dark .sub-content05B1 p > a, .wallpaper-dark .sub-content06B1 p > a, .wallpaper-dark .sub-content07B1 p > a{ color:var(--brand-c1); font-size: 14px; display: block; line-height: 1.2em; } /*social*/ .sub-content05B1 p > a .fa-facebook-square{ font-size: 36px; float: left; padding-right: 7px; color: var(--brand-c2); } .sub-content06B1 p > a .fa-twitter-square{ font-size: 36px; float: left; padding-right: 7px; } .sub-content07B1 p > a .fa-instagram{ background: var(--brand-c1); color: var(--brand-c2); font-size: 29px; float: left; margin-right: 7px; padding: 3px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; } /*these are shared for all three too*/ .sub-content05B2, .sub-content06B2, .sub-content07B2{ width: 39%; float: left; } .sub-content05B2 img{ width: 95%; margin: 0; padding: 0; } /*end group*/ .yellow-canbas00{ background: var(--brand-c1);} .the-tick ul a.textlink:{ color: var(--brand-c1); font-family: montserrat, sans-serif; } .the-tick ul a.textlink:hover{ color: var(--brand-c1); font-family: montserrat, sans-serif; } .the-tick ul { margin-left: 0px; padding-left: 0px; /*list-style-image: url('the-red-tick.png');*/ } .the-tick ul .animation-from-left { color: #fff; list-style-type: none; list-style-position: outside; background-image: url("k-kingstons.png"); background-position: 100px left; background-repeat: no-repeat; padding: 0 0 0 2.5em; line-height: 2.7em; } /* Page BAnner Ad*/ .pagebanner-control{ background-image: url('pagebanner-bg0.jpg'); background-position: center top; background-size:cover; } .pagebanner-control div.pannel{ background: rgba( 255,255,255, 0.6); color: var(--brand-c2); margin: 60px auto; text-align: center; width: 60%; } .pagebanner-control h2{ display: inline-block; width: 88%; padding: 12px 16px; background: var(--brand-c1); } .pagebanner-control ul.bannerad-list{ list-style: none; list-style-image: url("k-kingstons2.png"); padding: 0 0 0 1em; font-weight: bolder; width: 66%; margin: 0 auto; } .pagebanner-control .bannerad-list li{ padding-top: 0px; padding-bottom: 10px; border-bottom: 1px solid var(--brand-c1); font-size: 19px; text-align: left; } @media (max-width: 690px){ .pagebanner-control .bannerad-list li{ font-size: 14px; _color: red; } .pagebanner-control div.pannel{ background: rgba( 255,255,255, 0.6); color: var(--brand-c2); margin: 15px auto; text-align: center; width: 90%; } .pagebanner-control ul.bannerad-list{ width: 70%; margin: 0 auto; } } .pagebanner-control .bannerad-list li::marker{ display: block; padding-top: 20px; } .pagebanner-control .btn-default-color{ margin: 30px auto; height: auto; padding: 12px 25px; background: #fff; box-shadow: 3px 4px 6px rgba(0,0,0,0.6); } .pagebanner-control .btn-default-color:hover{ color: #000; margin: 30px auto; height: auto; padding: 12px 25px; background: var(--brand-c1); box-shadow: 3px 4px 6px rgba(0,0,0,0.6); } /* end pagebanner-control*/ .home-container03{ background: url(container-home03.jpg) repeat-x; background-color: #000; /*var(--brand-c2);*/ background-position: relative; background-size: 100%; } .content-container03{ /*height: 530px;*/ } .content-container03 h3{ color: #fff; /*var(--brand-c1);*/ font-family: 'Palanquin Dark', sans-serif; font-size: 36px; } .content-container05{ background: var(--brand-c2); } .content-container05 h3{ color: var(--brand-c1); font-family: 'Palanquin Dark', sans-serif; font-size: 26px; } .home-canbas00 { background-color:var(--brand-c2); /*var(--brand-c1)*/ background-image: url(about-wallpaper1.jpg); background-position: center 10%; background-attachment: scroll; } .home-canbas00 .white-canbas00 .award-control { text-align: center; } .home-canbas00 .white-canbas00 div.award-control img{ margin: 0 auto; text-align: center; width: 66%; } @media (max-width: 765px){ .home-canbas00 .white-canbas00 div.award-control img{ margin: 0 auto; width: 30%; } } @media (max-width: 1140px) and (min-width: 768px) { .home-canbas00 .white-canbas00 div.award-control img{ margin: 0 auto; width: 100%; } } .home-container02{ background-color: #34310a; background-image: url('kingstons-bg01.jpg'); } .home-container07{ background-color: #34310a; background-image: url('kingstons-bg00.gif'); } .home-container07 h2, .home-container07 .sub-content10 p > a{ color: var(--brand-c1); } .home-container07 .sub-content10 h4{ color: #ebebeb; } .emergency h3, .emergency p { color: var(--brand-c1); text-decoration: none; } .emergency { width: 99%; border: 3px solid var(--brand-c1); padding: 10px; text-align: center; } .white-canbas00{ background-color: #fff; } .HelpBox { text-align: center; } .HelpBox h2{ font-family: 'Palanquin Dark', sans-serif; color: var(--brand-c2); font-size: 36px; } .Sign-UpBox h3{ font-family: 'Palanquin Dark', sans-serif; color: var(--brand-c2); font-size: 29px; background: var(--brand-c1); padding: 5px 10px; } .Sign-UpBox p{ color: #000; } .Sign-UpBox .btn-default-color{ height: auto; padding: 12px 21px; background: var(--brand-c1); color: var(--brand-c2); border-color: var(--brand-c2); font-weight: bolder; } .Sign-UpBox .btn-default-color:hover{ height: auto; padding: 12px 21px; background: var(--brand-c2); color: var(--brand-c1); border-color: var(--brand-c1); font-weight: bolder; } #nav-section { background:var(--brand-c1); } /* === end added styles ==*/ /* Property Carousel Hover */ .owl-controls .owl-buttons div.owl-prev:hover, .owl-controls .owl-buttons div.owl-next:hover { background: #555555; color: #ffffff; } .owl-controls .owl-page span { display: block; width: 20px; height: 20px; margin: 5px 8px; background: #000; } .owl-controls .owl-page span:hover { display: block; width: 20px; height: 20px; margin: 5px 8px; background: #fff; } .multibranch-selector ul { top: 25px; background-color: var(--brand-c1); } .nav-tabs { display: block; } /* #Resize Logo Option .nav-logo img{ height:100px; } .nav-logo { height:100px; margin:0; } #nav-section.shrink { min-height: 70px; } #nav-section.shrink .nav-logo img { height: 65px; } #nav-section.shrink .navbar-nav > li > a { line-height: 70px; } .shrink #nav-mobile-btn { margin-top: 20px; margin-bottom: 20px; } */ /* #Logo and Menu Background */ .navbar button#nav-mobile-btn{ background-color: var(--brand-c2) !important; } .nav-logo img{ height:85px; } .nav-logo { height:85px; } .navbar { margin: 0; } /* # Navigation */ .navbar-nav > li > a { padding: 0px 10px; display: block; color: #133b29; line-height: 105px; text-transform: uppercase; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus, .nav > li > a:hover, .nav > li > a:focus, .navbar-nav > li > a.active { background-color: transparent; color:#C0C0C0; } /* Drop Down Box Font Size */ .chzn-container-single .chzn-single { font-size: 14px; } /* Search Form Control */ #home-advanced-search{ background-color: #fff; } .form-control-text .form-control{ border: 2px solid var(--brand-c1); /*rgba(255, 255, 255, 0.6);*/ border-radius: none; color: #fff !important; background: rgba(0, 0, 0, 1.0);/* #445263;*/ } .form-control-propertytypegroup .chzn-single, /*new*/ .form-control-category .chzn-single, .form-control-bedrooms .chzn-single, .form-control-price .chzn-single, .form-control-status .chzn-single { border: none; border-radius: none; border-bottom: none; color: #000; background: none; } .form-control-propertytypegroup a.chzn-single div, /*new*/ .form-control-category a.chzn-single div, .form-control-bedrooms a.chzn-single div, .form-control-price a.chzn-single div, .form-control-status a.chzn-single div { color: var(--brand-c1); } .form-control-propertytypegroup .chzn-container, /*new*/ .form-control-category .chzn-container, .form-control-bedrooms .chzn-container, .form-control-price .chzn-container, .form-control-status .chzn-container{ border-bottom: 2px solid #8d8d8d; -webkit-transition: border-bottom 1s ease; -moz-transition: border-bottom 1s ease; -ms-transition: border-bottom 1s ease; -o-transition: border-bottom 1s ease; transition: border-bottom 1s ease; } .form-control-propertytypegroup .chzn-container:hover, .form-control-category .chzn-container:hover, .form-control-bedrooms .chzn-container:hover, .form-control-price .chzn-container:hover, .form-control-status .chzn-container:hover { border-bottom: 2px solid var(--brand-c1); } .chzn-container-single .chzn-single div:after{ border-left: none; } .chzn-container .chzn-results li.highlighted { background-color: var(--brand-c1); color: #000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .form-group .btn-fullcolor { color: #333; background-color: var(--brand-c1); } .form-group .btn-fullcolor:hover { color: #fff; background-color: var(--brand-c2); border: none; } /* Featured Properites Anemity Font Size */ .carousel-style1 .item .amenities li { font-size: 14px; } .carousel-style1 .item .amenities li [class^="icon-"], .carousel-style1 .item .amenities li [class*=" icon-"] { color: #000; } /* # Headings and Paragraphs */ .section-title, .section-highlight { padding-bottom: 24px; position: relative; margin-bottom: 12px; margin-top: 12px; text-align: center; clear: both; display: inline-block; width: 100%; } .section-title { font-size:32px; } .section-highlight { font-size:26px; } .section-title:before, .section-highlight:before, .section-title:after, .section-highlight:after { background: none; content: " "; position: absolute; bottom: 3px; left: 50%; margin-left: -50px; width: 100px; height: 0px; } .main { padding-top: 0; } /* # Body text */ body { font-size: 16px; } p { margin: 1em 0 1em 0; } /* # Text Link Text Colour*/ a { color:#74777c; } a:hover { color:#a0884f; } /* # Footer Text */ .footer-contacts li { font-size: 15px; color: #a8a8a6; } #footer-top h3 { color: var(--brand-c1); } #footer-top a { color: #f0f0f0; } #footer-top a:hover { color: var(--brand-c1); text-decoration: none; } /* footer added*/ #footer { background:var(--brand-c2); } .footer-contacts li:nth-of-type(2) i:hover{ color: var(--brand-c1); border: 2px solid var(--brand-c1); } .footer-contacts li:nth-of-type(3) i:hover{ color: var(--brand-c1); border: 2px solid var(--brand-c1); } /* end added */ /* # Property Details Page */ #property-detail-large .item img { border: 1px solid #ffffff; } #property-detail-wrapper { border: 1px solid #ededed; background: #f5f5f5; } .lettingfees a, .lettingfees a:active, .lettingfees a:visited{ color: #ffffff; text-decoration:underline; } .lettingfees a:hover{ color: #ededed; text-decoration:underline; } /* # Property Status */ .status-available{ background: url("Statusgreen.png"); } .status-underoffer { background: url("Statusorange.png"); } .status-text-underoffer{ color: #ddd210; } .status-exclusive { background: url("Statuspurple.png"); } .status-text-exclusive{ color:#232103; font-style: italic; } .status-sold { background: url("Statusred.png"); } .status-newinstruction { background: url("Statuspurple.png"); } .status-text-newinstruction{ color: var(--brand-c2); background: #f8ed30; display: block; width: 145px; padding-left: 3px; } .status-let { background: url("Statusred.png"); } .status-notavailable { background: url("Statusred.png"); } /* # Price Tags */ .carousel-style1 .item .price { position: absolute; top: 10px; font-size: 14px; left: 10px; background-color: #455560; color: #fff; padding: 2px 20px 2px 10px; z-index: 10; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: 2px 4px 3px rgba(0,0,0,0.3); } .carousel-style1 .item .price span{ font-size: 15px; } .carousel-style1 .item .price:before { border-width: 0; } .grid-style1 .item .price, .grid-style2 .item .price, .list-style .item .price, .grid-style1 .item .tag, .grid-style2 .item .tag, .list-style .item .tag { position: absolute; top: 10px; left: 20px; background-color: #455560; color: #fff; font-size: 15px; padding: 2px 20px 2px 10px; z-index: 10; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: 2px 4px 3px rgba(0,0,0,0.3); } .grid-style1 .item .price, .grid-style2 .item .price { font-size: 13px; } .grid-style1 .item .price span, .grid-style2 .item .price span { font-size:14px; } .grid-style1 .item .price span, .grid-style2 .item .price span, .list-style .item .price span, .grid-style1 .item .tag span, .grid-style2 .item .tag span, .list-style .item .tag span{ font-size:16px; } .grid-style1 .item .price:before, .grid-style2 .item .price:before, .list-style .item .price:before, .grid-style1 .item .tag:before, .grid-style2 .item .tag:before, .list-style .item .tag:before { border-width: 0; } #property-detail-wrapper.style1 .price { position: absolute; top: 10px; left: 10px; background-color: #455560; color: #fff; padding: 2px 20px 2px 10px; z-index: 10; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; box-shadow: 2px 4px 3px rgba(0,0,0,0.3); } #property-detail-wrapper.style1 .price:before { border-width: 0; } /* # Property List Page */ .grid-style1 .item, .grid-style2 .item, .list-style .item { margin: 0 auto 43px; text-align: left; position: relative; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; border: solid 1px #ededed; } /* # Team Page */ .agents-list .item .info { width: 100%; margin-left: 3%; } /* # Contact Page */ .sidebar { padding-top: 0px; padding-bottom: 80px; } /*Custom Button Class */ .button-but, .button-but:focus { background-color: transparent; border-color: rgba(0, 0, 0, 0.5); color: rgba(0, 0, 0, 0.5); } .button-but:hover, .button-but:active, .button-but.active, .open .dropdown-toggle.button-but{ background-color: transparent; border-color: #a0884f; color: #a0884f; } .parallax { padding:85px 0 0 0; } /* # Testimonials - part1 */ .testimonials .item .text { color: var(--brand-c2); border: 4px solid rgba(238, 228, 45, 1); font-style: normal; font-size: 16px; background-color:var(--brand-c2); /*this one controls the text bubble*/ } /* .testimonials .item .text:after { border-color: transparent rgba(255, 255, 255, 0.6) transparent transparent; _border-color: var(--brand-c2)000 #00ff00 var(--brand-c2)000 var(--brand-c2)000; } */ /* # Action Box */ .action-box { background-color: var(--brand-c1); padding: 40px 0; color: var(--brand-c2); position: relative; } .action-box h2 { color: var(--brand-c2); text-transform: uppercase; font-size: 36px; margin-bottom: 40px; } .action-box p{ _color: var(--brand-c2); font-size: 20px; margin-bottom: 20px; } .action-box .btn-default { color: var(--brand-c2) ; /*var(--brand-c1);*/ background: #fff; /*var(--brand-c2);*/ border-color: var(--brand-c2); font-weight: bold; height: auto; padding: 12px 27px; } .action-box .btn-default:hover { color: var(--brand-c1); background: var(--brand-c2); /*var(--brand-c1);*/ _border-color: var(--brand-c2); } /* action box brnd-colour variants */ .action-box.light-variant { background-color: var(--brand-bglight); padding: 40px 0; color: var(--brand-c2); position: relative; } .action-box.light-variant h2 { color: var(--brand-c2); display: inline-block; padding: 12px 16px; background: var(--brand-c1); text-transform: uppercase; font-size: 36px; margin-bottom: 40px; } .action-box.light-variant p { color: var(--brand-c2); font-size: 20px; margin-bottom: 20px; } .action-box.light-variant .btn-default { color: var(--brand-c1); background: var(--brand-c2); border-color: var(--brand-c2); font-weight: bold; } .action-box.light-variant .btn-default:hover { color: var(--brand-c2); background: var(--brand-c1); border-color: var(--brand-c2); } /* Big Button Panel */ .colored-bg:before { background-color: #a0884f; } .property-large-buttons2 li { width: 75%; color: #a0884f; } .aw-adjust{ padding-bottom: 5px } /* # Slider Text */ .sliderV2-title-small { font-family: 'Palanquin Dark', sans-serif; font-size: 48px; /*this is the max font size*/ font-weight: 600; color: #fff; _background-color: rgba(0,0,0,0.4); line-height:52px; text-shadow: 2px 4px 3px rgba(0,0,0,0.8); } .sliderV2-title { font-family: 'Palanquin Dark', sans-serif; font-size: 96px; /*this is the max font size*/ font-weight: 600; color: #fff; background-color: rgba(0,0,0,0.4); line-height:96px; height: auto; display: inline-block; float: left; padding: 25px 30px; border: 3px solid #fff; _text-shadow: 2px 4px 3px rgba(0,0,0,0.8); } .sliderV2-title h2{ font-size: 48px; color: #fff; display: inline-block; float: right; text-transform: capitalize; } .sliderV2-title.brand-c1bg { color: #000; background-color: var(--brand-c1); border: 3px solid #000; background-blend-mode:color-burn; } .sliderV2-title.brand-c1bg h2{ color: #000; } .sliderV2-subtitle { font-family: 'Montserrat', sans-serif; color: #ffffff; font-size: 26px; font-weight: 700; line-height:32px; text-shadow: 2px 4px 3px rgba(0,0,0,0.7); _float: left; display: inline-block; text-align: center; } .sliderV2-subtitle.highlight{ display: block; padding: 12px 21px; background-color: var(--brand-c1); color: #000; text-shadow: none; } @media (max-width: 500px){ .sliderV2-title { font-size: 48px; } .sliderV2-title h2{ font-size: 24px; } .sliderV2-subtitle{ font-size: 18px; } } /* Old slider before 2024 */ .slider-award { font-family: 'Palanquin Dark', sans-serif; font-size: 74px; /*this is the max font size*/ font-weight: 600; color: #fff; line-height: 74px; text-shadow: 2px 4px 3px rgba(0,0,0,0.6); } .local { font-family: 'Great Vibes'; font-size: 104px; /*this is the max font size*/ font-weight: 600; color: #fff; line-height: 74px; text-shadow: 2px 4px 3px rgba(0,0,0,0.6); } .slider-title { font-family: 'Palanquin Dark', sans-serif; font-size: 48px; /*this is the max font size*/ font-weight: 600; color: #fff; line-height: 34px; text-shadow: 2px 4px 3px rgba(0,0,0,0.8); } /* New light slider bg panel grounp */ .slider2-title2 { font-family: 'Palanquin Dark', sans-serif; font-size: 34px; font-weight: 400; color: var(--brand-c2); line-height: 34px; text-shadow: 2px 4px 3px rgba(0,0,0,0.1); } .slider2-title2.slider-panel{ display: block; background: rgba(255,255,255,0.7); border: 5px solid var(--brand-c1); text-align: center !important; font-weight: 800; } .slider2-subtitle2 { font-family: 'Palanquin Dark', sans-serif; display:block; padding: 12px 21px; background: var(--brand-c1); color: var(--brand-c2) !important; font-size: 32px; font-weight: bolder; line-height: 28px; text-align: center; } .slider2-subtitle3 { color: #000; font-size: 18px; font-weight: 400; line-height: 24px; text-align: center; } /*end group*/ .slider-title2 { font-family: 'Palanquin Dark', sans-serif; font-size: 34px; font-weight: 300; color: #a0884f; line-height: 34px; text-shadow: 2px 4px 3px rgba(0,0,0,0.1); } .slider-subtitle2 { font-family: 'Montserrat', sans-serif; color: var(--brand-c1); font-size: 26px; font-weight: 300; line-height:26px; text-align:center; } .btn-default3{ color: #FFF !important; /* var(--brand-c1) */ font-weight: 700; background: rgba(255,255,255, 0.4) !important;/* rgba(255,255,255, 1.0);*/ border: 3px solid var(--brand-c1) !important; font-size: 21px; /*border-color: rgba(0,0,0, 0.6);*/ box-shadow: 2px 3px 3px rgba(0,0,0,.6); letter-spacing: 3px; padding: 10px 15px; height: auto; text-transform: uppercase; /*text-shadow: 2px 4px 3px rgba(0,0,0,0.3);*/ transition: background .3s ease-out; } .btn-default3:hover{ color: var(--brand-c2) !important; /*var(--brand-c1) */ background: var(--brand-c1) !important; border: 1px solid var(--brand-c1) !important; } .btn-default2{ color: var(--brand-c2) !important; /* var(--brand-c1) */ font-weight: 700; background: #fff !important;/* rgba(255,255,255, 1.0);*/ border: 3px solid var(--brand-c1) !important; font-size: 14px; /*border-color: rgba(0,0,0, 0.6);*/ border-radius: 5px; box-shadow: 2px 3px 3px rgba(0,0,0,.6); letter-spacing: 3px; padding: 10px 14px; height: auto; text-transform: uppercase; /*text-shadow: 2px 4px 3px rgba(0,0,0,0.3);*/ transition: background .3s ease-out; } .btn-default2.highlight.no-cursor.btn-lg{ color: var(--brand-c2) !important; /* var(--brand-c1) */ font-weight: 700; background: var(--brand-c1) !important;/* rgba(255,255,255, 1.0);*/ border: 3px solid var(--brand-c1) !important; font-size: 17px; cursor:context-menu; box-shadow: none; } .btn-default2.highlight.no-cursor.btn-lg i.fa-phone{ font-size: 14px; font-weight: bolder; } .btn-default2:hover{ color:var(--brand-c2) !important; /*var(--brand-c1) */ background: var(--brand-c1) !important; border: 1px solid var(--brand-c1) !important; } @media (max-width: 690px){ .btn-default2, .btn-default2.highlight.no-cursor.btn-lg{ border: 2px solid var(--brand-c1) !important; border-radius: 3px; } .slider2-title2.slider-panel{ border: 3px solid var(--brand-c1); } .slider2-subtitle2 { padding: 10px 19px; font-size: 30px; } .btn-default2.highlight.no-cursor.btn-lg i.fa-phone{ font-size: 10px; } } a.tp-caption.btn-default, a.tp-caption.btn-lg { color: #fff; height: auto !important; border-color: var(--brand-c3); } a.tp-caption.btn-default:hover, a.tp-caption.btn-lg:hover { color: #fff; height: auto !important; _text-decoration: underline; background: rgba(255,255,255,0.2); } a.btn-default.btn-lg.no-hand{ cursor: none; } /* # Site Map listings */ .sitemap-listings { list-style: none; padding: 0; } .sitemap-listings li { min-height: 58px; display: block; margin-bottom: 2px; width: 100%; position: relative; padding: 4px 42px 0 64px; } .sitemap-listings li .image { width: 58px; height: 58px; overflow: hidden; position: absolute; display: block; z-index: 2; top: 0; left: 0; } .sitemap-listings li .image img { height: 100%; } .sitemap-listings li a { line-height: 8px; z-index: 1; display: inline; width: 100%; min-height: 58px; vertical-align: middle; } .sitemap-listings li a span { position: absolute; right: 0; top: 10px; margin-right: 5px; width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 13pt; border: 1px solid #74777c; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .sitemap-listings li li:hover > p a { color: #a0884f !important; } .sitemap-listings li li:hover > p a span { border-color: #a0884f; } @media (min-width: 768px) and (max-width: 1199px) { .sitemap-listings li { padding: 4px 42px 0 0; } .sitemap-listings li .image { display: none; } } /* # Form - field size */ /*added styles*/ .btn-fullcolor { color: var(--brand-c2); font-weight: 700px; border: 3px solid var(--brand-c1); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } /*end added styles*/ /* # Partners Logos */ #partners { padding-top: 15px; background: #aaa; } #partners .item { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: inline-block; _background-color: rgba(255, 255, 255, 0.5); background-color: #f0f0f0; margin: 4px; padding: 10px 10px; vertical-align: middle; } /* # Top Contact Bar */ #topbar{ color: var(--brand-c2); _background: var(--brand-c2); background: var(--brand-bglight); text-decoration:none; padding: 7px 0 8px 0; height: 40px; } #topbar a, #topbar a:active, #topbar a:visited { color: var(--brand-c2); text-decoration:none; } #topbar a:hover { color: var(--brand-c1); text-decoration:none; } #top-buttons li{ /*background-color:greenyellow;*/ padding-top: 4px 0; margin: 5px; color:#3c3c3c; } #ctl00_hypTopBarFacebook { /*background: #fff;*/ color: var(--brand-c1); border: none; padding: 0; } #ctl00_hypTopBarTwitter{ /*background: #fff;*/ color: var(--brand-c1); border: none; padding:0; } #ctl00_hypTopBarInstagram{ color: var(--brand-c1); border: none; padding: 0; /*border-radius: 10%; */ } #footer #copyright { font-size: 14px; background-color: var(--brand-c2); color: #f0f0f0; } #partners{ background: #fff; background-color: #fff; } .home-bg { background: #a0884f url("tile.png"); } /* Feature Formatting */ .feature-bg { padding:48px 0 0 0; background: url('repeat.jpg'); } .feature-bg .section-title{ color: #ffffff; } .feature h3{ color: #ffffff; } .feature:hover h3{ color: var(--brand-c2)000; } .feature-bg p{ color: #ffffff; } .feature-bg .btn-default-color { color: rgba(0,0,0,0.5); border-color: rgba(0,0,0,0.5); } .feature-bg .btn-default-color:hover{ color: #ffffff; border-color: #ffffff; } .feature i{ color: var(--brand-c2)000; border: 4px solid var(--brand-c2)000; } .feature:hover i{ color: var(--brand-c2)000; } .feature i:after { background: var(--brand-c2)000; } .properties-bg { background: url('no-background.png'); padding: 24px 0 24px 0; background-color: var(--brand-c1); width: 100%; height: 200%; background-repeat: repeat; } /*Testimonials part 2*/ .testimonials-bg { padding: 24px 0 24px 0; position: relative; background: var(--brand-c1) url('testimonial-bg.png'); width: 100%; height: 200%; } .testimonials-bg h2{ color: var(--brand-c2); } .testimonials-bg .item{ font-size: 20px; font-weight: 600; color: var(--brand-c2); } .testimonials-bg .item a{ text-decoration: none; font-size:18px; color: var(--brand-c1); }.testimonials-bg .item a:hover{ text-decoration: none; color: #676314; } .tenantbox { border-radius: 8px; background: url('repeat.jpg'); padding: 20px; width: 100%; height: 100%; color: #ffffff; } .tenantbox h5 { color: #ffffff; font-size: 22px; } .platinum { border-radius: 8px; background: url('platinum.jpg'); padding: 20px; width: 100%; height: 100%; color: #ffffff; } .platinum h5 { color: #ffffff; font-size: 22px; } .gold { border-radius: 8px; background: url('gold.jpg'); padding: 20px; width: 100%; height: 100%; color: #ffffff; } .gold h5 { color: #ffffff; font-size: 22px; } .bespoke { border-radius: 8px; background: url('repeat.jpg'); padding: 20px; width: 100%; height: 100%; color: #ffffff; } .bespoke h5 { color: #ffffff; font-size: 22px; } /* Social Sharing Button Colours */ .share-wraper .social-networks li a { font-size: 13pt; height: 30px; line-height: 30px; width: 30px; opacity:1.0; } .social-networks li a:hover { color: #ffffff !important; -webkit-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5; } #ctl00_ContentPlaceHolderMain_hypFacebook{ background: #3b5998; color: #ffffff; border: none; } #ctl00_ContentPlaceHolderMain_hypTwitter{ background: #55acee; color: #ffffff; border: none; } #ctl00_ContentPlaceHolderMain_hypGooglePlus{ background: #dd4b39; color: #ffffff; border: none; } #ctl00_ContentPlaceHolderMain_hypPinterest{ background: #cb2027; color: #ffffff; border: none; } #ctl00_ContentPlaceHolderMain_hypEmail{ background: #747777; color: #ffffff; border: none; } #ctl00_ContentPlaceHolderMain_hypPrint{ background: #747777; color: #ffffff; border: none; } #wrapper { box-shadow: -2px 0px 5px 0px rgba(0, 0, 0, 0.0); } /* === added styles ==*/ .home-container04{ background: url(photo-container04.jpg); background-attachment: fixed; } .home-container04 h3{ font-size: 62px; color: #fff; } .white-actionBox{ background:var(--brand-c1); } .white-actionBox h2, .white-actionBox p{ color: var(--brand-c2); } .white-actionBox .btn-default, .white-canbas01 .btn{ color:#999; border: 2px solid #999; } .white-actionBox .btn-default:hover, .white-canbas01 .btn:hover{ color:#666; border: 2px solid #666; } .sub-home-cont04 > .sub-home-cont04B { clear: both !important; } .sub-home-cont04 a.btn-default-color { margin-right: 25%; color: var(--brand-c1); font-weight: 800; margin-bottom: 20px; font-size: 23px; } .sub-home-cont04 a.btn { border: 3px solid var(--brand-c1); } .sub-home-cont04 a.btn-default-color:hover { margin-right: 30%; margin-bottom: 40px; color: var(--brand-c2); background: var(--brand-c1); } .emergency .textlink{ color: var(--brand-c1); text-decoration: none; } .links a { color: var(--brand-c2)000; font-weight: 700; } /* === FEES table */ .table>tbody>tr>td{ padding: 8px; line-height: 1.9em; vertical-align: top; border-top: 1px solid rgba(0,0,0,0.8); border-bottom: 0; } .table.table-hover>tbody>tr:hover{ background-color: orange !important; } /* ==== Hide Viewing Request, requested*/ .property-topinfo .amenities li a#ctl00_ContentPlaceHolderMain_hypRequestViewing{ width: 0; visibility:hidden; }