/** Table of Contents: 1.0 - Reset 2.0 - Variables 3.0 - Structure 4.0 - Menu 5.0 - Typography 6.0 - Pages, modules, widgets and other sections 7.0 - Hacks and fixes ----------------------------------------------------------------------------- */ html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } *, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; -o-box-sizing: inherit; -ms-box-sizing: inherit; box-sizing: inherit; outline: none; } 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, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; max-width: 100%; } html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body, button, input, select, textarea { color: #000000; font-family: 'acumin-pro-condensed','Helvetica Condensed','Arial Narrow',Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 400; line-height: 1.5; } body { background: #ffffff; } a { color: inherit; text-decoration: none; } a:focus { outline: none; } a:hover, a:active { outline: 0; } a:active, a:hover { color: inherit; } h1, h2, h3, h4, h5, h6 { font-size: inherit; clear: both; margin: 0; } address { font-style: normal; margin: 0; } abbr[title] { border-bottom: 1px dotted #000000; cursor: help; } b, strong { font-family: 'acumin-pro-condensed','Helvetica Condensed','Arial Narrow',Helvetica, Arial, sans-serif; font-weight: 700; font-style: normal; } cite, dfn, em, i { font-style: italic; font-family: 'acumin-pro-condensed','Helvetica Condensed','Arial Narrow',Helvetica, Arial, sans-serif; font-weight: 400; } mark, ins { background: #fff9c0; text-decoration: none; } p { margin-bottom: 0; /*-webkit-font-smoothing:antialiased;*/ } code, kbd, tt, var, samp, pre { font-family: monospace, serif; font-size: 15px; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; line-height: 1.6; } pre { border: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 24px; max-width: 100%; overflow: auto; padding: 12px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } blockquote, q { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } blockquote { color: #767676; font-size: 19px; font-style: italic; font-weight: 300; line-height: 1.2631578947; margin-bottom: 24px; } blockquote cite, blockquote small { color: #2b2b2b; font-size: 16px; font-weight: 400; line-height: 1.5; } blockquote em, blockquote i, blockquote cite { font-style: normal; } blockquote strong, blockquote b { font-weight: 400; } small { font-size: smaller; } big { font-size: 125%; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } dl { margin-bottom: 24px; } dt { font-weight: bold; } dd { margin-bottom: 24px; } ul, ol { list-style: none; margin: 0 0 24px 20px; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin: 0 0 0 20px; } img { -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle; } figure { margin: 0; } fieldset { border: 1px solid rgba(0, 0, 0, 0.1); margin: 0 0 24px; padding: 11px 12px 0; } legend { white-space: normal; } button, input, select, textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline; } button, input { line-height: normal; } input, textarea { background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); /* Removing the inner shadow, rounded corners on iOS inputs */ } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { padding: 0; } input[type="search"] { -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } table, th, td { border: 1px solid rgba(0, 0, 0, 0.1); } table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin-bottom: 24px; width: 100%; } caption, th, td { font-weight: normal; text-align: left; } th { border-width: 0 1px 1px 0; font-weight: bold; } td { border-width: 0 1px 1px 0; } del { color: #767676; } hr { background-color: rgba(0, 0, 0, 0.1); border: 0; height: 1px; margin-bottom: 23px; } .cf:before, .cf:after { content: " "; /* 1 */ display: table; /* 2 */ } .cf:after { clear: both; } /** For IE 6/7 only Include this rule to trigger hasLayout and contain floats. */ .cf { *zoom: 1; } p, h1, h2, h3, h4, h5, h6, span, a, legend, li { -webkit-font-smoothing: antialiased; } /* 2.0 - Variables ----------------------------------------------------------------------------- */ /* Support a widely-adopted but non-standard selector for text selection styles * to achieve a better experience. See http://core.trac.wordpress.org/ticket/25898. */ ::selection { background: #006f51; color: #f2f2f2; text-shadow: none; } ::-moz-selection { background: #006f51; color: #f2f2f2; text-shadow: none; } /*Extend example: @extend .message; */ /* .selector { @include border-radius(10px); } */ /* .selector { @include transition(all,1s,ease-in-out); } */ /* 3.0 - Structure * ----------------------------------------------------------------------------- */ html { /*midi is 1.66875 * font size when modifying for midi*/ border-bottom: 4px solid #8cc63f; min-height: 100%; } body { background: #006f51; color: #006f51; font-size: 16px; font-size: 1.6rem; font-size: 5.761438199vw; line-height: 1.3125em; } @media (min-width: 37.5em) { body { font-size: 26.7px; font-size: 2.67rem; /*600*/ } } @media (min-width: 47.5em) { body { font-size: 16px; font-size: 1.6rem; /*760*/ } } #main { position: relative; background: #f8f8f9; } .archive #main, .single #main { background: white; } .site-logo { display: block; float: left; position: relative; width: 42%; height: 0; padding-top: 7.5364793561%; } @media (min-width: 37.5em) { .site-logo { position: relative; width: 230px; height: 0; padding-top: 41.2711964741px; /*600*/ } } @media (min-width: 47.5em) { .site-logo { margin-left: 31px; margin-left: 3.1rem; position: relative; width: 180px; height: 0; padding-top: 32.2991972406px; /*760*/ } } .site-logo-vertical { display: block; float: left; position: relative; width: 20%; height: 0; padding-top: 26.7185909398%; } @media (min-width: 37.5em) { .site-logo-vertical { position: relative; width: 80px; height: 0; padding-top: 106.8743637593px; /*600*/ } } @media (min-width: 47.5em) { .site-logo-vertical { margin-left: 31px; margin-left: 3.1rem; position: relative; width: 80px; height: 0; padding-top: 106.8743637593px; /*760*/ } } .menu-toggle { float: right; cursor: pointer; -webkit-user-select: none; /* Chrome/Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+ */ /* Rules below not implemented in browsers yet */ -o-user-select: none; user-select: none; margin-top: 6px; margin-top: 0.6rem; margin-top: 2.1605393246vw; } @media (min-width: 37.5em) { .menu-toggle { margin-top: 11.68125px; margin-top: 1.168125rem; /*600*/ } } .menu-toggle span, .menu-toggle div { display: inline-block; vertical-align: top; text-transform: uppercase; line-height: .6em; } @media (min-width: 47.5em) { .menu-toggle span, .menu-toggle div { vertical-align: middle; /*760*/ } } .menu-toggle span { position: relative; float: left; font-size: 15px; font-size: 1.5rem; font-size: 5.4013483116vw; margin-right: 5px; margin-right: 0.5rem; margin-right: 1.8004494372vw; } @media (min-width: 37.5em) { .menu-toggle span { font-size: 26.7px; font-size: 2.67rem; margin-right: 8.34375px; margin-right: 0.834375rem; /*600*/ } } @media (min-width: 47.5em) { .menu-toggle span { font-size: 16px; font-size: 1.6rem; line-height: 1.6666666667em; border-bottom: 2px solid white; margin-right: 10px; margin-right: 1rem; /*760*/ } } @media (min-width: 47.5em) { .menu-active .menu-toggle span { border-bottom: 2px solid #006f51; /*760*/ } } .menu-button { z-index: 99; position: relative; width: 4vw; height: 0; padding-top: 3.6923076923vw; } @media (min-width: 37.5em) { .menu-button { position: relative; width: 20.69375px; height: 0; padding-top: 19.1019230769px; /*600*/ } } @media (min-width: 47.5em) { .menu-button { position: relative; width: 13px; height: 0; padding-top: 12px; /*760*/ } } .menu-button #x { opacity: 0; -webkit-transition: opacity 0.25s ease-in-out; -moz-transition: opacity 0.25s ease-in-out; -ms-transition: opacity 0.25s ease-in-out; -o-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; } .menu-active .menu-button #x { opacity: 1; } .menu-button #lines { opacity: 1; -webkit-transition: opacity 0.25s ease-in-out; -moz-transition: opacity 0.25s ease-in-out; -ms-transition: opacity 0.25s ease-in-out; -o-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; } .menu-active .menu-button #lines { opacity: 0; } #site-header { padding-top: 22px; padding-top: 2.2rem; padding-top: 7.9219775236vw; padding-bottom: 32px; padding-bottom: 3.2rem; padding-bottom: 11.522876398vw; } @media (min-width: 37.5em) { #site-header { padding-top: 36.7125px; padding-top: 3.67125rem; padding-bottom: 53.4px; padding-bottom: 5.34rem; /*600*/ } } @media (min-width: 47.5em) { #site-header { padding-top: 34px; padding-top: 3.4rem; padding-bottom: 32px; padding-bottom: 3.2rem; /*760*/ } } #page { background: white; } #main-content { position: relative; z-index: 0; padding-bottom: 70px; padding-bottom: 7rem; padding-bottom: 25.2062921207vw; padding-top: 20px; padding-top: 2rem; padding-top: 7.2017977488vw; } @media (min-width: 37.5em) { #main-content { padding-bottom: 116.8125px; padding-bottom: 11.68125rem; padding-top: 33.375px; padding-top: 3.3375rem; /*600*/ } } @media (min-width: 47.5em) { #main-content { padding-bottom: 140px; padding-bottom: 14rem; padding-top: 40px; padding-top: 4rem; /*760*/ } } #site-footer { position: relative; background: #8cc63f; padding-bottom: 9px; padding-bottom: 0.9rem; padding-bottom: 3.2408089869vw; } @media (min-width: 37.5em) { #site-footer { padding-bottom: 15.01875px; padding-bottom: 1.501875rem; /*600*/ } } @media (min-width: 47.5em) { #site-footer { padding-bottom: 26px; padding-bottom: 2.6rem; /*760*/ } } .lvgr-menus { background: #006f51; color: white; padding-bottom: 108px; padding-bottom: 10.8rem; padding-bottom: 38.8897078433vw; padding-bottom: 180.225px; padding-bottom: 18.0225rem; } @media (min-width: 47.5em) { .lvgr-menus { padding-bottom: 0; background: white; color: #006f51; /*760*/ } } @media (min-width: 47.5em) { .lvgr-menus .resp-width { padding-left: 27px; padding-left: 2.7rem; padding-right: 39px; padding-right: 3.9rem; /*760*/ } } @media (min-width: 63.75em) { .lvgr-menus .resp-width { padding-right: 37px; padding-right: 3.7rem; /*1020, made up of 914+buffer of 53px on either side*/ } } .lvgr-menus .resp-width ul { vertical-align: top; list-style: none; margin: 0; padding: 0; } @media (min-width: 47.5em) { .lvgr-menus .resp-width ul { display: inline-block; width: 114px; width: 11.4rem; margin-right: 10px; margin-right: 1rem; /*760*/ } } @media (min-width: 63.75em) { .lvgr-menus .resp-width ul { width: 150px; width: 15rem; margin-right: 25px; margin-right: 2.5rem; /*1020, made up of 914+buffer of 53px on either side*/ } } .lvgr-menus .resp-width ul:last-child { margin-right: 0; } @media (min-width: 63.75em) { .lvgr-menus .resp-width ul.disabled { color: #006f51; opacity: .4; /*1020, made up of 914+buffer of 53px on either side*/ } } .lvgr-menus .resp-width ul ul { display: block; margin-right: auto; width: auto; } .lvgr-menus .resp-width ul li { list-style: none; padding: 0; margin: 0; } .block-1 { width: 40px; width: 4rem; } .block-2 { width: 100px; width: 10rem; } .block-3 { width: 160px; width: 16rem; } .block-4 { width: 220px; width: 22rem; } .block-5 { width: 280px; width: 28rem; } .block-6 { width: 340px; width: 34rem; } .block-7 { width: 400px; width: 40rem; } .block-8 { width: 460px; width: 46rem; } .block-9 { width: 520px; width: 52rem; } .block-10 { width: 580px; width: 58rem; } .block-11 { width: 640px; width: 64rem; } .block-12 { width: 700px; width: 70rem; } .block-13 { width: 760px; width: 76rem; } .block-14 { width: 820px; width: 82rem; } .block-15 { width: 880px; width: 88rem; } .block-16 { width: 940px; width: 94rem; } .fl { float: left; } .fr { float: right; } html { font-size: 62.5%; margin: 0; padding: 0; } img.resp { /*make an image responsive*/ max-width: 100%; } .resp-width { margin: 0 8.4375%; } @media (min-width: 37.5em) { .resp-width { margin: 0 auto; width: 534px; width: 53.4rem; /*600*/ } } @media (min-width: 47.5em) { .resp-width { width: 676px; width: 67.6rem; position: relative; /*760*/ } } @media (min-width: 63.75em) { .resp-width { width: 914px; width: 91.4rem; /*1020, made up of 914+buffer of 53px on either side*/ } } .svg > svg, .svg > a > svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*contact details in footer*/ address.contact, .copyright { font-size: 19px; font-size: 1.9rem; font-size: 6.8417078613vw; line-height: 1.3em; color: #f2f2f2; font-style: normal; } #navigation address.contact, #navigation .copyright { color: #006f51; font-size: 16px; font-size: 1.6rem; font-size: 5.761438199vw; } @media (min-width: 37.5em) { address.contact, .copyright { font-size: 33.375px; font-size: 3.3375rem; /*600*/ } #navigation address.contact, #navigation .copyright { font-size: 26.7px; font-size: 2.67rem; } } @media (min-width: 47.5em) { address.contact, .copyright { font-size: 15px; font-size: 1.5rem; line-height: 1.3333333333em; display: inline-block; /*760*/ } } address.contact .locality, address.contact .postal-code, address.contact .region, .copyright .locality, .copyright .postal-code, .copyright .region { display: inline; } address.contact .country-name, .copyright .country-name { display: none; } address.contact .phone, .copyright .phone { display: inline-block; margin-top: 20px; margin-top: 2rem; margin-top: 7.2017977488vw; } @media (min-width: 37.5em) { address.contact .phone, .copyright .phone { margin-top: 33.375px; margin-top: 3.3375rem; /*600*/ } } @media (min-width: 47.5em) { address.contact .phone, .copyright .phone { margin-top: 0; /*760*/ } } address.contact .phone:before, address.contact .phone::before, .copyright .phone:before, .copyright .phone::before { display: inline-block; content: 'T'; margin-right: 6px; margin-right: 0.6rem; margin-right: 2.1605393246vw; } @media (min-width: 37.5em) { address.contact .phone:before, address.contact .phone::before, .copyright .phone:before, .copyright .phone::before { margin-right: 16.6875px; margin-right: 1.66875rem; /*600*/ } } @media (min-width: 47.5em) { address.contact .phone:before, address.contact .phone::before, .copyright .phone:before, .copyright .phone::before { content: 'Telephone'; margin-right: 0; width: 70px; width: 7rem; /*760*/ } } address.contact .fax:before, address.contact .fax::before, .copyright .fax:before, .copyright .fax::before { display: inline-block; } @media (min-width: 47.5em) { address.contact .fax:before, address.contact .fax::before, .copyright .fax:before, .copyright .fax::before { content: 'Fax'; margin-right: 0; width: 70px; width: 7rem; /*760*/ } } address.contact .email, .copyright .email { display: block; } @media (min-width: 47.5em) { address.contact .email, .copyright .email { display: inline-block; /*760*/ } } address.contact .email:before, address.contact .email::before, .copyright .email:before, .copyright .email::before { display: inline-block; content: 'E'; margin-right: 6px; margin-right: 0.6rem; margin-right: 2.1605393246vw; } @media (min-width: 37.5em) { address.contact .email:before, address.contact .email::before, .copyright .email:before, .copyright .email::before { margin-right: 16.6875px; margin-right: 1.66875rem; /*600*/ } } @media (min-width: 47.5em) { address.contact .email:before, address.contact .email::before, .copyright .email:before, .copyright .email::before { content: 'Email'; margin-right: 0; width: 70px; width: 7rem; /*760*/ } } .copyright { margin-top: 72px; margin-top: 7.2rem; margin-top: 25.9264718955vw; font-size: 14px; font-size: 1.4rem; font-size: 5.0412584241vw; line-height: 1.2142857143em; } #navigation .copyright { display: none; } @media (min-width: 37.5em) { .copyright { margin-top: 120.15px; margin-top: 12.015rem; font-size: 23.3625px; font-size: 2.33625rem; /*600*/ } } @media (min-width: 47.5em) { .copyright { margin-top: 0; font-size: 13px; font-size: 1.3rem; line-height: 1.2307692308em; display: inline-block; position: absolute; bottom: 0; right: 0; /*760*/ } } .map-pin { position: relative; width: 6.5384%; height: 0; padding-top: 10.1498312823%; margin-bottom: 20px; margin-bottom: 2rem; margin-bottom: 7.2017977488vw; display: block; } #navigation .map-pin { float: right; } @media (min-width: 37.5em) { .map-pin { position: relative; width: 21.7px; height: 0; padding-top: 33.6858159223px; margin-bottom: 33.375px; margin-bottom: 3.3375rem; /*600*/ } } @media (min-width: 47.5em) { .map-pin { position: relative; width: 13px; height: 0; padding-top: 18.7259963964px; margin-bottom: 0; display: inline-block; vertical-align: top; margin-right: 10px; margin-right: 1rem; /*760*/ } } .h-adr { display: inline-block; vertical-align: top; } @media (min-width: 47.5em) { .h-adr { margin-right: 48px; margin-right: 4.8rem; /*760*/ } } .contact-methods { display: block; vertical-align: top; } @media (min-width: 47.5em) { .contact-methods { display: inline-block; /*760*/ } } .adc-details { margin-top: 26px; margin-top: 2.6rem; margin-top: 9.3623370734vw; } #navigation .adc-details { padding: 8.4375% 0; margin-top: 0; margin-bottom: 0; } @media (min-width: 37.5em) { .adc-details { margin-top: 43.3875px; margin-top: 4.33875rem; /*600*/ } #navigation .adc-details { margin-top: 0; margin-bottom: 0; padding-top: 41.71875px; padding-top: 4.171875rem; padding-bottom: 41.71875px; padding-bottom: 4.171875rem; } } @media (min-width: 47.5em) { .adc-details { margin-top: 26px; margin-top: 2.6rem; /*760*/ } #navigation .adc-details { display: none; } } /* 4.0 - Menu * ----------------------------------------------------------------------------- */ #menu-primary-menu { margin: 0; clear: both; padding-top: 1.5em; } #menu-primary-menu li { list-style: none; display: inline; /*.page-id-601 &{ display:block; text-align:right; }*/ } #menu-primary-menu li:after { content: ' |'; display: inline; font-weight: 400 !important; /*.page-id-601 &{ display:none; }*/ } #menu-primary-menu li:last-of-type:after { display: none; } #menu-primary-menu .current-menu-item { font-weight: 700; } @media (min-width: 47.5em) { #menu-primary-menu { float: right; clear: none; padding-top: 0; text-align: left; /*760*/ } } .lvgr-menus { font-size: 19px; font-size: 1.9rem; font-size: 6.8417078613vw; line-height: 1.0833333333em; } @media (max-width: 37.4388em) { .lvgr-menus .resp-width { margin: 0; } } @media (min-width: 37.5em) and (max-width: 47.438em) { .lvgr-menus .resp-width { margin: 0; width: auto; /*600-749*/ } } .lvgr-menus span { display: block; margin: 0 auto; width: 83.125%; } @media (min-width: 37.5em) { .lvgr-menus span { width: 534px; width: 53.4rem; /*600*/ } } @media (min-width: 47.5em) { .lvgr-menus span { width: auto; /*760*/ } } @media (min-width: 37.5em) { .lvgr-menus { font-size: 31.70625px; font-size: 3.170625rem; /*600*/ } } @media (min-width: 47.5em) { .lvgr-menus { font-size: 13px; font-size: 1.3rem; line-height: 1.2307692308em; padding-top: 19px; padding-top: 1.9rem; padding-bottom: 13px; padding-bottom: 1.3rem; /*760*/ } #navigation .lvgr-menus { padding-top: 32px; padding-top: 3.2rem; padding-bottom: 22px; padding-bottom: 2.2rem; } } @media (min-width: 63.75em) { .lvgr-menus { padding-top: 26px; padding-top: 2.6rem; padding-bottom: 18px; padding-bottom: 1.8rem; /*1020, made up of 914+buffer of 53px on either side*/ } #navigation .lvgr-menus { padding-top: 43px; padding-top: 4.3rem; padding-bottom: 30px; padding-bottom: 3rem; } } .lvgr-menus .resp-width > ul > li > a { display: block; border-bottom: 1px dashed #7B7C8A; font-family: 'Century Gothic',Helvetica,Arial,san-serif; font-size: 21px; font-size: 2.1rem; font-size: 7.5618876362vw; line-height: 1.1904761905em; padding: .72em 0; cursor: pointer; } @media (min-width: 37.5em) { .lvgr-menus .resp-width > ul > li > a { font-size: 35.04375px; font-size: 3.504375rem; /*600*/ } } @media (min-width: 47.5em) { .lvgr-menus .resp-width > ul > li > a { cursor: text; border-bottom: none; padding: 0; font-size: 17px; font-size: 1.7rem; margin-bottom: 13px; margin-bottom: 1.3rem; /*760*/ } } .lvgr-menus ul ul li a { display: block; margin-bottom: 6px; margin-bottom: 0.6rem; margin-bottom: 2.1605393246vw; } @media (min-width: 37.5em) { .lvgr-menus ul ul li a { margin-bottom: 10.0125px; margin-bottom: 1.00125rem; /*600*/ } } @media (min-width: 47.5em) { .lvgr-menus ul ul li a { margin-bottom: 7px; margin-bottom: 0.7rem; /*760*/ } .lvgr-menus ul ul li a:hover { text-decoration: underline; } } .lvgr-menus .resp-width .sub-menu { border-bottom: 1px dashed #7B7C8A; padding: 1.15384615384615em 0; display: none; } @media (min-width: 47.5em) { .lvgr-menus .resp-width .sub-menu { border-bottom: none; padding: 0; display: block; /*760*/ } } .lvgr-menus .resp-width .sub-menu.active { display: block; } #nav-wrapper { position: absolute; width: 100%; } #nav-switchers { position: relative; padding-bottom: 65px; padding-bottom: 6.5rem; top: -73px; top: -7.3rem; text-align: right; right: -120px; right: -12rem; width: 510px; width: 51rem; } #nav-switchers p { display: inline-block; text-transform: uppercase; font-size: 16px; font-size: 1.6rem; line-height: 1.6666666667em; } #sales, #rentals, #strata { margin-right: 20px; margin-right: 2rem; cursor: pointer; border-bottom: 2px solid white; } #sales.active, #rentals.active, #strata.active { border-bottom: 2px solid #006f51; } #contact:before { content: '|'; display: inline-block; margin-right: 20px; margin-right: 2rem; } #navigation { background: #f2f2f2; position: absolute; width: 100%; top: 0; left: -9999em; z-index: -1; opacity: 0; border-bottom: 3px solid #8cc63f; box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.6); -webkit-transition: opacity 0.25s ease-in-out; -moz-transition: opacity 0.25s ease-in-out; -ms-transition: opacity 0.25s ease-in-out; -o-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; } #navigation.active { opacity: 1; left: 0; } .property-search, #toggle-contact { font-size: 21px; font-size: 2.1rem; font-size: 7.5618876362vw; line-height: 1.1904761905em; padding: .59em 0 .79em; background: white; color: #8cc63f; font-family: 'Century Gothic',Helvetica,Arial,san-serif; } @media (min-width: 37.5em) { .property-search, #toggle-contact { font-size: 35.04375px; font-size: 3.504375rem; /*600*/ } } .property-search:hover, #toggle-contact:hover { color: #8cc63f; } .property-search span, #toggle-contact span { display: inline-block; vertical-align: middle; } #toggle-contact { cursor: pointer; background: #8cc63f; color: white; } #toggle-contact:hover { color: white; } .looking-glass { position: relative; width: 6.25%; height: 0; padding-top: 7.3776322967%; margin-left: 10px; margin-left: 1rem; margin-left: 3.6008988744vw; } @media (min-width: 37.5em) { .looking-glass { position: relative; width: 20px; height: 0; padding-top: 23.6084233496px; margin-left: 16.6875px; margin-left: 1.66875rem; /*600*/ } } #navigation .adc-details { display: none; } #navigation .adc-details.active { display: block; } @media (min-width: 47.5em) { #navigation .adc-details.active { display: none; /*760*/ } } /* 5.0 - Typography * ----------------------------------------------------------------------------- */ h1, h2, h3, h4, .epl-search-btn, .epl-cancel { font-family: 'Century Gothic',Helvetica,Arial,san-serif; font-weight: 400; color: #006f51; } h1, h2, h3, .epl-search-btn, .epl-cancel, h1.listing-title, h2.listing-title { font-size: 21px; font-size: 2.1rem; font-size: 7.5618876362vw; line-height: 3.5em; line-height: 1.2; margin-bottom: 19px; margin-bottom: 1.9rem; margin-bottom: 6.8417078613vw; } @media (min-width: 37.5em) { h1, h2, h3, .epl-search-btn, .epl-cancel, h1.listing-title, h2.listing-title { font-size: 35.04375px; font-size: 3.504375rem; margin-bottom: 31.70625px; margin-bottom: 3.170625rem; /*600*/ } } @media (min-width: 47.5em) { h1, h2, h3, .epl-search-btn, .epl-cancel, h1.listing-title, h2.listing-title { font-size: 30px; font-size: 3rem; line-height: 1.2em; margin-bottom: 32px; margin-bottom: 3.2rem; /*760*/ } } h1.listing-title, h2.listing-title { border-bottom: 1px dashed #99A7AF; line-height: 1.4em; padding-bottom: 18px; padding-bottom: 1.8rem; padding-bottom: 6.4816179739vw; } @media (min-width: 37.5em) { h1.listing-title, h2.listing-title { padding-bottom: 30.0375px; padding-bottom: 3.00375rem; /*600*/ } } @media (min-width: 47.5em) { h1.listing-title, h2.listing-title { padding-bottom: 18px; padding-bottom: 1.8rem; /*760*/ } } @media (min-width: 47.5em) { .home h1 { font-size: 25px; font-size: 2.5rem; line-height: 1.68em; margin-bottom: 19px; margin-bottom: 1.9rem; /*760*/ } } h2, .epl-search-btn, .epl-cancel { margin-bottom: 8px; margin-bottom: 0.8rem; margin-bottom: 2.8807190995vw; line-height: 1.2em; } @media (min-width: 37.5em) { h2, .epl-search-btn, .epl-cancel { margin-bottom: 13.35px; margin-bottom: 1.335rem; line-height: 1.2em; /*600*/ } } @media (min-width: 47.5em) { h2, .epl-search-btn, .epl-cancel { font-size: 28px; font-size: 2.8rem; line-height: 1.1785714286em; margin-bottom: 8px; margin-bottom: 0.8rem; /*760*/ } } .entry-content h2 { font-family: 'acumin-pro-condensed','Helvetica Condensed','Arial Narrow',Helvetica, Arial, sans-serif; font-size: 16px; font-size: 1.6rem; font-size: 5.761438199vw; line-height: 1.125em; border-bottom: 1px dashed #99A7AF; border-top: 1px dashed #99A7AF; text-transform: uppercase; padding: 1.6875em 0; margin-bottom: 25px; margin-bottom: 2.5rem; margin-bottom: 9.002247186vw; } @media (min-width: 37.5em) { .entry-content h2 { font-size: 26.7px; font-size: 2.67rem; margin-bottom: 41.71875px; margin-bottom: 4.171875rem; /*600*/ } } @media (min-width: 47.5em) { .entry-content h2 { font-size: 16px; font-size: 1.6rem; margin-bottom: 25px; margin-bottom: 2.5rem; /*760*/ } } #primary img { max-width: 100%; height: auto; } @media (min-width: 47.5em) { #primary { float: left; /*760*/ } } #primary #content, #primary #content-nopad { margin-bottom: 35px; margin-bottom: 3.5rem; margin-bottom: 12.6031460603vw; } @media (min-width: 37.5em) { #primary #content, #primary #content-nopad { margin-bottom: 58.40625px; margin-bottom: 5.840625rem; /*600*/ } } @media (min-width: 47.5em) { #primary #content, #primary #content-nopad { padding-left: 27px; padding-left: 2.7rem; width: 411px; width: 41.1rem; margin-bottom: 35px; margin-bottom: 3.5rem; /*760*/ } } @media (min-width: 63.75em) { #primary #content, #primary #content-nopad { width: 551px; width: 55.1rem; /*1020, made up of 914+buffer of 53px on either side*/ } } #primary #content-nopad { padding-left: 0; } @media (min-width: 47.5em) { #secondary { float: right; width: 220px; width: 22rem; /*position:-webkit-sticky; position:sticky; top:20px;*/ /*760*/ } } @media (min-width: 63.75em) { #secondary { width: 300px; width: 30rem; /*1020, made up of 914+buffer of 53px on either side*/ } } .home #secondary { display: none; } @media (min-width: 47.5em) { .home #secondary { display: block; /*760*/ } } /*#secondary*/ .block { color: white; background: #8cc63f; padding: 32px; padding: 3.2rem; padding: 11.522876398vw; margin-bottom: 24px; margin-bottom: 2.4rem; margin-bottom: 8.6421572985vw; } @media (min-width: 37.5em) { .block { padding: 53.4px; padding: 5.34rem; margin-bottom: 40.05px; margin-bottom: 4.005rem; /*600*/ } } @media (min-width: 47.5em) { .block { padding: 23px; padding: 2.3rem; margin-bottom: 18px; margin-bottom: 1.8rem; /*760*/ } } @media (min-width: 63.75em) { .block { padding: 32px; padding: 3.2rem; margin-bottom: 24px; margin-bottom: 2.4rem; /*1020, made up of 914+buffer of 53px on either side*/ } } .block h2 { color: inherit; } .block a { font-family: 'Century Gothic',Helvetica,Arial,san-serif; text-align: center; display: block; border: 2px solid white; padding: .4375em 0; } .block a:link, .block a:hover, .block a:active, .block a:visited { color: inherit; } .block a:hover { text-decoration: underline; } .block p { margin-bottom: 20px; margin-bottom: 2rem; margin-bottom: 7.2017977488vw; } .block p a { color: inherit; font-family: inherit; font-size: inherit; text-align: inherit; display: inline; border: none; padding: 0; } @media (min-width: 37.5em) { .block p { margin-bottom: 33.375px; margin-bottom: 3.3375rem; /*600*/ } } @media (min-width: 47.5em) { .block p { margin-bottom: 20px; margin-bottom: 2rem; margin-right: 2em; /*760*/ } } @media (min-width: 63.75em) { .block p { margin-right: 4em; /*1020, made up of 914+buffer of 53px on either side*/ } } .block p:last-child { margin-bottom: 0; } .block.blue { background: #006f51; } .block.red { background: #8cc63f; } .block.red p { color: #006f51; } h3 { font-size: 18px; font-size: 1.8rem; font-size: 6.4816179739vw; line-height: 2.0833333333em; margin-bottom: 12px; margin-bottom: 1.2rem; margin-bottom: 4.3210786493vw; } @media (min-width: 37.5em) { h3 { line-height: 2.0833333333em; margin-bottom: 20.025px; margin-bottom: 2.0025rem; font-size: 35.04375px; font-size: 3.504375rem; /*600*/ } } @media (min-width: 47.5em) { h3 { line-height: 1.2em; margin-bottom: 21px; margin-bottom: 2.1rem; font-size: 25px; font-size: 2.5rem; /*760*/ } } .get-in-touch p { color: #006f51; opacity: .7; font-size: 14px; font-size: 1.4rem; font-size: 5.0412584241vw; line-height: 1.2142857143em; margin: 0; } @media (min-width: 37.5em) { .get-in-touch p { font-size: 23.3625px; font-size: 2.33625rem; /*600*/ } } @media (min-width: 47.5em) { .get-in-touch p { font-size: 14px; font-size: 1.4rem; float: left; margin-top: .565em; /*760*/ } } .entry-content p { margin-bottom: 20px; margin-bottom: 2rem; margin-bottom: 7.2017977488vw; } @media (min-width: 37.5em) { .entry-content p { margin-bottom: 33.375px; margin-bottom: 3.3375rem; /*600*/ } } @media (min-width: 47.5em) { .entry-content p { margin-bottom: 25px; margin-bottom: 2.5rem; /*760*/ } } blockquote { font-size: inherit; color: #006f51; font-weight: 400; } .static-img img, .section-gallery img { width: 100%; height: auto; display: block; margin-bottom: 40px; margin-bottom: 4rem; margin-bottom: 14.4035954975vw; } @media (min-width: 37.5em) { .static-img img, .section-gallery img { margin-bottom: 66.75px; margin-bottom: 6.675rem; /*600*/ } } @media (min-width: 47.5em) { .static-img img, .section-gallery img { margin-bottom: 50px; margin-bottom: 5rem; /*760*/ } } /* 6.0 - Pages, modules, widgets and other sections * ----------------------------------------------------------------------------- */ .bluegraystrip { background: white; } @media (min-width: 47.5em) { .bluegraystrip { background: #f2f2f3; /*760*/ } } @media (min-width: 47.5em) { .bluegraystrip .resp-width .resp-width { width: auto; /*760*/ } } .single-property .bluegraystrip, .single-rental .bluegraystrip, .single-commercial .bluegraystrip { display: none; } @media (min-width: 47.5em) { .single-property .bluegraystrip, .single-rental .bluegraystrip, .single-commercial .bluegraystrip { display: block; /*760*/ } } .bluegraystrip > .resp-width { margin: 0; } @media (min-width: 47.5em) { .bluegraystrip > .resp-width { margin: 0 auto; /*760*/ } } @media (min-width: 37.5em) and (max-width: 47.438em) { .bluegraystrip > .resp-width { width: 100%; /*600-749*/ } } .bluegraystrip > .resp-width { position: relative; } @media (min-width: 47.5em) { .bluegraystrip > .resp-width { /*760*/ } .bluegraystrip > .resp-width:before { content: ''; display: block; width: 2px; background: white; height: 100%; top: 0; left: 337px; z-index: 2; position: absolute; } } @media (min-width: 63.75em) { .bluegraystrip > .resp-width { /*1020, made up of 914+buffer of 53px on either side*/ } .bluegraystrip > .resp-width:before { left: 456px; } } .get-in-touch, .news-signup { background: white; padding: 10.9375% 0; } @media (min-width: 37.5em) { .get-in-touch, .news-signup { padding-top: 58.40625px; padding-top: 5.840625rem; padding-bottom: 58.40625px; padding-bottom: 5.840625rem; /*600*/ } } @media (min-width: 47.5em) { .get-in-touch, .news-signup { padding-top: 28px; padding-top: 2.8rem; padding-bottom: 28px; padding-bottom: 2.8rem; background: #f2f2f3; width: 337px; width: 33.7rem; /*760*/ } } @media (min-width: 63.75em) { .get-in-touch, .news-signup { width: 456px; width: 45.6rem; /*1020, made up of 914+buffer of 53px on either side*/ } } .news-signup { background: #f2f2f3; } @media (min-width: 47.5em) { .news-signup { float: left; padding-left: 27px; padding-left: 2.7rem; /*760*/ } } .get-in-touch a { display: block; font-family: 'Century Gothic',Helvetica,Arial,san-serif; border: 1px solid #8cc63f; text-align: center; color: #8cc63f; padding: 1em 0; margin-top: 14px; margin-top: 1.4rem; margin-top: 5.0412584241vw; font-size: 16px; font-size: 1.6rem; font-size: 5.761438199vw; line-height: 1.1875em; } @media (min-width: 37.5em) { .get-in-touch a { font-size: 26.7px; font-size: 2.67rem; margin-top: 23.3625px; margin-top: 2.33625rem; /*600*/ } } @media (min-width: 47.5em) { .get-in-touch a { display: inline-block; font-size: 16px; font-size: 1.6rem; padding: .625em .75em; /*9 16*/ float: left; margin-top: 0; margin-left: 17px; margin-left: 1.7rem; /*760*/ } } @media (min-width: 63.75em) { .get-in-touch a { padding: .625em 1em; margin-left: 45px; margin-left: 4.5rem; /*1020, made up of 914+buffer of 53px on either side*/ } } .get-in-touch a:hover { text-decoration: underline; } @media (min-width: 47.5em) { .get-in-touch { float: right; padding-left: 65px; padding-left: 6.5rem; /*760*/ } } @media (min-width: 47.5em) { .nl-elements-container { float: left; background: #006f51; border: 1px solid #006f51; /*760*/ } } .mce-EMAIL { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; background: #f2f2f3; border: 1px solid #006f51; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; width: 100%; margin: 0 auto; font-size: 14px; font-size: 1.4rem; font-size: 5.0412584241vw; line-height: 1.2142857143em; padding-top: 16px; padding-top: 1.6rem; padding-top: 5.761438199vw; padding-bottom: 16px; padding-bottom: 1.6rem; padding-bottom: 5.761438199vw; padding-left: 10px; padding-left: 1rem; padding-left: 3.6008988744vw; padding-right: 10px; padding-right: 1rem; padding-right: 3.6008988744vw; } @media (min-width: 37.5em) { .mce-EMAIL { font-size: 23.3625px; font-size: 2.33625rem; padding-top: 26.7px; padding-top: 2.67rem; padding-bottom: 26.7px; padding-bottom: 2.67rem; padding-left: 16.6875px; padding-left: 1.66875rem; padding-right: 16.6875px; padding-right: 1.66875rem; /*600*/ } } @media (min-width: 47.5em) { .mce-EMAIL { border: none; font-size: 14px; font-size: 1.4rem; padding-top: 10px; padding-top: 1rem; padding-bottom: 10px; padding-bottom: 1rem; padding-left: 13px; padding-left: 1.3rem; padding-right: 13px; padding-right: 1.3rem; float: left; display: inline-block; width: auto; /*760*/ } } .mc-embedded-subscribe { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; font-family: 'Century Gothic',Helvetica,Arial,san-serif; color: white; display: block; background: #006f51; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; width: 100%; margin: 0 auto; margin-top: 11px; margin-top: 1.1rem; margin-top: 3.9609887618vw; font-size: 16px; font-size: 1.6rem; font-size: 5.761438199vw; line-height: 1.1875em; padding: 1em 0; } @media (min-width: 37.5em) { .mc-embedded-subscribe { margin-top: 18.35625px; margin-top: 1.835625rem; font-size: 26.7px; font-size: 2.67rem; /*600*/ } } @media (min-width: 47.5em) { .mc-embedded-subscribe { display: inline-block; width: auto; margin: 0; font-size: 16px; font-size: 1.6rem; padding: .55em 2em; float: left; /*760*/ } } .mc-embedded-subscribe:hover { text-decoration: underline; } ::-webkit-input-placeholder { color: rgba(123, 124, 138, 0.7); } :-moz-placeholder { /* Firefox 18- */ color: rgba(123, 124, 138, 0.7); } ::-moz-placeholder { /* Firefox 19+ */ color: rgba(123, 124, 138, 0.7); } :-ms-input-placeholder { color: rgba(123, 124, 138, 0.7); } ::-ms-input-placeholder { color: rgba(123, 124, 138, 0.7); } ::input-placeholder { color: rgba(123, 124, 138, 0.7); } .full-width-image { width: 100%; display: block; height: 100px; height: 10rem; height: 36.0089887438vw; background-position: center; background-size: cover; } @media (min-width: 37.5em) { .full-width-image { height: 247px; height: 24.7rem; /*600*/ } } @media (min-width: 47.5em) { .full-width-image { height: 300px; height: 30rem; /*760*/ } } @media (min-width: 63.75em) { .full-width-image { height: 384px; height: 38.4rem; /*1020, made up of 914+buffer of 53px on either side*/ } } /*home page stuff*/ #landing-text { background: #006f51; color: white; padding-top: 22px; padding-top: 2.2rem; padding-top: 7.9219775236vw; padding-bottom: 50px; padding-bottom: 5rem; padding-bottom: 18.0044943719vw; } @media (min-width: 37.5em) { #landing-text { padding-top: 33.375px; padding-top: 3.3375rem; padding-bottom: 73.425px; padding-bottom: 7.3425rem; /*600*/ } } @media (min-width: 47.5em) { #landing-text { padding-left: 27px; padding-left: 2.7rem; padding-top: 44px; padding-top: 4.4rem; padding-bottom: 51px; padding-bottom: 5.1rem; /*760*/ } } #landing-text h1 { color: white; } #landing-text p:last-child { margin-bottom: 0; } @media (min-width: 47.5em) { #landing-text article { padding-left: 15px; padding-left: 1.5rem; padding-right: 15px; padding-right: 1.5rem; /*760*/ } } article .entry-content a { font-weight: 700; } article .entry-content a:hover { text-decoration: underline; } .cover-image-container { width: 100%; height: 0; margin: 0; padding: 0; position: relative; padding-top: 62.642857142857%; } @media (min-width: 47.5em) { .cover-image-container { height: 100%; padding-top: 0; /*760*/ } } .cover-image-container .slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; background-size: cover; z-index: 1; opacity: 0; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -ms-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; } .cover-image-container .slide.active { opacity: 1; } .homectas { position: relative; overflow: hidden; } .boxes { width: 100%; } @media (min-width: 47.5em) { .boxes { position: absolute; bottom: 43px; bottom: 4.3rem; left: 0; z-index: 2; /*760*/ } } @media (min-width: 63.75em) { .boxes { bottom: 54px; bottom: 5.4rem; /*1020, made up of 914+buffer of 53px on either side*/ } } @media (max-width: 37.4388em) { .boxes > .resp-width { margin: 0; width: auto; } } @media (min-width: 37.5em) and (max-width: 47.438em) { .boxes > .resp-width { margin: 0; width: auto; /*600-749*/ } } @media (min-width: 47.5em) { .boxes > .resp-width { width: 676px; width: 67.6rem; /*760*/ } } @media (min-width: 63.75em) { .boxes > .resp-width { width: 914px; width: 91.4rem; /*1020, made up of 914+buffer of 53px on either side*/ } } .box { background: #8cc63f; color: white; } @media (min-width: 47.5em) { .box { -webkit-transition: background 0.35s ease-in-out; -moz-transition: background 0.35s ease-in-out; -ms-transition: background 0.35s ease-in-out; -o-transition: background 0.35s ease-in-out; transition: background 0.35s ease-in-out; color: #006f51; background: white; width: 224px; width: 22.4rem; float: left; margin-right: 2px; margin-right: 0.2rem; padding-top: 17px; padding-top: 1.7rem; padding-bottom: 17px; padding-bottom: 1.7rem; padding-left: 23px; padding-left: 2.3rem; padding-right: 23px; padding-right: 2.3rem; height: 220px; height: 22rem; /*760*/ } .box:last-child { margin-right: 0; } } @media (min-width: 63.75em) { .box { width: 303px; width: 30.3rem; padding-top: 22px; padding-top: 2.2rem; padding-bottom: 22px; padding-bottom: 2.2rem; padding-left: 29px; padding-left: 2.9rem; padding-right: 29px; padding-right: 2.9rem; /*1020, made up of 914+buffer of 53px on either side*/ } } .box a { display: block; color: inherit; } .box a:hover { text-decoration: underline; } .box h2 { color: inherit; margin-bottom: 0; border-bottom: 1px dashed #f2f2f3; padding: 1em 0; cursor: pointer; } @media (min-width: 47.5em) { .box h2 { cursor: default; padding: 0; border-bottom: none; margin-bottom: .64285em; /*760*/ } } .box .links { padding: .875em 0; display: none; } @media (min-width: 47.5em) { .box .links { display: block; /*760*/ } } .box h2, .box .links { padding-left: 8.4375%; padding-right: 8.4375%; border-bottom: 1px dashed #f2f2f3; } @media (min-width: 37.5em) { .box h2, .box .links { padding-left: 0; padding-right: 0; width: 534px; width: 53.4rem; margin-left: auto; margin-right: auto; /*600*/ } } @media (min-width: 47.5em) { .box h2, .box .links { padding-top: 0; padding-left: 0; padding-right: 0; border-bottom: none; width: auto; /*760*/ } } .box.active .links { display: block; } .box.active h2 { text-decoration: underline; } @media (min-width: 47.5em) { .box.active h2 { text-decoration: none; /*760*/ } } @media (min-width: 47.5em) { .box.highlight { background: #8cc63f; color: white; /*760*/ } } .box:last-child .links { border-bottom: none; } .box:last-child h2 { border-bottom: none; } .box:last-child.active h2 { border-bottom: 1px dashed #f2f2f3; } @media (min-width: 47.5em) { .box:last-child.active h2 { border-bottom: none; /*760*/ } } #mob-search { display: none; background: #f2f2f2; } #mob-search.active { display: block; opacity: 1; } #mob-search h2 { display: none; } .desk-search { display: none; } @media (min-width: 47.5em) { .desk-search { display: block; background: #f2f2f3; padding-top: 26px; padding-top: 2.6rem; padding-bottom: 26px; padding-bottom: 2.6rem; /*760*/ } } .desk-search h2 { display: none; } .epl-search-submit { margin-top: 18px; margin-top: 1.8rem; margin-top: 6.4816179739vw; } @media (min-width: 37.5em) { .epl-search-submit { margin-top: 30.0375px; margin-top: 3.00375rem; /*600*/ } } @media (min-width: 47.5em) { .epl-search-submit { margin-top: 0; /*760*/ } } .epl-search-form { display: none; padding-top: 18px; padding-top: 1.8rem; padding-top: 6.4816179739vw; } @media (min-width: 37.5em) { .epl-search-form { padding-top: 30.0375px; padding-top: 3.00375rem; /*600*/ } } @media (min-width: 47.5em) { .epl-search-form { padding-top: 0; border: 1px solid #8cc63f; padding: 17px; padding: 1.7rem; padding-left: 14px; padding-left: 1.4rem; padding-right: 14px; padding-right: 1.4rem; /*760*/ } .epl-search-form > form { *zoom: 1; } .epl-search-form > form:before { content: 'Search properties for sale:'; color: #006f51; font-size: 20px; font-size: 2rem; line-height: 1.2em; display: block; margin-bottom: .5em; } .epl-search-form > form:before, .epl-search-form > form:after { display: table; /* 2 */ } .epl-search-form > form:after { content: ' '; clear: both; } .epl-search-form:nth-of-type(2) > form:before { content: 'Search properties for rent:'; } .epl-search-form:nth-of-type(3) > form:before { content: 'Search commercial properties:'; } } .epl-search-form.epl-sb-current { display: block; } .epl-search-btn, .epl-cancel { padding: 0; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; -ms-appearance: none; appearance: none; border: none; width: 100%; margin: 0; padding: 1em 0; background: #8cc63f; color: #f2f2f3; } .epl-search-btn:hover, .epl-cancel:hover { color: #f2f2f3; text-decoration: underline; } @media (min-width: 47.5em) { .epl-search-btn, .epl-cancel { font-size: 16px; font-size: 1.6rem; line-height: 1.2em; padding: .7em 0; width: 120px; width: 12rem; float: right; /*760*/ } } @media (min-width: 63.75em) { .epl-search-btn, .epl-cancel { font-size: 20px; font-size: 2rem; width: 166px; width: 16.6rem; /*1020, made up of 914+buffer of 53px on either side*/ } } .epl-cancel { cursor: pointer; display: block; text-align: center; margin-bottom: 0; background: #006f51; color: #f2f2f3; } @media (min-width: 47.5em) { .epl-search-btn { background: #7B7C8A; /*760*/ } } .epl-search-tabs { margin: 0; padding: 0; list-style: none; text-align: center; } @media (min-width: 47.5em) { .epl-search-tabs { margin-top: 0; text-align: left; /*760*/ } } .epl-search-tabs .tab-link { cursor: pointer; border: 1px solid #8cc63f; width: 33%; display: inline-block; margin-right: 1px; color: gray; background: white; font-size: 13px; font-size: 1.3rem; font-size: 4.6811685367vw; } @media (min-width: 37.5em) { .epl-search-tabs .tab-link { font-size: 21.69375px; font-size: 2.169375rem; /*600*/ } } @media (min-width: 47.5em) { .epl-search-tabs .tab-link { background: none; border: 1px solid gray; border-bottom: 0; font-size: 20px; font-size: 2rem; line-height: 1.2em; text-align: center; width: 166px; width: 16.6rem; padding: .85em 0; /*760*/ } } @media (min-width: 63.75em) { .epl-search-tabs .tab-link { width: 208px; width: 20.8rem; /*1020, made up of 914+buffer of 53px on either side*/ } } .epl-search-tabs .tab-link:last-of-type { margin-right: 0; } .epl-search-tabs .tab-link.epl-sb-current { color: white; background: #8cc63f; font-weight: 700; } @media (min-width: 47.5em) { .epl-search-tabs .tab-link.epl-sb-current { border: 1px solid #8cc63f; /*760*/ } } .epl-search-row, .epl-properties-sorting { clear: both; color: gray; border: 1px solid gray; margin: 0 8.4375%; font-size: 13px; font-size: 1.3rem; font-size: 4.6811685367vw; line-height: 1.3em; margin-bottom: 4px; margin-bottom: 0.4rem; margin-bottom: 1.4403595498vw; *zoom: 1; } @media (min-width: 47.5em) { .epl-search-row, .epl-properties-sorting { font-size: 16px; font-size: 1.6rem; line-height: 1.2em; margin: 0; margin-bottom: 14px; margin-bottom: 1.4rem; width: 120px; width: 12rem; margin-right: 11px; margin-right: 1.1rem; float: left; clear: none; /*760*/ } .minimal .epl-search-row, .minimal .epl-properties-sorting { display: none; } .epl-search-row.epl-property_location, .epl-properties-sorting.epl-property_location { clear: both; width: 382px; width: 38.2rem; } .minimal .epl-search-row.epl-property_location, .minimal .epl-properties-sorting.epl-property_location { display: block; } .epl-search-row.epl-property_category, .epl-properties-sorting.epl-property_category { width: 251px; width: 25.1rem; margin-right: 0; } .minimal .epl-search-row.epl-property_category, .minimal .epl-properties-sorting.epl-property_category { display: block; width: 120px; width: 12rem; } .minimal .epl-search-row.epl-property_commercial_category, .minimal .epl-properties-sorting.epl-property_commercial_category { display: block; } .epl-search-row.epl-property_bedrooms_max, .epl-properties-sorting.epl-property_bedrooms_max { display: none; } .epl-search-row.epl-search-other, .epl-properties-sorting.epl-search-other { width: 513px; width: 51.3rem; margin: 0; } .epl-search-row.epl-search-other .epl-search-row, .epl-properties-sorting.epl-search-other .epl-search-row { width: 25%; } .epl-search-row.epl-search-other .epl-search-row:first-child, .epl-properties-sorting.epl-search-other .epl-search-row:first-child { width: 40%; } .epl-search-row.epl-search-other .epl-search-row label, .epl-properties-sorting.epl-search-other .epl-search-row label { width: 60%; } .epl-search-row.epl-property_carport, .epl-properties-sorting.epl-property_carport { margin-right: 0; } } @media (min-width: 63.75em) { .epl-search-row, .epl-properties-sorting { font-size: 20px; font-size: 2rem; width: 166px; width: 16.6rem; margin-right: 13px; margin-right: 1.3rem; /*1020, made up of 914+buffer of 53px on either side*/ } .epl-search-row.epl-property_location, .epl-properties-sorting.epl-property_location { width: 524px; width: 52.4rem; } .epl-search-row.epl-property_category, .epl-properties-sorting.epl-property_category { width: 345px; width: 34.5rem; margin-right: 0; } .minimal .epl-search-row.epl-property_category, .minimal .epl-properties-sorting.epl-property_category { width: 166px; width: 16.6rem; } .epl-search-row.epl-search-other, .epl-properties-sorting.epl-search-other { width: 703px; width: 70.3rem; } } .epl-search-row:before, .epl-search-row:after, .epl-properties-sorting:before, .epl-properties-sorting:after { content: " "; /* 1 */ display: table; /* 2 */ } .epl-search-row:after, .epl-properties-sorting:after { clear: both; } .epl-search-row label, .epl-search-row input, .epl-search-row select, .epl-properties-sorting label, .epl-properties-sorting input, .epl-properties-sorting select { font-size: inherit; line-height: inherit; vertical-align: top; margin: 0; padding: 0; width: 100%; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; -ms-appearance: none; appearance: none; border: none; background: none; color: inherit; padding: .76923em; background: url(../images/dropdown.png) no-repeat center right; background-size: auto 90%; } @media (min-width: 47.5em) { .epl-search-row label, .epl-search-row input, .epl-search-row select, .epl-properties-sorting label, .epl-properties-sorting input, .epl-properties-sorting select { padding: .475em .6em; height: 2.5em; /*760*/ } } .epl-search-row label, .epl-properties-sorting label { float: left; margin-right: 1em; width: 45%; display: none; } .epl-search-row select::-ms-expand, .epl-properties-sorting select::-ms-expand { display: none; } .epl-search-row input[type='checkbox'], .epl-properties-sorting input[type='checkbox'] { width: 10.89974px; width: 1.089974rem; width: 3.9248861497vw; height: 10.899974px; height: 1.0899974rem; height: 3.9249704107vw; border: none; background: white; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; -ms-appearance: none; appearance: none; margin: 0 0 0 .5em; margin-top: 10px; margin-top: 1rem; margin-top: 3.6008988744vw; margin-bottom: 15px; margin-bottom: 1.5rem; margin-bottom: 5.4013483116vw; float: left; vertical-align: baseline; } @media (min-width: 47.5em) { .epl-search-row input[type='checkbox'], .epl-properties-sorting input[type='checkbox'] { height: 20px; height: 2rem; width: 20px; width: 2rem; margin-top: 10px; margin-top: 1rem; margin-bottom: 10px; margin-bottom: 1rem; /*760*/ } } @media (min-width: 63.75em) { .epl-search-row input[type='checkbox'], .epl-properties-sorting input[type='checkbox'] { height: 20px; height: 2rem; margin-top: 15px; margin-top: 1.5rem; width: 20px; width: 2rem; /*1020, made up of 914+buffer of 53px on either side*/ } } .epl-search-row input[type='checkbox']:checked, .epl-properties-sorting input[type='checkbox']:checked { background: #7B7C8A; } .epl-search-row-half { width: 40.78125%; float: left; } .epl-search-row-half:nth-of-type(2n+1) { margin-right: 0; } @media (min-width: 47.5em) { .epl-search-row-half:nth-of-type(2n+1) { margin-right: 11px; margin-right: 1.1rem; /*760*/ } } @media (min-width: 63.75em) { .epl-search-row-half:nth-of-type(2n+1) { margin-right: 13px; margin-right: 1.3rem; /*1020, made up of 914+buffer of 53px on either side*/ } } .epl-search-row-half:nth-of-type(2n) { float: right; clear: none; margin-left: 0; } @media (min-width: 47.5em) { .epl-search-row-half:nth-of-type(2n) { float: left; /*760*/ } } @media (min-width: 47.5em) { .epl-search-row-half { width: 120px; width: 12rem; margin-right: 11px; margin-right: 1.1rem; /*760*/ } } @media (min-width: 63.75em) { .epl-search-row-half { width: 166px; width: 16.6rem; margin-right: 13px; margin-right: 1.3rem; /*1020, made up of 914+buffer of 53px on either side*/ } } .epl-search-other label { display: block; background: none; float: left; } .epl-search-other .epl-search-row { margin: 0; width: 100%; border: none; } @media (min-width: 47.5em) { #epl_ps_tab_3 .epl-search-btn { margin-top: -3.5em; /*760*/ } .minimal #epl_ps_tab_3 .epl-search-btn { margin-top: 0; } } @media (min-width: 63.75em) { #epl_ps_tab_3 .epl-search-btn { margin-top: -3.3em; /*1020, made up of 914+buffer of 53px on either side*/ } } .advanced { display: none; color: #7B7C8A; } @media (min-width: 47.5em) { .advanced { display: block; text-align: right; padding-right: .5em; cursor: pointer; padding-top: 17px; /*760*/ } } @media (min-width: 63.75em) { .advanced { padding-right: 2em; /*1020, made up of 914+buffer of 53px on either side*/ } } .advanced:after { content: '- Simpler Search'; padding-right: .5em; } .minimal .advanced { padding-top: 0; } @media (min-width: 47.5em) { .minimal .advanced { padding-right: .60em; /*760*/ } } @media (min-width: 63.75em) { .minimal .advanced { padding-right: 2em; /*1020, made up of 914+buffer of 53px on either side*/ } } .minimal .advanced:after { content: '+ Advanced Search'; padding-right: 0; margin-top: 0; } /*single property listing*/ #secondary.single-listing { font-size: 14px; font-size: 1.4rem; font-size: 5.0412584241vw; line-height: 1.2142857143em; } @media (min-width: 37.5em) { #secondary.single-listing { font-size: 23.3625px; font-size: 2.33625rem; /*600*/ } } @media (min-width: 47.5em) { #secondary.single-listing { font-size: 14px; font-size: 1.4rem; /*760*/ } } .property-map { margin-bottom: 25px; margin-bottom: 2.5rem; margin-bottom: 9.002247186vw; } @media (max-width: 37.4388em) { .property-map { margin-left: 8.4375%; margin-right: 8.4375%; } } @media (min-width: 37.5em) { .property-map { margin-bottom: 41.71875px; margin-bottom: 4.171875rem; /*600*/ } } @media (min-width: 47.5em) { .property-map { margin-bottom: 25px; margin-bottom: 2.5rem; /*760*/ } } .strip-row { color: #006f51; text-transform: uppercase; padding: 1em 8.4375%; border-top: 1px dashed gray; } .strip-row.strip-row-half { padding-top: 0.5714285714em; padding-bottom: 0.5714285714em; text-decoration: none; display: none; } @media (min-width: 47.5em) { .strip-row.strip-row-half { display: block; /*760*/ } } .strip-row.strip-row-half a { cursor: pointer; } .strip-row.strip-row-half a:hover { text-decoration: underline; } @media (min-width: 47.5em) { .strip-row { padding-left: 1em; padding-right: 1em; /*760*/ } } .icon { text-transform: none; color: white; background: #006f51; padding: .5em .6em; display: none; margin-right: .5em; } .icon.beds { display: inline-block; } .icon.beds:after { content: ' Bed'; } .icon.bath { display: inline-block; } .icon.bath:after { content: ' Bath'; } .icon.parking { display: inline-block; } .icon.parking:after { content: ' Car'; } .property-meta.pricing { color: #8cc63f; font-family: 'Century Gothic',Helvetica,Arial,san-serif; font-size: 21px; font-size: 2.1rem; line-height: 1.2380952381em; text-transform: none; } .epl-inspection-times { background: #f2f2f2; padding: 1.785em 8.4375%; } @media (min-width: 47.5em) { .epl-inspection-times { padding-left: 1em; padding-right: 1em; /*760*/ } } .epl-inspection-times ul { margin: 0; padding: 0; list-style: none; } .epl-inspection-times-label { margin-bottom: 1.2857142857em; display: block; } @media (max-width: 37.4388em) { .epl-author-box-contact-details { padding-bottom: .8333em; } } @media (min-width: 37.5em) and (max-width: 47.438em) { .epl-author-box-contact-details { padding-bottom: .8333em; /*600-749*/ } } .mao, .call-agent { display: block; background: #8cc63f; color: white; text-align: center; font-family: 'Century Gothic',Helvetica,Arial,san-serif; font-size: 24px; font-size: 2.4rem; font-size: 8.6421572985vw; line-height: 1.2083333333em; padding: .8333em 0; margin-bottom: 0.625em; } @media (min-width: 37.5em) { .mao, .call-agent { font-size: 40.05px; font-size: 4.005rem; /*600*/ } } @media (min-width: 47.5em) { .mao, .call-agent { font-size: 24px; font-size: 2.4rem; /*760*/ } } .mao:hover, .call-agent:hover { color: white; text-decoration: underline; } @media (min-width: 47.5em) { .call-agent { display: none; /*760*/ } } .mao { display: none; } @media (min-width: 47.5em) { .mao { display: block; /*760*/ } } span.bond { display: block; } .epl-author-box-flat { padding-left: 8.4375%; padding-right: 8.4375%; padding-top: 24px; padding-top: 2.4rem; padding-top: 8.6421572985vw; padding-bottom: 24px; padding-bottom: 2.4rem; padding-bottom: 8.6421572985vw; border-top: 1px dashed #7B7C8A; } @media (min-width: 37.5em) { .epl-author-box-flat { margin-left: auto; margin-right: auto; width: 534px; padding-top: 40.05px; padding-top: 4.005rem; padding-bottom: 40.05px; padding-bottom: 4.005rem; /*600*/ } } @media (min-width: 47.5em) { .epl-author-box-flat { width: auto; margin: auto; padding: 0; padding-top: 24px; padding-top: 2.4rem; padding-bottom: 24px; padding-bottom: 2.4rem; /*760*/ } } h5.epl-author-box-title, .bio-more, .epl-author-content { display: none; } .epl-author-image { width: 30%; text-align: center; float: left; } .epl-author-image img { text-align: center; width: 100%; height: auto; max-width: 300px; margin: 0 auto; } .epl-author-details { float: left; margin-left: 5%; width: 65%; font-size: 20px; font-size: 2rem; font-size: 7.2017977488vw; line-height: 1.05em; } @media (min-width: 37.5em) { .epl-author-details { font-size: 35.04375px; font-size: 3.504375rem; /*600*/ } } @media (min-width: 47.5em) { .epl-author-details { font-size: 21px; font-size: 2.1rem; /*760*/ } } .epl-author-details .mobile, .epl-author-details .email-icon-24 { font-size: 24px; font-size: 2.4rem; font-size: 8.6421572985vw; } @media (min-width: 37.5em) { .epl-author-details .mobile, .epl-author-details .email-icon-24 { font-size: 40.05px; font-size: 4.005rem; /*600*/ } } @media (min-width: 47.5em) { .epl-author-details .mobile, .epl-author-details .email-icon-24 { font-size: 24px; font-size: 2.4rem; /*760*/ } } .epl-author-details .email-icon-24 { display: block; } .epl-author-position { margin-bottom: 5px; margin-bottom: 0.5rem; margin-bottom: 1.8004494372vw; } @media (min-width: 37.5em) { .epl-author-position { margin-bottom: 8.34375px; margin-bottom: 0.834375rem; /*600*/ } } @media (min-width: 47.5em) { .epl-author-position { margin-bottom: 5px; margin-bottom: 0.5rem; /*760*/ } } .epl-author-contact .mobile { display: none; } @media (min-width: 47.5em) { .epl-author-contact .mobile { display: block; /*760*/ } } .epl-author-contact .email-icon-24 { font-weight: 700; } @media (min-width: 47.5em) { .epl-author-contact .email-icon-24 { display: none; /*760*/ } } .epl-author-social-buttons { display: none; } @media (min-width: 47.5em) { .epl-author-social-buttons { display: block; margin-top: 24px; margin-top: 2.4rem; margin-bottom: 24px; margin-bottom: 2.4rem; /*760*/ } } .epl-author-social-buttons a { display: block; font-size: 16px; font-size: 1.6rem; line-height: 1.25em; margin-bottom: 5px; margin-bottom: 0.5rem; } .epl-author-social-buttons a:hover { text-decoration: underline; } .epl-author-bio { clear: both; } .epl-author-title { font-weight: 700; text-transform: uppercase; font-size: 25px; font-size: 2.5rem; font-size: 9.002247186vw; line-height: 1.2em; } @media (min-width: 37.5em) { .epl-author-title { font-size: 41.71875px; font-size: 4.171875rem; /*600*/ } } @media (min-width: 47.5em) { .epl-author-title { font-size: 25px; font-size: 2.5rem; /*760*/ } } @media (max-width: 37.4388em) { .listing-content.resp-width { margin: 0; } } @media (min-width: 37.5em) and (max-width: 47.438em) { .listing-content.resp-width { margin: 0; width: auto; /*600-749*/ } .listing-content.resp-width #primary > *, .listing-content.resp-width #secondary > * { max-width: 534px; margin-left: auto; margin-right: auto; } } .epl-single-default { margin-left: 8.4375%; margin-right: 8.4375%; } @media (min-width: 37.5em) { .epl-single-default { margin-left: auto; margin-right: auto; /*600*/ } } .back-arrow { cursor: pointer; text-align: center; color: #7B7C8A; font-size: 14px; font-size: 1.4rem; font-size: 5.0412584241vw; line-height: 1.2142857143em; } @media (min-width: 37.5em) { .back-arrow { font-size: 23.3625px; font-size: 2.33625rem; /*600*/ } } @media (min-width: 47.5em) { .back-arrow { font-size: 14px; font-size: 1.4rem; /*760*/ } } .back-arrow.footer { position: absolute; bottom: 60px; bottom: 6rem; left: 27px; left: 2.7rem; } .epl-gallery-entry figure { float: left; width: 100%; } h1.property-title { font-size: 21px; font-size: 2.1rem; font-size: 7.5618876362vw; line-height: 1.7142857143em; margin-top: 26px; margin-top: 2.6rem; margin-top: 9.3623370734vw; margin-bottom: 18px; margin-bottom: 1.8rem; margin-bottom: 6.4816179739vw; } @media (min-width: 37.5em) { h1.property-title { font-size: 35.04375px; font-size: 3.504375rem; margin-top: 43.3875px; margin-top: 4.33875rem; margin-bottom: 30.0375px; margin-bottom: 3.00375rem; /*600*/ } } @media (min-width: 47.5em) { h1.property-title { font-size: 36px; font-size: 3.6rem; line-height: 1.0277777778em; margin-top: 34px; margin-top: 3.4rem; margin-bottom: 38px; margin-bottom: 3.8rem; /*760*/ } } .property-street { display: none; } .property-suburb { font-weight: 700; } .property-suburb .item-seperator, .property-suburb .item-state, .property-suburb .item-pcode, .property-suburb .item-country { display: none; } .epl-listing-single { font-size: 14px; font-size: 1.4rem; font-size: 5.0412584241vw; line-height: 1.4285714286em; } @media (min-width: 37.5em) { .epl-listing-single { font-size: 23.3625px; font-size: 2.33625rem; /*600*/ } } @media (min-width: 47.5em) { .epl-listing-single { font-size: 14px; font-size: 1.4rem; /*760*/ } } .epl-listing-single .property-meta.pricing { color: inherit; font-weight: 700; font-size: inherit; font-family: inherit; margin-bottom: 20px; margin-bottom: 2rem; margin-bottom: 7.2017977488vw; } @media (min-width: 37.5em) { .epl-listing-single .property-meta.pricing { margin-bottom: 33.375px; margin-bottom: 3.3375rem; /*600*/ } } @media (min-width: 47.5em) { .epl-listing-single .property-meta.pricing { margin-bottom: 25px; margin-bottom: 2.5rem; /*760*/ } } .epl-tab-title-property-features { margin-top: 2em; font-weight: bold; } .listing-info { *zoom: 1; margin: 0; padding: 0; margin-bottom: 2em; } .listing-info:before, .listing-info:after { content: " "; /* 1 */ display: table; /* 2 */ } .listing-info:after { clear: both; } .listing-info li { margin: 0; padding: 0; list-style: none; font-size: 13px; font-size: 1.3rem; font-size: 4.6811685367vw; width: 48%; margin-right: 2%; float: left; } @media (min-width: 37.5em) { .listing-info li { font-size: 21.69375px; font-size: 2.169375rem; /*600*/ } } @media (min-width: 47.5em) { .listing-info li { width: 30%; margin-right: 3%; font-size: 13px; font-size: 1.3rem; /*760*/ } } @media (min-width: 63.75em) { .listing-info li { font-size: 14px; font-size: 1.4rem; /*1020, made up of 914+buffer of 53px on either side*/ } } .listing-info li:before { content: '- '; } #primary .listing-gallery figure img { width: 100% !important; height: auto; } #gallery-1 { max-height: 400px; overflow: hidden; } @media (max-width: 37.4388em) { #gallery-1 { width: 121%; margin-left: -11%; } } @media (min-width: 47.5em) { #gallery-1 { max-height: 288px; /*760*/ } } @media (min-width: 63.75em) { #gallery-1 { max-height: 393px; /*1020, made up of 914+buffer of 53px on either side*/ } } #gallery-2 { display: none; overflow: hidden; } @media (min-width: 47.5em) { #gallery-2 { display: block; max-height: 69px; /*760*/ } } @media (min-width: 63.75em) { #gallery-2 { max-height: 94px; /*1020, made up of 914+buffer of 53px on either side*/ } } #gallery-2 .gallery-item { width: 24%; /* full width */ margin-right: 2%; margin-top: 2%; margin-bottom: 2%; } /*epl-archive pages*/ .epl-switch-view, .epl-properties-sorting { display: none; } .archive-header { position: relative; } .epl-properties-sorting { float: none; display: none; font-weight: 300; width: auto; } @media (min-width: 47.5em) { .epl-properties-sorting { display: block; position: absolute; right: 0; top: 0; margin: 0; margin-top: .25em; /*760*/ } } .epl-properties-sorting select { padding-top: .2em; padding-bottom: .2em; width: auto; } @media (min-width: 47.5em) { .epl-properties-sorting select { font-size: 15px; font-size: 1.5rem; height: 2em; /*760*/ } } @media (min-width: 47.5em) { .archive-title, .epl-listing-post { padding-left: 27px; padding-left: 2.7rem; padding-right: 27px; padding-right: 2.7rem; /*760*/ } } h1.archive-title { margin-bottom: 0; font-size: 30px; font-size: 3rem; font-size: 10.8026966231vw; } @media (min-width: 37.5em) { h1.archive-title { font-size: 50.0625px; font-size: 5.00625rem; /*600*/ } } @media (min-width: 47.5em) { h1.archive-title { font-size: 30px; font-size: 3rem; /*760*/ } } h2.archive-listing-title { font-size: 21px; font-size: 2.1rem; font-size: 7.5618876362vw; line-height: 1.2857142857em; padding: 1em 0; font-family: 'Century Gothic',Helvetica,Arial,san-serif; text-transform: none; margin: 0; } @media (max-width: 37.4388em) { h2.archive-listing-title { border-top: none; border-bottom: none; } } @media (min-width: 37.5em) { h2.archive-listing-title { font-size: 35.04375px; font-size: 3.504375rem; /*600*/ } } @media (min-width: 37.5em) and (max-width: 47.438em) { h2.archive-listing-title { border-top: none; border-bottom: none; /*600-749*/ } } @media (min-width: 47.5em) { h2.archive-listing-title { border-top: none; padding: 1.2857142857em 0; font-size: 21px; font-size: 2.1rem; /*760*/ } } @media (max-width: 37.4388em) { h1.archive-title, h2.archive-listing-title, .property-address, .supplemental { padding-left: 8.4375%; padding-right: 8.4375%; } } @media (min-width: 37.5em) and (max-width: 47.438em) { h2.archive-listing-title, .property-address, .supplemental { padding-left: 33px; padding-left: 3.3rem; padding-right: 33px; padding-right: 3.3rem; /*600-749*/ } } h2.archive-listing-title, .property-address { background: #006f51; color: white; /*margin-left:-10%; width:120%; padding-left:10.209375%; padding-right:10.209375%;*/ } @media (min-width: 47.5em) { h2.archive-listing-title, .property-address { color: #006f51; background: none; /*760*/ } } .epl-listing-post { /*background:rgb(252,252,252); */ margin-top: 32px; margin-top: 3.2rem; margin-top: 11.522876398vw; } @media (min-width: 37.5em) { .epl-listing-post { margin-top: 53.4px; margin-top: 5.34rem; /*600*/ } } @media (min-width: 37.5em) and (max-width: 47.438em) { .epl-listing-post { width: 600px; width: 60rem; margin-left: -33px; margin-left: -3.3rem; border: 1px solid #9999a4; /*600-749*/ } } @media (min-width: 37.5em) { .epl-listing-post { /*600*/ } } @media (min-width: 47.5em) { .epl-listing-post { margin-top: 32px; margin-top: 3.2rem; background: #f2f2f3; padding-bottom: 27px; padding-bottom: 2.7rem; /*760*/ } } .epl-listing-post .property-content img { /*width:121%; margin-left:-11%;*/ height: auto; /*@include breakpoint(midi){*/ width: 100%; margin-left: 0; /*}*/ } #primary .epl-listing-post .property-content img { max-width: none; } @media (min-width: 37.5em) { #primary .epl-listing-post .property-content img { max-width: 100%; /*600*/ } } .epl-listing-post .strip-row-half { display: block; } .property-address { border-top: none; } @media (min-width: 47.5em) { .property-address { padding-left: 0; padding-right: 0; /*760*/ } } .property-address .suburb { font-weight: 700; } .property-address .address { display: block; } @media (min-width: 47.5em) { .property-address .address { display: inline; float: left; /*760*/ } } .property-address .opens { display: block; } @media (min-width: 47.5em) { .property-address .opens { display: inline; float: right; /*760*/ } } @media (max-width: 37.4388em) { .strip-row.property-address { padding-top: 0; border-top: none; } } @media (min-width: 37.5em) and (max-width: 47.438em) { .strip-row.property-address { padding-top: 0; /*600-749*/ } } .supplemental { margin-top: 14px; margin-top: 1.4rem; margin-top: 5.0412584241vw; border-bottom: 1px dashed #99A7AF; } @media (min-width: 37.5em) and (max-width: 47.438em) { .supplemental { border-bottom: none; /*600-749*/ } } @media (min-width: 37.5em) { .supplemental { margin-top: 20.025px; margin-top: 2.0025rem; /*600*/ } } @media (min-width: 47.5em) { .supplemental { margin-top: 27px; margin-top: 2.7rem; padding-left: 0; padding-right: 0; /*760*/ } } .supplemental > div { display: block; } @media (min-width: 47.5em) { .supplemental > div { float: left; /*760*/ } } .supplemental .price { font-family: 'Century Gothic',Helvetica,Arial,san-serif; font-size: 21px; font-size: 2.1rem; font-size: 7.5618876362vw; line-height: 1em; text-transform: none; margin-top: 4px; margin-top: 0.4rem; margin-top: 1.4403595498vw; } @media (min-width: 37.5em) { .supplemental .price { font-size: 35.04375px; font-size: 3.504375rem; margin-top: 6.675px; margin-top: 0.6675rem; /*600*/ } } @media (min-width: 47.5em) { .supplemental .price { font-size: 17px; font-size: 1.7rem; line-height: 2.3529411765em; float: right; margin-top: 0; /*760*/ } } @media (min-width: 63.75em) { .supplemental .price { line-height: 1.7142857143em; font-size: 21px; font-size: 2.1rem; /*1020, made up of 914+buffer of 53px on either side*/ } } .featured-listing { background: #E5E9EB; } @media (max-width: 37.4388em) { .featured-listing { /*margin-left:-11%; width:121%; padding-left:10.209375%; padding-right:10.209375%;*/ } } @media (min-width: 37.5em) { .featured-listing { border: 1px solid #9999a4; /*600*/ } } @media (min-width: 47.5em) { .featured-listing { padding-bottom: 27px; padding-bottom: 2.7rem; /*760*/ } } .featured-listing h2 { border-top: none; } @media (min-width: 37.5em) { .featured-listing h2 { /*600*/ } } @media (min-width: 47.5em) { .featured-listing h2 { font-size: 30px; font-size: 3rem; /*760*/ } } @media (max-width: 37.4388em) { .main-content-nopad.resp-width { margin: 0; } } @media (max-width: 37.4388em) { .main-content-nopad #secondary { margin-left: 8.4375%; margin-right: 8.4375%; } } /*downloads*/ .content-pre { margin-bottom: 35px; margin-bottom: 3.5rem; margin-bottom: 12.6031460603vw; } @media (min-width: 37.5em) { .content-pre { margin-bottom: 58.40625px; margin-bottom: 5.840625rem; /*600*/ } } @media (min-width: 47.5em) { .content-pre { margin-bottom: 70px; margin-bottom: 7rem; /*760*/ } } .content-post { margin-top: 35px; margin-top: 3.5rem; margin-top: 12.6031460603vw; } @media (min-width: 37.5em) { .content-post { margin-top: 58.40625px; margin-top: 5.840625rem; /*600*/ } } @media (min-width: 47.5em) { .content-post { margin-top: 70px; margin-top: 7rem; /*760*/ } } .download-row { padding: 0.375em 0; } .download-row a:hover { text-decoration: underline; } h2.content-section-title, .cform fieldset > legend, .cf-sb { line-height: 2em; font-size: 18px; font-size: 1.8rem; font-size: 6.4816179739vw; font-family: 'acumin-pro-condensed','Helvetica Condensed','Arial Narrow',Helvetica, Arial, sans-serif; font-weight: 400; text-transform: uppercase; border-bottom: 1px dashed #99A7AF; padding: 0.8333333333em 0; margin: 0; /*cursor:pointer;*/ background: url(../images/dropdown-forms.png) no-repeat center right; background-position: right 0.6111111111em center; /*background:$lvDarkGreenGray5; */ } @media (min-width: 37.5em) { h2.content-section-title, .cform fieldset > legend, .cf-sb { font-size: 30.0375px; font-size: 3.00375rem; /*600*/ } } @media (min-width: 47.5em) { h2.content-section-title, .cform fieldset > legend, .cf-sb { font-size: 18px; font-size: 1.8rem; /*760*/ } } .content-section-wrap:first-of-type h2.content-section-title { border-top: 1px dashed #99A7AF; } .content-section { border-bottom: 1px dashed #99A7AF; padding: 1.4375em 0; display: none; } .page-template-forms-page h2.content-section-title { cursor: pointer; } .staff-section-wrap h2 { cursor: pointer; } .staff-section-wrap .mob, .staff-section-wrap .mail { color: white; background: #8cc63f; display: block; text-align: center; text-transform: uppercase; padding: 0.5em 0; margin: 0.625em auto; /*@include breakpoint(midiLarge){ @include val(margin-left,114px); } @include breakpoint(maxi){ @include val(margin-left,159px); }*/ } @media (min-width: 47.5em) { .staff-section-wrap .mob, .staff-section-wrap .mail { margin: 0; font-size: 18px; font-size: 1.8rem; color: inherit; background: white; border: 1px solid #006f51; /*760*/ } .staff-section-wrap .mob:hover, .staff-section-wrap .mail:hover { color: white; background: #8cc63f; border-color: #8cc63f; } } .staff-section-wrap .mail { margin-top: 0.625em; } .half-box { width: 100%; background: white; margin-bottom: 24px; margin-bottom: 2.4rem; margin-bottom: 8.6421572985vw; padding: 35px; padding: 3.5rem; padding: 12.6031460603vw; } @media (min-width: 37.5em) { .half-box { padding: 58.40625px; padding: 5.840625rem; margin-bottom: 40.05px; margin-bottom: 4.005rem; /*600*/ } } @media (min-width: 47.5em) { .half-box { padding: 35px; padding: 3.5rem; margin-bottom: 24px; margin-bottom: 2.4rem; width: 324px; width: 32.4rem; margin-right: 24px; margin-right: 2.4rem; display: inline-block; vertical-align: top; /*760*/ } .half-box:nth-of-type(2n) { margin-right: 0; } } @media (min-width: 63.75em) { .half-box { width: 443px; width: 44.3rem; /*1020, made up of 914+buffer of 53px on either side*/ } } .half-box .bio { clear: both; max-height: 120px; max-height: 12rem; max-height: 43.2107864926vw; } @media (min-width: 37.5em) { .half-box .bio { max-height: 133.5px; max-height: 13.35rem; /*600*/ } } @media (min-width: 47.5em) { .half-box .bio { max-height: 80px; max-height: 8rem; /*760*/ } .half-box .bio:before { content: ''; height: 30px; display: block; clear: both; } } .half-box .bio p:last-of-type { margin-bottom: 0; } .half-box .bio.expanded { max-height: none; } .half-box .bio.expanded .readmore { display: none !important; } .half-box .bio .readmore { cursor: pointer; display: block !important; text-transform: uppercase; } @media (min-width: 47.5em) { .half-box .bio .readmore { margin-top: 10px; margin-top: 1rem; margin-bottom: 20px; margin-bottom: 2rem; /*760*/ } } .half-box .bio .readmore:after { position: relative; content: ''; display: inline-block; height: 7px; height: 0.7rem; height: 2.5206292121vw; width: 14px; width: 1.4rem; width: 5.0412584241vw; margin-left: 0.3125em; top: -0.0625em; background: url(../images/dropdown-forms.png) no-repeat center right; opacity: .8; } @media (min-width: 47.5em) { .half-box .bio .readmore:after { height: 7px; height: 0.7rem; width: 14px; width: 1.4rem; /*760*/ } } .testimonial-content { font-style: italic; font-weight: 300; font-size: 18px; font-size: 1.8rem; font-size: 6.4816179739vw; line-height: 1.4444444444em; } @media (min-width: 37.5em) { .testimonial-content { font-size: 30.0375px; font-size: 3.00375rem; /*600*/ } } @media (min-width: 47.5em) { .testimonial-content { font-size: 18px; font-size: 1.8rem; /*760*/ } } .test-name { font-family: 'Century Gothic',Helvetica,Arial,san-serif; font-style: italic; font-size: 24px; font-size: 2.4rem; font-size: 8.6421572985vw; line-height: 1.5em; } @media (min-width: 37.5em) { .test-name { font-size: 40.05px; font-size: 4.005rem; /*600*/ } } @media (min-width: 47.5em) { .test-name { font-size: 24px; font-size: 2.4rem; /*760*/ } } .test-name:before { content: '- '; } p.dept { font-style: normal; font-weight: 700; text-transform: uppercase; margin-bottom: 0; font-size: 13px; font-size: 1.3rem; font-size: 4.6811685367vw; line-height: 1.2307692308em; } @media (min-width: 37.5em) { p.dept { font-size: 21.69375px; font-size: 2.169375rem; /*600*/ } } @media (min-width: 47.5em) { p.dept { font-size: 13px; font-size: 1.3rem; /*760*/ } } h3.staff-heading { font-family: 'Century Gothic',Helvetica,Arial,san-serif; font-size: 30px; font-size: 3rem; font-size: 10.8026966231vw; line-height: 1.2em; margin: 0; margin-bottom: 0.5333333333em; } @media (min-width: 37.5em) { h3.staff-heading { font-size: 50.0625px; font-size: 5.00625rem; /*600*/ } } @media (min-width: 47.5em) { h3.staff-heading { font-size: 30px; font-size: 3rem; margin-bottom: 0.4666666667em; /*760*/ } } .staff-image img { width: 100%; height: auto; } @media (min-width: 47.5em) { .staff-image img { margin-right: 16px; margin-right: 1.6rem; /*760*/ } } @media (min-width: 47.5em) { .staff-image { width: 38.461538461538%; float: left; /*760*/ } } .staff-dept { font-family: 'Century Gothic',Helvetica,Arial,san-serif; font-size: 18px; font-size: 1.8rem; font-size: 6.4816179739vw; line-height: 1.1111111111em; margin-bottom: 1em; } @media (min-width: 37.5em) { .staff-dept { font-size: 30.0375px; font-size: 3.00375rem; margin-bottom: 0.7777777778em; /*600*/ } } @media (min-width: 47.5em) { .staff-dept { font-size: 18px; font-size: 1.8rem; /*760*/ } } @media (min-width: 47.5em) { .staff-heading, .staff-dept, .mob, .mail { float: right; text-align: left; width: 140px; width: 14rem; /*760*/ } } @media (min-width: 63.75em) { .staff-heading, .staff-dept, .mob, .mail { width: 214px; width: 21.4rem; /*1020, made up of 914+buffer of 53px on either side*/ } } @media (min-width: 47.5em) { .fl-r { float: right; width: 140px; width: 14rem; /*760*/ } } @media (min-width: 63.75em) { .fl-r { width: 214px; width: 21.4rem; /*1020, made up of 914+buffer of 53px on either side*/ } } /*cforms*/ .cform fieldset { display: block; width: auto; border: none; outline: none; padding: 0; margin: 0; margin: 0.8888888889em 0; } .cform fieldset > legend { border-top: 1px dashed #99A7AF; width: 100%; margin-bottom: 0.7222222222em; } .cform fieldset:first-of-type { margin-top: 0; } .cf-ol { margin: 0; list-style: none; } .cf-ol li { width: 100%; } @media (min-width: 47.5em) { .cf-ol li { width: 50%; display: inline-block; padding-right: 12px; padding-right: 1.2rem; margin: 0.375em 0; vertical-align: top; /*760*/ } .cf-ol li:nth-of-type(2n) { padding-right: 0; padding-left: 12px; padding-left: 1.2rem; } } .cf-ol li input, .cf-ol li select, .cf-ol li textarea { background: white; width: 100%; border: 1px solid #7B7C8A; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; padding: 0 .5em; color: gray; } @media (min-width: 47.5em) { .cf-ol li input, .cf-ol li select, .cf-ol li textarea { /*760*/ } } .cf-ol li select { background: white url(../images/dropdown.png) no-repeat center right; background-size: auto 90%; } @media (min-width: 47.5em) { .cf-ol li input, .cf-ol li select, .cf-ol li label, .cf-ol li textarea { line-height: 40px; display: block; float: left; /*@include val(width,246px);*/ vertical-align: middle; /*760*/ } } @media (min-width: 63.75em) { .cf-ol li input, .cf-ol li select, .cf-ol li label, .cf-ol li textarea { /*@include val(width,345px);*/ /*1020, made up of 914+buffer of 53px on either side*/ } } @media (min-width: 47.5em) { .cf-ol li label { width: 80px; width: 8rem; /*760*/ } } @media (min-width: 63.75em) { .cf-ol li label { width: 100px; width: 10rem; /*1020, made up of 914+buffer of 53px on either side*/ } } .cf-ol li label span { line-height: 20px; visibility: hidden; } @media (min-width: 47.5em) { .cf-ol li label span { display: none; /*760*/ } } .cf-ol li textarea { max-height: 80px; max-height: 8rem; max-height: 28.8071909951vw; } @media (min-width: 37.5em) { .cf-ol li textarea { max-height: 133.5px; max-height: 13.35rem; /*600*/ } } @media (min-width: 47.5em) { .cf-ol li textarea { max-height: 80px; max-height: 8rem; /*760*/ } } .cf-ol li input[type=checkbox] { width: auto; height: auto; -webkit-appearance: checkbox; -moz-appearance: checkbox; -ms-appearance: checkbox; -o-appearance: checkbox; appearance: checkbox; margin-top: .75em; } .emailreqtxt, .reqtxt, .cform .cf_hidden { display: none; } .cf-sb { border-top: 1px dashed #99A7AF; background: none; } .cf-sb input { font-family: 'Century Gothic',Helvetica,Arial,san-serif; font-size: 23px; font-size: 2.3rem; font-size: 8.2820674111vw; line-height: 1em; color: white; display: block; width: 100%; text-align: center; background: #8cc63f; border: none; padding-top: 9px; padding-top: 0.9rem; padding-top: 3.2408089869vw; padding-bottom: 9px; padding-bottom: 0.9rem; padding-bottom: 3.2408089869vw; } @media (min-width: 37.5em) { .cf-sb input { font-size: 38.38125px; font-size: 3.838125rem; padding-top: 15.01875px; padding-top: 1.501875rem; padding-bottom: 15.01875px; padding-bottom: 1.501875rem; /*600*/ } } @media (min-width: 47.5em) { .cf-sb input { font-size: 23px; font-size: 2.3rem; width: auto; padding: 0.3913043478em 2.347826087em; /*760*/ } } .cf-sb input:hover { text-decoration: underline; } .cf-sb .reset-form { background: #B0B0B9; margin-bottom: .5em; } @media (min-width: 47.5em) { .cf-sb .reset-form { margin-bottom: 0; float: left; margin-right: .5em; padding: 0.3913043478em 0.9565217391em; /*760*/ } } @media (min-width: 47.5em) { .cform.contact { width: 50%; float: right; /*760*/ } .cform.contact .cf-ol li { width: 100%; padding: 0; } } #map_canvas { height: 100px; height: 10rem; height: 36.0089887438vw; } @media (min-width: 37.5em) { #map_canvas { height: 166.875px; height: 16.6875rem; /*600*/ } } @media (min-width: 47.5em) { #map_canvas { height: 250px; height: 25rem; /*760*/ } } @media (min-width: 47.5em) { .contact-page-details { width: 48%; float: left; /*760*/ } } .page-template-contact-page h2.content-section-title { border-top: 1px dashed #99A7AF; background: none; cursor: default; } .page-template-contact-page article header { display: none; } .contact-pic { width: 100%; margin-top: 19px; margin-top: 1.9rem; margin-top: 6.8417078613vw; margin-bottom: 19px; margin-bottom: 1.9rem; margin-bottom: 6.8417078613vw; } @media (min-width: 37.5em) { .contact-pic { margin-top: 31.70625px; margin-top: 3.170625rem; margin-bottom: 31.70625px; margin-bottom: 3.170625rem; /*600*/ } } @media (min-width: 47.5em) { .contact-pic { margin-top: 19px; margin-top: 1.9rem; margin-bottom: 19px; margin-bottom: 1.9rem; /*760*/ } } .address-summary, .contact-page-details .contact-methods { border-bottom: 1px dashed #99A7AF; display: block; margin-bottom: 19px; margin-bottom: 1.9rem; margin-bottom: 6.8417078613vw; padding-bottom: 19px; padding-bottom: 1.9rem; padding-bottom: 6.8417078613vw; } @media (min-width: 37.5em) { .address-summary, .contact-page-details .contact-methods { margin-bottom: 31.70625px; margin-bottom: 3.170625rem; padding-bottom: 31.70625px; padding-bottom: 3.170625rem; /*600*/ } } @media (min-width: 47.5em) { .address-summary, .contact-page-details .contact-methods { margin-bottom: 19px; margin-bottom: 1.9rem; padding-bottom: 19px; padding-bottom: 1.9rem; /*760*/ } } .contact-page-details .contact-methods { border-bottom: none; } @media (max-width: 37.4388em) { .contact-page-details .contact-methods { margin-bottom: 50px; margin-bottom: 5rem; margin-bottom: 18.0044943719vw; } } @media (min-width: 37.5em) and (max-width: 47.438em) { .contact-page-details .contact-methods { margin-bottom: 83.4375px; margin-bottom: 8.34375rem; /*600-749*/ } } .contact-page-details .contact-methods a:hover { text-decoration: underline; } @media (min-width: 47.5em) { .page-template-contact-page .cf-sb { /*@include val(padding-left,80px); */ /*760*/ } } @media (min-width: 63.75em) { .page-template-contact-page .cf-sb { /*@include val(padding-left,100px); */ /*1020, made up of 914+buffer of 53px on either side*/ } } .page-template-contact-page .cf-sb input { width: 100%; } @media (min-width: 47.5em) { .page-template-contact-page .cf-sb input { width: 48.2%; /*760*/ } } @media (min-width: 63.75em) { .page-template-contact-page .cf-sb input { width: 46.8%; /*1020, made up of 914+buffer of 53px on either side*/ } } @media (min-width: 63.75em) { .page-template-contact-page .cf-sb .reset-form { margin-right: 1.25em; /*1020, made up of 914+buffer of 53px on either side*/ } } h2.other-search-results { margin: 0 8.4375%; } @media (min-width: 37.5em) { h2.other-search-results { width: 534px; /*600*/ } } @media (min-width: 47.5em) { h2.other-search-results { width: auto; margin: 0; margin-top: 100px; margin-top: 10rem; /*760*/ } } .epl-pagination { font-weight: 600; padding-top: 50px; padding-top: 5rem; padding-top: 18.0044943719vw; } @media (max-width: 37.4388em) { .epl-pagination { margin: 0 8.4375%; } } @media (min-width: 37.5em) { .epl-pagination { padding-top: 83.4375px; padding-top: 8.34375rem; /*600*/ } } @media (min-width: 47.5em) { .epl-pagination { padding-top: 100px; padding-top: 10rem; /*760*/ } } .epl-pagination .pages { margin-right: 0.75em; padding: 0; } .epl-pagination a, .epl-pagination span { padding: 0 0.3125em; } .epl-pagination a { color: #7B7C8A; } .epl-pagination .nextpostslink, .epl-pagination .previouspostslink { color: transparent; width: 1px; overflow: hidden; } .epl-pagination .previouspostslink:before { position: relative; content: ''; display: inline-block; background: url(../images/prev-arrow.png) no-repeat center; width: 8px; height: 12px; } .epl-pagination .nextpostslink:after { position: relative; content: ''; display: inline-block; background: url(../images/next-arrow.png) no-repeat center; width: 8px; height: 12px; } .epl-recent-listings { padding-bottom: 20px; padding-bottom: 2rem; padding-bottom: 7.2017977488vw; } @media (min-width: 37.5em) { .epl-recent-listings { padding-bottom: 33.375px; padding-bottom: 3.3375rem; /*600*/ } } @media (min-width: 47.5em) { .epl-recent-listings { padding-bottom: 0; /*760*/ } } .epl-recent-listings ul { margin: 0; } .epl-recent-listings a:hover { text-decoration: underline; } .epl-widget-list-item { text-transform: uppercase; list-style: none; margin: 0; padding: 0; } .epl-widget-list-item strong { display: block; margin-top: 17px; margin-top: 1.7rem; margin-top: 6.1215280864vw; margin-bottom: 4px; margin-bottom: 0.4rem; margin-bottom: 1.4403595498vw; } @media (min-width: 37.5em) { .epl-widget-list-item strong { margin-top: 28.36875px; margin-top: 2.836875rem; margin-bottom: 6.675px; margin-bottom: 0.6675rem; /*600*/ } } @media (min-width: 47.5em) { .epl-widget-list-item strong { margin-top: 17px; margin-top: 1.7rem; margin-bottom: 4px; margin-bottom: 0.4rem; /*760*/ } } .epl-widget-list-item span { float: right; } h3.recent-sales { color: #8cc63f; border-top: 1px dashed #7B7C8A; padding-top: 20px; padding-top: 2rem; padding-top: 7.2017977488vw; } @media (min-width: 37.5em) { h3.recent-sales { padding-top: 33.375px; padding-top: 3.3375rem; /*600*/ } } @media (min-width: 47.5em) { h3.recent-sales { padding-top: 20px; padding-top: 2rem; /*760*/ } } a.bank-login { font-family: 'Century Gothic',Helvetica,Arial,san-serif; color: #8cc63f; border: 1px solid #8cc63f; padding: .625em 1em; } .sold .listing-gallery .gallery:after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/property-sold.png) top left; background-size: 100%; } .leased .listing-gallery .gallery:after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/property-leased.png) top left; background-size: 100%; } .sold .mao, .sold .epl-inspection-times, .leased .mao, .leased .epl-inspection-times { display: none; } .oth { float: right; } .inspection-date-group { margin-bottom: 25px; margin-bottom: 2.5rem; margin-bottom: 9.002247186vw; } @media (min-width: 37.5em) { .inspection-date-group { margin-bottom: 41.71875px; margin-bottom: 4.171875rem; /*600*/ } } @media (min-width: 47.5em) { .inspection-date-group { margin-bottom: 25px; margin-bottom: 2.5rem; /*760*/ } } .inspection-date { clear: both; border-bottom: 1px dashed #99A7AF; margin-bottom: 18px; margin-bottom: 1.8rem; margin-bottom: 6.4816179739vw; padding-bottom: 20px; padding-bottom: 2rem; padding-bottom: 7.2017977488vw; } @media (min-width: 37.5em) { .inspection-date { margin-bottom: 30.0375px; margin-bottom: 3.00375rem; padding-bottom: 33.375px; padding-bottom: 3.3375rem; /*600*/ } } @media (min-width: 47.5em) { .inspection-date { margin-bottom: 18px; margin-bottom: 1.8rem; padding-bottom: 20px; padding-bottom: 2rem; /*760*/ } } .inspection-date:last-of-type { margin-bottom: 0; } .inspection-date a:hover { text-decoration: underline; } .inspection-date img { float: left; width: 48%; } @media (min-width: 47.5em) { .inspection-date img { width: 35%; /*760*/ } } .inspection-date .details { float: right; max-width: 48%; } @media (min-width: 47.5em) { .inspection-date .details { float: left; max-width: 36%; margin-left: 20px; margin-left: 2rem; /*760*/ } } .inspection-date .details a { display: block; } .inspection-date .details strong, .inspection-date .details span { display: block; line-height: 1.2; font-size: 14px; font-size: 1.4rem; font-size: 5.0412584241vw; } @media (min-width: 37.5em) { .inspection-date .details strong, .inspection-date .details span { font-size: 25.03125px; font-size: 2.503125rem; /*600*/ } } @media (min-width: 47.5em) { .inspection-date .details strong, .inspection-date .details span { font-size: 15px; font-size: 1.5rem; /*760*/ } } .inspection-date .details span:nth-of-type(2), .inspection-date .details a { margin-bottom: .5em; } .inspection-date .opentime { -webkit-font-smoothing: antialiased; clear: both; margin-bottom: .5em; text-transform: lowercase; font-size: 15px; font-size: 1.5rem; font-size: 5.4013483116vw; margin-bottom: 0; } @media (min-width: 37.5em) { .inspection-date .opentime { font-size: 25.03125px; font-size: 2.503125rem; /*600*/ } } @media (min-width: 47.5em) { .inspection-date .opentime { clear: none; font-size: 15px; font-size: 1.5rem; float: right; width: 23%; text-align: right; /*760*/ } } .type-page .entry-content a:hover { text-decoration: underline; } .page-template-faq-page .content-section-title { cursor: pointer; } #primary .entry-content p { color: #666; } .faq-row p:last-of-type { margin-bottom: 0; } a.media-file { text-decoration: underline; } .media-item { margin-bottom: 64px; margin-bottom: 6.4rem; margin-bottom: 23.045752796vw; } @media (min-width: 37.5em) { .media-item { margin-bottom: 106.8px; margin-bottom: 10.68rem; /*600*/ } } @media (min-width: 47.5em) { .media-item { margin-bottom: 64px; margin-bottom: 6.4rem; /*760*/ } } .media-item:last-of-type { margin-bottom: 0; } .media-heading, .media-teaser { display: block; margin-bottom: 1em; } .media-teaser { color: #666; } .media-teaser p { margin-bottom: 20px; margin-bottom: 2rem; margin-bottom: 7.2017977488vw; } @media (min-width: 37.5em) { .media-teaser p { margin-bottom: 33.375px; margin-bottom: 3.3375rem; /*600*/ } } @media (min-width: 47.5em) { .media-teaser p { margin-bottom: 25px; margin-bottom: 2.5rem; /*760*/ } } /* 7.0 - Hacks and fixes * ----------------------------------------------------------------------------- */ .mini-only.inline { display: inline; } .mini-only.inline-block { display: inline-block; } @media (min-width: 37.5em) { .mini-only { display: none; /*600*/ } } .midi-only { display: none; } @media (min-width: 37.5em) { .midi-only { display: block; /*600*/ } .midi-only.inline { display: inline; } .midi-only.inline-block { display: inline-block; } } @media (min-width: 47.5em) { .midi-only { display: none; /*760*/ } } .midi-large-only { display: none; } @media (min-width: 47.5em) { .midi-large-only { display: block; /*760*/ } .midi-large-only.inline { display: inline; } .midi-large-only.inline-block { display: inline-block; } } @media (min-width: 63.75em) { .midi-large-only { display: none; /*1020, made up of 914+buffer of 53px on either side*/ } } .maxi-only { display: none; } @media (min-width: 63.75em) { .maxi-only { display: block; /*1020, made up of 914+buffer of 53px on either side*/ } .maxi-only.inline { display: inline; } .maxi-only.inline-block { display: inline-block; } } .midi-up { display: none; } @media (min-width: 37.5em) { .midi-up { display: block; /*600*/ } .midi-up.inline { display: inline; } .midi-up.inline-block { display: inline-block; } } .midi-large-up { display: none; } @media (min-width: 47.5em) { .midi-large-up { display: block; /*760*/ } .midi-large-up.inline { display: inline; } .midi-large-up.inline-block { display: inline-block; } } .midi-large-down { display: block; } .midi-large-down.inline { display: inline; } .midi-large-down.inline-block { display: inline-block; } @media (min-width: 63.75em) { .midi-large-down { display: none; /*1020, made up of 914+buffer of 53px on either side*/ } } .midi-down { display: block; } .midi-down.inline { display: inline; } .midi-down.inline-block { display: inline-block; } @media (min-width: 47.5em) { .midi-down { display: none; /*760*/ } } @media (max-width: 37.4388em) { .show-mini { display: block; } .show-mini.inline { display: inline; } .show-mini.inline-block { display: inline-block; } } @media (min-width: 37.5em) and (max-width: 47.438em) { .show-midi { display: block; /*600-749*/ } .show-midi.inline { display: inline; } .show-midi.inline-block { display: inline-block; } } @media (min-width: 47.5em) and (max-width: 63.688em) { .show-midi-large { display: block; /*760-1019*/ } .show-midi-large.inline { display: inline; } .show-midi-large.inline-block { display: inline-block; } } @media (min-width: 63.75em) { .show-maxi { display: block; /*1020, made up of 914+buffer of 53px on either side*/ } .show-maxi.inline { display: inline; } .show-maxi.inline-block { display: inline-block; } } @media (max-width: 37.4388em) { .hide-mini { display: none; } } @media (min-width: 37.5em) and (max-width: 47.438em) { .hide-midi { display: none; /*600-749*/ } } @media (min-width: 47.5em) and (max-width: 63.688em) { .hide-midi-large { display: none; /*760-1019*/ } } @media (min-width: 63.75em) { .hide-maxi { display: none; /*1020, made up of 914+buffer of 53px on either side*/ } } .hideImportant { display: none !important; } @media (max-width: 37.4388em) { .menu-active .can-hide { display: none !important; } } @media (min-width: 37.5em) and (max-width: 47.438em) { .menu-active .can-hide { display: none !important; /*600-749*/ } }