/*-------------------------------------------------------------------- Theme Name: Philip Alexander Author: The Pixel Parlour Author URI: https://www.pixelparlour.co.uk Version: 1.0 Updated: 09.11.2024 Designed & Handcrafted by The Pixel Parlour 1. CSS Resets 2. Common Styles 3. Universal Elements 4. Common Page Elements 5. Page Builder Content Blocks 6. Property Search 7. Homepage 8. Owl Carousel 9. Magnific Popup --------------------------------------------------------------------*/ /*------------------------------------------------------------------*/ /* 1. CSS Resets /*------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */ .hidden { display: none; } .alignleft { float: left; } .alignright { float: right; } .aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; } .clear { clear: both; display: block; font-size: 0; height: 0; line-height: 0; width: 100%; } section, article, header, footer, nav, aside, hgroup { display: block; } /*------------------------------------------------------------------*/ /* 2. Common Styles /*------------------------------------------------------------------*/ /*-------------------------------------------------------------------- Font: source-sans-pro Weights: 200 (extra light), 300 (light), 400 (regular), 600 (semibold), 700 (bold) Text: #2E3438 Brand Dark Blue: #0A3959 Brand Light Blue: #0083AA Brand Grey: #70838D Lavender: #9C99BE Green: #9FAD3C Yellow: #E8AA26 Brick Red: #D95B4A --------------------------------------------------------------------*/ /* Hide Text Whilst Fonts Load */ .wf-loading h1, .wf-loading h2, .wf-loading h3, .wf-loading h4, .wf-loading h5, .wf-loading h6, .wf-loading p, .wf-loading ol, .wf-loading ol li, .wf-loading ul, .wf-loading ul li, .wf-loading input, .wf-loading img, .wf-loading div { visibility: hidden; } /* Show Text Once Fonts Loaded */ .wf-active h1, .wf-active h2, .wf-active h3, .wf-active h4, .wf-active h5, .wf-active h6, .wf-active p, .wf-active ol, .wf-active ol li, .wf-active ul, .wf-active ul li, .wf-active input, .wf-active img, .wf-active div, .wf-inactive h1, .wf-inactive h2, .wf-inactive h3, .wf-inactive h4, .wf-inactive h5, .wf-inactive h6, .wf-inactive p, .wf-inactive ol, .wf-inactive ol li, .wf-inactive ul, .wf-inactive ul li, .wf-inactive input, .wf-inactive img, .wf-inactive div { visibility: visible; } * { margin: 0; padding: 0; } html { min-height: 100%; background-color: #EAEAEB; } body { height: 100%; font-family: "source-sans-pro", Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400; color: #2E3438; background-color: #FFF; -webkit-text-size-adjust: none; } .left { float: left; } .right { float: right; } .half { width: 50%; } img { width: auto; max-width: 100%; height: auto; vertical-align: bottom; } /* Responsive images. Fluid images for posts, comments, and widgets */ .comment-content img, .entry-content img, .entry-summary img, #site-header img, .widget img, .wp-caption { max-width: 100%; } /* Make sure images with WordPress-added height and width attributes are scaled correctly*/ .comment-content img[height], .entry-content img, .entry-summary img, img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"], #site-header img { height: auto; } img.size-full, img.size-large, .wp-post-image, .post-thumbnail img { height: auto; max-width: 100%; margin: 0 0 20px 0; } img.alignleft { max-width: 50%; margin: 0 4% 4% 0; } img.alignright { max-width: 50%; margin: 0 0 4% 4%; } img.aligncenter, img.aligncentre { margin: 0 auto; } /* Make sure embeds and iframes fit their containers */ embed, iframe, object, video { margin-bottom: 24px; max-width: 100%; } .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 0; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #FFF !important; } pre { font-size: 0.8em; font-weight: 500; line-height: 1.3em; padding: 11px; margin-bottom: 22px; background: #F9F9FD; border: 1px solid #DBDBDB; overflow: auto; white-space: pre-wrap; word-wrap: break-word; } pre a { font-weight: normal; } hr { border: 0; height: 0; margin: 0 0 22px 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); } a { color: #0083AA; text-decoration: none; } a:hover, a:active, a:focus { color: #70838D; } b, strong { font-weight: 600; } em, dfn, cite, i { font-style: italic; } h1, h2, h3, h4, h5, h6 { font-weight: 600; line-height: 1.1em; margin: 0 0 14px 0; } h1 { font-size: 2.5em; color: #0083AA; } h2 { font-size: 2.2em; } h3 { font-size: 1.8em; } h4 { font-size: 1.6em; } h5 { font-size: 1.4em; } h6 { font-size: 1.2em; } p { line-height: 1.4em; margin: 0 0 14px 0; } p.small { font-size: 0.8em !important; } /* Caption */ .wp-caption { overflow: hidden; } .wp-caption img { margin: 0; } .wp-caption.alignleft { margin: 0 5% 0 0; } .wp-caption.alignright { margin: 0 0 0 5%; } .wp-caption.aligncenter, .wp-caption.aligncentre { margin: 0 auto; } p.wp-caption-text { text-align: center; color: #FFF; padding: 8px 12px; margin-top: -2px; background-color: #678FA8; } blockquote { font-size: 1.3em; font-style: italic; padding: 14px 30px 14px 24px; margin: 0 0 20px 0; border-left: 3px solid #678FA8; } blockquote p { margin: 0; } .thecontent ol { list-style: decimal; margin: 0 0 18px 30px; } .thecontent ol li { line-height: 1.4em; margin: 0 0 8px 0; } .thecontent ol ol { padding: 10px 0 0 0; } .thecontent ol li li { font-size: inherit; } .thecontent ul { list-style: none; margin: 0 0 18px 0; } .thecontent ul li { line-height: 1.4em; margin: 0 0 8px 0; padding: 0 0 0 20px; background-image: url(_images/common/bkgd-bulletpoint.svg); background-repeat: no-repeat; background-position: 2px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .no-svg .thecontent ul li { background-image: url(_images/common/bkgd-bulletpoint.png); } /* No SVG */ .thecontent ul ul { padding: 10px 0 0 0;} .thecontent ul li li { font-size: inherit; } .thecontent h3 { font-size: 1.8em; margin: 0 0 18px 0; } /* FS */ .thecontent h3 span { font-size: 0.7em; font-weight: 300; color: #606E7E; } /* FS */ .thecontent h3 span:before { content: '|'; padding: 0 6px 0 4px; color: #606E7E; } .thecontent .sectiontitle h3 { margin: 0; } /* Text Alignment */ .text_left { text-align: left; } .text_right { text-align: right; } .text_centred, .text_centered { text-align: center; } a.btn { display: inline-block; line-height: 42px; text-transform: uppercase; color: #FFF; padding: 0 20px; background-color: #47505A; background-repeat: no-repeat; background-position: left 14px center; border-radius: 2px; } a.btn:hover, a.btn:active, a.btn:focus { background-color: #2E3438; } /* Button Variations */ a.btn.valuationbtn { padding-left: 48px; background-color: #9C99BE; background-image: url(_images/common/bkgd-valuationbtn.svg); } .no-svg a.btn.valuationbtn { background-image: url(_images/common/bkgd-valuationbtn.png); } /* No SVG */ a.btn.valuationbtn:hover, a.btn.valuationbtn:active, a.btn.valuationbtn:focus { background-color: #47505A; } a.btn.redvaluationbtn { padding-left: 48px; background-color: #D95B4A; background-image: url(_images/common/bkgd-valuationbtn.svg); } .no-svg a.btn.redvaluationbtn { background-image: url(_images/common/bkgd-valuationbtn.png); } /* No SVG */ a.btn.redvaluationbtn:hover, a.btn.redvaluationbtn:active, a.btn.redvaluationbtn:focus { background-color: #C35242; } a.btn.searchbtn { padding: 0 46px 0 14px; background-color: #9FAD3C; background-image: url(_images/common/icon-search.svg); background-repeat: no-repeat; background-position: right 14px center; } .no-svg a.btn.searchbtn { background-image: url(_images/common/icon-search.png); } /* No SVG */ a.btn.searchbtn:hover, a.btn.searchbtn:active, a.btn.searchbtn:focus { background-color: #8F9B36; } a.btn.refinesearchbtn { padding-left: 40px; color: #FFF; background-color: #BDBDBD; background-image: url(_images/common/bkgd-refinesearchbtn.svg); } .no-svg a.btn.refinesearchbtn { background-image: url(_images/common/bkgd-refinesearchbtn.png); } /* No SVG */ a.btn.refinesearchbtn:hover, a.btn.refinesearchbtn:active, a.btn.refinesearchbtn:focus { background-color: #AAAAAA; } a.btn.bluebtn { background-color: #0083AA; } a.btn.bluebtn:hover, a.btn.bluebtn:active, a.btn.bluebtn:focus { background-color: #007799; } a.btn.lavenderbtn { background-color: #9C99BE; } a.btn.lavenderbtn:hover, a.btn.lavenderbtn:active, a.btn.lavenderbtn:focus { background-color: #8C89AB; } a.btn.greenbtn { background-color: #9FAC3C; } a.btn.greenbtn:hover, a.btn.greenbtn:active, a.btn.greenbtn:focus { background-color: #8F9B36; } a.btn.yellowbtn { background-color: #E8AA26; } a.btn.yellowbtn:hover, a.btn.yellowbtn:active, a.btn.yellowbtn:focus { background-color: #D09921; } a.btn.redbtn { background-color: #D95B4A; } a.btn.redbtn:hover, a.btn.redbtn:active, a.btn.redbtn:focus { background-color: #C35242; } a.btn.reviewsbtn { color: #2E3438; font-weight: 600; background-color: #F8CA00; } a.btn.reviewsbtn:hover, a.btn.reviewsbtn:active, a.btn.reviewsbtn:focus { background-color: #DFB500; } a.btn.solidbtn { display: block; } .inlinebtn { margin: 0 6px 6px 0; } .largebtn { font-size: 1.2em; line-height: 54px !important; } .branddarkblue { color: #0A3959; } .brandlightblue { color: #0083AA; } .lavender { color: #9C99BE; } .green { color: #9FAD3C; } .yellow { color: #E8AA26; } .red { color: #D95B4A; } .bkgd_white { background-color: #FFF !important; } .bkgd_light_purple { background-color: #E7E6EF !important; } .bkgd_purple { background-color: #9B98BD !important; } /* Text White */ .text_white { color: #FFF; } .text_white a { color: #FFF !important; } .text_white a:hover, .text_white a:active, .text_white a:focus { color: rgba(255,255,255,0.8); } .text_white p { color: #FFF !important; } /* Headings */ .blueheadings h3, .blueheadings h4 { color: #0083AA !important; } .purpleheadings h3, .purpleheadings h4 { color: #9B98BD !important; } /* Underline Headings */ .wideleftcol.underlineheadings h3 { padding: 0 0 10px 0; border-bottom: 1px solid #D2D2D2; } /* Inline Star Rating */ .starratinginline { font-size: 1.2em; color: #E8AA26; margin: 0 0 10px 0; } .starratinginline span { font-size: 0.85em; color: #47505A; padding: 0 0 0 4px; } /*------------------------------------------------------------------*/ /* 3. Universal Elements /*------------------------------------------------------------------*/ .sitewrapper { padding: 101px 0 0 0; } .container { padding: 0 20px; margin: 0 auto; overflow: hidden; } .errorwrap { text-align: center; } /*------------------------------------------------------------------*/ /* Screenreader Accessibility */ #skiptocontent { position: relative; float: left; } #skiptocontent a { position: absolute; left: -10000px; font-size: 13px; z-index: 1000; margin: 0 8px 0 0; text-decoration: underline; } /* Browser Width */ .browserwidth { position: fixed; bottom: 0; right: 0; font-size: 0.8em; text-align: center; color: #665C63; padding: 8px; background-color: #E5E5E8; z-index: 9999999999; } /* Cookie Control */ #ccc #ccc-notify-dismiss { display: none; } #ccc .checkbox-toggle-label { line-height: inherit; background: none; } #ccc input[type="checkbox"] + span { height: 22px; min-height: 22px; line-height: 22px; background-image: none; } #ccc .ccc-notify-buttons { margin-left: 10px; } @media screen and (min-width: 600px) { #ccc #ccc-notify { font-size: inherit !important; } } @media screen and (max-width: 599px) { #ccc .ccc-notify-buttons { margin-left: 0; } } /*------------------------------------------------------------------*/ /*--- Forms ---*/ ::-webkit-input-placeholder { color: #1A1A1A; } :-moz-placeholder { color: #1A1A1A; } /* Firefox 18- */ ::-moz-placeholder { color: #1A1A1A; } /* Firefox 19+ */ :-ms-input-placeholder { color: #1A1A1A; } /* IE10 */ form { overflow: hidden; } .req { color: #EA1B2A; } .optional { color: #808080; } label { float: left; width: 30%; color: #2E3438; line-height: 38px; padding: 0 2.5%; background-color: #EAEAEB; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .textareablock label { width: 100%; } input, select, textarea { width: 70%; font-size: 1.1em; font-family: "source-sans-pro", Helvetica, Arial, sans-serif; font-size: 1em; font-weight: 400; color: #606E7E; margin: 0; padding: 0 10px; background-color: #FFF; border: 1px solid #EAEAEB; border-radius: 0; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input:hover, select:hover, textarea:hover { background-color: #F9F9FD; border: 1px solid #E9E9E9; } input:focus, select:focus, textarea:focus { background-color: #F9F9FD; border: 1px solid #D2D2D2; } input { height: 38px; line-height: 38px; -webkit-appearance: none; } select { height: 38px; line-height: 38px; -webkit-appearance: none; } textarea { float: left; width: 100%; min-width: 100%; max-width: 100%; min-height: 140px; max-height: 140px; padding: 10px; -webkit-appearance: none; resize: none; } .titleblock, .inputblock, .inputblockhalf, .selectblock, .textareablock, .checkblock, .submitblock { float: left; width: 100%; margin: 0 0 10px 0; overflow: hidden; } .titleblock br, .inputblock br, .inputblockhalf br, .selectblock br, .textareablock br, .checkblock br, .submitblock br { display: none; } .inputblockhalf { float: left; width: 49%; margin-right: 2%; } .inputblockhalflast { margin-right: 0; } /* Title Block */ .titleblock { color: #FFF; padding: 10px; background-color: #70838D; } /* Checkbox */ .wpcf7-list-item label { font-size: inherit; font-style: normal; text-transform: inherit; margin: 0; background: none; } input[type="checkbox"] { width: auto; height: auto; padding: 0; margin: 0 10px 0 0; background: none; -webkit-appearance: checkbox; } .checkblock span label { display: block; color: #4C5352; padding: 4px 10px; background-color: #F4F4F4; } .checkblock span label:hover { background-color: #E9E9E9; cursor: pointer; } /* Anti-spam Quiz */ .antispam label { width: 100%; padding-right: 0; } .antispam input { float: right; } @media screen and (min-width: 0px) and (max-width: 599px) { .antispam input { width: 103%; margin-left: -5%; } } /* Submit */ input.submit, input.wpcf7-submit { width: auto; text-align: center; font-size: 1.2em; text-transform: uppercase; color: #FFF; margin: 0; background-color: #0083AA; border: none; } input.submit:hover, input.wpcf7-submit:hover, input.submit:focus, input.wpcf7-submit:focus { background-color: #007799; border: none; cursor: pointer; } span.submitprompt { text-align: center; padding: 0 10px; } /* Privacy */ .formprivacy { float: left; width: 100%; font-size: 0.9em; line-height: 1.2em; background-color: #EAEAEB; } .formprivacy .innerwrap { padding: 8px; } .formprivacy .padlockicon { display: inline-block; width: 10px; height: 14px; margin: 0 9px -1px 0; background-image: url(_images/common/bkgd-icon-privacy-padlock.svg); background-repeat: no-repeat; background-position: center center; } .no-svg .formprivacy .padlockicon { background-image: url(_images/common/bkgd-icon-privacy-padlock.png); } /* No SVG */ /* Instant Valuation Forms */ .ivsales, .ivrental { position: relative; padding: 20px 0 0 0; } .ivsales .marker, .ivrental .marker { position: absolute; top: -50px; } /*- Forms 08.2022 Onwards -*/ .input_block .req { color: #CB2027; padding: 0 6px; } .input_block label { float: none; width: auto; display: block; font-size: 18px; line-height: 1.4em; font-weight: 600; padding: 0 0 6px 0; background-color: transparent; } .input_block.no_label label { display: none; } .input_block input, .input_block select, .input_block textarea { color: #242D34; } .input_block select { -webkit-appearance: menulist; } .input_block textarea { height: 132px; min-height: 132px; max-height: 132px; } .input_block input, .input_block select, .input_block textarea { width: 100%; border: 1px solid #B7C0C6; border-radius: 4px; } .input_block input:hover, .input_block select:hover, .input_block textarea:hover, .input_block input:focus, .input_block select:focus, .input_block textarea:focus { background-color: #FFF; border-color: #94A1AA; } .input_block, .submit_block { margin: 0 0 16px 0; overflow: hidden; } .input_block br, .submit_block br { display: none; } .input_block input, .input_block select { height: 46px; line-height: 46px; } .submit_block { position: relative; padding: 0; margin: 0; } .submit_block input[type="submit"] { width: 100%; height: 56px; line-height: 56px; font-size: 19px; font-weight: 600; border-radius: 4px; } .submit_block input[type="submit"]:hover, .submit_block input[type="submit"]:focus { background-color: #0A3959; } .submit_block .ajax-loader { position: absolute; top: 50%; left: 10px; margin: -8px 0 0 0; } .response_block div.wpcf7-validation-errors, .response_block div.wpcf7-mail-sent-ok { width: 100%; padding: 12px 20px; margin: 16px 0; border-radius: 4px; box-sizing: border-box; } /*- Form Layout -*/ .form_group { margin: 30px 0 0 0; } .form_group.no_margin { margin-top: 0; } .form_group .title { font-size: 34px; font-weight: 600; padding: 0 0 16px 0; margin: 0 0 26px 0; background: none; border-bottom: 2px solid #0083AA; } .form_group .title span { font-weight: 400; } .form_group .desc { font-size: 19px; margin: 0 0 16px 0; } .form_group .submit_section { text-align: center; padding: 30px; background-color: #F6F8F8; border-radius: 4px; } .form_group .submit_section .submit_note { font-size: 15px; line-height: 21px; padding: 20px 0 0 0; margin: 0; } .form_group .submit_section .submit_note a { text-decoration: underline; } /*- Valuation Form [38789] -*/ form .property-address textarea { height: 90px; min-height: 90px; max-height: 90px; } /*------------------------------------------------------------------*/ /*--- Nav Bar ---*/ #navbar { position: fixed; top: 0; left: 0; width: 100%; line-height: 100px; /* background-color: #47505A; */ background-color: #FFF; border-bottom: 1px solid #D2D2D2; z-index: 999; } #navbar .container { overflow: visible; } /* Header Logo */ #navbar .logo { float: left; width: 30%; text-align: left; /* padding: 0 5% 0 2000px; margin: 0 0 0 -2000px; background-image: url(_images/common/bkgd-header.svg); background-repeat: no-repeat; background-position: right center; */ } /* .no-svg #navbar .logo { background-image: url(_images/common/bkgd-header.png); } /* No SVG */ #navbar .logo img { opacity: 1; } #navbar .logo span { display: none; } #navbar .logo img:hover, #navbar .logo img:active, #navbar .logo img:focus { opacity: 0.9; } #navbar .logo img { /* width: 100%; */ vertical-align: middle; } /* Header Nav */ #navbar .menu { float: right; width: 70%; height: 100px; font-size: 1.05em; line-height: 86px; text-align: right; } #navbar ul { } #navbar ul li { display: inline-block; margin: 0 0 0 9px; } /* IE7 */ .ie7 #navbar ul li { display: inline; } /* IE7 */ #navbar ul li a { display: block; color: #0083AA; text-decoration: none; padding: 0 4px 10px 4px; border-top: 5px solid transparent; } #navbar ul li:hover a, #navbar ul li:active a, #navbar ul li:focus a { color: #0A3959; border-top: 5px solid #D2D2D2; } #navbar ul li.current-menu-item a, #navbar ul li.current_page_item a, #navbar ul li.current_page_parent a, #navbar ul li.current-page-ancestor a { color: #0083AA; border-top: 5px solid #0083AA; } /* #navbar ul li.searchbtn { text-transform: uppercase; } #navbar ul li.searchbtn a { display: inline; color: #FFF; padding: 7px 46px 7px 10px; background-color: #9FAD3C; border-radius: 2px; background-image: url(_images/common/icon-search.svg); background-repeat: no-repeat; background-position: right 14px center; border: none; } #navbar ul li.searchbtn a:hover, #navbar ul li.searchbtn a:active, #navbar ul li.searchbtn a:focus { background-color: #8F9B36; border: none; } */ /* Supplementary Menu */ #navbar ul span.supplementarymenu { padding: 0 0 0 6px; margin: 0 0 0 12px; border-left: 1px solid #D2D2D2; } #navbar ul span.supplementarymenu li a { color: #47505A; } #navbar ul span.supplementarymenu li:hover a, #navbar ul span.supplementarymenu li:active a, #navbar ul span.supplementarymenu li:focus a { color: #2E3438; border-top: 5px solid #D2D2D2; } /* Moving Nav Bar */ #navbar.moving { line-height: 60px; } #navbar.moving .logo { width: 25%; /* padding-right: 5%; */ text-align: left; } #navbar.moving .logo img { width: 217px; height: 45px; } #navbar.moving .menu { height: 60px; line-height: 46px; } /* If Home */ /* body.home #navbar { background-color: rgba(255,255,255,0.8); } body.home #navbar.moving { background-color: rgba(255,255,255,0.94); } */ /* body.home #navbar { background-color: rgba(71,80,90,0.8); border: none; } body.home #navbar ul li a { color: #D2D2D2; } body.home #navbar ul li a:hover, body.home #navbar ul li a:active, body.home #navbar ul li a:focus { color: #FFF; } body.home #navbar ul li.current-menu-item a, body.home #navbar ul li.current_page_item a, body.home #navbar ul li.current_page_parent a, body.home #navbar ul li.current-page-ancestor a { color: #FFF; } body.home #navbar ul li.searchbtn a { color: #FFF; } body.home #navbar.moving { background-color: rgba(71,80,90,0.9); border: none; } */ /* Grey Nav Bar */ /* #navbar.navbargrey { background-color: #47505A; border-bottom: none; } #navbar.navbargrey .logo { background: none; } #navbar.navbargrey ul li a { color: #D2D2D2; } #navbar.navbargrey ul li a:hover, #navbar.navbargrey ul li a:active, #navbar.navbargrey ul li a:focus { color: #FFF; } #navbar.navbargrey ul li.current-menu-item a, #navbar.navbargrey ul li.current_page_item a, #navbar.navbargrey ul li.current_page_parent a, #navbar.navbargrey ul li.current-page-ancestor a { color: #FFF; border-top: 5px solid #9FAD3C; } #navbar.navbargrey ul li.searchbtn a { color: #FFF; } */ /* Nav Drop Down */ #navbar ul .subnav { display: none; } #navbar ul li:hover > .subnav { display: block; } #navbar ul .subnav { position: absolute; top: 100px; left: 0; width: 100%; padding: 0; margin: 0; z-index: 999; background-color: rgba(71,80,90,0.95); } #navbar ul .subnav .container { padding-top: 20px; padding-bottom: 20px; overflow: hidden; } nav#navbar.moving ul .subnav { top: 60px; } #navbar ul .review { float: left; width: 40%; padding: 10px 5%; text-align: left; color: #FFF; } #navbar ul .review p.quote { font-style: italic; } #navbar ul .review p.name { font-weight: 600; } #navbar ul .review p.name img { padding: 0 0 0 6px; vertical-align: middle; } #navbar ul .review a.btn { display: inline-block; color: #FFF; padding: 0 20px; border: none; } #navbar ul span.supplementarymenu li:hover a.btn, #navbar ul span.supplementarymenu li:active a.btn, #navbar ul span.supplementarymenu li:focus a.btn { color: #FFF; border: none; } #navbar ul ul { float: left; width: 48%; border-left: 1px solid #2E3438; } #navbar ul ul li { display: block; font-size: 1.1em; text-align: left; padding: 0; margin: 0; border: none; } #navbar ul li:hover ul li a, #navbar ul span.supplementarymenu li:hover ul li a { color: #FFF; border: none; } #navbar ul li:hover ul li a:hover, #navbar ul span.supplementarymenu li:hover ul li a:hover { color: #B2DAE5; border: none; } /* #navbar ul ul li.current-menu-item a, #navbar ul ul li.current_page_item a, #navbar ul ul li.current_page_parent a, #navbar ul ul li.current-page-ancestor a { color: #FFF; background-image: none; border: none; } */ #navbar ul ul li a { display: block; height: auto; line-height: 26px; color: #FFF; margin: 0; padding: 4px 22px; background-image: none!important; border: none; } /* Nav Drop Down Content */ #navbar ul ul.subnavlogos { width: 100%; border: none; } #navbar ul ul.subnavlogos li { display: inline-block; margin: 0 6px 0 0; } #navbar ul ul.subnavlogos li:hover { opacity: 0.8; } #navbar ul ul.subnavlogos li a { padding: 0; } /* Breadcrumbs */ .breadcrumbsbar { color: #7F7F7F; line-height: 22px; padding: 10px 0; background-color: #EAEAEB; } .breadcrumbsbar a { color: #7F7F7F; border-bottom: 1px solid transparent; } .breadcrumbsbar a:hover, .breadcrumbsbar a:focus { color: #47505A; border-bottom: 1px solid #9E9E9E; } .bcbnav { float: left; font-size: 0.8em; } .bcbnav .divider { color: #9E9E9E; padding: 0 4px; margin: 0 4px; background-image: url(_images/common/bkgd-breadcrumbs-divider.svg); background-repeat: no-repeat; background-position: center center; } .no-svg .bcbnav .divider { background-image: url(_images/common/bkgd-breadcrumbs-divider.png); } /* No SVG */ .bcbcontacts { float: right; font-size: 1.2em; color: #47505A; } .bcbcontacts a { color: #47505A; } .bcbcontacts a:hover, .bcbcontacts a:active, .bcbcontacts a:focus { color: #2E3438; } .bcbcontacts span { margin: 0 0 0 14px; background-repeat: no-repeat; background-position: left center; } .bcbcontacts span.tel { padding: 0 0 0 20px; background-image: url(_images/common/icon-tel-small-bluegrey.svg); } .bcbcontacts span.email { padding: 0 0 0 24px; background-image: url(_images/common/icon-email-small-bluegrey.svg); } .no-svg .bcbcontacts span.tel { padding: 0 0 0 20px; background-image: url(_images/common/icon-tel-small-bluegrey.png); } /* No SVG */ .no-svg .bcbcontacts span.email { padding: 0 0 0 24px; background-image: url(_images/common/icon-email-small-bluegrey.png); } /* No SVG */ /*------------------------------------------------------------------*/ /*--- Mobile Nav / Layer ---*/ /* Open Mobile Nav */ #navbar a.opennav { display: none; position: absolute; top: 32%; right: 16px; width: 24px; height: 24px; line-height: 24px; text-decoration: none; margin: -15px 0 0 0; background-image: url(_images/common/bkgd-opennav.svg); background-repeat: no-repeat; background-position: center center; cursor: pointer; z-index: 99999; } .no-svg #navbar a.opennav { background-image: url(_images/common/bkgd-opennav.png); } /* No SVG */ /* Mobile Quick Nav */ #navbar ul.mobilequicknav { display: none; overflow: hidden; } #navbar ul.mobilequicknav li { float: left; width: 50%; text-align: center; padding: 0; margin: 0; } #navbar ul.mobilequicknav li a { display: block; line-height: 36px; text-transform: uppercase; color: #FFF; padding: 0; background-color: #0A3959; border: none; } #navbar ul.mobilequicknav li a:hover { background-color: #003251; } #navbar ul.mobilequicknav li:last-child a { background-color: #0083AA; } #navbar ul.mobilequicknav li:last-child a:hover { background-color: #007799; } /* Overlay Nav */ .popovernav button.mfp-close { top: 0; } .popovernav button.mfp-close:active { top: 0; } .popovernav { width: 100%; max-width: 380px; padding: 20px 0; } .popovernav .logo { text-align: center; max-width: 240px; margin: 0 auto 20px auto; } .popovernav .mobilenav ul { padding: 20px 0; margin: 0; border-top: 1px solid #47505A; } .popovernav .mobilenav ul li { font-size: 1.4em; margin: 0 0 2px 0; } .popovernav .mobilenav ul li.searchbtn { display: none; } .popovernav .mobilenav ul li:last-child { border-bottom: none; } .popovernav .mobilenav ul li.current-menu-item a, .popovernav .mobilenav ul li.current_page_item a, .popovernav .mobilenav ul li.current_page_parent a, .popovernav .mobilenav ul li.current-page-ancestor a { border-left: 5px solid #0083AA; } .popovernav .mobilenav ul li a { display: block; color: #FFF; padding: 8px 10px; background-image: url(_images/common/bkgd-mobilenav.svg); background-repeat: no-repeat; background-position: right 10px center; } .no-svg .popovernav .mobilenav ul li a { background-image: url(_images/common/bkgd-mobilenav.png); } /* No SVG */ .popovernav .mobilenav ul li a:hover { color: #EAEAEB; } .popovernav .mobilenav ul ul { display: none; } .popovernav .mobilenav div.subnav { display: none; } .popovernav ul.mobilequicknav { padding: 0; margin: 0; border: none; overflow: hidden; } .popovernav ul.mobilequicknav li { float: left; width: 50%; text-align: center; padding: 0; margin: 0; } .popovernav ul.mobilequicknav li a { display: block; line-height: 36px; text-transform: uppercase; color: #FFF; padding: 0; background-color: #0A3959; background-image: none; border: none; } .popovernav ul.mobilequicknav li a:hover { background-color: #003251; } .popovernav ul.mobilequicknav li:last-child a { background-color: #0083AA; } .popovernav ul.mobilequicknav li:last-child a:hover { background-color: #007799; } .mncontact { text-align: center; padding: 20px 0 0 0; } .mncontact p { font-size: 1.2em; color: #EEEDEB; margin: 0 0 4px 0; } .mncontact h2 { color: #0083A9; } /* Mobile Layer */ /* #mobilelayer { display: none; position: relative; background-color: #8C0517; overflow: hidden; } */ /* Mobile Nav */ /* nav#mobilenav { padding: 16px 16px 8px 16px; } nav#mobilenav ul { width: 100%; } nav#mobilenav ul li { display: block; float: none; margin: 0; border-bottom: 1px solid #A33745; } nav#mobilenav ul li:last-child { border-bottom: none; } nav#mobilenav ul li.current-menu-item a, nav#mobilenav ul li.current_page_item a, nav#mobilenav ul li.current_page_parent a, nav#mobilenav ul li.current-page-ancestor a { color: #FFF; background-image: url(_images/common/icon-navarrow-left-white.svg); } nav#mobilenav ul li a { display: block; font-size: 1.2em; color: #E9BDC5; padding: 12px; background-image: url(_images/common/icon-navarrow-right-white.svg); background-repeat: no-repeat; background-position: right 12px center; } nav#mobilenav ul li a:hover { color: #FFF; } nav#mobilenav ul ul { display: none; } */ /*------------------------------------------------------------------*/ /*--- Footer ---*/ .footer { color: #47505A; background-color: #EAEAEB; } /* Quote Footer */ .quotefooter { padding: 30px 0; background-color: #EAEAEB; overflow: hidden; } .quotefooter .thequote { float: left; width: 65%; } .quotefooter .thequote .photo { float: left; margin: 0 20px 10px 0; } .quotefooter .thequote p.quote { font-size: 1.2em; line-height: 1.2em; font-weight: 200; font-style: italic; } .quotefooter .thequote p.name { font-size: 1.2em; font-weight: 600; } .quotefooter .thequote p.name img { vertical-align: middle; padding: 0 0 0 6px; } .quotefooter .morelink { float: right; width: 30%; text-align: center; padding: 20px 0 0 0; } /* Reviews Side Bar */ .reviewssidebar { position: relative; font-size: 1.1em; font-style: italic; line-height: 1.3; text-align: center; margin: 40px 0 0 0; background-color: #F3F3F5; border-top: 1px solid #D2D2D2; } .reviewssidebar .reviewsicon { position: relative; top: -24px; text-align: center; display: block; width: 48px; height: 48px; margin: 0 auto; background-image: url(_images/common/icon-reviews.svg); background-repeat: no-repeat; background-position: center center; } .no-svg .reviewssidebar .reviewsicon { background-image: url(_images/common/icon-reviews.png); } /* No SVG */ .reviewssidebar .reviewstext { padding: 0 10px 10px 10px; margin: -10px 0 0 0; } .reviewssidebar a.btn { border-radius: 0 0 2px 2px; } /* Twitter Footer */ .twitterfooter { position: relative; text-align: center; padding: 0 0 20px 0; /* background-color: #F3F3F5; */ background-color: #F5F1EF; border-top: 1px solid #D7D8D9; } .tficon { position: relative; top: -24px; text-align: center; } .tficon a:hover { opacity: 0.9; } .tficon a { display: block; width: 48px; height: 48px; margin: 0 auto; background-image: url(_images/common/icon-twitter.svg); background-repeat: no-repeat; background-position: center center; } .no-svg .tficon a { background-image: url(_images/common/icon-twitter.png); } /* No SVG */ .tftweet { max-width: 480px; font-size: 1.4em; font-style: italic; line-height: 1.3; padding: 0 10% 28px 10%; margin: 0 auto; } .tftweet ul.good_old_twitter_widget li span { display: block; font-size: 0.8em; color: #70838D; } .tftweet ul.good_old_twitter_widget li span.gotw_comma { display: none; } .tftweet ul li { list-style: none; padding: 0; margin: 0; } .tftweet a { text-decoration: none; } /* Twitter Side Bar */ .twittersidebar { padding: 0; margin: 40px 0 0 0; background-color: #F3F3F5; border-top: 1px solid #D2D2D2; } .twittersidebar .tftweet { font-size: 1.1em; padding: 0 10px 20px 10px; margin: -10px auto 0 auto; } .twittersidebar .tftweet ul.good_old_twitter_widget li span { padding: 6px 0 0 0; } .twittersidebar a.btn { background-color: #4DAEDD; border-radius: 0 0 2px 2px; } .twittersidebar a.btn:hover, .twittersidebar a.btn:active, .twittersidebar a.btn:focus { background-color: #459CC6; } /* Instagram Feed */ .instagramfeed { position: relative; text-align: center; background-color: #F3F3F5; border-top: 1px solid #D7D8D9; } .ificon { position: absolute; top: -24px; left: 50%; text-align: center; margin: 0 0 0 -24px; z-index: 1; } .ificon a:hover { opacity: 0.9; } .ificon a { display: block; width: 48px; height: 48px; margin: 0 auto; background-image: url(_images/common/icon-instagram.svg); background-repeat: no-repeat; background-position: center center; } .no-svg .ificon a { background-image: url(_images/common/icon-instagram.png); } /* No SVG */ #sb_instagram.sbi_col_6.sbi_disable_mobile #sbi_images .sbi_item { width: 20%; } #sb_instagram.sbi_col_6.sbi_disable_mobile #sbi_images .sbi_item:nth-child(6) { display: none; } @media screen and (min-width: 961px) and (max-width: 1160px) { #sb_instagram.sbi_col_6.sbi_disable_mobile #sbi_images .sbi_item { width: 25%; } #sb_instagram.sbi_col_6.sbi_disable_mobile #sbi_images .sbi_item:nth-child(5), #sb_instagram.sbi_col_6.sbi_disable_mobile #sbi_images .sbi_item:nth-child(6) { display: none; } } @media screen and (min-width: 1580px) { #sb_instagram.sbi_col_6.sbi_disable_mobile #sbi_images .sbi_item { width: 20%; } #sb_instagram.sbi_col_6.sbi_disable_mobile #sbi_images .sbi_item:nth-child(6) { display: none; } } @media screen and (min-width: 1920px) { #sb_instagram.sbi_col_6.sbi_disable_mobile #sbi_images .sbi_item { width: 16.666%; } #sb_instagram.sbi_col_6.sbi_disable_mobile #sbi_images .sbi_item:nth-child(6) { display: inline-block; } } @media screen and (min-width: 768px) and (max-width: 960px) { #sb_instagram.sbi_col_6.sbi_disable_mobile #sbi_images .sbi_item { width: 33.333%; } #sb_instagram.sbi_col_6.sbi_disable_mobile #sbi_images .sbi_item:nth-child(4), #sb_instagram.sbi_col_6.sbi_disable_mobile #sbi_images .sbi_item:nth-child(5) { display: none; } } @media screen and (min-width: 0px) and (max-width: 767px) { #sb_instagram.sbi_col_6.sbi_disable_mobile #sbi_images .sbi_item { width: 33.333%; } #sb_instagram.sbi_col_6.sbi_disable_mobile #sbi_images .sbi_item:nth-child(4), #sb_instagram.sbi_col_6.sbi_disable_mobile #sbi_images .sbi_item:nth-child(5) { display: none; } } @media screen and (min-width: 0px) and (max-width: 599px) { #sb_instagram.sbi_col_6.sbi_disable_mobile #sbi_images .sbi_item { width: 50%; } #sb_instagram.sbi_col_6.sbi_disable_mobile #sbi_images .sbi_item:nth-child(4) { display: inline-block; } } /* Map Footer */ .mapholder { position: relative; } .mapfooter { min-height: 400px; background-color: #EAEAEB; } .mapfooter img { max-width: none !important; } .mapholder .officeaddress { position: absolute; top: 0; width: 100%; text-align: center; z-index: 1; } .mapholder .officeaddress span { display: inline-block; font-size: 1.2em; font-weight: 200; font-style: italic; color: #FFF; padding: 10px 12px; background-color: #47505A; } /* Contact Footer */ .contactfooter { line-height: 38px; color: #FFF; padding: 16px 0; /* background-color: #47505A; */ background-color: #303541; } .contactfooter.nopaddingtop { padding-top: 0; } .contactfooter ul.contacts { float: left; } .contactfooter ul.contacts li { display: inline-block; font-size: 1.6em; font-weight: 200; padding: 0; margin: 0 20px 0 0; background-repeat: no-repeat; background-position: left center; } .contactfooter ul.contacts li.tel { padding: 0 0 0 30px; background-image: url(_images/common/icon-tel-large-white.svg); } .contactfooter ul.contacts li.email { padding: 0 0 0 38px; background-image: url(_images/common/icon-email-large-white.svg); } .contactfooter ul.contacts li.location { padding: 0 0 0 32px; background-image: url(_images/common/icon-location-large-white.svg); } .no-svg .contactfooter ul.contacts li.tel { background-image: url(_images/common/icon-tel-large-white.png); } /* No SVG */ .no-svg .contactfooter ul.contacts li.email { background-image: url(_images/common/icon-email-large-white.png); } /* No SVG */ .no-svg .contactfooter ul.contacts li.location { background-image: url(_images/common/icon-location-large-white.png); } /* No SVG */ .contactfooter ul.contacts a { color: #FFF; } .contactfooter ul.contacts a:hover { color: #EAEAEB; } .contactfooter ul.sociallinks { float: right; } ul.sociallinks { height: 38px; } ul.sociallinks li { display: inline-block; width: 38px; height: 38px; padding: 0; margin: 0 4px 0 0; background-image: url(_images/common/bkgd-social-links.svg); background-repeat: no-repeat; background-position: 0 0; border-radius: 2px; } .no-svg ul.sociallinks li { background-image: url(_images/common/bkgd-social-links.png); } /* No SVG */ ul.sociallinks li span { display: none; } ul.sociallinks li a { display: block; width: 38px; height: 38px; opacity: 1; } ul.sociallinks li:hover { opacity: 0.9; } ul.sociallinks li.twitter { background-position: 0 0; } ul.sociallinks li.facebook { background-position: -38px 0; } ul.sociallinks li.linkedin { background-position: -76px 0; } ul.sociallinks li.googleplus { background-position: -114px 0; } ul.sociallinks li.youtube { background-position: -152px 0; } ul.sociallinks li.instagram { background-position: -190px 0; } /* Action Footer */ .actionfooter { padding: 34px 0; } .actionfooter .col { float: left; width: 50%; } .actionfooter .colleft { width: 44%; padding: 0 6% 0 0; } .actionfooter .colleft h3 { color: #9C99BE; margin: 0 0 6px 0; } .actionfooter .colright { text-align: right; padding: 10px 0 0 0; } .actionfooter p { font-size: 1.2em; font-weight: 300; font-style: italic; } .aflogos { } .aflogos li { display: inline-block; margin: 10px 0 0 20px; } .actionfooter .colright .illustration { } /* Legal Footer */ .legalfooter { font-size: 0.8em; line-height: 22px; font-style: italic; color: #787F86; padding: 20px 0; border-top: 1px solid #C4C6C7; } .legalfooter a { color: #787F86; } .legalfooter a:hover, .legalfooter a:active, .legalfooter a:focus { color: #47505A; } .legalfooter .col { float: left; width: 25%; } .legalfooter .legal { } .legalfooter .portals { width: 50%; text-align: center; } .legalfooter .portals a { opacity: 0.7; } .legalfooter .portals a:hover, .legalfooter .portals a:active, .legalfooter .portals a:focus { opacity: 0.85; } .legalfooter .credits { text-align: right; } .legalfooter .portals ul li { display: inline-block; margin: 0 6px 6px 6px; } /*- Footer Dark Variation -*/ .footer.dark { color: #8E9298; background-color: #424A53; } .footer.dark .legalfooter { color: #8E9298; border-top: none; } .footer.dark .legalfooter a { color: #8E9298; } .footer.dark .legalfooter a:hover, .footer.dark .legalfooter a:active, .footer.dark .legalfooter a:focus { color: #B3B7BA; } .footer.dark .legalfooter .portals a { opacity: 0.4; } .footer.dark .legalfooter .portals a:hover, .footer.dark .legalfooter .portals a:active, .footer.dark .legalfooter .portals a:focus { opacity: 0.55; } /*------------------------------------------------------------------*/ /* 4. Common Page Elements /*------------------------------------------------------------------*/ /*--- General Layouts ---*/ .maincontent { padding: 40px 0; } .wideleftcol { float: left; width: 65%; } .thinrightcol { float: right; width: 30%; } .fullwidthcol { width: 100%; } .thecontent { overflow: hidden; } /* .thecontent p:first-of-type { font-size: 1.2em; margin: 0 0 12px 0; } */ /*--- Photo Page Top ---*/ .ptphoto { height: 190px; color: #FFF; /* margin: 100px 0 0 0; */ background-color: #EAEAEB; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /* .ptphoto img { width: 100%; min-width: 600px; max-width: 1680px; } FROM FAN */ .mediumptphoto { height: 280px; } .largeptphoto { position: relative; height: 420px; } .largeptphoto .ptcontainer { padding-top: 120px; overflow: visible; } .largeptphoto h3 { font-size: 2em; margin: 0 0 4px 0; } .largeptphoto p { font-size: 1.4em; } .ptmobile { display: none; height: 190px; max-height: 190px; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow: hidden; } .pttitle { } .pttitle { display: inline-block; padding: 10px 10px 10px 2060px; margin: 0 0 0 -2060px; background-color: #47505A; background-color: rgba(71,80,90,0.6); border-bottom: 3px solid #0083AA; } .pttitle h3 { font-weight: 400; margin: 0; } .pttitle p { margin: 0; } /*--- Page Top ---*/ .pagetop { padding: 14px 0; /* margin: 100px 0 0 0; */ background-color: #EAEAEB; border-bottom: 1px solid #D2D2D2; } /*------------------------------------------------------------------*/ /*--- Summary Blocks ---*/ .summaryblocks { margin: 24px 0 14px 0; overflow: hidden; } .sblock { position: relative; float: left; width: 32.6%; min-height: 290px; margin: 0 1% 1% 0; background-color: #0083AA; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; /* border-top: 6px solid #8C89AB; */ } .sblock:nth-child(3n) { margin-right: 0; } .sblock .wrap { position: relative; text-align: center; color: #FFF; padding: 20% 5%; z-index: 9; } .sblock .wrap p:first-of-type { font-size: inherit; } .sblock .tab { width: 50%; height: 1px; margin: 0 auto 8px auto; background-color: #EAEAEB; } .sblock .sbfilter { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background-color: #9C99BE; /* background-color: rgba(112,131,141,0.5); */ transition: all 0.6s ease-out; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -ms-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; } .sblock:hover .sbfilter { background-color: #8C89AB; } /* .sblock:hover .sbfilter { background-color: rgba(10,57,89,0.4); } */ /* .sblock:nth-child(2n) .articlefilter { background-color: rgba(10,57,89,0.6); } .sblock:nth-child(2n):hover .articlefilter { background-color: rgba(71,80,90,0.6); } */ /*--- Two Summary Blocks ---*/ .twosummaryblocks .sblock { width: 49.5%; } .twosummaryblocks .sblock:nth-child(2n) { margin-right: 0; } .twosummaryblocks .sblock .wrap { padding: 20% 10%; } /*------------------------------*/ /*--- Side by Side Blocks ---*/ .sbscols { margin: 0 0 14px 0; overflow: hidden; } .sbscol { float: left; width: 48%; margin: 0 4% 0 0; } .sbscol:last-child { margin: 0; } .sbstitle { padding: 0 0 14px 0; margin: 0 0 14px 0; border-bottom: 1px solid #D2D2D2; } .sbstitle h4 { margin: 0; } .sbswrap { } .sbswrap p { margin: 0 0 2px 0; } .sbswrap p:first-of-type { font-size: inherit; margin: 0 0 2px 0; } .sbswrap p span { display: inline-block; width: 120px; } .sbswrap ul { overflow: hidden; } .sbswrap ul li { /* float: left; width: 50%; */ padding: 0; margin: 0; background: none; } /*------------------------------*/ /*--- Full Width Features ---*/ .fwfeature { padding: 20px 0; margin: 0 0 20px 0; border-bottom: 1px solid #D2D2D2; overflow: hidden; } .fwfeature:last-child { padding: 0; margin: 0; border: none; } /* IE ALL */ .ie .fwfeature.lastchild { padding: 0; margin: 0; border: none; } /* IE ALL */ .fwfeature .copy { float: left; width: 62%; padding: 0 3% 0 0; } .fwfeature .image { float: left; width: 35%; margin: 0 0 20px 0; } .fwfeature.photoleft .copy { padding: 0 0 0 3%; } /*------------------------------*/ /*--- Gallery ---*/ .royalSlider { display: none; } /* hide slider, bring back with js */ #ppphotogallery { position: relative; width: 100%; margin: 0 0 24px 0; overflow: hidden; } #ppphotogallery img { max-width: inherit; } /*------------------------------*/ /*--- Location Map ---*/ .locationmap { height: 380px; margin: 0 0 30px 0; background-color: #D5D5DC; } .locationmap img { max-width: none !important; } /*------------------------------*/ /*--- Location Information ---*/ .locationinformation { padding: 18px; margin: 0 0 30px 0; background-color: #EAEAEB; } .locationinformation ul.local { overflow: hidden; } .locationinformation ul.local li { float: left; width: 50%; padding: 8px 0 0 30px; margin: 0 0 8px 0; background-image: url(_images/common/icon-locationinfo.svg); background-repeat: no-repeat; background-position: 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .no-svg .locationinformation ul.local li { background-image: url(_images/common/icon-locationinfo.png); } /* No SVG */ .locationinformation ul.local li.bus { background-position: 0 -7px; } .locationinformation ul.local li.school { background-position: 0 -57px; } .locationinformation ul.local li.train { background-position: 0 -107px; } .locationinformation ul.local li.tube { background-position: 0 -157px; } .locationinformation ul.local li.parks { background-position: 0 -207px; } .locationinformation ul.local li.council { background-position: 0 -257px; } /*------------------------------*/ /*--- Section Title ---*/ .sectiontitle { margin: 0 0 24px 0; background-image: url(_images/common/bkgd-greyline.svg); background-repeat: repeat-x; background-position: left center; } .no-svg .sectiontitle { background-image: url(_images/common/bkgd-greyline.png); } /* No SVG */ .sectiontitle span { padding: 0 10px 0 0; background-color: #FFF; } .sectiontitle h3 { display: inline-block; font-size: 2.1em; } /*------------------------------*/ /*--- Local Directory ---*/ .localdirectory { margin: 0 0 10px 0; } .directorygrid { overflow: hidden; } .directorygrid .directoryitem { position: relative; float: left; width: 24.25%; margin: 0 1% 1% 0; background-color: #B1B1B1; } .directorygrid .directoryitem:nth-child(4n) { margin-right: 0; } .directorygrid .directoryitem .photo { } .directorygrid .directoryitem .photo img { width: 100%; } .directorygrid .directoryitem .desc { position: absolute; left: 0; right: 0; bottom: 20px; padding: 10px 14px; background-color: rgba(71,80,90,0.9); } .directorygrid .directoryitem h5 { font-weight: 200; color: #9C99BE; margin: 0 0 8px 0; } .directorygrid .directoryitem p { font-weight: 200; margin: 0; } .directorygrid .directoryitem p.twitter a { background-image: url(_images/common/icon-twitter-directory.svg); background-repeat: no-repeat; background-position: left center; padding: 0 0 0 18px; } .no-svg .directorygrid .directoryitem p.twitter a { background-image: url(_images/common/icon-twitter-directory.png); } /* No SVG */ .directorygrid .directoryitem a { color: #FFF; } .directorygrid .directoryitem a:hover { text-decoration: underline; } /* Load More Button */ a.loadmorebtn { position: relative; bottom: 0; left: 50%; width: 140px; margin: 10px 0 0 -70px; display: inline-block; line-height: 42px; color: #FFF; text-align: center; text-transform: uppercase; background-color: #9C99BE; border-radius: 2px; } a.loadmorebtn:hover { background-color: #8C89AB; } /*------------------------------*/ /*--- History Timeline ---*/ .historytimeline { margin: 0 0 30px 0; overflow: hidden; } .historytimeline .htleft { float: left; width: 48%; max-height: 400px; padding: 0 1% 0 0; border-left: 1px solid #D2D2D2; overflow: scroll; } .historytimeline .htright { float: right; width: 49%; } .timelineevent { padding: 0 0 0 30px; background-image: url(_images/common/bkgd-greyline.svg); background-repeat: repeat-x; background-position: 0 14px; } .no-svg .timelineevent { background-image: url(_images/common/bkgd-greyline.png); } /* No SVG */ .timelineevent .wrap { display: block; padding: 0 0 0 10px; background-color: #FFF; } .timelineevent h5 { font-size: 1.5em; font-weight: 300; color: #9C99BE; margin: 0 0 8px 0; } .historytimeline .htvideo { float: left; width: 100%; padding: 20px 0 0 0; overflow: hidden; } .htvideo .thevideo { float: left; width: 60%; } .htvideo .thevideo p { margin: 0; } .htvideo .description { float: left; width: 40%; background-color: #F5F5F8; } .htvideo .wrap { padding: 20px 20px 6px 20px; } .htvideo h5 { font-size: 1.5em; font-weight: 300; color: #9C99BE; margin: 0 0 8px 0; } /*------------------------------*/ /*--- The Partners ---*/ .thepartners { margin: 0 0 30px 0; overflow: hidden; } .thepartners .partnersimage { } /*------------------------------*/ /*--- The Team ---*/ .theteam { margin: 0 0 30px 0; overflow: hidden; } .teammembers { overflow: hidden; } .teammembers .teammember { float: left; width: 32.6%; margin: 0 1% 1% 0; } .teammembers .teammember:nth-child(3n) { margin-right: 0; } .teammembers .teammember .photo { margin: 0 0 8px 0; } .teammembers .teammember .desc { min-height: 80px; padding: 0 0 8px 0; } .teammembers .teammember .desc p { margin: 0; } .teammembers .teammember .desc p.name { font-size: 1.3em; color: #0083AA; } .teammembers .teammember .desc p.role { } .teammembers .teammember .desc p.qualifications { font-size: 0.9em; color: #47505A; } /*------------------------------*/ /*--- Photo Divide ---*/ .photodivide { height: 280px; text-align: center; margin: 0 0 30px 0; background-color: #EAEAEB; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow: hidden; } .photodivide.nomarginbottom { margin-bottom: 0; } .photodivide .mobiledivide { display: none; height: auto; max-height: 280px; } /*------------------------------*/ /*--- Reviews ---*/ .clientreviews { } .clientreview { position: relative; max-width: 740px; padding: 30px 40px 10px 40px; margin: 0 auto; } .clientreview p.quote { font-size: 1.26em; line-height: 1.2em; font-weight: 200; font-style: italic; margin: 0 0 6px 0; } .clientreview p.name { font-weight: 600; margin: 0; } .clientreview .openquote { position: absolute; top: 20px; left: 0; width: 30px; } .clientreview .closequote { position: absolute; bottom: 20px; right: 0; width: 30px; } .reviewsnav { text-transform: uppercase; text-align: center; margin: 40px 0 0 0; background-image: url(_images/common/bkgd-greyline.svg); background-repeat: repeat-x; background-position: left center; } .no-svg .reviewsnav { background-image: url(_images/common/bkgd-greyline.png); } /* No SVG */ .reviewsnav ul li { display: inline-block; padding: 0; margin: 0 4px; background: #FFF; border: 1px solid #D2D2D2; border-radius: 2px; } .reviewsnav ul li a { display: block; color: #2E3438; padding: 10px 8px; background-color: #9C99BE; } .reviewsnav ul li a.filter { background: none; } .reviewsnav ul li a:hover { color: #2E3438; background-color: #EAEAEB; } .reviewsnav ul li a.active { color: #FFF; background-color: #9C99BE; } #Container .mix { display: none; } /*------------------------------*/ /*--- Page End Action ---*/ .pageendaction { padding: 20px 0; margin: 30px 0 20px 0; border-top: 3px solid #0083AA; border-bottom: 1px solid #D2D2D2; overflow: hidden; } .pageendaction h4 { color: #0083AA; margin: 0; } .pageendaction p, .pageendaction p:first-of-type { margin: 0; } .pageendaction .copy { float: left; width: 60%; } .pageendaction a.btn { float: right; margin: 6px 0 0 0; } .pageendaction.setlavender { border-top-color: #9C99BE; } .pageendaction.setlavender h4 { color: #9C99BE; } .pageendaction.setgreen { border-top-color: #9FAD3C; } .pageendaction.setgreen h4 { color: #9FAD3C; } .pageendaction.setyellow { border-top-color: #E8AA26; } .pageendaction.setyellow h4 { color: #E8AA26; } .pageendaction.setred { border-top-color: #D95B4A; } .pageendaction.setred h4 { color: #D95B4A; } /*------------------------------*/ /*--- Jargon Buster ---*/ ul.jargon-nav { margin: 0 0 10px 0; overflow: hidden; } .thecontent ul.jargon-nav li { float: left; line-height: 28px; min-width: 22px; text-align: center; padding: 0; margin: 0 4px 4px 0; background: #CCC; } .thecontent ul.jargon-nav li.inactive { border: 1px solid #CCC; } .thecontent ul.jargon-nav li a { display: block; color: #47505A; background-color: #EAEAEB; border: 1px solid #CCC; } .thecontent ul.jargon-nav li a:hover { color: #FFF; background-color: #47505A; border: 1px solid #0A3959; } .thecontent ul.jargon-nav li.ui-state-active a { color: #FFF; background: #0083AA; border: 1px solid #0A3959; } .jargonbuster-details { padding: 20px 20px 0 20px; margin: 0 0 3px 0; background-color: #F3F3F5; border-bottom: 1px solid #EAEAEB; } .jargonbuster-details h5 { font-size: 1.2em; margin: 0 0 8px 0; } /*------------------------------------------------------------------*/ /*--- Section Nav ---*/ .sectionnav { margin: 0 0 20px 0; } .sectionnav .sntitle { border-bottom: 2px solid #0083A9; } .sectionnav .sntitle a { display: block; color: #2E3438; } .sectionnav .sntitle a:hover, .sectionnav .sntitle a:active, .sectionnav .sntitle a:focus { color: #0083AA; } .sectionnav ul { font-size: 1.1em; } .sectionnav ul li { line-height: inherit; padding: 0; margin: 0; background: none; border-bottom: 1px solid #D2D2D2; } .sectionnav ul li a { display: block; vertical-align: middle; color: #47505A; padding: 16px 0 16px 20px; background-image: url(_images/common/bkgd-sectionnav.svg); background-repeat: no-repeat; background-position: 3px center; } .no-svg .sectionnav ul li a { background-image: url(_images/common/bkgd-sectionnav.png); } /* No SVG */ .sectionnav ul li a:hover, .sectionnav ul li a:active, .sectionnav ul li a:focus { color: #0083AA; } .sectionnav ul li.current-menu-item a, .sectionnav ul li.current_page_item a { color: #0083AA; background-image: url(_images/common/bkgd-sectionnav-active.svg); } .no-svg .sectionnav ul li.current-menu-item a, .no-svg .sectionnav ul li.current_page_item a { background-image: url(_images/common/bkgd-sectionnav-active.png); } /* No SVG */ .sectionnav ul li a.btn { color: #FFF; } /* Mobile Section Nav */ .mobilesectionnav { display: none; padding: 0 0 12px 0; margin: 0 0 20px 0; border-bottom: 1px solid #D2D2D2; } .mobilesectionnav .togglemsnav { /* height: 28px; */ background-image: url(_images/common/bkgd-sectionmenunav.svg); background-repeat: no-repeat; background-position: right center; cursor: pointer; } .no-svg .mobilesectionnav .togglemsnav { background-image: url(_images/common/bkgd-sectionmenunav.png); } /* No SVG */ .mobilesectionnav .togglemsnav .sntitle { padding: 0 130px 0 0; } .mobilesectionnav .togglemsnav .sntitle h4 { margin: 0; } .mobilesectionnav .msnav { display: none; } .mobilesectionnav .msnav ul li:last-child { border: none; } /*------------------------------------------------------------------*/ /*--- Magnific Popups ---*/ .popoverform { width: 80%; max-width: 680px; padding: 20px; background-color: #FFF; } .popoverform p { font-size: 1.16em; } /* Valuation Form */ .valuationform { border-top: 6px solid #9C99BE; } .valuationform h1, .valuationform h2, .valuationform h3, .valuationform h4, .valuationform h5, .valuationform h6 { color: #9C99BE; } .valuationform .titleblock { background-color: #9C99BE; } .valuationform input.submit, .valuationform input.wpcf7-submit { background-color: #9C99BE; } .valuationform input.submit:hover, .valuationform input.wpcf7-submit:hover, .valuationform input.submit:focus, .valuationform input.wpcf7-submit:focus { background-color: #8C89AB; } /* Registration Form */ .registrationform { border-top: 6px solid #0083AA; } .registrationform h1, .registrationform h2, .registrationform h3, .registrationform h4, .registrationform h5, .registrationform h6 { color: #0083AA; } .registrationform .titleblock { background-color: #0083AA; } /* General Enquiry Form */ .generalenquiryform { border-top: 6px solid #0083AA; } .generalenquiryform h1, .generalenquiryform h2, .generalenquiryform h3, .generalenquiryform h4, .generalenquiryform h5, .generalenquiryform h6 { color: #0083AA; } .generalenquiryform .titleblock { background-color: #0083AA; } /* Arrange Viewing Form */ .viewingform { border-top: 6px solid #9FAD3C; } .viewingform h1, .viewingform h2, .viewingform h3, .viewingform h4, .viewingform h5, .viewingform h6 { color: #9FAD3C; } .viewingform h1 span, .viewingform h2 span, .viewingform h3 span, .viewingform h4 span, .viewingform h5 span, .viewingform h6 span { color: #47505A; } .viewingform .titleblock { background-color: #9FAD3C; } .viewingform input.submit, .viewingform input.wpcf7-submit { background-color: #9FAD3C; } .viewingform input.submit:hover, .viewingform input.wpcf7-submit:hover, .viewingform input.submit:focus, .viewingform input.wpcf7-submit:focus { background-color: #8F9B36; } /* Added to Shortlist Notification */ .popoverform.addtoshortlistnotification { max-width: 480px; } .addtoshortlistnotification { text-align: center; border-top: 6px solid #E8AA26; } .addtoshortlistnotification h1, .addtoshortlistnotification h2, .addtoshortlistnotification h3, .addtoshortlistnotification h4, .addtoshortlistnotification h5, .addtoshortlistnotification h6 { color: #E8AA26; } .addtoshortlistnotification a.btn { background-color: #E8AA26; } .addtoshortlistnotification a.btn:hover { background-color: #D09921; } /* Quick Search */ .quicksearchform { border-top: 6px solid #9FAD3C; } .quicksearchform h1, .quicksearchform h2, .quicksearchform h3, .quicksearchform h4, .quicksearchform h5, .quicksearchform h6 { color: #9FAD3C; } .quicksearchform .titleblock { background-color: #9FAD3C; } /*------------------------------------------------------------------*/ /*--- Contact Page ---*/ .heroaddress, .herotel, .heroemail { min-height: 30px; line-height: 30px; font-size: 1.6em; font-weight: 600; margin: 0 0 18px 0; background-repeat: no-repeat; background-position: left center; } .heroaddress { font-size: 1.6em; font-weight: 600; padding: 0 0 0 34px; margin-top: 34px; background-image: url(_images/common/icon-location-large-blue.svg); } .no-svg .heroaddress { background-image: url(_images/common/icon-location-large-blue.png); } /* No SVG */ .heroaddress span { display: block; font-size: 0.8em; line-height: 18px; } .herotel { padding: 0 0 0 34px; background-image: url(_images/common/icon-tel-large-blue.svg); } .no-svg .herotel { background-image: url(_images/common/icon-tel-large-blue.png); } /* No SVG */ .heroemail { margin-bottom: 30px; } .heroemail a { padding: 0 0 0 34px; background-repeat: no-repeat; background-position: left center; background-image: url(_images/common/icon-email-large-blue.svg); } .no-svg .heroemail a { background-image: url(_images/common/icon-email-large-blue.png); } /* No SVG */ .enquiryblock { padding: 24px 0 0 0; margin: 0 0 34px 0; border-top: 1px solid #D2D2D2; } .enquiryblock p { font-size: 18px; } /*------------------------------------------------------------------*/ /*--- Black Friday Promotion ---*/ /* Homepage */ .rsContent.blackfriday { text-align: center; color: #FFF; padding: 40px 0 0 0; background-color: #000; background-image: url(_images/content/Black-Friday-bkgd.jpg); background-repeat: no-repeat; background-position: center top; } .rsContent.blackfriday .bflogo { max-width: 45%; margin: 0 auto 20px auto; } .rsContent.blackfriday p { font-size: 2.1em; font-weight: 200; } .rsContent.blackfriday h3 { font-size: 3.4em; text-transform: uppercase; color: #D95949; margin: 0; } .rsContent.blackfriday sup { font-size: 0.45em; vertical-align: super; } .rsContent.blackfriday .btn { line-height: 48px; font-weight: 400; background-color: #D95949; } .rsContent.blackfriday .btn:hover, .rsContent.blackfriday .btn:active, .rsContent.blackfriday .btn:focus { background-color: #C14238; } @media screen and (min-width: 1440px) and (max-width: 1859px) { .rsContent.blackfriday { padding: 80px 0 0 0; } } @media screen and (min-width: 1860px) { .rsContent.blackfriday { padding: 130px 0 0 0; } } @media screen and (min-width: 768px) and (max-width: 860px) { .rsContent.blackfriday .bfcopy { max-width: 580px; margin: 0 auto;} } @media screen and (min-width: 0px) and (max-width: 767px) { .rsContent.blackfriday p.text { display: none; } .rsContent.blackfriday h3 { font-size: 2.8em; margin: 0 0 20px 0; } } @media screen and (min-width: 0px) and (max-width: 480px) { .rsContent.blackfriday .bflogo { margin-bottom: 20px; } .rsContent.blackfriday p.text, .rsContent.blackfriday h3 { display: none; } } /* Promotion Page */ .bfheader { text-align: center; padding: 120px 0 60px 0; background-color: #000; background-image: url(_images/content/Black-Friday-bkgd.jpg); background-repeat: no-repeat; background-position: center bottom; } .bfmain { color: #FFF; padding: 0 0 100px 0; background-color: #000; } .bfmain .leftcol { float: left; width: 58%; } .bfmain .rightcol { float: right; width: 40%; } .bfmain p { max-width: 500px; font-size: 2.1em; font-weight: 200; margin: 0; } .bfmain h3 { font-size: 3.4em; text-transform: uppercase; color: #D95949; margin: 0; } .bfmain sup { font-size: 0.45em; vertical-align: super; } .bfmain .signupblock { max-width: 480px; color: #373D41; padding: 20px; background-color: #EAEAEB; } /*--- MailChimp Form ---*/ .bfmain #mc_embed_signup input.mce_inline_error { border-color: #D04C53 !important; } /* Field with Errors */ .bfmain #mc_embed_signup div.mce_inline_error { float: left; font-size: 0.8em !important; font-weight: inherit !important; margin: 0 0 4px 0 !important; color: #FFF !important; background-color: #D04C53 !important; } /* Inline Error Message */ .bfmain #mc_embed_signup label { display: none; width: 100%; padding: 0; } .bfmain #mc_embed_signup input, .bfmain #mc_embed_signup select, .bfmain #mc_embed_signup textarea { width: 100%; color: #000; } .bfmain #mc_embed_signup input[type="submit"] { text-align: center; font-size: 1.2em; text-transform: uppercase; color: #FFF; margin: 0; background-color: #D95949; border: none; } .bfmain #mc_embed_signup input[type="submit"]:hover, .bfmain #mc_embed_signup input[type="submit"]:focus { background-color: #C14238; border: none; cursor: pointer; } .bfmain #mc_embed_signup .submitblock { margin: 0; } .bfmain #mc_embed_signup #mce-error-response { display: none; max-width: 500px; line-height: 1.6em; color: #631141 !important; padding: 6px 0 0 0 !important; margin: 0 auto; } .bfmain #mc_embed_signup #mce-error-response a { border-bottom-color: #310926; } .bfmain #mc_embed_signup input.mce_inline_error { border: 1px solid #CB4C58 !important; } .bfmain #mc_embed_signup #mce-responses { float: left; width: 100%; line-height: 1.3em; padding: 6px 0 0 0 !important; overflow: hidden; clear: both; } /* Success Message */ .bfmain #mc_embed_signup #mce-success-response { text-align: center; padding: 14px; margin: 0; background-color: #EDEDED; } .bfmain #mc_embed_signup #mce-success-response h4 { font-size: 1.5em; text-transform: none; margin: 0 0 6px 0; } .bfmain #mc_embed_signup #mce-success-response p { font-size: 1.2em; font-weight: 300; margin: 0; } @media screen and (min-width: 768px) and (max-width: 990px) { .bfmain .leftcol { float: none; width: 100%; max-width: 600px; text-align: center; margin: 0 auto 40px auto; } .bfmain .rightcol { float: none; width: 100%; text-align: center; } .bfmain p { margin: 0 auto; } .bfmain .signupblock { margin: 0 auto; } } @media screen and (min-width: 0px) and (max-width: 767px) { .bfmain .leftcol { float: none; width: 100%; max-width: 600px; text-align: center; margin: 0 auto 40px auto; } .bfmain .rightcol { float: none; width: 100%; text-align: center; } .bfmain p { margin: 0 auto; } .bfmain .signupblock { margin: 0 auto; } } @media screen and (min-width: 0px) and (max-width: 480px) { .bfheader { padding-bottom: 40px; } .bfheader .logo { max-width: 300px; margin: 0 auto; } .bfmain p { font-size: 1.7em; line-height: 1.25em; } .bfmain h3 { font-size: 3em; line-height: 1em; } } /* Registered Page */ .bfregistered { padding: 80px 0; } .bfregistered .logo { max-width: 300px; margin: 0 auto 20px auto; } .bfregistered h3 { font-size: 3em; color: #D95949; margin: 0 0 10px 0; } .bfregistered p { max-width: 500px; font-size: 2.1em; font-weight: 200; color: #FFF; margin: 0 auto; } @media screen and (min-width: 0px) and (max-width: 480px) { .bfregistered .logo { max-width: 200px; } .bfregistered h3 { font-size: 2.6em; line-height: 1em; } .bfregistered p { font-size: 1.7em; line-height: 1.25em; } } /* Banner */ .bfbanner { font-size: 1.1em; text-align: center; line-height: 36px; vertical-align: middle; } .bfbanner a { display: block; color: #FFF; padding: 7px 0; background-color: #000; } .bfbanner a:hover { background-color: #1A1A1A; } .bfbanner img { vertical-align: middle; } .bfbanner span { display: inline-block; padding: 0 10px; } .bfbanner strong { color: #D95B4A; } .bfbanner .btn { line-height: 33px; text-transform: uppercase; padding: 0 16px; background-color: #D95B4A; } @media screen and (min-width: 0px) and (max-width: 860px) { .bfbanner span.logo { display: block; } } @media screen and (min-width: 0px) and (max-width: 660px) { .bfbanner { line-height: 1.2em; } .bfbanner a { padding-bottom: 10px; } .bfbanner span.copy { display: block; padding: 6px 0 10px 0; } } @media screen and (min-width: 0px) and (max-width: 500px) { .bfbanner span.copy { max-width: 400px; margin: 0 auto; } } /*------------------------------------------------------------------*/ /*--- Enhanced Marketing ---*/ .enhanced_marketing { margin: -10px 0 20px 0; overflow: hidden; } .enhanced_marketing .item { float: left; width: 50%; position: relative; } .enhanced_marketing .item .inner_wrap { padding: 10px 20px 10px 55px; } .enhanced_marketing .item .icon { position: absolute; left: 0; top: 50%; margin-top: -20px; } .enhanced_marketing .item .title { font-size: 1.1em; font-weight: 600; margin: 0 0 4px 0; } .enhanced_marketing .item .desc { } @media screen and (min-width: 768px) and (max-width: 900px) { .enhanced_marketing .item { width: 100%; } } @media screen and (min-width: 0px) and (max-width: 600px) { .enhanced_marketing .item { width: 100%; } } /*------------------------------------------------------------------*/ /* 5. Page Builder Content Blocks /*------------------------------------------------------------------*/ /*--- Section Intro ---*/ .sectionintro { text-align: center; margin: 0 0 40px 0; } .sectionintro .heading { position: relative; } .sectionintro .heading .bkgdline { position: absolute; top: 50%; right: 0; left: 0; height: 1px; background-color: #D2D2D2; } .sectionintro .heading span { display: inline-block; padding: 0 20px; background-color: #FFF; } .sectionintro h3 { position: relative; font-size: 2em; z-index: 1; } .sectionintro .introtext { max-width: 900px; font-size: 1.25em; margin: 0 auto; } .sectionintro .introtext p:last-child { margin: 0; } .sectionintro.textleft { text-align: left; } .sectionintro.textright { text-align: right; } .sectionintro.textleft .introtext, .sectionintro.textright .introtext { margin: 0; } @media screen and (min-width: 0px) and (max-width: 480px) { /*--- Section Intro ---*/ .sectionintro .introtext { font-size: 1.1em; } } /*------------*/ /*--- Content Block ---*/ .contentblock { position: relative; padding: 60px 0; z-index: 5; } .contentblock .wrap { margin: 0 auto; } .contentblock .wrap.wide_width { max-width: 780px; } .contentblock .wrap.medium_width { max-width: 620px; } .contentblock .wrap.slim_width { max-width: 480px; } .contentblock.nopaddingtop { padding-top: 0; } .contentblock.nopaddingbottom { padding-bottom: 0; } .contentblock.slimpaddingtop { padding-top: 20px; } .contentblock.slimpaddingbottom { padding-bottom: 20px; } .contentblock.regularpaddingtop { padding-top: 40px; } .contentblock.regularpaddingbottom { padding-bottom: 40px; } .contentblock.mediumpaddingtop { padding-top: 60px; } .contentblock.mediumpaddingbottom { padding-bottom: 60px; } .contentblock.largepaddingtop { padding-top: 80px; } .contentblock.largepaddingbottom { padding-bottom: 80px; } .contentblock.overlapprevious { margin-top: -160px; } .contentblock.nopaddingtop.overlapprevious { margin-top: -100px; } .contentblock.slimpaddingtop.overlapprevious { margin-top: -120px; } .contentblock.regularpaddingtop.overlapprevious { margin-top: -160px; } .contentblock.largepaddingtop.overlapprevious { margin-top: -180px; } /*------------*/ /*--- Call To Action ---*/ .call_to_action { text-align: center; } .call_to_action h2 { margin-bottom: 0; } .call_to_action p { font-size: 1.2em; margin: 14px 0 0 0; } .call_to_action .buttons { margin: 38px 0 0 0; } .call_to_action ul.download_links { margin-top: 38px; } @media screen and (min-width: 0px) and (max-width: 428px) { .call_to_action .buttons .btn { display: block; margin-right: 0; } } /*------------*/ /*--- Development CTA ---*/ .developmentcta { position: relative; min-height: 400px; background-color: #E7E6EF; } .developmentcta .container { position: relative; padding-top: 40px; padding-bottom: 40px; z-index: 2; } .developmentcta .outerwrap { display: table; width: 43%; height: 320px; } .developmentcta .innerwrap { display: table-cell; vertical-align: middle; } .developmentcta h3 { font-size: 2.5em; } .developmentcta p { font-size: 1.1em; } .developmentcta.largetext p { font-size: 1.75em; font-weight: 300; } .developmentcta.largetext p .btn { font-size: 0.6em; } .developmentcta a.btn { background-color: #9C99BE; } .developmentcta a.btn:hover, .developmentcta a.btn:active, .developmentcta a.btn:focus { background-color: #8C89AB; } .developmentcta a.popup-with-zoom-anim { display: inline-block; line-height: 42px; text-transform: uppercase; color: #FFF; padding: 0 20px; background-color: #9C99BE; background-repeat: no-repeat; background-position: left 14px center; border-radius: 2px; } .developmentcta a.popup-with-zoom-anim:hover, .developmentcta a.popup-with-zoom-anim:active, .developmentcta a.popup-with-zoom-anim:focus { background-color: #8C89AB; } .developmentcta .illustration { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-position: center bottom; background-size: 1680px 360px; z-index: 1; } .developmentcta .ground { position: absolute; right: 0; bottom: 0; left: 0; width: 100%; height: 20px; /* background-color: #47505A; */ background-color: #303541; z-index: 0; } /* Illustration Backgrounds */ .developmentcta .illustration.alexandragate { background-image: url(_images/common/bkgd-illustration-strip-alexandra-gate.png); } .developmentcta .illustration.clarendon { background-image: url(_images/common/bkgd-illustration-strip-clarendon.png); } .developmentcta .illustration.newrivervillage { background-image: url(_images/common/bkgd-illustration-strip-new-river-village.png); } .developmentcta .illustration.smithfieldsquare { background-image: url(_images/common/bkgd-illustration-strip-smithfield-square.png?v1); } @media screen and (min-width: 0px) and (max-width: 767px) { .developmentcta .outerwrap { display: block; width: 100%; max-width: 530px; height: auto; text-align: center; margin: 0 auto; } .developmentcta .illustration { position: relative; height: 200px; background-size: 768px 200px; margin: 0 0 10px 0; } .developmentcta .ground { bottom: -10px; height: 30px; } .developmentcta .illustration.alexandragate { background-image: url(_images/common/bkgd-illustration-strip-alexandra-gate-mobile.png); } .developmentcta .illustration.clarendon { background-image: url(_images/common/bkgd-illustration-strip-clarendon-mobile.png); } .developmentcta .illustration.newrivervillage { background-image: url(_images/common/bkgd-illustration-strip-new-river-village-mobile.png); } .developmentcta .illustration.smithfieldsquare { background-image: url(_images/common/bkgd-illustration-strip-smithfield-square-mobile.png?v1); } } @media screen and (min-width: 0px) and (max-width: 428px) { .developmentcta a.btn { display: block; margin-right: 0; } } /*------------*/ /*--- Development Plan ---*/ .developmentplan .wrap { background-color: #EAEAEB; background-repeat: no-repeat; background-position: left 30px bottom 30px; overflow: hidden; } .developmentplan .leftcol { float: left; width: 33.7%; } .developmentplan .rightcol { float: right; width: 66.3%; } .developmentplan .desc { padding: 30px 30px 60px 30px; } .developmentplan h3 { font-size: 2em; color: #0083AA; padding: 0 0 10px 0; margin: 0 0 20px 0; border-bottom: 1px solid #D2D2D2; } @media screen and (min-width: 0px) and (max-width: 768px) { /*--- Development Plan ---*/ .developmentplan .leftcol { width: 100%; } .developmentplan .rightcol { width: 100%; } .developmentplan .desc { padding: 30px; } } /*------------*/ /*--- Photo Features ---*/ .photofeatures { } .photofeatures .featureswrap { overflow: hidden; } .photofeatures .feature .photo { margin: 0 0 20px 0; } .photofeatures .feature .photo img { width: 100%; } .photofeatures .feature .desc h4 { margin: 0 0 10px 0; } .photofeatures .feature .desc p:last-child { margin: 0; } /* If 3 Features */ .photofeatures .threefeatures .feature { float: left; width: 32.66%; margin: 0 1% 0 0; } .photofeatures .threefeatures .feature:last-child { margin-right: 0; } @media screen and (min-width: 768px) and (max-width: 860px) { /*--- Photo Features ---*/ /* If 3 Features */ .photofeatures .threefeatures .feature { width: 32%; margin: 0 2% 0 0; } } @media screen and (min-width: 0px) and (max-width: 767px) { /*--- Photo Features ---*/ /* If 3 Features */ .photofeatures .threefeatures .feature { width: 100%; margin: 0 0 20px 0; } .photofeatures .threefeatures .feature:last-child { margin-bottom: 0; } .photofeatures .feature .photo { float: left; width: 48%; margin: 0; } .photofeatures .feature .desc { float: right; width: 48%; padding: 20px 0 0 0; } } @media screen and (min-width: 0px) and (max-width: 599px) { /*--- Photo Features ---*/ /* If 3 Features */ .photofeatures .feature .photo { width: 33%; } .photofeatures .feature .desc { width: 63%; padding: 0; } } @media screen and (min-width: 0px) and (max-width: 480px) { /*--- Photo Features ---*/ /* If 3 Features */ .photofeatures .feature .photo { width: 100%; margin: 0 0 20px 0; } .photofeatures .feature .desc { width: 100%; } } /*------------*/ /*--- Photo Slider ---*/ .photoslider { position: relative; } .photoslider .photo { height: 320px; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .photoslider .desc { position: relative; max-width: 680px; text-align: center; color: #FFF; padding: 50px 0 70px 0; margin: 0 auto; z-index: 2; } .photoslider .desc .outerwrap { display: table; height: 200px; } .photoslider .desc .innerwrap { display: table-cell; vertical-align: middle; } .photoslider .desc h3 { font-size: 2em; } .photoslider .desc .line { width: 180px; height: 1px; margin: 0 auto 12px auto; background-color: #FFF; } .photoslider .desc p { font-size: 1.25em; margin: 0; } .photoslider .filter { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(46, 52, 56, 0.6); z-index: 1; } /* Owl Carousel */ .owl_photo_slider .owl-dots { position: relative; margin: -40px 0 24px 0; } .owl_photo_slider .owl-dots .owl-dot span { background: #FFF; } .owl_photo_slider .owl-dots .owl-dot.active span, .owl_photo_slider .owl-dots .owl-dot:hover span { background: #FFF; } @media screen and (min-width: 0px) and (max-width: 480px) { .photoslider .photo { height: 380px; } .photoslider .desc { padding: 40px 0 60px 0; } .photoslider .desc .outerwrap { height: 280px; } .photoslider .desc p { font-size: 1.1em; } } /*------------*/ /*--- Text and Photo Block ---*/ .textandphotoblock { } .textandphotoblock h3 { font-size: 2em; color: #0083AA; padding: 0 0 10px 0; margin: 0 0 20px 0; border-bottom: 1px solid #D2D2D2; } .textandphotoblock .leftcol { float: left; width: 48%; } .textandphotoblock .rightcol { float: right; width: 48%; } @media screen and (min-width: 0px) and (max-width: 768px) { /*--- Text and Photo Block ---*/ .textandphotoblock .leftcol { width: 100%; margin: 0 0 20px 0; } .textandphotoblock .rightcol { width: 100%; } } /*------------*/ /*--- Text Block ---*/ .textblock { } .textblock.widewidth .container { max-width: 940px; } .textblock.mediumwidth .container { max-width: 780px; } .textblock.slimwidth .container { max-width: 580px; } .textblock .wrap p:last-child { margin: 0; } /*------------*/ /*--- Video Block ---*/ .video_block { } /*------------*/ /*--- Video Grid ---*/ .video_grid { } /* Two Across */ .video_grid .two_across .item { float: left; width: 48.5%; margin: 3% 3% 0 0; } .video_grid .two_across .item:nth-child(2n) { margin-right: 0; } .video_grid .two_across .item:nth-child(1), .video_grid .two_across .item:nth-child(2) { margin-top: 0; } @media screen and (min-width: 0px) and (max-width: 600px) { .video_grid .two_across .item { width: 100%; margin: 0 0 30px 0 !important; } .video_grid .two_across .item:last-child { margin-bottom: 0 !important; } } /*------------------------------------------------------------------*/ /*--- Smaller Elements ---*/ /*- Transport Info -*/ .transportinfo { } .transportinfo .item { display: inline-block; margin: 20px 20px 0 0; } .transportinfo .item:last-child { margin-right: 0; } .transportinfo .icon { width: 30px; height: 30px; background-image: url(_images/common/bkgd-transport-icons.svg); background-repeat: no-repeat; background-position: -100px -100px; } .no-svg .transportinfo .icon { background-image: url(_images/common/bkgd-transport-icons.png); } /* No SVG */ .transportinfo .distance { font-weight: 600; } .transportinfo .distance span { font-size: 2em; } .transportinfo .desc { text-transform: uppercase; } .transportinfo .train .icon { background-position: 0 0; } .transportinfo .airport .icon { background-position: -30px 0; } .transportinfo .walk .icon { background-position: -60px 0; } /*------------------------------------------------------------------*/ /* 6. Property Search /*------------------------------------------------------------------*/ /*--- Results Common ---*/ .resultsinfo { float: left; width: 45%; color: #47505A; } .resultsinfo h3 { margin: 0; } .resultsinfo p { font-size: 1.2em; color: #9FAD3C; margin: 0; } .refinesearchcriteria { display: none; padding: 0 0 14px 0; margin: 0 0 14px 0; border-bottom: 1px solid #D2D2D2; overflow: hidden; } .resultsoptions { float: right; width: 55%; text-align: right; padding: 8px 0 0 0; } .resultsoptions a.btn { float: right; } .adjustresults { float: left; width: 49%; margin: 0 2% 0 0; } .adjustresults:last-child { margin: 0; } .adjustresults.display { } .adjustresults.sort { } .adjustresults label { float: left; width: 30%; text-transform: uppercase; text-align: center; color: #FFF; background-color: #47505A; } .adjustresults select { float: left; width: 65%; border-color: #47505A; } .nosearchresults { padding: 20px; text-align: centre; } .nosearchresults h3 { color: #9FAD3C; margin: 0 0 8px 0; } .shortlistoptions { display: inline-block; } /* TPJ: Changed the shortlist icons and style to work with a span tag as opposed to the href */ span.shortlistbtn { display: inline-block; line-height: 42px; text-transform: uppercase; color: #7B8A95; padding: 0 0 0 38px; background-image: url(_images/common/icon-shortlist.svg); background-repeat: no-repeat; background-position: 0 0; } .no-svg span.shortlistbtn { background-image: url(_images/common/icon-shortlist.png); } /* No SVG */ span.shortlistbtn:hover { color: #E8AA26; background-position: 0 -42px; } span.shortlistbtn.viewbtn { font-size: 0.8em; line-height: 16px; padding-left: 10px; margin: 0 0 0 10px; background-image: none; border-left: 1px solid #D2D2D2; } .no-svg span.shortlistbtn.viewbtn { background-image: none; } /* No SVG */ span.shortlistbtn.removebtn { color: #D95B4A; background-image: url(_images/common/icon-shortlist-remove.svg); } .no-svg span.shortlistbtn.removebtn { background-image: url(_images/common/icon-shortlist-remove.png); } /* No SVG */ span.shortlistbtn.removebtn:hover { color: #AE493B; } /* TPJ: Changed the shortlist icons and style to work with a span tag as opposed to the href */ ul.keydata { padding: 6px 0 0 0; } ul.keydata li { display: inline-block; line-height: 24px; text-transform: uppercase; color: #7B8A95; margin: 0 22px 0 0; background-image: url(_images/common/icon-keydata.svg); background-repeat: no-repeat; } .no-svg ul.keydata li { background-image: url(_images/common/icon-keydata.png); } /* No SVG */ ul.keydata li span { } ul.keydata li.bedrooms { padding: 0 0 0 30px; background-position: 0 0; } ul.keydata li.receptions { padding: 0 0 0 36px; background-position: 0 -24px; } ul.keydata li.bathrooms { padding: 0 0 0 36px; background-position: 0 -48px; } /* Results Nav */ .resultsnav { margin: 0 0 20px 0; background-color: #F3F3F5; overflow: hidden; } .resultsnav ul { float: left; overflow: hidden; } .resultsnav ul li { float: left; line-height: 44px; } .resultsnav ul li a { display: block; color: #47505A; padding: 0 14px 0 40px; background-repeat: no-repeat; background-position: left 14px center; border-right: 1px solid #D2D2D2; } .resultsnav ul li a:hover, .resultsnav ul li a:active, .resultsnav ul li a:focus { color: #70838D; } .resultsnav ul li a.active { color: #FFF; background-color: #47505A; border-right: 1px solid transparent; } .resultsnav ul li.grid a { background-image: url(_images/common/icon-searchgrid.svg); } .resultsnav ul li.list a { background-image: url(_images/common/icon-searchlist.svg); } .resultsnav ul li.map a { padding-left: 34px; background-image: url(_images/common/icon-searchmap.svg); } .resultsnav ul li.shortlist a { background-image: url(_images/common/icon-shortlist-small.svg); } .resultsnav ul li.grid a.active { background-image: url(_images/common/icon-searchgrid-selected.svg); } .resultsnav ul li.list a.active { background-image: url(_images/common/icon-searchlist-selected.svg); } .resultsnav ul li.map a.active { background-image: url(_images/common/icon-searchmap-selected.svg); } .resultsnav ul li.shortlist a.active { background-image: url(_images/common/icon-shortlist-small-selected.svg); } .no-svg .resultsnav ul li.grid a { background-image: url(_images/common/icon-searchgrid.png); } /* No SVG */ .no-svg .resultsnav ul li.list a { background-image: url(_images/common/icon-searchlist.png); } /* No SVG */ .no-svg .resultsnav ul li.map a { background-image: url(_images/common/icon-searchmap.png); } /* No SVG */ .no-svg .resultsnav ul li.shortlist a { background-image: url(_images/common/icon-shortlist-small.png); } /* No SVG */ .no-svg .resultsnav ul li.grid a.active { background-image: url(_images/common/icon-searchgrid-selected.png); } /* No SVG */ .no-svg .resultsnav ul li.list a.active { background-image: url(_images/common/icon-searchlist-selected.png); } /* No SVG */ .no-svg .resultsnav ul li.map a.active { background-image: url(_images/common/icon-searchmap-selected.png); } /* No SVG */ .no-svg .resultsnav ul li.shortlist a.active { background-image: url(_images/common/icon-shortlist-small-selected.png); } /* No SVG */ .resultsnav .adjustsearch { float: right; } .resultsnav .adjustsearch a { line-height: 44px; text-transform: uppercase; border-radius: 0; } .resultsnav a.searchbtn { float: right; padding: 0 46px 0 14px; background-color: #9FAD3C; background-image: url(_images/common/icon-search.svg); background-repeat: no-repeat; background-position: right 14px center; border: none; } .no-svg .resultsnav a.searchbtn { background-image: url(_images/common/icon-search.png); } /* No SVG */ .resultsnav a.searchbtn:hover, .resultsnav a.searchbtn:active, .resultsnav a.searchbtn:focus { background-color: #8F9B36; border: none; } /* Results Pagination */ .resultsfooter { padding: 22px 0 0 0; border-top: 1px solid #D2D2D2; } .resultsfooterinfo { width: 50%; } .resultspagination { float: right; width: 50%; text-align: right; } ol.pagination { float: right; text-transform: uppercase; text-align: center; overflow: hidden; } ol.pagination li { float: left; line-height: 48px; } ol.pagination li.dots { line-height: 48px; padding: 0 14px; border: 1px solid #D2D2D2; border-left: none; } ol.pagination li a { display: block; min-width: 12px; height: 48px; line-height: 48px; padding: 0 14px; color: #47505A; border: 1px solid #D2D2D2; border-left: none; } ol.pagination li:first-child a { border-left: 1px solid #D2D2D2; } ol.pagination li a:hover { background-color: #F3F3F5; } ol.pagination li.active a { color: #9FAD3C; background-color: #F3F3F5; } ol.pagination li.inactive a:hover { background-color: #FFF; cursor: default; } ol.pagination li a.nextpage, ol.pagination li a.previouspage { line-height: 48px; padding: 0 14px; background-image: url(_images/common/bkgd-pagination.svg); background-repeat: no-repeat; border: 1px solid #D2D2D2; border-left: none; } .no-svg ol.pagination li a.previouspage { background-image: url(_images/common/bkgd-pagination.png); } /* No SVG */ ol.pagination li a.nextpage { background-position: -40px 0; } ol.pagination li a.previouspage { background-position: 0 0; } ol.pagination li a.nextpage:hover, ol.pagination li a.nextpage:active, ol.pagination li a.nextpage:focus { background-position: -40px -48px; } ol.pagination li a.previouspage:hover, ol.pagination li a.previouspage:active, ol.pagination li a.previouspage:focus { background-position: 0 -48px; } ol.pagination li a.nextpage span, ol.pagination li a.previouspage span { display: none; } /*------------------------------------------------------------------*/ /* Results Grid */ .resultsgrid { overflow: hidden; } .resultsgrid .property { float: left; width: 32%; margin: 0 2% 2% 0; } .resultsgrid .property:nth-child(3n) { margin-right: 0; } .resultsgrid .property a { color: #2E3438; } .resultsgrid .property .photo { position: relative; max-height: 230px; overflow: hidden; } /*.resultsgrid .property .photo { position: relative; min-height: 230px; overflow: hidden; margin: 0 0 10px 0; outline: 1px solid red; } TPJ: Added to give the holding div consistency */ /*.resultsgrid .property .photo .property-image { position: absolute; z-index: 0; outline: 1px solid blue; } TPJ: Added to give the holding div consistency */ .resultsgrid .property .desc { padding: 10px 0 0 0; min-height: 92px; } .resultsgrid .property .desc h5 { font-size: 1.2em; font-weight: 400; color: #0083AA; margin: 0; } /* FS */ .resultsgrid .property .desc p { margin: 0; } .resultsgrid .property .desc p.type { font-style: italic; text-transform: capitalize; } .resultsgrid .property .desc p.price { font-size: 1.2em; font-weight: 600; } .resultsgrid .property .desc p.price span.status { font-size: 0.8em; font-weight: 400; color: #7B8A95; } .resultsgrid .property a:hover .desc h5 { color: #70838D; } .resultsgrid .property .photo span.status { position: absolute; top: 0; left: 0; z-index: 1; } /*------------------------------------------------------------------*/ /* Results List */ .resultslist { } .resultslist .property { padding: 0 0 20px 0; margin: 0 0 20px 0; border-bottom: 1px solid #D2D2D2; overflow: hidden; } .resultslist .property:last-child { border: none; } .resultslist .property .gallery { float: left; width: 32%; } .resultslist .property .gallery .photomain { margin: 0 0 1.5% 0; max-height: 280px; overflow: hidden; } /* TPJ: Added max-height and overflow to crop images for consistency */ .resultslist .property .gallery .photothumbs { max-height: 72px; overflow: hidden; } /* TPJ: Added max-height and overflow to crop images for consistency */ .resultslist .property .gallery .photothumbs img { float: left; width: 32%; margin: 0 2% 0 0; } .resultslist .property .gallery .photothumbs img:last-child { margin: 0; } /* .resultslist .property .rlcarousel { margin: 0 0 4px 0; } .resultslist .property .rlcarouselthumbs .owl-item:first-child { margin: 0 0 0 -4px; border-right: 4px solid #FFF; } .resultslist .property .rlcarouselthumbs .owl-item:nth-child(2) { border-right: 4px solid #FFF; } */ .resultslist .property .desc { float: left; width: 65%; padding: 20px 0 0 3%; } .resultslist .property .desc .summary { padding: 0 0 20px 0; } .resultslist .property .desc .summary p { margin: 0; } .resultslist .property .desc h5 { font-size: 1.5em; font-weight: 400; color: #0083AA; margin: 0; } /* FS */ .resultslist .property .desc p.type { font-style: italic; text-transform: capitalize; } .resultslist .property .desc p.price, .resultslist .property .desc p.pricemobile { float: right; font-size: 1.6em; font-weight: 600; } .resultslist .property .desc p.pricemobile { display: none; float: none; } .resultslist .property .desc p.price span.status, .resultslist .property .desc p.pricemobile span.status { font-size: 0.6em; font-weight: 400; color: #7B8A95; } .resultslist .property .desc .virtual_tour { display: inline-block; font-size: 14px; line-height: 20px; text-transform: uppercase; color: #FFF; padding: 0 6px; margin-bottom: 10px; background-color: #E8AA26; border-radius: 3px; } .resultslist .property .mainactions { padding: 30px 0 0 0; } .resultslist .property .mainactions a.detailsbtn { font-size: 1.2em; background-color: #0083AA; margin: 0 10px 0 0; } .resultslist .property .mainactions a.detailsbtn:hover, .resultslist .property .mainactions a.detailsbtn:active, .resultslist .property .mainactions a.detailsbtn:focus { background-color: #2E3438; } .resultslist .property .mainactions .shortlistoptions { float: right; } .resultslist .property .mainactions span.shortlistbtn { float: none; } .resultslist .property .mainactions span.shortlistbtn.viewbtn{ font-size: 0.8em; line-height: 16px; padding-left: 10px; margin: 0 0 0 10px; border-left: 1px solid #D2D2D2; } .resultslist .property .gallery .photomain { position: relative; margin: 0 0 1.5% 0; } .resultslist .property .gallery .photomain span.status { position: absolute; top: 0; left: 0; } /*------------------------------------------------------------------*/ /* Results Map */ .resultsmap { position: relative; height: 690px; /* background-color: #EAEAEB */ background-color: #7B8A95; } .resultsmap .container { position: relative; padding-top: 40px; z-index: 99; } .resultsmap .themap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .resultsmap .themap h4 { font-weight: 400; margin: 0; } .resultsmap .themap p { font-size: 1.2em; font-weight: 400; } .resultsmap .themap p.type { font-style: italic; text-transform: capitalize; } .resultsmap .themap p.pricemobile { font-weight: 600; } .resultsmap .themap p.pricemobile span.status { font-size: 0.75em; font-weight: 400; color: #7B8A95; } .resultsmap .themap a.btn { font-weight: 400; } .gm-style { font-family: "source-sans-pro", Helvetica, Arial, sans-serif; } /*------------------------------------------------------------------*/ /*------------------------------------------------------------------*/ /*--- Detail Page ---*/ /* Summary */ .pdsummary { float: left; width: 60%; } .pdsummary h1 { font-weight: 600; color: #2E3438; margin: 0; } .pdsummary p.price { font-size: 1.6em; font-weight: 400; color: #9FAD3C; margin: 0; } .pdsummary p.price span { font-size: 0.6em; color: #7B8A95; padding: 0 0 0 6px; } .pdkeyactions { float: right; width: 40%; line-height: 42px; text-align: right; padding: 20px 0 0 0; } .pdkeyactions a.btn { margin: 0 16px 8px 0; } /* Details Nav */ .pdnav { max-width: 1600px; line-height: 50px; margin: 0 auto; background-color: #F3F3F5; } ul.pdtabs { float: left; text-transform: uppercase; margin: 0 -20px 0 -20px; } ul.pdtabs li { float: left; } ul.pdtabs li a { display: block; color: #47505A; padding: 0 15px 0 43px; background-image: url(_images/common/icon-pdnav.svg); background-repeat: no-repeat; background-position: 15px 0; } .no-svg ul.pdtabs li a { background-image: url(_images/common/icon-pdnav.png); } /* No SVG */ ul.pdtabs li a:hover, ul.pdtabs li a:active, ul.pdtabs li a:focus { color: #2E3438; background-color: #EAEAEB; } ul.pdtabs li.active a { color: #FFF; background-color: #47505A; } ul.pdtabs li.overview a { background-position: 15px 0; } ul.pdtabs li.overview a:hover, ul.pdtabs li.overview a:active, ul.pdtabs li.overview a:focus { background-position: 15px -50px; } ul.pdtabs li.overview.active a { background-position: 15px -100px; } ul.pdtabs li.photos a { background-position: 15px -150px; } ul.pdtabs li.photos a:hover, ul.pdtabs li.photos a:active, ul.pdtabs li.photos a:focus { background-position: 15px -200px; } ul.pdtabs li.photos.active a { background-position: 15px -250px; } ul.pdtabs li.floorplans a { background-position: 15px -300px; } ul.pdtabs li.floorplans a:hover, ul.pdtabs li.floorplans a:active, ul.pdtabs li.floorplans a:focus { background-position: 15px -350px; } ul.pdtabs li.floorplans.active a { background-position: 15px -400px; } ul.pdtabs li.maps a { background-position: 15px -450px; } ul.pdtabs li.maps a:hover, ul.pdtabs li.maps a:active, ul.pdtabs li.maps a:focus { background-position: 15px -500px; } ul.pdtabs li.maps.active a { background-position: 15px -550px; } ul.pdtabs li.epc a { background-position: 15px -600px; } ul.pdtabs li.epc a:hover, ul.pdtabs li.epc a:active, ul.pdtabs li.epc a:focus { background-position: 15px -650px; } ul.pdtabs li.epc.active a { background-position: 15px -700px; } ul.pdtabs li.brochure a { background-position: 15px -750px; } ul.pdtabs li.brochure a:hover, ul.pdtabs li.brochure a:active, ul.pdtabs li.brochure a:focus { background-position: 15px -800px; } ul.pdtabs li.brochure.active a { background-position: 15px -850px; } ul.pdtabs li.virtualtour a { background-position: 15px -1050px; } ul.pdtabs li.virtualtour a:hover, ul.pdtabs li.virtualtour a:active, ul.pdtabs li.virtualtour a:focus { background-position: 15px -1100px; } ul.pdtabs li.virtualtour.active a { background-position: 15px -1150px; } ul.pdtabs li.videotour a { background-position: 15px -1200px; } ul.pdtabs li.videotour a:hover, ul.pdtabs li.videotour a:active, ul.pdtabs li.videotour a:focus { background-position: 15px -1250px; } ul.pdtabs li.videotour.active a { background-position: 15px -1300px; } .pdnav .return { float: right; font-size: 0.85em; font-style: italic; } .pdnav .return a { display: inline-block; color: #7B8A95; padding: 0 0 0 14px; background-image: url(_images/common/bkgd-returnbtn.svg); background-repeat: no-repeat; background-position: 0 0; } .no-svg .pdnav .return a { background-image: url(_images/common/bkgd-returnbtn.png); } /* No SVG */ .pdnav .return a:hover, .pdnav .return a:active, .pdnav .return a:focus { color: #47505A; background-position: 0 -50px; } /* End Action */ .pdendaction { margin: 26px 0 0 0; padding: 26px 0 0 0; border-top: 1px solid #D2D2D2; overflow: hidden; } /* TPJ: Added top margin to give the property descriptions some breathing space */ .pdendaction .pdenddesc { float: left; } .pdendaction .pdkeyactions { width: auto; } .pdendaction h3 { color: #9FAD3C; margin: 0 0 6px 0; } .pdendaction p { margin: 0; } .pdendaction p.tel { font-size: 2.1em; font-weight: 600; } .pdendaction p.tel a { color: #2E3438; } .pddescription .property-features { margin: 20px 0 0 20px; list-style: disc; } /* TPJ: Added for basic styles */ /*------------------------------------------------------------------*/ /*--- Overview ---*/ .pdoverviewgallery { position: relative; max-width: 1600px; height: 650px; margin: 0 auto; background-color: #EAEAEB; } .pdoverviewgallery #full-width-slider { position: absolute; top: 0; left: 0; width: 100%; } .pdoverviewgallery .heroSlider .rsOverflow, .pdoverviewgallery .royalSlider.heroSlider { height: 100% !important; } .pdoverviewgallery .rsMinW .rsArrow { width: 45px; height: 45px; } .pdoverviewgallery .rsMinW .rsArrowIcn { width: 45px; height: 45px; background-color: #47505A; } .pdoverviewgallery .rsMinW .rsArrowLeft { left: 0; } .pdoverviewgallery .rsMinW .rsArrowRight { right: 0; } .pdoverviewgallery .rsMinW .rsArrowLeft .rsArrowIcn { background-position: 10px 5px; } .pdoverviewgallery .rsMinW .rsArrowRight .rsArrowIcn { background-position: -25px 5px; } @media screen and (min-width: 1441px) { .pdoverviewgallery { height: 720px; } } @media screen and (min-width: 860px) and (max-width: 960px) { .pdoverviewgallery { height: 580px; } } @media screen and (min-width: 760px) and (max-width: 859px) { .pdoverviewgallery { height: 510px; } } @media screen and (min-width: 0px) and (max-width: 767px) { .pdoverviewgallery .rsMinW .rsArrow { width: 34px; height: 34px; } .pdoverviewgallery .rsMinW .rsArrowIcn { width: 34px; height: 34px; } .pdoverviewgallery .rsMinW .rsArrowIcn { background-size: 40px 23px; } .pdoverviewgallery .rsMinW .rsArrowLeft .rsArrowIcn { background-position: 8px 5px; } .pdoverviewgallery .rsMinW .rsArrowRight .rsArrowIcn { background-position: -16px 5px; } } @media screen and (min-width: 660px) and (max-width: 759px) { .pdoverviewgallery { height: 440px; } } @media screen and (min-width: 560px) and (max-width: 659px) { .pdoverviewgallery { height: 360px; } } @media screen and (min-width: 460px) and (max-width: 559px) { .pdoverviewgallery { height: 300px; } } @media screen and (min-width: 380px) and (max-width: 459px) { .pdoverviewgallery { height: 260px; } } @media screen and (min-width: 0px) and (max-width: 379px) { .pdoverviewgallery { height: 220px; } } .pdtitle { position: absolute; top: 50px; left: 0; color: #FFF; z-index: 997; } .pdtitle .pdname { display: block; padding: 10px 10px 10px 60px; background-color: #47505A; background-color: rgba(71,80,90,0.8); } .pdtitle .pdname h3 { font-weight: 400; text-transform: capitalize; margin: 0; } .pdtitle .pdprice { display: inline-block; padding: 10px 10px 10px 60px; background-color: #9FAD3C; background-color: rgba(159,173,90,0.9); } .pdtitle .pdprice span.status { display: inline-block; padding: 10px; margin: -10px -10px -10px 10px; background-color: #D95B4A; background-color: rgba(217,91,74,0.9); } .pdoverview { float: left; width: 56%; } .pdoverview h5 { font-size: 1.5em; font-weight: 400; color: #0083AA; margin: 0; } /* FS */ .pdoverview p.type { font-style: italic; text-transform: capitalize; } .pdoverview p.price, .pdoverview p.pricemobile { float: right; font-size: 1.6em; font-weight: 600; } .pdoverview p.pricemobile { display: none; float: none; margin-top: -10px; } .pdoverview p.price span.status, .pdoverview p.pricemobile span.status { font-size: 0.6em; font-weight: 400; color: #7B8A95; } .pdoverview ul.keydata { padding: 6px 0 26px 0; } .pdoverview .pdkeyactions { float: left; padding: 10px 0 0 0; } .pdoverview .pddescription { line-height: 1.4em; } .pdoverview ul.share_property { font-size: 0; line-height: 0; padding: 20px 0 0 0; margin: 0 auto; } .pdoverview ul.share_property li { display: inline-block; font-size: 12px; line-height: 32px; padding: 0; margin: 2px; background: none !important; } .pdoverview ul.share_property li.legend { font-size: 15px; margin: 0 6px 0 0 !important; } .pdoverview ul.share_property li a { display: block; width: 32px; height: 32px; line-height: 32px; padding: 0; background-image: url(_images/common/bkgd_icons_property_share.svg); background-repeat: no-repeat; background-position: -100px -100px; background-color: #F3F3F5; border: none; border-radius: 2px; } .no-svg .pdoverview ul.share_property li a { background-image: url(_images/common/bkgd_icons_property_share.png); } /* No SVG */ .pdoverview ul.share_property li a:hover { background-color: #EAEAEB !important; } .pdoverview ul.share_property li a.email { background-position: 0 0; } .pdoverview ul.share_property li a.facebook { background-position: 0 -32px; } .pdoverview ul.share_property li a.linkedin { background-position: 0 -64px; } .pdoverview ul.share_property li a.twitter { background-position: 0 -96px; } .pdsupporting { float: right; width: 40%; } .pdsupporting a.btn { line-height: 36px; margin: 0 0 4px 0; } .pdoverviewmap { margin: 0 0 30px 0; } .pdoverviewmap .locationmap { height: 260px; margin: 0 0 10px 0; background-color: #F3F3F5; } .pdammenities { padding: 0 0 10px 0; border-top: 1px solid #D2D2D2; border-bottom: 1px solid #D2D2D2; } .pdammenities .title { margin: -10px 0 10px 0; } .pdammenities .title span { display: inline-block; padding: 0 10px 0 0; background-color: #FFF; } .pdammenities ul.local { overflow: hidden; } .pdammenities ul.local li { float: left; width: 50%; padding: 0 0 0 30px; margin: 0 0 16px 0; background-image: url(_images/common/icon-ammenities.svg); background-repeat: no-repeat; background-position: 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .no-svg .pdammenities ul.local li { background-image: url(_images/common/icon-ammenities.png); } /* No SVG */ .pdammenities ul.local li.bus { background-position: 0 -7px; } .pdammenities ul.local li.school { background-position: 0 -57px; } .pdammenities ul.local li.train { background-position: 0 -107px; } .pdammenities ul.local li.tube { background-position: 0 -157px; } .pdammenities ul.local li span { display: block; } .pdammenities ul.local li span.type { padding: 0 0 4px 0; } .pdammenities ul.local li span.distance { font-size: 0.8em; color: #7B8A95; } /*------------------------------------------------------------------*/ /*--- Photos ---*/ /* No longer used .royalSlider { display: none; } #propertygallery { width: 100%; overflow: hidden; } #propertygallery img { max-width: inherit; } #propertygallery.rsDefault .rsThumb.rsNavSelected { border-bottom: 3px solid #9FAD3C; } */ /* Image Wall Gallery */ #imagewallgallery { margin: 0; padding: 0 0 40px 0; overflow: hidden; } #imagewallgallery .imageblock, #imagewallgallery .item { float: left; width: 49.4%; margin: 0 0.2% 0.5% 0; overflow: hidden; } @media screen and (min-width: 0px) and (max-width: 480px) { #imagewallgallery .imageblock, #imagewallgallery .item { width: 100%; margin: 0 0 6px 0; } } /* Transitions for Masonry */ .masonry, .masonry .masonry-brick { -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; } .masonry { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .masonry .masonry-brick { -webkit-transition-property: left, right, top; -moz-transition-property: left, right, top; -ms-transition-property: left, right, top; -o-transition-property: left, right, top; transition-property: left, right, top; } /*------------------------------------------------------------------*/ /*--- Floorplans ---*/ .pdfloorplan { padding: 20px; margin: 0 0 40px 0; border: 1px solid #D2D2D2; } /*------------------------------------------------------------------*/ /*--- Maps ---*/ .pdmaps { position: relative; height: 690px; /* background-color: #EAEAEB */ background-color: #7B8A95; } .pdmaps ul.pdmapsnav { position: absolute; left: 50%; top: 30px; margin: 0 0 0 -150px; z-index: 2; } /* Amended by TPJ to raise it above the maps */ .pdmaps ul.pdmapsnav li { float: left; text-align: center; text-transform: uppercase; } .pdmaps ul.pdmapsnav li a { display: block; line-height: 40px; padding: 0 14px 0 38px; color: #47505A; background-color: #F3F3F5; background-image: url(_images/common/icon-pdnav.svg); background-repeat: no-repeat; background-position: 14px 0; } .no-svg .pdmaps ul.pdmapsnav li a { background-image: url(_images/common/icon-pdnav.png); } /* No SVG */ .pdmaps ul.pdmapsnav li a:hover, .pdmaps ul.pdmapsnav li a:active, .pdmaps ul.pdmapsnav li a:focus { color: #2E3438; background-color: #EAEAEB; } .pdmaps ul.pdmapsnav li.location a { background-position: 14px -455px; } .pdmaps ul.pdmapsnav li.location a:hover, .pdmaps ul.pdmapsnav li.location a:active, .pdmaps ul.pdmapsnav li.location a:focus { background-position: 14px -505px; } .pdmaps ul.pdmapsnav li.location.ui-state-active a { background-position: 14px -555px; } .pdmaps ul.pdmapsnav li.streetview a { padding-left: 44px; background-position: 14px -905px; } .pdmaps ul.pdmapsnav li.streetview a:hover, .pdmaps ul.pdmapsnav li.streetview a:active, .pdmaps ul.pdmapsnav li.streetview a:focus { background-position: 14px -955px; } .pdmaps ul.pdmapsnav li.streetview.ui-state-active a { background-position: 14px -1005px; } .pdmaps ul.pdmapsnav li.ui-state-active a { color: #FFF; background-color: #9FAD3C; } /*------------------------------------------------------------------*/ /*--- EPC ---*/ .pdepc { margin: 0 0 40px 0; overflow: hidden; } .pdepc .desc { float: left; width: 40%; } .pdepc .certificate { float: right; width: 56%; } .pdepc .certificate p { font-size: 0.9em; color: #7B8A95; padding: 10px 0 0 0; margin: 10px 0 0 0; border-top: 1px solid #D2D2D2; } /*------------------------------------------------------------------*/ /*------------------------------------------------------------------*/ /* 7. Homepage /*------------------------------------------------------------------*/ /*--- Quotes Slider ---*/ .intro { position: relative; height: 100%; min-height: 800px; padding: 0; color: #FFF; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; z-index: 998; overflow: hidden; } .intro .mask { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(46,52,56,0.3); } .intro .container { position: relative; height: 100%; max-width: 1100px; } /*--- Royal Slider ---*/ .royalSlider { display: none; } .rsImg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .filter { position: relative; height: 100%; background: rgba(0,0,0,0.4); z-index: 2; } /*--- Homepage Slider ---*/ /* .homeintro { margin: 100px 0 0 0; } */ /* No longer used #homeslider { width: 100%; height: 580px; } #pahomeslider { width: 100%; height: 580px; background-color: #CCC; } #pahomeslider .container { position: relative; height: 580px; overflow: visible; } */ .homeslogan { position: absolute; top: 10%; left: 20px; max-width: 50%; z-index: 1; } .homesloganstrip { position: absolute; left: 0; right: 0; bottom: 0; padding: 20px 0; background-color: #47505A; z-index: 1; } .homesloganstrip .container { height: auto !important; } .homesloganstrip .slogan { max-width: 50%; } .homesloganstrip .illustration { position: absolute; right: 20px; bottom: 0; max-width: 40%; } .mobilehomeslogan { display: none; text-align: center; padding: 10px 10%; margin: -2px 0 0 0; background-color: #47505A; } #pahomeslider .homequote { position: absolute; top: 24%; right: auto; bottom: auto; left: 0; max-width: 420px; padding: 20px 40px 20px 1020px; margin: 0 0 0 -1000px; color: #FFF; background-color: rgba(71, 80, 90, 0.7); z-index: 997; } .homequote { position: absolute; top: auto; right: auto; bottom: 0; left: 0; max-width: 420px; padding: 20px 40px; color: #FFF; background-color: rgba(71, 80, 90, 0.7); } .homequote p.quote { font-size: 1.7em; line-height: 1.1em; font-weight: 500; font-style: italic; margin: 0 0 6px 0; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.6); } .homequote p.name { font-size: 1.3em; font-weight: 300; margin: 0; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.6); } /*--- Arrows / Bullets ---*/ .rsMinW .rsBullets { display: none; } .rsMinW .rsArrowLeft { top: 50%; left: 5%; right: 0; } .rsMinW .rsArrowRight { top: 50%; right: 5%; } .rsMinW .rsArrow { height: 45px; width: 30px; margin-top: -22px; position: absolute; display: block; cursor: pointer; z-index: 21; } .rsMinW .rsArrowIcn { width: 30px; height: 45px; position: absolute; cursor: pointer; background-image: url('_images/common/bkgd-royalslider-arrows.svg'); background-repeat: no-repeat; background-color: transparent; opacity: 0.5; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -ms-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } .no-svg .rsMinW .rsArrowIcn { background-image: url('_images/common/bkgd-royalslider-arrows.png'); } /* No SVG */ .rsMinW .rsArrowIcn:hover { opacity: 0.8; } .rsMinW .rsArrowLeft .rsArrowIcn { background-position: 5px 5px; } .rsMinW .rsArrowRight .rsArrowIcn { background-position: -35px 5px; } .rsMinW .rsArrowDisabled .rsArrowIcn { opacity: .3; } /*--- Start Search ---*/ .startsearch { border-bottom: 1px solid #D2D2D2; } .startsearch .sstitle { text-align: center; background-image: url(_images/common/bkgd-greyline.svg); background-repeat: repeat-x; background-position: right center; } .no-svg .startsearch .sstitle { background-image: url(_images/common/bkgd-greyline.png); } /* No SVG */ .startsearch .sstitle span { font-size: 2.2em; font-weight: 600; padding: 0 10px; background-color: #FFF; } .startsearch .searchbar { position: relative; background: none; } .startsearch .searchbar .container { padding: 0; } /* Client Testimonials */ .clienttestimonials { min-height: 650px; text-align: center; background-color: #EFEFEF; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .clienttestimonials .photo { } .clienttestimonials .container { /* position: absolute; top: 0; left: 0; right: 0; */ max-width: none; padding-top: 20px; padding-bottom: 20px; background-color: rgba(239,239,239,0.93); } .clienttestimonials .testimonial { position: relative; max-width: 740px; padding: 40px 60px 10px 60px; margin: 0 auto; } .clienttestimonials .testimonial p.quote { font-size: 1.4em; line-height: 1.3em; font-weight: 200; font-style: italic; margin: 0 0 6px 0; } .clienttestimonials .testimonial p.name { font-size: 1.3em; font-weight: 600; margin: 0; } .clienttestimonials .testimonial .openquote { position: absolute; top: 20px; left: 0; width: 50px; } .clienttestimonials .testimonial .closequote { position: absolute; bottom: 10px; right: 0; width: 50px; } .clienttestimonials .starrating { color: #BABABA; margin: 0 0 20px 0; } .clienttestimonials .starrating .rating { font-size: 1.2em; color: #E8AA26; margin: 0 0 10px 0; } .clienttestimonials .starrating .reviewsnumber { color: #47505A; } .clienttestimonials .starrating .reviewsnumber:hover, .clienttestimonials .starrating .reviewsnumber:active, .clienttestimonials .starrating .reviewsnumber:focus { color: #2E3438; } .clienttestimonials .starrating .reviewswrite { color: #E8AA26; } .clienttestimonials .starrating .reviewswrite:hover, .clienttestimonials .starrating .reviewswrite:active, .clienttestimonials .starrating .reviewswrite:focus { color: #47505A; } /* Valuation Strip */ .valuationstrip { background-color: #9C99BE; } .valuationstrip .container { padding-top: 40px; padding-bottom: 40px; background-image: url(_images/common/bkgd-circle-arrow-right.svg); background-repeat: no-repeat; background-position: right 40px center; } .no-svg .valuationstrip .container { background-image: url(_images/common/bkgd-circle-arrow-right.png); } /* No SVG */ .valuationstrip a { color: #2E3438; } .valuationstrip:hover { background-color: #8C89AB; } .valuationstrip .title { float: left; width: 42%; } .valuationstrip .title h3 { margin: 0; } .valuationstrip .title span { color: #FFF; padding: 0 0 0 60px; } .valuationstrip .desc { float: left; width: 42%; text-align: center; color: #FFF; } .valuationstrip .desc p { font-size: 1.4em; line-height: 1.3em; font-weight: 300; font-style: italic; margin: 0; } @media screen and (min-width: 768px) and (max-width: 1000px) { .valuationstrip .desc { width: 46%; } } @media screen and (min-width: 768px) and (max-width: 990px) { .valuationstrip { text-align: center; } .valuationstrip .title span { padding: 0; } } @media screen and (min-width: 768px) and (max-width: 911px) { .valuationstrip .title { padding-top: 12px; } } @media screen and (min-width: 0px) and (max-width: 767px) { .valuationstrip { text-align: center; } .valuationstrip .container { padding-bottom: 70px; background-position: center bottom 20px; } .valuationstrip .title { float: none; width: 100%; } .valuationstrip .title span { padding: 0; } .valuationstrip .desc { float: none; width: auto; max-width: 480px; padding: 20px 0; margin: 0 auto; } .valuationstrip .desc p { font-size: 1.3em; } } /*--- Quick Search ---*/ .searchbar { position: absolute; bottom: 0; left: 0; width: 100%; padding: 24px 0; background-color: rgba(46,52,56,0.4); z-index: 998; } form.quicksearch { } .qsfield { float: left; width: 19.2%; margin: 0 1% 0 0; } .qsfield:last-child { margin: 0; } /* Overlay Version */ .quicksearchform .qsfield { width: 49%; margin: 0 2% 8px 0; } .quicksearchform .qsfield:nth-child(2n) { margin-right: 0; } .quicksearchform .qsfield:last-child { width: 100%; margin: 0; } .qsfield.searchoptions { background-color: #373D41; border-radius: 2px; } .qsfield .searchoption { position: relative; float: left; width: 50%; height: 38px; overflow: hidden; } .qsfield label { position: absolute; top: 0; left: 0; width: 100%; padding: 0 0 0 36px; line-height: 38px; color: #EAEAEB; background: none; cursor: pointer; } .qsfield label:hover { color: #FFF; } .qsfield input[type="radio"] { cursor: pointer; width: 30px; margin: 0; background: none; border: none; opacity: 0; } .qsfield input[type="radio"] + label { background-image: url("_images/common/bkgd-form-checkbox-unchecked.svg"); background-repeat: no-repeat; background-position: left 14px center; } .no-svg .qsfield input[type="radio"] + label { background-image: url("_images/common/bkgd-form-checkbox-unchecked.png"); } /* No SVG */ .qsfield input[type="radio"]:checked + label { color: #9FAD3C; background-image: url("_images/common/bkgd-form-checkbox-checked.svg"); background-repeat: no-repeat; background-position: left 14px center; } .no-svg .qsfield input[type="radio"]:checked + label { background-image: url("_images/common/bkgd-form-checkbox-checked.png"); } /* No SVG */ .qsfield input, .qsfield select { width: 100%; color: #EAEAEB; background-color: #373D41; border: none; border-radius: 2px; } .qsfield input.submit, .searchbarlight .qsfield input.submit { text-align: left; color: #FFF; background-color: #9FAD3C; background-image: url(_images/common/icon-search.svg); background-repeat: no-repeat; background-position: right 14px center; border: none; } .no-svg .qsfield input.submit, .no-svg .searchbarlight .qsfield input.submit { background-image: url(_images/common/icon-search.png); } /* No SVG */ .qsfield input.submit:hover, .qsfield input.submit:active, .qsfield input.submit:focus, .searchbarlight .qsfield input.submit:hover, .searchbarlight .qsfield input.submit:active, .searchbarlight .qsfield input.submit:focus { background-color: #8F9B36; border: none; } /* Light Version */ .searchbarlight .qsfield.searchoptions { background-color: #E6E6E6; } .searchbarlight .qsfield label { color: #47505A; } .searchbarlight .qsfield input[type="radio"] + label { background-image: url("_images/common/bkgd-form-checkbox-unchecked-darker.svg"); } .no-svg .searchbarlight .qsfield input[type="radio"] + label { background-image: url("_images/common/bkgd-form-checkbox-unchecked-darker.png"); } /* No SVG */ .searchbarlight .qsfield input[type="radio"]:checked + label { color: #47505A; background-image: url("_images/common/bkgd-form-checkbox-checked.svg"); } .no-svg .searchbarlight .qsfield input[type="radio"]:checked + label { background-image: url("_images/common/bkgd-form-checkbox-checked.png"); } /* No SVG */ .searchbarlight .qsfield input, .searchbarlight .qsfield select { color: #47505A; background-color: #E6E6E6; } .qsfield input.submit { text-align: left; color: #FFF; background-color: #9FAD3C; background-image: url(_images/common/icon-search.svg); background-repeat: no-repeat; background-position: right 14px center; border: none; } .no-svg .qsfield input.submit { background-image: url(_images/common/icon-search.png); } /* No SVG */ .qsfield input.submit:hover, .qsfield input.submit:active, .qsfield input.submit:focus { background-color: #8F9B36; border: none; } /* Mobile Quick Search */ .mobilequicksearch { display: none; text-align: center; } .mobilequicksearch a.btn { width: 50%; } /* NO LONGER USED */ /* .mobilequicksearch ul { overflow: hidden; } .mobilequicksearch ul li { float: left; width: 46%; padding: 0 2%; } .mobilequicksearch ul li a { display: block; } */ /*--- Featured Properties ---*/ /* .featuredproperties { position: relative; } .fpnav { position: absolute; top: 10px; right: 0; width: 100%; text-align: right; text-transform: uppercase; border-bottom: 1px solid #D2D2D2; } .fpnav li { display: inline-block; text-align: center; } .fpnav li a { display: block; min-width: 110px; line-height: 34px; padding: 0 10px; color: #FFF; background-color: #47505A; border-radius: 2px 2px 0 0; } .fpnav li a:hover { background-color: #2E3438; text-decoration: none; } .fpnav li.ui-state-active a { color: #FFF; background-color: #9FAD3C; } .fptitle { padding: 0 0 10px 0; } .fpcarousel { padding: 0 0 20px 0; } .fpcarousel .fpproperty { border-left: 1px solid #FFF; border-right: 1px solid #FFF; } .fpcarousel .fpproperty a { color: #2E3438; } .fpcarousel .fpproperty .photo { } .fpcarousel .fpproperty .desc { padding: 10px 0 0 0; } .fpcarousel .fpproperty .desc h5 { font-size: 1.2em; font-weight: 400; color: #0083AA; margin: 0; } .fpcarousel .fpproperty .desc p { margin: 0; } .fpcarousel .fpproperty .desc p.type { font-style: italic; } .fpcarousel .fpproperty .desc p.price { font-size: 1.2em; font-weight: 600; } .fpcarousel .fpproperty a:hover .desc h5 { color: #7B8A95; } */ /* New Featured Properties */ .featuredproperties { padding: 30px 0 0 0; } .fphalfleft { float: left; width: 49%; } .fphalfright { float: right; width: 49%; } .featuredproperty { } .featuredproperty .photo { position: relative; } .featuredproperty .photo .price { position: absolute; bottom: 0; left: 0; font-size: 1.4em; font-weight: 600; color: #FFF; padding: 8px 10px; background-color: #47505A; } .featuredproperty .desc { padding: 14px 0; } .featuredproperty ul.keydata { float: right; padding: 0; } .featuredproperty ul.keydata li { color: #2E3438; margin: 0 0 0 10px; } .featuredproperty .desc h5 { font-size: 1.2em; font-weight: 400; color: #0083AA; margin: 0; } /* FS */ .featuredproperty .desc p { margin: 0; } .featuredproperty .desc p.type { font-style: italic; } /* See also Owl Carousel below */ .fpviewall { position: relative; text-align: center; margin: 20px 0 0 0; border-top: 1px solid #D2D2D2; } .fpviewall a.btn { position: relative; top: -22px; } /*--- Home Welcome ---*/ .homewelcome { overflow: hidden; } .homewelcome .hwtitle { text-align: center; margin: 0 0 20px 0; background-image: url(_images/common/bkgd-greyline.svg); background-repeat: repeat-x; background-position: right center; } .no-svg .homewelcome .hwtitle { background-image: url(_images/common/bkgd-greyline.png); } /* No SVG */ .homewelcome .hwtitle span { display: inline-block; padding: 0 20px; background-color: #FFF; } .homewelcome .hwleft { float: left; width: 58%; padding: 0 2% 0 0; } .homewelcome .hwright { float: right; width: 38%; padding: 10px 0 0 2%; } .photolink { position: relative; max-width: 420px; margin: 0 auto 10px auto; } .photolink span { position: absolute; top: 0; left: 0; font-size: 1.4em; font-weight: 200; color: #E6E6E6; padding: 12px 34px 12px 12px; background-color: rgba(71,80,90,0.75); background-image: url(_images/common/bkgd-arrow-right.svg); background-repeat: no-repeat; background-position: right 12px center; } .photolink span { background-image: url(_images/common/bkgd-arrow-right.png); } /* No SVG */ .photolink a:hover span { color: #FFF; } .valuationbox { padding: 20px; background-color: #9C99BE; background-image: url(_images/common/bkgd-valuationbox.svg); background-repeat: no-repeat; background-position: right bottom; border-radius: 2px; } .no-svg .valuationbox { background-image: url(_images/common/bkgd-valuationbox.png); } /* No SVG */ .valuationbox p { font-size: 1.4em; font-weight: 600; } .valuationbox p .white { color: #FFF; } /*--- TPJ Additions ---*/ .add-to-shortlist .remove, .remove-from-shortlist .add { display: none; } /* TPJ: Specifically for the add to shortlist buttons */ .formhoney { visibility: hidden; display: none; } /* TPJ: Hidden input to catch bots */ /*--- TPJ Addittions ---*/ /*------------------------------------------------------------------*/ /* 8. Owl Carousel /*------------------------------------------------------------------*/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d} /*- Customise Owl Carousel -*/ .owl-dots { text-align: center; margin: 0 auto; } .owl-dots .owl-dot { display: inline-block; width: 12px; height: 12px; margin: 0 6px; } .owl-dots .owl-dot span { display: block; width: 12px; height: 12px; background: #70838D; opacity: 0.4; border-radius: 50%; } .owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span { background: #70838D; opacity: 1; } .owl-nav { pointer-events: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; } .owl-nav [class*="owl-"] { border-radius: 0; } /* .owl-nav .owl-prev { pointer-events: auto; float: left; text-indent: -9999px; width: 40px; height: 100%; padding: 0; margin: 0; background-color: transparent; background-color: #000; background-repeat: no-repeat; background-position: center center; transform: rotate(-180deg); overflow: hidden; } .owl-nav .owl-next { pointer-events: auto; float: right; text-indent: -9999px; width: 40px; height: 100%; padding: 0; margin: 0; background-color: transparent; background-color: #000; background-repeat: no-repeat; background-position: center center; overflow: hidden; } .owl-nav .owl-prev:hover { opacity: 0.9; } .owl-nav .owl-next:hover { opacity: 0.9; } */ /*------------------------------------------------------------------*/ /* 9. Magnific Popup /*------------------------------------------------------------------*/ /*--- Leave Below Unchanged - Overwrites Afterwards ---*/ /*- Fade-zoom animation for first dialog -*/ /* start state */ .my-mfp-zoom-in .zoom-anim-dialog { opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } /* animate in */ .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /* animate out */ .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; } /* Dark overlay, start state */ .my-mfp-zoom-in.mfp-bg { opacity: 0; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } /* animate in */ .my-mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; } /* animate out */ .my-mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } /*- Magnific Popup CSS -*/ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #FFF; opacity: 0.7; filter: alpha(opacity=70); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #cccccc; } .mfp-preloader a:hover { color: white; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: white; font-style: normal; font-size: 28px; font-weight: 100; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: white; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px; } .mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid white; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3f3f3f; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid white; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3f3f3f; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444444; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } /*--- Overwrite Core Styling ---*/ .zoom-anim-dialog { position: relative; margin: 40px auto; } .mfp-bg { background: #1A1A1A; } .my-mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.94; } button.mfp-close { top: -30px; right: -1; width: 32px; height: 30px; line-height: 20px; font-size: 20px; padding: 0 0 4px 0; opacity: 0.9; filter: alpha(opacity=90); } button.mfp-close:active { top: -30px; } .mfp-close-btn-in .mfp-close { color: #FFF; } button.mfp-close, button.mfp-arrow { background-color: #D95B4A; } /*-------------------------------------------------------------------- Philip Alexander Responsive CSS Updated: 08.11.2022 Designed & Handcrafted by The Pixel Parlour --------------------------------------------------------------------*/ /*------------------------------------------------------------------*/ /*------------------------------------------------------------------*/ /* Desktop : 961+ /*------------------------------------------------------------------*/ @media screen and (min-width: 961px) { .container { max-width: 1080px; } } @media screen and (min-width: 1440px) and (max-width: 1859px) { /*------------------------------------------------------------------*/ /* 7. Homepage /*------------------------------------------------------------------*/ /* No longer used #pahomeslider { height: 680px; } #pahomeslider .container { height: 680px; } */ } @media screen and (min-width: 1860px) { /*------------------------------------------------------------------*/ /* 7. Homepage /*------------------------------------------------------------------*/ /* No longer used #pahomeslider { height: 780px; } #pahomeslider .container { height: 780px; } */ } /*------------------------------------------------------------------*/ /*------------------------------------------------------------------*/ /* iPad Portrait Layout : 768-960 /*------------------------------------------------------------------*/ @media screen and (min-width: 768px) and (max-width: 990px) { /*------------------------------------------------------------------*/ /* 3. Universal Elements /*------------------------------------------------------------------*/ /*--- Nav Bar ---*/ /*-- USE BELOW IF LONGER MENU --*/ /* #navbar .container { padding: 0; } */ /* Header Logo */ /* #navbar .logo { float: none; width: 100%; text-align: center; margin: 0 auto; } #navbar .logo img { width: auto; } */ /* Header Nav */ /* #navbar .menu { width: 100%; height: 50px; line-height: 40px; text-align: center; border-top: 1px solid #EAEAEB; } */ /* Moving Nav Bar */ /* #navbar.moving .logo { width: 35%; line-height: 70px; } #navbar.moving .menu { height: 50px; line-height: 40px; } */ /* Nav Drop Down */ /* #navbar ul .subnav { top: 151px; } nav#navbar.moving ul .subnav { top: 121px; } */ /*--- Nav Bar ---*/ #navbar ul span.supplementarymenu li#menu-item-4144 { display: none; } /*------------------------------------------------------------------*/ /*--- Footer ---*/ /* Contact Footer */ .contactfooter { text-align: center; } .contactfooter ul.contacts { width: 100%; } .contactfooter ul.sociallinks { width: 100%; padding: 10px 0 0 0; } /* Action Footer */ /* .actionfooter .col { width: 35%; } .actionfooter .colleft { width: 60%; padding: 0 5% 0 0; } .actionfooter .colright { text-align: center; } */ .aflogos li.sitelogo { display: none; } /* Legal Footer */ .legalfooter .col { width: 100%; text-align: center; padding: 0 0 10px 0; } .legalfooter .portals { width: 100%; } .legalfooter .portals ul li { margin: 3px 6px; } /*------------------------------------------------------------------*/ /* 4. Common Page Elements /*------------------------------------------------------------------*/ /*-- USE BELOW IF LONGER MENU --*/ /*--- Photo Page Top ---*/ /* .ptphoto { margin: 150px 0 0 0; } */ /*--- Page Top ---*/ /* .pagetop { margin: 150px 0 0 0; } */ /*--- Local Directory ---*/ .directorygrid .directoryitem { width: 32.6%; } .directorygrid .directoryitem:nth-child(4n) { margin-right: 1%; } .directorygrid .directoryitem:nth-child(3n) { margin-right: 0; } /*------------------------------------------------------------------*/ /* 6. Property Search /*------------------------------------------------------------------*/ /* Summary */ .pdsummary { width: 100%; } .pdkeyactions { width: 100%; text-align: left; padding: 10px 0 0 0; } /* Details Nav */ /* ul.pdtabs li a { padding: 0 15px; background-image: none; border-right: 1px solid #D2D2D2; } */ ul.pdtabs li a { padding: 0 10px 0 36px; background-position: 10px 0; } ul.pdtabs li.overview a { background-position: 10px 0; } ul.pdtabs li.overview a:hover, ul.pdtabs li.overview a:active, ul.pdtabs li.overview a:focus { background-position: 10px -50px; } ul.pdtabs li.overview.active a { background-position: 10px -100px; } ul.pdtabs li.photos a { background-position: 10px -150px; } ul.pdtabs li.photos a:hover, ul.pdtabs li.photos a:active, ul.pdtabs li.photos a:focus { background-position: 10px -200px; } ul.pdtabs li.photos.active a { background-position: 10px -250px; } ul.pdtabs li.floorplans a { background-position: 10px -300px; } ul.pdtabs li.floorplans a:hover, ul.pdtabs li.floorplans a:active, ul.pdtabs li.floorplans a:focus { background-position: 10px -350px; } ul.pdtabs li.floorplans.active a { background-position: 10px -400px; } ul.pdtabs li.maps a { background-position: 10px -450px; } ul.pdtabs li.maps a:hover, ul.pdtabs li.maps a:active, ul.pdtabs li.maps a:focus { background-position: 10px -500px; } ul.pdtabs li.maps.active a { background-position: 10px -550px; } ul.pdtabs li.epc a { background-position: 10px -600px; } ul.pdtabs li.epc a:hover, ul.pdtabs li.epc a:active, ul.pdtabs li.epc a:focus { background-position: 10px -650px; } ul.pdtabs li.epc.active a { background-position: 10px -700px; } ul.pdtabs li.brochure a { background-position: 10px -750px; } ul.pdtabs li.brochure a:hover, ul.pdtabs li.brochure a:active, ul.pdtabs li.brochure a:focus { background-position: 10px -800px; } ul.pdtabs li.brochure.active a { background-position: 10px -850px; } ul.pdtabs li.virtualtour a { background-position: 10px -1050px; } ul.pdtabs li.virtualtour a:hover, ul.pdtabs li.virtualtour a:active, ul.pdtabs li.virtualtour a:focus { background-position: 10px -1100px; } ul.pdtabs li.virtualtour.active a { background-position: 10px -1150px; } .pdnav .return { display: none; } /*--- Overview ---*/ .pdoverviewgallery .rsMinW .rsArrowLeft { top: auto; bottom: 0; } .pdoverviewgallery .rsMinW .rsArrowRight { top: auto; bottom: 0; } .pdoverview ul.keydata li span { display: none; } .pdammenities ul.local li { width: 100%; } /*------------------------------------------------------------------*/ /* 7. Homepage /*------------------------------------------------------------------*/ /*--- Quick Search ---*/ .searchbar form.quicksearch { display: none; } .qsfield { width: 32%; margin: 0 2% 8px 0; } .qsfield:nth-child(4n) { margin-right: 0; } .qsfield:first-child { width: 100%; margin-right: 0; } .qsfield:last-child { width: 100%; margin: 0; } .quicksearchform .qsfield { width: 49%; margin: 0 2% 8px 0; } .quicksearchform .qsfield:nth-child(2n) { margin-right: 0; } .quicksearchform .qsfield:last-child { width: 100%; margin: 0; } /* Mobile Quick Search */ .mobilequicksearch { display: block; } } @media screen and (min-width: 1061px) and (max-width: 1119px) { /*------------------------------------------------------------------*/ /* 6. Property Search /*------------------------------------------------------------------*/ /* Results Grid */ .resultsgrid .property .photo { max-height: 217px; } } @media screen and (min-width: 1001px) and (max-width: 1060px) { /*------------------------------------------------------------------*/ /* 6. Property Search /*------------------------------------------------------------------*/ /* Results Grid */ .resultsgrid .property .photo { max-height: 202px; } } @media screen and (min-width: 941px) and (max-width: 940px) { /*------------------------------------------------------------------*/ /* 6. Property Search /*------------------------------------------------------------------*/ /* Results Grid */ .resultsgrid .property .photo { max-height: 190px; } } @media screen and (min-width: 881px) and (max-width: 1000px) { /*------------------------------------------------------------------*/ /* 6. Property Search /*------------------------------------------------------------------*/ /* Results Grid */ .resultsgrid .property .photo { max-height: 178px; } } @media screen and (min-width: 821px) and (max-width: 880px) { /*------------------------------------------------------------------*/ /* 6. Property Search /*------------------------------------------------------------------*/ /* Results Grid */ .resultsgrid .property .photo { max-height: 165px; } } @media screen and (min-width: 768px) and (max-width: 820px) { /*------------------------------------------------------------------*/ /* 6. Property Search /*------------------------------------------------------------------*/ /* Results Grid */ .resultsgrid .property .photo { max-height: 155px; } } /*------------------------------------------------------------------*/ /*------------------------------------------------------------------*/ /* All Mobile : 0-767 /*------------------------------------------------------------------*/ @media screen and (min-width: 0px) and (max-width: 767px) { /*------------------------------------------------------------------*/ /* 3. Universal Elements /*------------------------------------------------------------------*/ .sitewrapper { padding: 116px 0 0 0; } /*--- Nav Bar ---*/ #navbar { line-height: 80px; border: none; } #navbar .container { padding: 0; } /* Header Logo */ #navbar .logo { float: none; width: 70%; text-align: center; padding: 0; margin: 0 auto; } #navbar .logo img { width: auto; } /* Header Nav */ #navbar .menu { display: none; } /* Moving Nav Bar */ #navbar.moving { line-height: 50px; } #navbar.moving .logo { width: 180px; } /*--- Mobile Nav / Layer ---*/ #navbar a.opennav { display: inline-block; } #navbar ul.mobilequicknav { display: block; } /*------------------------------------------------------------------*/ /*--- Footer ---*/ /* Quote Footer */ .quotefooter .thequote { float: none; width: 100%; } .quotefooter .morelink { float: none; width: auto; } /* Contact Footer */ .contactfooter { text-align: center; } .contactfooter ul.contacts { width: 100%; } .contactfooter ul.sociallinks { width: 100%; padding: 10px 0 0 0; } /* Action Footer */ /* .actionfooter .col { width: 35%; } .actionfooter .colleft { width: 60%; padding: 0 5% 0 0; } .actionfooter .colright { text-align: center; padding: 0; } */ .actionfooter .col { float: none; width: 100%; max-width: 530px; text-align: center; padding: 20px 0 0 0; margin: 0 auto; } .actionfooter .colleft { width: 100%; padding: 0; } .aflogos li { margin: 10px 10px 0 10px; } .aflogos li.sitelogo { display: none; } /* Legal Footer */ .legalfooter .col { width: 100%; text-align: center; padding: 0 0 10px 0; } .legalfooter .portals { width: 100%; } .legalfooter .portals ul li { margin: 3px 6px; } /*------------------------------------------------------------------*/ /* 4. Common Page Elements /*------------------------------------------------------------------*/ /*--- General Layouts ---*/ .maincontent { padding: 20px 0 40px 0; } .wideleftcol { width: 100%; } .thinrightcol { width: 100%; } /*--- Photo Page Top ---*/ .ptphoto { height: auto; /* margin: 115px 0 0 0; */ background: none; } .largeptphoto { height: auto; background: none; } .largeptphoto .ptcontainer { display: none; } .largeptphoto .searchbar { display: none; } .ptmobile { display: block; } /*--- Page Top ---*/ /* .pagetop { margin: 115px 0 0 0; } */ /*--- Page End Action ---*/ .pageendaction { text-align: center; } .pageendaction .copy { width: 100%; } .pageendaction a.btn { float: none; } /*--- Section Nav ---*/ .sectionnav { display: none; } /* Mobile Section Nav */ .mobilesectionnav { display: block; } /*--- Summary Blocks ---*/ .sblock { width: 49.5%; min-height: 280px; } .sblock:nth-child(3n) { margin-right: 1%; } .sblock:nth-child(2n) { margin-right: 0; } /*--- Local Directory ---*/ .directorygrid .directoryitem { width: 49.5%; } .directorygrid .directoryitem:nth-child(4n) { margin-right: 0; } .directorygrid .directoryitem:nth-child(3n) { margin-right: 1%; } .directorygrid .directoryitem:nth-child(2n) { margin-right: 0; } /*--- History Timeline ---*/ .historytimeline .htleft { width: 99%; margin: 0 0 20px 0; } .historytimeline .htright { width: 100%; } .htvideo .thevideo { width: 100%; } .htvideo .description { width: 100%; } /*--- Photo Divide ---*/ .photodivide { height: auto; background: none; } .photodivide .mobiledivide { display: block; } /*------------------------------------------------------------------*/ /* 6. Property Search /*------------------------------------------------------------------*/ /*--- Results Common ---*/ .resultsinfo { width: 100%; text-align: center; } .resultsoptions { width: 100%; text-align: center; } .resultsoptions a.btn { float: none; } /* Results Pagination */ .resultsfooterinfo { width: 100%; } .resultspagination { width: 100%; text-align: center; padding: 20px 0 0 0; } ol.pagination { float: none; } ol.pagination li { float: none; display: inline-block; margin: 0 0 0 -4px; } ol.pagination li.dots { line-height: 40px; padding: 0 10px; } ol.pagination li a { height: 40px; line-height: 40px; padding: 0 10px; } ol.pagination li a.nextpage, ol.pagination li a.previouspage { line-height: 40px; padding: 0 10px; } ol.pagination li a.nextpage { background-position: -42px -4px; } ol.pagination li a.previouspage { background-position: -2px -4px; } ol.pagination li a.nextpage:hover, ol.pagination li a.nextpage:active, ol.pagination li a.nextpage:focus { background-position: -42px -52px; } ol.pagination li a.previouspage:hover, ol.pagination li a.previouspage:active, ol.pagination li a.previouspage:focus { background-position: -2px -52px; } /* Results Nav */ .resultsnav ul li span { display: none; } /* Results Grid */ .resultsgrid .property { width: 49%; } .resultsgrid .property:nth-child(3n) { margin-right: 2%; } .resultsgrid .property:nth-child(2n) { margin-right: 0; } /* Results List */ .resultslist .property .gallery { width: 47%; } .resultslist .property .desc { width: 50%; padding-top: 10px; } .resultslist .property .desc .summary { padding: 0 0 10px 0; } .resultslist .property .desc p.price { display: none; } .resultslist .property .desc p.pricemobile { display: block; } .resultslist .property .desc p.shortdesc { display: none; } .resultslist .property ul.keydata li span { display: none; } .resultslist .property .mainactions { padding: 20px 0 0 0; } .resultslist .property .mainactions .shortlistoptions { float: none; padding: 10px 0 0 0; } .resultslist .property .mainactions a.shortlistbtn { float: none; margin: 10px 0 0 0; } /* Summary */ .pdsummary { width: 100%; } .pdkeyactions { width: 100%; text-align: left; padding: 10px 0 0 0; } /* Details Nav */ ul.pdtabs li { width: 48px; } ul.pdtabs li a { text-indent: -99999px; padding-right: 5px; } /*--- Overview ---*/ .pdoverviewgallery .rsMinW .rsArrowLeft { top: auto; bottom: 0; } .pdoverviewgallery .rsMinW .rsArrowRight { top: auto; bottom: 0; } .pdtitle { top: 20px; } .pdtitle .pdname { padding-left: 20px; } .pdtitle .pdprice { padding-left: 20px; } .pdoverview p.price { display: none; } .pdoverview p.pricemobile { display: block; } .pdoverview ul.keydata li span { display: none; } /*--- Maps ---*/ .pdmaps { height: 490px; } /*--- EPC ---*/ .pdepc .desc { width: 100%; } .pdepc .certificate { width: 100%; } /*------------------------------------------------------------------*/ /* 7. Homepage /*------------------------------------------------------------------*/ /*--- Homepage Slider ---*/ /* No longer used #homeslider { height: 380px; } #pahomeslider { height: 380px; } #pahomeslider .container { height: 380px; } */ .homeslogan { max-width: 60%; } /*--- Quotes Slider ---*/ .homequote { max-width: none; width: 90%; padding: 20px 5%; } .homequote p.quote { font-size: 1.4em; font-weight: 500; } .homequote p.name { font-size: 1.2em; } /*--- Quick Search ---*/ .searchbar form.quicksearch { display: none; } .qsfield { width: 49%; margin: 0 2% 8px 0; } .qsfield:nth-child(2n) { margin-right: 0; } .qsfield:last-child { width: 100%; margin: 0; } /* Mobile Quick Search */ .mobilequicksearch { display: block; } /*--- Featured Properties ---*/ .fptitle h4 { font-size: 1.3em; } /*--- Featured Properties ---*/ /* .fpnav { position: relative; top: 0; text-align: center; } .fptitle { text-align: center; padding: 18px 0 8px 0; } .fptitle h2 { font-size: 1.5em; } */ /*--- Home Welcome ---*/ .homewelcome .hwleft { width: 100%; padding: 0; } .homewelcome .hwright { width: 100%; } } @media screen and (min-width: 600px) and (max-width: 767px) { /*--- Local Directory ---*/ .directorygrid .directoryitem { width: 32.6%; } .directorygrid .directoryitem:nth-child(4n) { margin-right: 1%; } .directorygrid .directoryitem:nth-child(2n) { margin-right: 1%; } .directorygrid .directoryitem:nth-child(3n) { margin-right: 0; } /*------------------------------------------------------------------*/ /* 6. Property Search /*------------------------------------------------------------------*/ .pdammenities ul.local li { width: 100%; } /* Results Grid */ /*.resultsgrid .property .photo { position: relative; min-height: 235px; overflow: hidden; margin: 0 0 10px 0; outline: 1px solid blue; } TPJ: Added to give the holding div consistency */ } @media screen and (min-width: 0px) and (max-width: 599px) { /*------------------------------------------------------------------*/ /* 3. Universal Elements /*------------------------------------------------------------------*/ label { width: 100%; } input, select, textarea { width: 100%; } /* Breadcrumbs */ .breadcrumbsbar { display: none; } /*------------------------------------------------------------------*/ /* 4. Common Page Elements /*------------------------------------------------------------------*/ /*--- Side by Side Blocks ---*/ .sbscol { width: 100%; margin: 0 0 20px 0; } /*--- Location Information ---*/ .locationinformation ul.local li { width: 100%; } /*--- The Team ---*/ .teammembers .teammember { width: 49%; } .teammembers .teammember:nth-child(3n) { margin: 0 1% 1% 0; } .teammembers .teammember:nth-child(2n) { margin-right: 0; } /*------------------------------------------------------------------*/ /* 6. Property Search /*------------------------------------------------------------------*/ /*--- Overview ---*/ .pdtitle { display: none; } .pdoverview { width: 100%; margin: 0 0 20px 0; } .pdsupporting { width: 100%; } /*------------------------------------------------------------------*/ /* 7. Homepage /*------------------------------------------------------------------*/ /* Client Testimonials */ .clienttestimonials { min-height: inherit !important; background: none; } .clienttestimonials .testimonial { padding: 20px 30px; } .clienttestimonials .testimonial p.quote { font-size: 1.2em; } .clienttestimonials .testimonial p.name { font-size: 1.1em; } .clienttestimonials .testimonial .openquote { width: 20px; } .clienttestimonials .testimonial .closequote { width: 20px; } /*--- Featured Properties ---*/ .fphalfleft { width: 100%; } .fphalfright { width: 100%; } .fptitle h4 { font-size: 1.3em; } } @media screen and (min-width: 481px) and (max-width: 599px) { /* Results Nav */ .resultsnav a.refinesearchbtn span { display: none; } .resultsnav a.searchbtn span { display: none; } /* Results Grid */ /*.resultsgrid .property .photo { position: relative; min-height: 145px; overflow: hidden; margin: 0 0 10px 0; outline: 1px solid yellow; } TPJ: Added to give the holding div consistency */ } @media screen and (min-width: 0px) and (max-width: 480px) { /*------------------------------------------------------------------*/ /* 3. Universal Elements /*------------------------------------------------------------------*/ /*--- Footer ---*/ /* Action Footer */ /* .actionfooter .col { width: 100%; padding: 20px 0 0 0; text-align: center; } .actionfooter .colleft { width: 100%; padding: 0; } */ /*------------------------------------------------------------------*/ /* 4. Common Page Elements /*------------------------------------------------------------------*/ /*--- Summary Blocks ---*/ .sblock { width: 100%; min-height: inherit; } /*--- Two Summary Blocks ---*/ .twosummaryblocks .sblock { width: 100%; } /*--- Full Width Features ---*/ .fwfeature .copy { width: 100%; } .fwfeature .image { width: 100%; } /*------------------------------------------------------------------*/ /* 6. Property Search /*------------------------------------------------------------------*/ /*--- Results Common ---*/ .adjustresults label { width: 100%; } .adjustresults select { width: 100%; } /* Results Grid */ .resultsgrid .property { width: 100%; margin: 0 0 20px 0; } .resultsgrid .property:nth-child(3n) { margin-right: 0; } .resultsgrid .property:nth-child(2n) { margin-right: 0; } .resultsgrid .property .photo { max-height: inherit; } /* Results List */ .resultslist .property .gallery { width: 100%; } .resultslist .property .desc { width: 100%; padding-left: 0; } /* Results Nav */ .resultsnav { background: none; } .resultsnav ul { width: 100%; margin: 0 0 10px 0; background-color: #F3F3F5; } .resultsnav ul li { width: 33.3%; } .resultsnav ul li:last-child a { border: none; } .resultsnav ul li span { display: none; } .resultsnav .adjustsearch { width: 100%; } .resultsnav a.refinesearchbtn { width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .resultsnav a.searchbtn { width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /*--- Overview ---*/ /* Details Nav */ .pdnav .return { display: none; } .pdammenities ul.local li { width: 100%; } /*--- Photos ---*/ /* Image Wall Galery */ #imagewallgallery .imageblock, #imagewallgallery .item { width: 100%; margin: 0 0 6px 0; } /*------------------------------------------------------------------*/ /* 7. Homepage /*------------------------------------------------------------------*/ /*--- Homepage Slider ---*/ /* No longer used #homeslider { height: 220px; } #pahomeslider { height: 220px; } #pahomeslider .container { height: 220px; } */ .homeslogan { display: none; } .homesloganstrip { display: none; } .homesloganstrip .slogan { max-width: 100%; } .homesloganstrip .illustration { display: none; } .mobilehomeslogan { display: block; } .homequote { display: none !important; } /*--- Quick Search ---*/ .qsfield, .quicksearchform .qsfield { width: 100%; margin: 0 0 8px 0; } /* Mobile Quick Search */ .mobilequicksearch ul li span { display: none; } /*--- Start Search ---*/ .startsearch .sstitle span { font-size: 1.8em; } } @media screen and (min-width: 0px) and (max-width: 400px) { /*--- Local Directory ---*/ .directorygrid .directoryitem { float: none; width: 100%; max-width: 280px; margin: 0 auto 1% auto; } .directorygrid .directoryitem:nth-child(4n) { margin: 0 auto 1% auto; } .directorygrid .directoryitem:nth-child(3n) { margin: 0 auto 1% auto; } .directorygrid .directoryitem:nth-child(2n) { margin: 0 auto 1% auto; } /*--- The Team ---*/ /* .teammembers .teammember { float: none; width: 100%; max-width: 280px; margin: 0 auto 1% auto; } .teammembers .teammember:nth-child(3n) { margin: 0 auto 1% auto; } .teammembers .teammember:nth-child(2n) { margin: 0 auto 1% auto; } */ /*------------------------------------------------------------------*/ /* 6. Property Search /*------------------------------------------------------------------*/ /* Results Nav */ .resultsnav a.refinesearchbtn span { display: none; } .resultsnav a.searchbtn span { display: none; } /* Results Grid */ /* .resultsgrid .property .photo { position: relative; min-height: 240px; overflow: hidden; margin: 0 0 10px 0; outline: 1px solid green; } /* TPJ: Added to give the holding div consistency */ }