/* Theme Name : Diana Dugan Author : Smith Brothers Media Version : 1.0.0 Author URI : http://smithbrothersmedia.com.au Description : This theme is developed by Smith Brothers Media. */ /* Site Colours $red : */ /* Container Overrides (Reset) */ .container { padding-right:!important; padding-left:!important; } .row { margin-right:!important; margin-left:!important; } .row .col-xs-1, .row .col-sm-1, .row .col-md-1, .row .col-lg-1, .row .col-xs-2, .row .col-sm-2, .row .col-md-2, .row .col-lg-2, .row .col-xs-3, .row .col-sm-3, .row .col-md-3, .row .col-lg-3, .row .col-xs-4, .row .col-sm-4, .row .col-md-4, .row .col-lg-4, .row .col-xs-5, .row .col-sm-5, .row .col-md-5, .row .col-lg-5, .row .col-xs-6, .row .col-sm-6, .row .col-md-6, .row .col-lg-6, .row .col-xs-7, .row .col-sm-7, .row .col-md-7, .row .col-lg-7, .row .col-xs-8, .row .col-sm-8, .row .col-md-8, .row .col-lg-8, .row .col-xs-9, .row .col-sm-9, .row .col-md-9, .row .col-lg-9, .row .col-xs-10, .row .col-sm-10, .row .col-md-10, .row .col-lg-10, .row .col-xs-11, .row .col-sm-11, .row .col-md-11, .row .col-lg-11, .row .col-xs-12, .row .col-sm-12, .row .col-md-12, .row .col-lg-12 { padding-right:!important; padding-left:!important; } /* Diana Fonts */ @font-face { font-family:'dd_regular'; src:url('assets/fonts/dianadugan-regular-webfont.woff2') format('woff2'), url('assets/fonts/dianadugan-regular-webfont.woff') format('woff'); font-weight:normal; font-style:normal; } /* Page Defaults */ html, body { position:relative !important; height:100%; overflow:hidden; } body { margin-top:0 !important; font-family:'Lato', sans-serif; font-size:1.6rem; overflow:hidden; background:url(assets/images/DD_Background.jpg) center top no-repeat; background-attachment:fixed; background-size:cover; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100&1+0,0.3+100,1+100 */ /* background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); */ } body.page-template-page-content, body.page-template-page-chinese, body.blog, body.single-post, body.single-property, body.single-testimonial, body.page-template-page-locations { position:unset; overflow:inherit; margin-top:0 !important; } .container { padding-bottom:20px; background-color:#FFF; } h1, h2, h3, h4, h5, h6 { } h1 { margin-top:0; font-family:'dd_regular',times; color:#DC3823; } h2 { font-size:2.4rem; font-family:'dd_regular',times; } h3 { font-family:'dd_regular',times; } a { color:#DC3823; text-decoration:underline; } a:hover, a:focus { color:#DC3823; text-decoration:none; } em { color:#DC3823; } /*#overlay { position:absolute; left:0; top:0; right:0; bottom:0; z-index:5; }*/ /* Header / Navgation */ header { position:absolute; left:0; top:0; right:0; background-color:rgba(255,255,255,0.9); z-index:10; } .navigation { } .navigation .navbar { position:relative; margin:0; padding:5px; background-color:transparent; border:0; transition:all 0.3s ease; border-radius:0; } .navigation .navbar-toggle { position:relative; float:left; display:block; top:0; margin:5px 0; border:0; background-color:rgba(255,255,255,0.7); transition:all 1s ease; } .navigation .navbar-toggle.navbar_hidden { top:-100px; transition:all 1s ease; } .navigation .navbar-toggle:hover, .navigation .navbar-toggle:focus { background-color:rgba(0,0,0,0.3); } .navigation .navbar-toggle .icon-bar { background-color:#FF3A1E; } .navigation .navbar-brand { float:right; display:block; padding:0; height:auto; } .navigation nav { position:absolute; left:0; top:-300px; z-index:10; box-shadow:5px 5px 30px rgba(0,0,0,0.5); transition:all 0.3s ease; } .navigation nav.show-nav { top:0; transition:all 0.3s ease; } .navigation nav ul { margin:0; padding:0; list-style:none; } .navigation nav li { } .navigation nav li.close-nav button { position:relative; display:block; padding:5px 10px; width:250px; color:#FF3A1E; background-color:rgba(0,0,0,0.7); border:0; border-bottom:1px solid rgba(255,255,255,0.6); text-align:right; } .navigation nav li a { position:relative; display:block; padding:5px 10px; width:250px; font-family:'dd_regular',times; color:#FFF; background-color:rgba(0,0,0,0.7); border-bottom:1px solid rgba(255,255,255,0.8); text-align:center; text-transform:uppercase; text-decoration:none; } .navigation nav li a:after { position:absolute; content:""; right:0; bottom:0; border:20px solid transparent; border-bottom-width:0; border-right-color:#FFF; } .navigation nav li a:hover, .navigation nav li a:focus { color:#FF3A1E; text-decoration:none; } .navigation nav li a:hover:after, .navigation nav li a:focus:after { border-right-color:#FF3A1E; } .navigation nav li .sub-menu li a { font-size:1.2rem; } .navigation nav li .sub-menu li a:after { display:none; } .navbar-brand { position:relative; min-width:50%; } .navbar-brand>img { position:absolute; right:0; top:0; transition:all 0.3s ease; } .navbar-brand>img.logo-horisontal { top:-2px; opacity:1; } .navbar-brand>img.logo-vertical { top:-23px; opacity:0; } /* Containers */ #controls { position:absolute; left:10px; right:10px; bottom:10px; padding:10px 20px; background:rgba(0,0,0,0.2); text-align:center; border-radius:5px; z-index:5; opacity:0; transition:all 1s ease; } #controls .row div:nth-child(3n-2) { padding:0; text-align:left; } #controls .row div:nth-child(3n-1) { padding:0; } #controls .row div:nth-child(3n) { text-align:right; } #controls.ctrl_hidden { bottom:-150px; opacity:0; transition:all 1s ease; } /* Components */ /*#full-bg { position:relative; width:100%; height:100%; z-index:1; } .iframe-box { position:relative; display:inline-block; margin:0; padding:56.25% 0 0; width:100%; height:100%; } .iframe-box iframe { position:absolute; left:0; top:0; right:0; bottom:0; } */ /* Cover */ @-webkit-keyframes spin { to { transform:rotate(360deg); } } @-webkit-keyframes spin_counter { to { transform:rotate(-360deg); } } .hud_overlay { position:absolute; left:0; top:0; right:0; bottom:0; z-index:4; opacity:1; transition:all 3s ease; } .hud_overlay div { position:absolute; width:1200px; height:1200px; } .hud_overlay div.hud_top { left:-3000px; top:0px; background-image:url(assets/images/hud_top_small.png); animation: spin_counter 180s infinite steps(3600); -webkit-animation: spin_counter 180s infinite steps(3600); opacity:0.5; } .hud_overlay div.hud_bottom { left:-3000px; top:0px; background-image:url(assets/images/hud_bottom_small.png); animation: spin 180s infinite steps(3600); -webkit-animation: spin 180s infinite steps(3600); opacity:0.2; } .hud_overlay.hud_hidden { opacity:0; transition:all 3s ease; } .cover { position:absolute; left:0; top:0; right:0; bottom:0; z-index:3; } .cover_image { position:absolute; left:0; top:0; right:0; bottom:-50px; z-index:2; background:url(assets/images/thumbnail.jpg) center top no-repeat; background-size:cover; opacity:1; transition:all 0.75s ease; } .cover_image.cover_hidden { opacity:0; transition:all 0.75s ease; } .cover_image.home_image { background-image:url('assets/images/thumbnail.jpg'); } /* Spinner */ .spin-dd_logo { position:absolute; left:calc(50% - 32px); top:calc(50% - 32px); width:64px; height:64px; background:url(assets/images/dd_logo.png) no-repeat center; animation:spin 4s infinite steps(360); -webkit-animation:spin 4s infinite steps(360); opacity:0.9; transition:all 0.3s ease; } .spin-dd_logo.spin_hidden { opacity:0; transition:all 0.3s ease; } .spin1 { position:relative; left:49%; top:49%; width:5em; height:5em; font-size:0.5em; overflow:hidden; text-indent:-1000em; opacity:0.8; animation: spin 1s infinite steps(8); -webkit-animation: spin 1s infinite steps(8); } .spin1:before, .spin1:after, .spin1 > div:before, .spin1 > div:after { content:''; position:absolute; left:2.25em; top:0; width:0.5em; height:1.5em; border-radius:0.5em; background-color:#333; box-shadow:0 3.5em 0 #EEE; transform-origin:50% 2.5em; } .spin1:after { transform: rotate(-45deg); background-color:#666; } .spin1 > div:before { transform: rotate(-90deg); background-color:#999; } .spin1 > div:after { transform: rotate(-135deg); background-color:#CCC; } .spin1.spin_hidden { display:none; } #iframe-video { position:absolute; left:0; top:0; } /* CONTENT ELEMENTS */ .content { padding:0; } .main { margin-top:0; } .acf-map { position:relative; left:-5%; width:110%; height:250px; margin-bottom:15px; } .breadcrumbs p { margin-bottom:20px; } /* Add styling to standard page */ body#default { overflow:inherit; margin-top:0 !important; } body#default .navigation { position:fixed; width:100%; } body#default .navigation .navbar { box-shadow:0 0 15px rgba(0,0,0,0.2); } body#default .navigation .navbar-default { background-color:rgba(255,255,255,0.9); } body#default .container { padding-top:80px; } body#default #controls { display:none; } body#default .container.chinese { padding-top:50px; } body#default .news .container { padding-top:80px; } /*body.page-template-page-content { overflow:inherit; margin-top:0 !important; } body.page-template-page-content .container { padding-top:60px; } body.page-template-page-content #controls { display:none; } body.page-template-page-content .navbar-default { background-color:rgba(255,255,255,0.9); } body.page-template-page-content .navigation .navbar { box-shadow:0 0 15px rgba(0,0,0,0.2); } */ /*body.page-template-page-chinese { overflow:inherit; margin-top:0 !important; } body.page-template-page-chinese .container { padding-top:50px; } body.page-template-page-chinese .main { line-height:2; } body.page-template-page-chinese .navigation { position:fixed; width:100%; } body.page-template-page-chinese .navbar-default { background-color:rgba(255,255,255,0.9); } body.page-template-page-chinese .navigation .navbar { box-shadow:0 0 15px rgba(0,0,0,0.2); } */ /*body.blog, body.single-post { overflow:inherit; margin-top:0 !important; } body.blog .container, body.single-post .container { padding-top:80px; } body.blog .navigation, body.single-post .navigation { position:fixed; width:100%; } body.blog .navbar-default, body.single-post .navbar-default { background-color:rgba(255,255,255,0.9); } body.blog .navigation .navbar, body.single-post .navigation .navbar { box-shadow:0 0 15px rgba(0,0,0,0.2); } */ .single-post .container img { max-width:100%; height:auto; } /* CONTENT PAGE - CONTAINER */ .content_page { } .content_page .container { padding-bottom:0; } .content_page .row { position:relative; border-radius:0 0 10px 10px; } .content_page .row .side_panel { clear:both; padding-top:10px; padding-bottom:20px; font-size:1.6rem; } .content_page .row .side_panel .panel { margin-bottom:0; border:0; border-radius:0; background-color:transparent; box-shadow:0 0 0 transparent; } .content_page .row .side_panel .panel-heading { display:none; } .content_page .row .side_panel .panel-body { padding:0; } .content_page .row .side_panel .call_out { display:none; padding:20px; font-size:1.8rem; color:#FFF; background-color:#DC3823; } .content_page .row .side_panel p { margin:10px 0; } .content_page .row .side_panel .entry-summary p { display:none; } .content_page .side_panel .reiv { display:none; } .content_page_listing .content_page .row > div { padding-top:30px; } body.single .content_page .row > div { } body.single-property .content_page .row > div { padding-top:30px; } .content_page .contact_form ul li.gfield textarea { height:120px; } .content_page_listing .epl-property-single.view-expanded .entry-header .property-details { width:100% !important; } .epl-property-single.view-expanded .entry-header .property-pricing-details { width:100% !important; } .epl-property-single.view-expanded .entry-header .property-pricing-details > div { float:left; text-align:left; } .epl-tab-4-columns { column-count:2 !important; } /* Content Page */ #video_frame { display:none; position:fixed; top:0; z-index:20; } /* Gallery */ dl.gallery-item { float:left; width:50%; padding:8px; margin-bottom:0; } dl.gallery-item img { width:100%; height:auto; } /* CHINESE */ .chinese { } .chinese em { font-style:normal; } /* TESTIMONIALS */ .epl-testimonial-widget { } .testimonial-block { margin-bottom:20px; padding:20px; font-weight:600; border:5px solid #EEE; } .testimonial-block .test-author { font-size:2.4rem; color:#DC3823; text-align:right; } /* --- BUTTONS --- */ .btn { text-decoration:none; } .btn-xs { } .btn-sm { } .btn-default { } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active { } .btn-home { display:none; position:absolute; top:50%; left:10%; width:80%; font-family:'dd_regular',times; font-size:2rem; color:#FFF; background-color:#EC1F27; border:0; border-radius:0; text-transform:uppercase; z-index:5; } .btn-home:after { position:absolute; content:""; right:0; bottom:0; border:32px solid transparent; border-top-width:30px; border-bottom-width:0; border-right-color:rgba(40,40,40,0.8); } .btn-action { background:#FF3A1E; color:white; } .btn-action:hover, .btn-action:focus, .btn-action:active, .btn-action.active { background:#FFF; color:#FF3A1E; } .btn-chinese { display:inline-block; width:44px; height:44px; margin:6px; background:url(assets/images/btn-chinese.png) no-repeat center #EC1F27; background-size:cover; border-radius:100%; box-shadow:0 0 0px 6px rgba(0,0,0,0.4); transition:all 0.3s ease; } .btn-chinese:hover, .btn-chinese:focus { box-shadow:0 0 0px 6px rgba(255,255,255,0.8); transition:all 0.3s ease; } .btn-logo { position:relative; display:inline-block; width:95%; margin:0 5px 5px; padding:2px 26px 2px 45px; font-family:'dd_regular',times; font-size:1.6rem; color:#FFF; background:url(assets/images/dd-white.png) 10px center no-repeat rgba(0,0,0,0.7); border-radius:0; border:0; text-transform:uppercase; } .btn-logo:after { position:absolute; content:""; right:0; bottom:0; border:17px solid transparent; border-top-width:20px; border-bottom-width:0; border-right-color:#FFF; } .btn-logo:hover, .btn-logo:focus { color:#FF3A1E; text-decoration:none; background-image:url(assets/images/dd-red.png); } .btn-logo:hover:after, .btn-logo:focus:after { border-right-color:#FF3A1E; } .btn-picture { display:none; } .btn-mike { display:inline-block; width:100px; height:80px; padding:43px 8px 7px; font-family:'dd_regular',times; font-size:1rem; color:#FFF; background:url(assets/images/btn-mike.png) no-repeat center 7px rgba(0,0,0,0.5); border-radius:10px; white-space:initial; transition:background-color 0.3s ease; } .btn-mike:hover, .btn-mike:focus { color:#FF3A1E; background-position:center -111px; background-color:rgba(255,255,255,0.7); transition:background-color 0.3s ease; } #btn_speech { display:none; float:right; } .btn-contact { display:block; float:right; width:100px; height:80px; padding:43px 10px 7px; font-family:'dd_regular',times; font-size:1rem; color:#FFF; background:url(assets/images/dd-white.png) no-repeat center 15px rgba(0,0,0,0.5); border-radius:10px; white-space:initial; transition:background-color 0.3s ease; } .btn-contact:hover, .btn-contact:focus { color:#FF3A1E; background-image:url(assets/images/dd-red.png); background-color:rgba(255,255,255,0.7); transition:background-color 0.3s ease; } /* MODAL */ .modal-content { padding:10px; background-color:rgba(0,0,0,0.6); } .modal-body { padding:0; } .modal-body .close { position:relative; font-size:2.4rem; font-weight:300; color:#FF3A1E; text-shadow:none; opacity:1; z-index:1; } .modal-title { position:relative; margin:1rem 0; padding-left:64px; color:#FFF; font-family:'dd_regular',times; font-size:1.8rem; background-color:transparent; box-shadow:none; text-transform:uppercase; text-align:left; } .modal-title:before { position:absolute; content:""; left:10px; top:-5px; width:40px; height:30px; background:url(assets/images/logo-modal.png) no-repeat center; background-size:cover; } .modal-footer { min-height:230px; padding:1rem; background-color:#FFF; } .contact-top { padding-top:140px; } ul li.gfield { padding:5px !important; } ul li.gfield.col-md-3, ul li.gfield.col-md-4, ul li.gfield.col-md-5, ul li.gfield.col-md-6, ul li.gfield.col-md-7 { clear:none !important; padding-right:10px !important; } .gform_footer.top_label { padding:5px !important; } .modal-body .gform_wrapper { margin-top:0; } .modal-body .gform_wrapper ul li.gfield { margin-top:0; padding:0; } .modal-body .gform_wrapper .gform_heading { display:none; } .dd_form { } .dd_form .gform_heading .gform_description { font-size:1.4rem; color:#FFF; } .dd_form .gfield_label { display:none !important; } .dd_form .ginput_container { margin-top:0 !important; } .dd_form .gform_footer { margin-top:0 !important; padding-top:12px !important; } .dd_form li { padding:0 !important; } .dd_form .sbm-sm-6 { display:inline-block; width:100%; padding:0; } .dd_form li.sbm-sm-6:nth-of-type(2n-1) { padding:5px !important } .dd_form .gform_footer input.button { padding:5px 50px 5px 90px; color:#FF3A1E; font-family:'dd_regular',times; text-transform:uppercase; background:url(assets/images/logo-submit.png) no-repeat 15px center #FFF; border:0; } .contact_form_wrapper { margin:0 !important; } .contact_form_wrapper .gform_heading { display:none; } .contact_form .gfield_label { display:none !important; } .contact_form ul li.contact_select { border:1px solid #CCC; } .contact_form ul li.contact_select .ginput_container_select { padding-right:1px !important; } .contact_form ul li.contact_select select { border:0; } .contact_form ul li.gfield { margin:0 0 0.5rem !important; padding-right:0 !important; } .contact_form ul li.gfield textarea { border-color:#CCC; } .contact_form div.ginput_container { margin:0 !important; } .contact_form_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { padding:2px 4px; border:1px solid #CCC; } .modal-footer .contact_form { font-size:1.2rem; } .modal-footer .contact_form ul li.gfield textarea { height:70px; } .contact_form_wrapper .contact_form .gform_footer { margin:0; padding:0 !important; } .modal-footer .row { position:relative; } .modal-footer .row > div:last-of-type { color:#FFF; } .modal-footer .row > div:last-of-type > div { padding:5px; background-color:#333; text-align:center; } .modal-footer .row > div:last-of-type > div p { font-size:1.4rem; } .modal-footer .row > div:last-of-type > div p:first-of-type { margin-bottom:15px; font-size:1.8rem; font-family:'dd_regular',times; text-transform:uppercase; } .modal-footer .row > div:last-of-type > div a { font-size:1.6rem; color:#FFF; } .modal-footer .row > div:last-of-type > div a:hover { text-decoration:none; } .modal-footer .row > div:last-of-type > div a.btn-cta { display:block; padding:0; line-height:30px; font-family:'dd_regular',times; color:#FF3A1E; background-color:#FFF; text-transform:uppercase; text-align:center; text-decoration:none; } .modal-footer .row > div:last-of-type > div a.btn-cta i { position:relative; top:4px; font-size:2.4rem; } .modal-footer .gform_wrapper ul li.gfield { padding:0 !important; } .gform_confirmation_message { background-color:#FFF; padding:30px 15px; } .contact_form_wrapper .gform_footer input.button { position:relative; display:inline-block; width:100% !important; margin:0 5px 5px; padding:5px 26px 5px 45px; font-family:'dd_regular',times; font-size:1.6rem; color:#FFF; background:url(assets/images/dd-white.png) 50px center no-repeat rgba(0,0,0,0.8); border-radius:0; border:0; text-transform:uppercase; } .contact_form_wrapper .gform_footer input.button:after { position:absolute; content:""; right:0; bottom:0; border:17px solid transparent; border-top-width:20px; border-bottom-width:0; border-right-color:#FFF; } .contact_form_wrapper .gform_footer input.button:hover, .contact_form_wrapper .gform_footer input.button:focus { color:#FF3A1E; text-decoration:none; background-image:url(assets/images/dd-red.png); } .contact_form_wrapper .gform_footer input.button:hover:after, .contact_form_wrapper .gform_footer input.button:focus:after { border-right-color:#FF3A1E; } #contact_us .contact_form ul li.gfield:nth-child(4n-2) { margin-left:1% !important; } #contact_us .contact_form ul li.gfield:nth-child(4n-2), #contact_us .contact_form ul li.gfield:nth-child(4n-3) { float:left; clear:none; width:49.5%; } .profile_video-cover { position:relative; overflow:hidden; } .modal-cover { position:absolute; left:0; top:0; right:0; bottom:0; background-color:rgba(0,0,0,0); z-index:2; } .modal-dd_logo { display:none; position:absolute; left:calc(50% - 32px); top:calc(50% - 32px); width:64px; height:64px; background:url(assets/images/dd_logo.png) no-repeat center; animation:spin 4s infinite steps(360); -webkit-animation:spin 4s infinite steps(360); opacity:0.8; } .modal-dd_play { position:absolute; content:""; left:calc(50% - 8px); top:calc(50% - 16px); border:15px solid transparent; border-left:25px solid #FFF; } .modal-cover-image { position:absolute; left:0; top:0; right:0; bottom:0; background-size:cover; z-index:1; opacity:1; transition:all 0.8s ease; } #diana_dugan .modal-cover-image { background-image:url('assets/images/popup-diana.jpg') } #leigh_dugan .modal-cover-image { background-image:url('assets/images/popup-leigh.jpg') } #sally_parsons .modal-cover-image { background-image:url('assets/images/popup-sally.jpg') } #barbara_qi .modal-cover-image { background-image:url('assets/images/popup-barbara.jpg') } #company_film .modal-cover-image { background-image:url('assets/images/popup-interview.jpg') } #diana_interview .modal-cover-image { background-image:url('assets/images/popup-interview.jpg') } #appraisal .modal-cover-image { background-image:url('assets/images/thumbnail.jpg') } .icon_facebook { display:inline-block; margin-right:5px; background-image:url('assets/images/icon-facebook.png'); width:32px; height:32px; background-position:left top; } .icon_facebook:hover, .icon_facebook:focus { background-position:left:bottom; } .icon_instagram { display:inline-block; margin-right:5px; background-image:url('assets/images/icon-instagram.png'); width:32px; height:32px; background-position:left top; } .icon_instagram:hover, .icon_instagram:focus { background-position:left:bottom; } .icon_linkedin { display:inline-block; margin-right:5px; background-image:url('assets/images/icon-linkedin.png'); width:32px; height:32px; background-position:left top; } .icon_linkedin:hover, .icon_linkedin:focus { background-position:left:bottom; } /* #appraisal .modal-dd_logo { top:calc(68% - 32px); opacity:1; } #appraisal .modal-dd_play { top:calc(65% - 16px); border-left-color:#FF3A1E; } */ /* PROPERTY LIST */ .property_list { margin-bottom:20px; } .property_list .epl-property-blog, .property_list .epl-property-blog.hentry { float:left; clear:none !important; max-width:100%; } .property_list .epl-property-blog .epl-property-blog-entry-wrapper { margin:4px 4px 15px; } .property_list .epl-property-blog .property-box-left { float:right; padding-right:0; } .property_list .epl-property-blog .property-box-right { min-height:151px; } .property_list .epl-property-blog .property-box img { width:100%; } .property_list .epl-property-blog h3.entry-title { line-height:1.3; font-size:1.8em; font-family:'dd_regular',times; } .property_list .epl-property-blog h3.entry-title a { color:#333; text-decoration:none; } .property_list .epl-property-blog h3.entry-title a:hover { text-decoration:underline; } .property_list .epl-property-blog .property-address a { font-size:1.8rem; color:#333; text-decoration:none; } .property_list .epl-property-blog .property-address a:hover { text-decoration:underline; } .property_list .epl-excerpt-content { display:none; } .single-property .epl-property-single h1.entry-title { line-height:1; font-size:2.4em; font-family:'dd_regular',times; } .single-property .epl-property-single h5 { font-weight:700; } .entry-header { position:relative; margin-bottom:20px; } .epl-property-single.view-expanded .entry-header .property-pricing-details { position:absolute; right:0; bottom:0; } .epl-advanced-map-single { margin-top:30px; } .epl_tabbed_map_control { padding:0; } /* Footer */ .footer { font-size:12px; color:#FFF; background-color:#6FAAC9; } .footer .container { padding:20px 0px; } .footer .container a { color:#FFF; } /* Mobile Overwrite */ .mobile { background-image:none; background:url(assets/images/thumbnail.jpg) center top no-repeat; background-size:cover; background-attachment:fixed; } .mobile.hidenav .navbar-toggle { display:none; top:-100px; } .mobile.hidenav .navbar-brand { float:none; top:2px; margin:0 auto; width:70%; } .mobile .cover { display:none; } .mobile .btn-home { display:block; } .epl-author-contact .mobile { background-image:none; } /* X SMALL - ONLY (Small Phone) < 576px */ @media (max-width: 576px) { #contact_us .contact_form ul li.gfield:nth-child(4n-2) { margin-left:0 !important; } #contact_us .contact_form ul li.gfield:nth-child(4n-2), #contact_us .contact_form ul li.gfield:nth-child(4n-3) { float:none; clear:both; width:100%; } } /* X SMALL - ONLY (Phone) < 768px */ @media (max-width:767px) { body { margin-top:0; } /* --- HEADER --- */ .logo img { margin:0 auto; } .slide .carousel-caption { max-width:none !important; } /* --- CONTENT --- */ .news { padding-bottom:0; } .news .contentwrap .row > div:last-of-type { padding-top:1px; padding-bottom:10px; background-color:#F1F1F1; } .entry-col { position:relative !important; } /* --- FOOTER --- */ .footer { text-align:center; } } /* TABLET >> > 769px */ @media (min-width:768px) { .container { margin-bottom:40px; padding-top:90px !important; border-radius:0 0 10px 10px; box-shadow:0 0 30px rgba(0,0,0,0.1); } /* Header */ .header { /* Permalink - use to edit and share this gradient:http://colorzilla.com/gradient-editor/#333333+0,333333+100&0.65+0,0+100 */ background-color:rgba(50,50,50,0); transition:all 0.5s ease; background:-moz-linear-gradient(top, rgba(51,51,51,1) 0%, rgba(51,51,51,0) 100%); background:-webkit-linear-gradient(top, rgba(51,51,51,1) 0%,rgba(51,51,51,0) 100%); background:linear-gradient(to bottom, rgba(51,51,51,1) 0%,rgba(51,51,51,0) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#aFF33333', endColorstr='#00333333',GradientType=0 ); } .header.drop-shadow { position:fixed; display:none; top:146px; width:100%; z-index:1030; background-color:transparent; transition:all 0.4s ease; } /* Quick Contact */ .quickcontact { margin:15px 0 0; padding:0; list-style-type:none; font-size:1.6rem; text-align:right; transition:all 0.2s ease; } .quickcontact a { margin-left:1rem; color:#6FAAC9; text-decoration:none; font-style:italic; } .quickcontact a:hover, .quickcontact a:focus { color:#6FAAC9; text-decoration:underline; } /* Navigation */ .navigation { text-align:right; } .navigationwrap { margin-top:20px; text-align:right; transition:all 0.5s ease; } .primary-nav { } .primary-nav .navbar { display:inline-block; margin-bottom:0px; min-height:40px; border-radius:0; z-index:70; transition:all 0.3s ease; } .primary-nav .navbar a { text-decoration:none; transition:all 0.5s ease; } .primary-nav .navbar-nav { display:inline-block; float:none; } .primary-nav .btn { margin:4px 0 0 10px; vertical-align:top; border-radius:10px; } .primary-nav .navbar-nav>li { } .primary-nav .navbar-nav>li a { padding:10px; color:#FFF; font-size:1.6rem; font-weight:700; text-shadow:1px 1px 5px rgba(34, 34, 34, 0.9); -webkit-text-shadow:1px 1px 5px rgba(34, 34, 34, 0.5); -moz-text-shadow:1px 1px 5px rgba(34, 34, 34, 0.5); } .primary-nav .navbar-nav>li a:hover, .primary-nav .navbar-nav>li a:focus { color:#FFF; background:rgba(164,164,164,0.7); } .primary-nav .navbar-nav .sub-menu li a { text-shadow:none; -webkit-text-shadow:none; -moz-text-shadow:none; text-align:left; } .primary-nav .navbar-nav>li.current-menu-item a { color:#6FAAC9; } .primary-nav .navbar-fixed-top { z-index:1031; } /* Logos */ .navbar-brand>img.logo-horisontal { opacity:0; } .navbar-brand>img.logo-vertical { opacity:1; } .alt-header .navbar-brand>img.logo-horisontal { opacity:1; transition:all 0.3s ease; } .alt-header .navbar-brand>img.logo-vertical { opacity:0; transition:all 0.3s ease; } .navigation.alt-header .navbar { padding:5px; transition:all 0.3s ease; } /* First Level */ .navbar-nav>li { } .navbar-nav>li>a { padding:10px; } .navbar-nav>li>a:hover { background:#666666; color:#fff; } /* Second Level */ .navbar-nav ul.sub-menu { display:none; position:absolute; top:100%; left:0; padding:0; margin:0; list-style:none; box-shadow:0px 2px 3px rgba(0,0,0,0.4); } .navbar-nav ul.sub-menu li { position:relative; float:left; width:250px; background:#eee; border-top:1px solid #fff; } .navbar-nav ul.sub-menu li a { display:block; padding:5px 10px; background:transparent; color:#666; } .navbar-nav ul.sub-menu li a:hover { background:#666; color:#FFF; } .navbar-nav li:hover > ul.sub-menu { display:block; } /* --- HEADER --- */ .quickcontact { text-align:right; } .banner .contentwrap { position:absolute; } .gform-home { position:relative; z-index:1030; } .gform-home > div { position:absolute; } .gform-home .gform_container { padding-top:128px; } /* --- CONTENT --- */ .hud_overlay { } .hud_overlay div { width:2000px; height:2000px; } .hud_overlay div.hud_top { background-image:url(assets/images/hud_top_large.png); } .hud_overlay div.hud_bottom { background-image:url(assets/images/hud_bottom_large.png); } .content { } .content_page .row > div { padding-top:30px; } .page-template-page-locations .row > div:first-of-type { padding-top:30px; } .main { } .acf-map { left:0; width:100%; height:300px; margin-left:0; } .acf-map.map-extend-height { height:600px; } .content_page_listing .epl-property-single.view-expanded .entry-header .property-details { width:55% !important; } .epl-property-single.view-expanded .entry-header .property-pricing-details { width:45% !important; } .epl-property-single.view-expanded .entry-header .property-pricing-details > div { float:right; text-decoration-style:right; } .single-property .epl-property-single h1.entry-title { margin-bottom:0; } .epl-property-single.view-expanded .property-pricing-details .property-feature-icons { margin-bottom:0; } .epl-tab-4-columns { column-count:4 !important; } .dd_form .sbm-sm-6 { width:50%; padding:5px !important } .dd_form li.sbm-sm-6:nth-of-type(2n-1) { padding-right:10px !important; } /* MODAL */ .modal-title { font-size:2.8rem; } .modal-title:before { left:0; top:-5px; width:52px; height:42px; } .modal-footer .row { position:relative; } .modal-dialog .gform_confirmation_wrapper { background-color:#FFF; } .modal-dialog .gform_confirmation_message { padding:50px 20px !important; font-size:2.6rem !important; text-align:center !important; } .modal-footer .row > div:last-of-type { position:absolute; left:50%; top:0; right:0; bottom:0; min-height:210px; padding-left:0; color:#FFF; } .modal-footer .row > div:last-of-type > div { position:absolute; left:0; right:15px; top:0; bottom:0; padding:5px; background-color:#333; text-align:center; } .modal-footer .row > div:last-of-type > div p { font-size:1.4rem; } .modal-footer .row > div:last-of-type > div p:first-of-type { margin-bottom:15px; font-size:1.8rem; font-family:'dd_regular',times; text-transform:uppercase; } .modal-footer .row > div:last-of-type > div a { font-size:1.6rem; color:#FFF; } .modal-footer .row > div:last-of-type > div a:hover { text-decoration:none; } .modal-footer .row > div:last-of-type > div a.btn-cta { position:absolute; left:10px; right:10px; bottom:10px; display:block; padding:0; line-height:30px; font-family:'dd_regular',times; color:#FF3A1E; background-color:#FFF; text-transform:uppercase; text-align:center; text-decoration:none; } .modal-footer .row > div:last-of-type > div a.btn-cta i { position:relative; top:4px; font-size:2.4rem; } /* Gallery */ dl.gallery-item { float:left; width:25%; } /* --- FOOTER --- */ .site-credits { text-align:right; } } /* ALL DESKTOP > 993px */ @media (min-width:769px) { body { position:initial; } } @media (min-width:768px) { header { background-color:transparent; } .navigation .navbar { margin-bottom:20px; padding:30px; } .navigation .navbar-toggle { margin:0; } .btn-home { left:40%; width:20%; } } @media (min-width:993px) { #controls { position:absolute; left:20px; right:20px; bottom:20px; padding:10px 20px; background:rgba(0,0,0,0.2); text-align:center; border-radius:5px; z-index:5; } .btn-chinese { margin:10px 8px 8px; width:58px; height:58px; box-shadow:0 0 0px 8px rgba(0,0,0,0.4); } .btn-chinese:hover, .btn-chinese:focus { box-shadow:0 0 0px 8px rgba(255,255,255,0.8); } .btn-logo { top:20px; min-width:200px; width:auto; margin:0 5px; padding:6px 26px 6px 45px; font-size:1.8rem; } .btn-logo:after { border-width:30px 20px 0; } .btn-picture { position:relative; display:inline-block; width:80px; height:80px; background-position:10px 5px; background-repeat:no-repeat; background-color:rgba(0,0,0,0.3); margin:0 5px; } .btn-picture span { position:absolute; bottom:0; left:0; width:100%; text-align:center; color:#FFF; font-size:10px; font-family:'dd_regular',times; } .btn-picture:hover, .btn-picture:focus { background-color:rgba(255,255,255,0.4); } .btn-picture:hover span, .btn-picture:focus span { color:#333; } .btn-non-picture { display:none; } /* CONTENT PAGE - CONTAINER */ .content_page { } .content_page .container { padding-bottom:0; } .content_page .row { background:url(assets/images/content-bg-970.png) left top; } .content_page .row > div:first-of-type { min-height:990px; } .content_page .row > div { padding-top:40px; } .content_page .row .side_panel { clear:none !important; padding-top:84px; } .content_page .row .side_panel:before { position:absolute; top:0; right:0; bottom:0; border-radius:0 0 10px 0; } .content_page .row .side_panel .panel { border:0; border-radius:0; background-color:transparent; } .content_page .row .side_panel .call_out { display:block; } .content_page .row .side_panel .entry-summary p { display:block; } .content_page .row .side_panel .reiv { display:block; margin-top:20px; padding-top:140px; background:url(assets/images/logo-reiv.png) center top no-repeat; background-size:55%; } .content_page .contact_form ul li.gfield { padding:0 !important; } .page-template-page-locations .row > div:first-of-type { padding-top:40px; } /* Listing page specific */ .content_page_listing { } .content_page_listing .side_panel { padding-top:141px !important; } /* SIDEBAR */ .epl-testimonial-widget { margin-bottom:10px; padding:1px 10px 10px; background-color:#FFF; } .testimonial-name { font-weight:600; text-align:right; } } /* LARGE DESKTOP > 1200px */ @media (min-width:1200px) { .content_page .row { background:url(assets/images/content-bg-1170.png) left top; } .content_page .row > div:first-of-type { min-height:920px; } .epl-property-single.view-expanded .entry-header .property-details { width:70% !important; } .epl-property-single.view-expanded .entry-header .property-pricing-details { width:30% !important; } }