/* Theme Name: Quintessential Equities Theme URI: http://fivecreative.com.au Author: FIVE Author URI: http://fivecreative.com.au Template: five Description: Quintessential Custom Template - Child theme of FIVE Framework Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: five */ /** * General Styles */ html, body { overflow-x: hidden; } body { font-weight: 500; font-size: 19px; line-height: 1.42em; font-family: 'Flama', Helvetica, Arial, sans-serif; color: black; } p, ul, ol { margin: 0 0 1.26em; } a { text-decoration: none; color: #ff8200; } a:hover, a:active, a:focus, a:hover:focus { color: black; text-decoration: none; } h1, h2, h3, h4, h5, h6 { font-weight: 500; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 1.26em; line-height: 1; } h1, h2, h3 { margin-bottom: .8em; } h1 { font-size: 40px; line-height: 1.05em; margin-bottom: 1em; font-weight: 300; } h3 { font-size: 30px; line-height: 1em; font-weight: 500; margin: 0 0 1em; color: #ff8200; letter-spacing: .4px; } h4 { font-size: 22px; line-height: 1.2em; font-weight: 600; margin: 0 0 1em; } h5 { font-size: 22px; line-height: 1.2em; font-weight: 600; margin: 0 0 1em; color: #ff8200; } blockquote { border: none; text-align: center; text-transform: uppercase; font-weight: normal; letter-spacing: 2px; font-size: 20px; padding: 0; margin: 1.5em 0; } .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /** * Shared Styles */ /* Fonts */ h1, h2, h3, h4, h5, h6, .five-pagination, .cnd, blockquote, label { font-family: 'Flama Condensed', Helvetica, Arial, sans-serif; text-transform: uppercase; } .not-cnd { font-family: 'Flama', Helvetica, Arial, sans-serif; } /* Colours */ .primary { color: #ff8200 } /* read more links */ .read-more { font-size: 15px; font-weight: 600; color: #555; display: inline-block; line-height: 13px; cursor: pointer; text-transform: uppercase; letter-spacing: 1px; } .read-more:hover { color: #ff8200; } .read-more > span { font-size: 15px; line-height: 1; border-bottom: 1px solid #555; display: inline-block; } .read-more:hover > span { border-bottom-color: #ff8200 } /* QE Fade on load images for bg size cover */ .qe-fade-on-load-bg { opacity: 0; background: transparent no-repeat center center; background-size: cover; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .qe-fade-on-load-bg img { opacity: 0; width: 1px; height: 1px; position: absolute; z-index: -1; } /* Print only */ .print-only { display: none !important; } /** * Form elements */ .form-control { } /** * Transitions */ .all-8-ms, #qe-header-links li a, .qe-fl-projects-slider ul.ul-float li a span, .qe-fl-projects-slider ul.ul-float li a h4, .qe-fl-projects-slider * > li.qe-fl-projects-item, .qe-fl-link-and-image a span, #qe-header-slides .qe-header-slide .qe-header-slide-content .qe-header-slide-link, .qe-fl-projects-arrow-prev svg, .qe-fl-projects-arrow-next svg, #qe-investing-with-us .container p a, #qe-investing-with-us .btn, #qe-footer .qe-footer-content .ul-float li a, #qe-page-submenu ul li a, #qe-page-submenu ul li a span { -webkit-transition: all .08s linear; -moz-transition: all .08s linear; -ms-transition: all .08s linear; -o-transition: all .08s linear; transition: all .08s linear; } .all-5-ms, #qe-page-submenu ul li a, #qe-page-submenu ul li a span, .five-pagination li a, .read-more > span, .read-more { -webkit-transition: all .05s linear; -moz-transition: all .05s linear; -ms-transition: all .05s linear; -o-transition: all .05s linear; transition: all .05s linear; } .qe-fade-on-load img, .qe-fade-on-load-bg { opacity: 0; -webkit-transition: opacity .5s linear; -moz-transition: opacity .5s linear; -ms-transition: opacity .5s linear; -o-transition: opacity .5s linear; transition: opacity .5s linear; } .qe-fade-on-load.loaded img, .qe-fade-on-load-bg.loaded { opacity: 1; } /** * Header */ #qe-header { padding: 20px 0; position: fixed; left: 0; top: 0; width: 100%; color: white; z-index: 88888; background: black; transition: all .3s cubic-bezier(0.770, 0.000, 0.175, 1.000); } body.admin-bar #qe-header { margin-top: 32px; } body.qe-quote-header #qe-header, body.home #qe-header { background: transparent; } body.header-bg #qe-header { background: rgba(0, 0, 0, .85); } body.header-bg.qe-quote-header #qe-header, body.header-bg.home #qe-header { background: rgba(0, 0, 0, 1); } body { padding-top: 121px; } body.home, body.qe-quote-header { padding-top: 0; } #qe-header .qe-logo { display: block; margin: 20px auto 0; width: 315px; -webkit-transition: all .2s cubic-bezier(0.770, 0.000, 0.175, 1.000); -moz-transition: all .2s cubic-bezier(0.770, 0.000, 0.175, 1.000); -ms-transition: all .2s cubic-bezier(0.770, 0.000, 0.175, 1.000); -o-transition: all .2s cubic-bezier(0.770, 0.000, 0.175, 1.000); transition: all .2s cubic-bezier(0.770, 0.000, 0.175, 1.000); } body.header-bg #qe-header { padding-top: 0px; } body.header-bg #qe-header .qe-logo { width: 200px; } #qe-header .qe-logo a { display: block; } #qe-header .qe-logo a img.qe-logo-type-black { display: none; } #qe-header .qe-logo a img.qe-logo-type-white { display: block; } #qe-menu-btn { float: left; padding: 20px 15px; margin: 0 0 0 -15px; color: white; width: 140px; letter-spacing: 4px; font-size: 20px; line-height: 23px; position: relative; -webkit-transition: all .25s linear .25s; -moz-transition: all .25s linear .25s; -ms-transition: all .25s linear .25s; -o-transition: all .25s linear .25s; transition: all .25s linear .25s; } body.qe-menu-open #qe-menu-btn { -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -ms-transition: all .25s linear; -o-transition: all .25s linear; transition: all .25s linear; } #qe-menu-btn svg { float: left; width: 38px; height: 23px; margin: 0 15px 0 0; fill: white; } #qe-menu-btn:hover { color: #ff8200 !important; } #qe-menu-btn:hover svg { fill: #ff8200 !important; } body.qe-menu-open #qe-menu-btn { visibility: hidden; opacity: 0; } #qe-header-links { float: right; list-style: none; padding: 0; margin: 0 -15px 0 0; } #qe-header-links li { float: left; position: relative; } #qe-header-links li a { display: block; font-weight: bold; color: white; letter-spacing: 1px; font-size: 14px; line-height: 1; padding: 20px 15px; position: relative; } #qe-header-links li a:hover { color: #ff8200 !important } #qe-header-links li.qe-header-link-search > a svg, #qe-header-links li.qe-header-link-investor > a svg { display: inline-block; fill: #ff8200 !important; } #qe-header-links li.qe-header-link-search > a svg { width: 13px; height: 13px; margin: -1px 0 -1px 6px; } #qe-header-links li.qe-header-link-investor > a svg { width: 9px; height: 15px; margin: -2px 0 -2px 6px; line-height: inherit; } #qe-header-links li.qe-header-link-investor.current > a svg { fill: #fff !important; transform: rotate(90deg); } #qe-header-links li.qe-header-link-investor.current > a { color: #ff8200 !important; } body.qe-quote-header #qe-header, body.qe-quote-header #qe-menu-btn, body.qe-quote-header #qe-header-links li a, body.home #qe-header, body.home #qe-menu-btn, body.home #qe-header-links li a { color: white; } body.qe-quote-header #qe-menu-btn svg, body.home #qe-menu-btn svg { fill: white; } /** * Main Menu */ #qe-main-menu-wrapper { position: fixed; left: 0; top: 0; width: 475px; height: 100%; background: rgba(0, 0, 0, .9); color: white; padding: 25px 45px 60px 60px; z-index: 99999; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .qe-main-menu-close { font-weight: 600; text-transform: uppercase; letter-spacing: 2px; display: inline-block; padding: 12px; margin: 0 0 35px -12px; cursor: pointer; } .qe-main-menu-close:hover { color: #ff8200 !important } #qe-main-menu { list-style: none; padding: 0; margin: 0; } #qe-main-menu > li { position: relative; } #qe-main-menu > li > a { display: block; color: white; font-size: 43px; text-transform: uppercase; letter-spacing: 3px; font-weight: 400; font-family: 'Flama Condensed', Helvetica, Arial, sans-serif; line-height: 1.25em; position: relative; padding-right: 40px; } #qe-main-menu > li > a svg { display: none; width: 34px; height: 34px; fill: white; position: absolute; right: 0; top: 50%; margin-top: -17px; } #qe-main-menu > li.menu-item-has-children > a svg.qe-main-menu-plus { display: block; } #qe-main-menu > li.menu-item-has-children.current-menu-ancestor > a svg.qe-main-menu-plus { display: none; } #qe-main-menu > li.menu-item-has-children.current-menu-ancestor > a svg.qe-main-menu-minus { display: block; } #qe-main-menu > li.menu-item-has-children:hover > a svg, #qe-main-menu > li.current-menu-item > a svg, #qe-main-menu > li.current-menu-ancestor > a svg, #qe-main-menu > li.open > a svg { fill: #ff8200 !important; } #qe-main-menu > li.force-close > a svg { fill: white !important; } #qe-main-menu > li.current-menu-item > a, #qe-main-menu > li.current-menu-ancestor > a, #qe-main-menu > li:hover > a, #qe-main-menu > li.open > a { color: #ff8200 !important; } #qe-main-menu > li.force-close > a { color: white !important; } #qe-main-menu > li.force-close:hover > a { color: #ff8200 !important; } #qe-main-menu ul { list-style: none; padding: 0; margin: 0 0 25px; font-family: 'Flama', Helvetica, Arial, sans-serif; display: none } #qe-main-menu > li.current-menu-ancestor ul, #qe-main-menu > li.open > ul { display: block; } #qe-main-menu ul li a { display: block; font-size: 20px; line-height: 1; padding: 4px 0; color: white; } #qe-main-menu ul li a span { display: inline-block; border-bottom: 1px solid white; } #qe-main-menu ul li:hover a { color: #ff8200 !important; } #qe-main-menu ul li:hover a span { border-bottom-color: #ff8200 !important; } #qe-main-menu ul svg { display: none !important; } body.qe-quote-header #qe-main-menu-wrapper, body.home #qe-main-menu-wrapper { background: rgba(255, 255, 255, .9); color: black; } body.qe-quote-header .qe-main-menu-close, body.home .qe-main-menu-close, body.qe-quote-header #qe-main-menu > li > a, body.qe-quote-header #qe-main-menu ul li a, body.home #qe-main-menu > li > a, body.home #qe-main-menu ul li a { color: black; } body.qe-quote-header #qe-main-menu > li > a svg, body.home #qe-main-menu > li > a svg { fill: black; } body.home #qe-main-menu ul li a span, body.qe-quote-header #qe-main-menu ul li a span { border-bottom-color: black; } body.home #qe-main-menu > li.force-close > a, body.qe-quote-header #qe-main-menu > li.force-close > a { color: black !important; } body.home #qe-main-menu > li.force-close > a svg, body.qe-quote-header #qe-main-menu > li.force-close > a svg { fill: black !important; } #qe-main-menu-wrapper { background: rgba(255, 255, 255, .9); color: black; } .qe-main-menu-close, #qe-main-menu > li > a, #qe-main-menu ul li a { color: black; } #qe-main-menu > li > a svg { fill: black; } #qe-main-menu ul li a span { border-bottom-color: black; } #qe-main-menu > li.force-close > a { color: black !important; } #qe-main-menu > li.force-close > a svg { fill: black !important; } /* cubic-bezier(0.165, 0.840, 0.440, 1.000) */ #qe-main-menu-wrapper { -webkit-transition: transform .4s cubic-bezier(0.770, 0.000, 0.175, 1.000); -moz-transition: transform .4s cubic-bezier(0.770, 0.000, 0.175, 1.000); -ms-transition: transform .4s cubic-bezier(0.770, 0.000, 0.175, 1.000); -o-transition: transform .4s cubic-bezier(0.770, 0.000, 0.175, 1.000); transition: transform .4s cubic-bezier(0.770, 0.000, 0.175, 1.000); } body.qe-menu-open #qe-main-menu-wrapper { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: transform .6s cubic-bezier(0.165, 0.840, 0.440, 1.000) .1s; -moz-transition: transform .6s cubic-bezier(0.165, 0.840, 0.440, 1.000) .1s; -ms-transition: transform .6s cubic-bezier(0.165, 0.840, 0.440, 1.000) .1s; -o-transition: transform .6s cubic-bezier(0.165, 0.840, 0.440, 1.000) .1s; transition: transform .6s cubic-bezier(0.165, 0.840, 0.440, 1.000) .1s; } #qe-main-menu > li.open > a svg.qe-main-menu-plus { display: none !important; } #qe-main-menu > li.open > a svg.qe-main-menu-minus { display: block !important; } #qe-main-menu > li.force-close > a svg.qe-main-menu-minus, #qe-main-menu > li.force-close > ul { display: none !important; } #qe-main-menu > li.force-close > a svg.qe-main-menu-plus { display: block !important; } /** * Homepage */ #qe-header-slider { position: relative; background: #3d3d3d; z-index: 9; overflow: hidden; } #qe-header-slider, #qe-header-slides, #qe-header-slides .qe-header-slide, #qe-header-slides .container, #qe-header-slides .row, #qe-header-slides .row > div, #qe-header-slides .qe-header-slide-content { height: 755px; } #qe-header-slides { position: relative; width: 100%; } #qe-header-slides .qe-header-slide { padding-top: 101px; position: relative; outline: none !important; } #qe-header-slides .qe-header-slide > * { opacity: 0; -webkit-transition: all .7s linear; -moz-transition: all .7s linear; -ms-transition: all .7s linear; -o-transition: all .7s linear; transition: all .7s linear; } #qe-header-slides .qe-header-slide.loaded > * { opacity: 1; } #qe-header-slides .slick-track, #qe-header-slides .slick-list, #qe-header-slide { height: 100%; } #qe-header-slides .qe-header-slide .qe-header-slide-image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } #qe-header-slides .qe-header-slide .qe-header-slide-image-bottom { background-position: bottom center; } #qe-header-slides .qe-header-slide .qe-header-slide-image-top { background-position: top center; } #qe-header-slides .qe-header-slide .container, #qe-header-slides .qe-header-slide .qe-header-slide-side { z-index: 2; } #qe-header-slides .qe-header-slide .container, #qe-header-slides .qe-header-slide .row, #qe-header-slides .qe-header-slide .col-lg-5, #qe-header-slides .qe-header-slide .qe-header-slide-content { position: relative; height: 100%; transition-delay: .3s; } #qe-header-slides .qe-header-slide .qe-header-slide-content { width: 100%; border: none; } #qe-header-slides .qe-header-slide .qe-header-slide-content td { vertical-align: middle; padding: 0 30px 0 0; } #qe-header-slides .qe-header-slide .text-h-align-bottom .qe-header-slide-content td { vertical-align: bottom; padding: 0 0 30px 0; } #qe-header-slides .qe-header-slide .text-h-align-top .qe-header-slide-content td { vertical-align: top; padding: 30px 0 0 0; } #qe-header-slides .qe-header-slide .qe-header-slide-content h2 { font-weight: 500; font-size: 36px; line-height: 1; letter-spacing: 2px; margin-bottom: 8px; } #qe-header-slides .qe-header-slide .qe-header-slide-content p { font-size: 20px; line-height: 1.2em; color: white; margin-bottom: 0; } #qe-header-slides .qe-header-slide .qe-header-slide-content .qe-header-slide-link { display: inline-block; font-size: 16px; text-decoration: underline; letter-spacing: 1px; text-transform: uppercase; padding: 10px; margin-left: -10px; color: white; } #qe-header-slides .qe-header-slide .text-right .qe-header-slide-content .qe-header-slide-link { margin-left: 0; margin-right: -10px; } #qe-header-slides .qe-header-slide .qe-header-slide-content .qe-header-slide-link:hover { color: #ff8200 } #qe-header-slides .qe-header-slide .qe-header-slide-side { position: absolute; right: 0; top: 0; width: 365px; height: 100%; transition-delay: .6s; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); transition: opacity 1s linear, transform .6s cubic-bezier(0.215, 0.610, 0.355, 1.000) .6s; } #qe-header-slides .qe-header-slide.loaded .qe-header-slide-side { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } #qe-header-slides .qe-header-slide .qe-header-slide-side td { vertical-align: middle; padding-top: 101px; } #qe-header-slides .qe-header-slide .qe-header-slide-side td ul, #qe-page-sidepanel .qe-page-sidepanel-wrapper ul { background: rgba(255, 133, 0, 0.85); margin: 0; list-style: none; padding: 15px 100px 35px 50px; } #qe-header-slides .qe-header-slide .qe-header-slide-side td ul li, #qe-page-sidepanel .qe-page-sidepanel-wrapper ul li { margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid white; } #qe-header-slides .qe-header-slide .qe-header-slide-side td ul li:last-child, #qe-page-sidepanel .qe-page-sidepanel-wrapper ul li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } #qe-header-slides .qe-header-slide .qe-header-slide-side td ul li h3, #qe-page-sidepanel .qe-page-sidepanel-wrapper ul li h3 { font-weight: 300; font-size: 120px; letter-spacing: normal; color: white; margin: 0; line-height: 90px; } #qe-header-slides .qe-header-slide .qe-header-slide-side td ul li h3 span, #qe-page-sidepanel .qe-page-sidepanel-wrapper ul li h3 span { font-size: 80px; } #qe-header-slides .qe-header-slide .qe-header-slide-side td ul li h5, #qe-page-sidepanel .qe-page-sidepanel-wrapper ul li h5 { font-weight: 600; letter-spacing: 1px; font-size: 16px; line-height: 19px; margin: 0; color: black; } #qe-header-slides .qe-header-slide .qe-header-slide-side td ul li h6, #qe-page-sidepanel .qe-page-sidepanel-wrapper ul li h6 { font-weight: 500; letter-spacing: .8px; font-size: 15px; line-height: 18px; margin: 0; color: white; } #qe-header-slides .qe-header-slide .qe-header-slide-content h2.typed { color: white; margin-bottom: 30px; font-weight: 500; font-size: 30px; letter-spacing: .4px; } #qe-header-slides .qe-header-slide .qe-header-slide-content h2.typed .prefix-cursor { display: inline-block; color: #ff8200; position: relative; margin: 0 6px 0 0; top: -2px; } #qe-header-slides .qe-header-slide .qe-header-slide-content h2 .typed-cursor { position: relative; display: inline-block; margin: 0 0 0 6px; top: -2px; color: #ff8200; } .slick-dots { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; font-size: 0; line-height: 0; z-index: 30; } .slick-dots li { display: inline-block; padding: 5px 5px 17px; cursor: pointer; } .slick-dots li button { border: 1px solid white; background: transparent; font-size: 0; text-indent: -9999px; line-height: 0; width: 8px; height: 8px; padding: 0; margin: 0; outline: none !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .slick-dots li.slick-active button { background: white; } /** * Pages */ #qe-page-content-container { position: relative; } .qe-page-content { max-width: 800px; } h1.qe-page-title { font-weight: 300; font-size: 40px; line-height: 1.05em; margin: 0 0 25px; color: black; letter-spacing: 2px; } #qe-page-boardroom-property h2.qe-page-title { font-weight: 300; font-size: 40px; line-height: 1.05em; margin: -10px 0 25px; color: #ff8200; letter-spacing: 2px; } .container-content ul { padding-left: 1em; list-style: none; } .container-content ul > li { position: relative; } .container-content ul > li:before { content: ''; width: 6px; height: 6px; top: 10px; left: -17px; background: #ff8200; position: absolute; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; } /** * Page Quote Header */ #qe-quote-header { position: relative; height: 450px; background: #3d3d3d; padding-top: 70px; } .home #qe-quote-header { height: 650px; } #qe-quote-header .row, #qe-quote-header .container, #qe-quote-header .col-lg-12, #qe-quote-header-content, #qe-quote-header-content tbody, #qe-quote-header-content tr, #qe-quote-header-content td { position: relative; height: 100%; } #qe-quote-header-content { width: 100%; } #qe-quote-header-content td { text-align: center; color: white; } #qe-quote-header-content td blockquote { font-size: 45px; margin: 0 0 35px; padding-bottom: 27px; line-height: 1.13em; font-weight: 400; letter-spacing: 3px; position: relative; text-shadow: 0 0 8px rgba(0, 0, 0, .22) } #qe-quote-header-content td blockquote:after, .qe-fl-quote blockquote:after { content: ''; width: 44px; height: 1px; background: #ff8200; position: absolute; bottom: 0; left: 50%; margin-left: -22px; } #qe-quote-header-content td h5 { margin: 0; font-size: 15px; line-height: 1.2em; font-weight: normal; letter-spacing: 1px; color: white; text-shadow: 0 0 2px rgba(0, 0, 0, .15); } .small #qe-quote-header-content td blockquote { font-size: 40px; margin-bottom: 30px; padding-bottom: 25px; } .smaller #qe-quote-header-content td blockquote { font-size: 38px; margin-bottom: 27px; padding-bottom: 22px; } .smallest #qe-quote-header-content td blockquote { font-size: 36px; margin-bottom: 25px; padding-bottom: 20px; } #qe-quote-header .qe-quote-header-arrow { position: absolute; width: 56px; height: 30px; bottom: 25px; left: 50%; margin-left: -28px; cursor: pointer; -webkit-transform: translate3d(0, -35px, 0); -moz-transform: translate3d(0, -35px, 0); -ms-transform: translate3d(0, -35px, 0); -o-transform: translate3d(0, -35px, 0); transform: translate3d(0, -35px, 0); } #qe-quote-header .qe-quote-header-arrow svg { width: 100%; height: 100%; fill: #ff8200 } #qe-quote-header blockquote, #qe-quote-header h5, #qe-quote-header .qe-quote-header-arrow { opacity: 0; -webkit-transition: transform .5s cubic-bezier(0.165, 0.840, 0.440, 1.000), opacity .5s linear; -moz-transition: transform .5s cubic-bezier(0.165, 0.840, 0.440, 1.000), opacity .5s linear; -ms-transition: transform .5s cubic-bezier(0.165, 0.840, 0.440, 1.000), opacity .5s linear; -o-transition: transform .5s cubic-bezier(0.165, 0.840, 0.440, 1.000), opacity .5s linear; transition: transform .5s cubic-bezier(0.165, 0.840, 0.440, 1.000), opacity .5s linear; } #qe-quote-header.loaded blockquote, #qe-quote-header.loaded h5, #qe-quote-header.loaded .qe-quote-header-arrow { opacity: 1; } #qe-quote-header blockquote { transition-delay: .2s; } #qe-quote-header h5 { transition-delay: .45s; } #qe-quote-header.loaded .qe-quote-header-arrow { transition-delay: .7s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /** * Page Intro */ #qe-page-intro { padding: 80px 0 40px; font-size: 22px; line-height: 1.25em; letter-spacing: 1px; } body.qe-quote-header #qe-page-intro { padding-top: 50px; } #qe-page-intro .qe-page-intro-content { max-width: 860px; } #qe-page-intro .qe-page-intro-content h1, #qe-page-intro .qe-page-intro-content h2 { font-size: 60px; letter-spacing: 4px; margin: 0 0 20px; line-height: 1; color: black; font-weight: normal; } #qe-page-intro .qe-page-intro-content h4 { font-size: 36px; line-height: 1.05em; letter-spacing: 2px; margin: 0 0 25px; color: #ff8200; font-weight: 500; } #qe-page-intro .qe-page-intro-content > *:last-child { margin-bottom: 0px; } /** * Page Submenu */ #qe-page-submenu { margin: 0 0 45px 0; } #qe-header + #qe-page-submenu { margin-top: 60px; } #qe-quote-header + #qe-page-submenu { margin-top: 45px; } #qe-header + #qe-page-content-container { padding-top: 60px; } #qe-page-submenu ul { list-style: none; padding: 0; margin: 0 0 0 0px; } #qe-page-submenu ul li { margin: 0; position: relative; padding: 0 0 0 30px; font-size: 20px; line-height: 20px; font-weight: 500; letter-spacing: 1px; } #qe-page-submenu ul li:before { display: none !important; } #qe-page-submenu ul li a { display: inline-block; padding: 5px 20px 5px 0; color: black; } #qe-page-submenu ul li a span { border-bottom: 1px solid black; display: inline-block; line-height: 20px; } #qe-page-submenu ul li a:hover, #qe-page-submenu ul li.current-menu-item a { color: #ff8200 } #qe-page-submenu ul li a:hover span, #qe-page-submenu ul li.current-menu-item a span { border-bottom-color: #ff8200; } #qe-page-submenu ul li .qe-page-menu-index { display: inline-block; float: left; width: 30px; text-align: left; padding: 5px 0; color: #ff8200; margin-left: -30px; } /** * Team Members */ #qe-page-team { position: relative; z-index: 50; } #qe-page-team .container-content { padding-right: 0px; } #qe-page-team .qe-page-team-members { margin: 35px -55px 0; } #qe-page-team .qe-page-team-members > li { width: 33.33%; padding: 0 45px; margin: 0 0 40px; border-right: 1px solid #d9d9d9; font-size: 16px; line-height: 1.2em; vertical-align: top; position: relative; } #qe-page-team .qe-page-team-members > li:nth-child(3n+3) { border-right: none; } #qe-page-team .qe-page-team-members > li:before { display: none; } #qe-page-team .qe-page-team-member-image { width: 182px; height: 182px; margin: 0 0 20px; overflow: hidden; -webkit-border-radius: 182px; -moz-border-radius: 182px; -ms-border-radius: 182px; -o-border-radius: 182px; border-radius: 182px; } #qe-page-team h5 { margin: 0; font-size: 18px; line-height: 1.2em; color: #ff8200; } #qe-page-team h5 span { color: black; } .qe-page-team-member-links li:before { display: none; } .qe-page-team-member-links li { flex: 0 1 auto; } .qe-page-team-member-links { padding: 0 !important; margin: -4px -5px 0; display: flex; align-items: flex-start; } .qe-page-team-member-links li a { display: block; padding: 3px 5px; font-family: 'Flama Condensed', Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: .75px; font-size: 14px; text-decoration: underline; color: #757575; } #qe-page-team .qe-page-team-member-content-full, #qe-page-team .qe-page-team-member-content-excerpt { font-size: 16px; line-height: 1.2em; padding-top: 8px; position: relative; } #qe-page-team .qe-page-team-member-content-full:after { content: ''; display: block; height: 1px; width: auto; background: #ff8200; margin: 40px 0 50px; } #qe-page-team .qe-page-team-member-content-full > *:last-child, #qe-page-team .qe-page-team-member-content-excerpt > *:last-child { margin-bottom: 0; } #qe-page-team .qe-page-team-member-content-full { padding: 0; left: 0; top: 8px; padding: 10px; margin: -10px -10px 0; visibility: hidden; opacity: 0; position: absolute; background: white; -webkit-transition: opacity .3s linear, visibility .3s linear; -moz-transition: opacity .3s linear, visibility .3s linear; -ms-transition: opacity .3s linear, visibility .3s linear; -o-transition: opacity .3s linear, visibility .3s linear; transition: opacity .3s linear, visibility .3s linear; } #qe-page-team .qe-page-team-member-content-excerpt { overflow: hidden; } #qe-page-team .qe-page-team-member-content-expand { display: block; margin-top: 7px; } #qe-page-team .qe-page-team-member-content-full-close { position: absolute; width: 24px; height: 24px; top: 5px; left: -24px; cursor: pointer; padding: 6px; z-index: 60; } #qe-page-team .qe-page-team-member-content-full-close svg { fill: black; } #qe-page-team .qe-page-team-member-content-full-close:hover svg { fill: #ff8200; } #qe-page-team li.open { z-index: 50; } #qe-page-team li.closing .qe-page-team-member-content-excerpt, #qe-page-team li.open .qe-page-team-member-content-excerpt { overflow: visible; } #qe-page-team li.open .qe-page-team-member-content-full { visibility: visible; opacity: 1; } /** * Narrow Template */ body.page-template-page-template-narrow #qe-page-intro .container-content, body.page-template-page-template-narrow #qe-page-content-container .container-content { padding-right: 340px; } /** * Contact Page */ #qe-contact-map-wrapper { position: relative; width: 100%; height: 580px; border-top: 1px solid #9c9b9b; margin-top: 40px; } body.page-template-page-template-contact-us #qe-page-intro .container-content, body.page-template-page-template-contact-us #qe-page-content-container .container-content { padding-right: 340px; } body.page-template-page-template-contact-us .qe-page-content { font-size: 22px; line-height: 1.3em; letter-spacing: normal; } body.page-template-page-template-contact-us .qe-page-content > p:first-child { margin-bottom: 15px; } body.page-template-page-template-contact-us .qe-page-content > p > strong { font-weight: 600; display: inline-block; margin-right: 15px; } body.page-template-page-template-contact-us .qe-page-content > p > a { color: black; } body.page-template-page-template-contact-us .qe-page-content > p > a:hover { color: #ff8200; } body.page-template-page-template-contact-us .qe-page-content div.wpcf7 { margin-top: 60px; } #qe-page-contact-address-fields { position: relative; } #qe-page-contact-address-fields ul { list-style: none; position: relative; float:left; margin: 40px 0; padding-left: 0; width: 100%; } #qe-page-contact-address-fields ul li { padding-bottom: 11px; margin-bottom: 10px; position: relative; width: 33.3333%; float: left; } #qe-page-contact-address-fields ul li:before { display: none; } #qe-page-contact-address-fields ul li:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; } #qe-page-contact-address-fields ul li:last-child:after{ display: none; } #qe-page-contact-address-fields ul li h4 { font-size: 18px; font-weight: 400; line-height: normal; letter-spacing: .6px; margin: 0; } #qe-page-contact-address-fields ul li { padding: 0 15px; border-right: 1px solid #ff8200; display: inline-block; width: 33.33%; vertical-align: top; } #qe-page-contact-address-fields ul li:last-child { border-right: none; } .qe-map { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #f5f5f5; z-index: 100 } /** * Track record page */ #qe-page-sidepanel .qe-page-sidepanel-wrapper { position: absolute; left: 100%; top: -145px; width: 365px; margin-left: -280px; } #qe-page-sidepanel .qe-page-sidepanel-wrapper ul { position: relative; z-index: 2; background: transparent; } #qe-page-sidepanel .qe-page-sidepanel-wrapper:after { content: ''; position: absolute; left: 0; top: 0; width: 1500px; height: 100%; background: rgba(255, 133, 0, 0.85); z-index: 1; } #qe-page-sidepanel ul li:before { display: none; } /** * Why Invest With Us Page */ body.page-template-page-template-why-invest-with-us #qe-page-submenu, body.page-template-page-template-property-selection #qe-page-submenu { margin: 0; } body.page-template-page-template-why-invest-with-us #qe-page-submenu ul, body.page-template-page-template-property-selection #qe-page-submenu ul { position: absolute; left: 15px; top: 0; width: 235px; z-index: 2 } #qe-page-why-invest .qe-page-why-invest-wrapper { margin-left: 250px; padding: 50px 0 50px 50px; margin-bottom: 35px; position: relative; max-width: 620px; } #qe-page-why-invest .qe-page-why-invest-wrapper > * { position: relative; z-index: 2; } #qe-page-why-invest .qe-page-why-invest-wrapper:after { content: ''; position: absolute; width: 1800px; height: 100%; left: 0; top: 0; background: #faf8f8; z-index: 1; } #qe-page-why-invest .qe-page-why-invest-wrapper > h1 { margin: 0 0 4px; } #qe-page-why-invest .qe-page-why-invest-wrapper > h3 { margin: 0 0 20px; font-size: 24px; line-height: normal; letter-spacing: 1px; font-weight: 600; color: #ff8200; } #qe-page-why-invest .qe-page-why-invest-wrapper table { width: 100%; } #qe-page-why-invest .qe-page-why-invest-wrapper table td { border-bottom: 1px solid #ff8200; padding: 15px 0; vertical-align: bottom; } #qe-page-why-invest .qe-page-why-invest-wrapper table td.qe-page-why-invest-item-content { padding-bottom: 26px; padding-left: 30px; } #qe-page-why-invest .qe-page-why-invest-wrapper table tbody > tr:first-child td { padding-top: 0; } #qe-page-why-invest .qe-page-why-invest-wrapper table tbody > tr:last-child td { padding-bottom: 0; border-bottom: none; } #qe-page-why-invest .qe-page-why-invest-wrapper table tbody > tr:last-child td.qe-page-why-invest-item-content { padding-bottom: 11px; } #qe-page-why-invest .qe-page-why-invest-wrapper table td h3 { font-weight: 300; font-size: 120px; letter-spacing: normal; margin: 0; color: black; letter-spacing: -3px; line-height: 75px; } #qe-page-why-invest .qe-page-why-invest-wrapper table td h3 span { font-size: 60px; padding-left: 5px; } #qe-page-why-invest .qe-page-why-invest-wrapper table td h5 { font-size: 20px; line-height: normal; margin: 0; font-weight: 600; letter-spacing: normal; text-transform: none; color: black; } #qe-page-why-invest .qe-page-why-invest-wrapper table td h6 { font-size: 16px; line-height: normal; margin: 0; font-weight: normal; letter-spacing: normal; text-transform: none; } /** * Investor Profile Page */ .qe-fl-written-cols-2.qe-fl-investor-profile-row-1 .qe-col-1 { padding-right: 0; } .qe-fl-written-cols-2.qe-fl-investor-profile-row-1 .qe-col-2 { padding-left: 45px; } .qe-fl-written-cols-2.qe-fl-investor-profile-row-2 .qe-col-1 { padding-right: 90px; } .qe-fl-written-cols-2.qe-fl-investor-profile-row-2 .qe-col-2 { padding: 40px 0 0; } .qe-fl-written-cols-2.qe-fl-investor-profile-row-2 .col-written-content-image-wrapper { margin: 0px -15px 0 0; } /** * Property Selection Page */ body.page-template-page-template-property-selection .qe-page-content { max-width: none; padding-left: 300px; } body.page-template-page-template-property-selection .qe-page-content h1 { margin-top: 0; } body.page-template-page-template-property-selection .qe-fl-written-cols-2 .container-content { padding: 0 15px; } body.page-template-page-template-property-selection .col-written-content-image-wrapper { margin-bottom: 0 } /** * Properties */ #qe-page-properties ul.ul-float, .qe-page-properties-list { margin: 0 -10px; } #qe-page-properties ul.ul-float li, .qe-page-properties-list li { width: 33.33%; padding: 0 10px; font-size: 17px; line-height: 1.3em; vertical-align: top; font-weight: 400; margin: 0 0 70px; -webkit-transition: all .08s linear; -moz-transition: all .08s linear; -ms-transition: all .08s linear; -o-transition: all .08s linear; transition: all .08s linear; } #qe-page-properties ul.ul-float li:before, .qe-page-properties-list li:before { display: none; } #qe-page-properties ul.ul-float li .qe-page-properties-property, .qe-page-properties-list li .qe-page-properties-property { cursor: pointer; } #qe-page-properties ul.ul-float li .qe-page-properties-property-image, .qe-page-properties-list li .qe-page-properties-property-image { margin: 0 0 15px; position: relative; } #qe-page-properties ul.ul-float li .qe-page-properties-property-image.sold:after, .qe-project-popup-gallery.sold:after, .qe-page-properties-list li .qe-page-properties-property-image.sold:after { content: ''; width: 131px; height: 131px; position: absolute; left: 0; top: 0; background: transparent url(images/qe-property-sold.svg) no-repeat top left; background-size: 100% 100%; z-index: 9998; } #qe-page-properties ul.ul-float li h3, .qe-page-properties-list li h3 { color: #ff8200; font-size: 19px; line-height: normal; margin: 0 10px 5px 0; padding: 0 0 5px 2px; border-bottom: 1px solid #ff8200; letter-spacing: .6px; font-weight: 600; } #qe-page-properties ul.ul-float li h4, .qe-page-properties-list li h4 { color: black; font-size: 17px; line-height: normal; margin: 0 10px 4px 2px; padding: 0 0 6px 2px; border-bottom: 1px solid black; letter-spacing: normal; font-weight: 400; text-transform: none; } #qe-page-properties ul.ul-float li h4 strong, .qe-page-properties-list li h4 strong { float: left; font-weight: 600; letter-spacing: .6px; text-transform: uppercase; margin-right: 20px; line-height: 23px; } #qe-page-properties ul.ul-float li p, .qe-page-properties-list li p { margin: 0 0 5px; padding: 0 5px 0 2px; } #qe-page-properties ul.ul-float li .qe-page-properties-property:hover .read-more { color: #ff8200; } #qe-page-properties ul.ul-float li .qe-page-properties-property:hover .read-more span { border-bottom-color: #ff8200; } #qe-page-properties .qe-page-properties-list li .purchase h4 strong { width: 30%; margin-right: 0px; } #qe-page-properties .purchase span { width: 70%; margin-right: 0px; display: inline-block; } /** * Pagination */ .five-pagination { padding: 0; margin: 0 -5px 60px; font-size: 0; list-style: none; text-align: center; } .five-pagination li { display: inline-block; margin: 0 5px } .five-pagination li:before { display: none } .five-pagination li a { display: block; font-size: 17px; line-height: 18px; color: black; border: 1px solid #ff8200; padding: 10px 13px; font-weight: 600; } .five-pagination li a:hover { color: white; background: #ff8200; } .five-pagination li.active a { background: black; border-color: black; color: white; } /** * Properties popup */ #qe-property-popup { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, .43); z-index: 99999; visibility: hidden; opacity: 0; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } body.qe-property-open #qe-property-popup { opacity: 1; visibility: visible; } body.qe-property-open, html.qe-property-open { height: 100%; overflow: hidden } #qe-property-popup .container, #qe-property-popup .row, #qe-property-popup .col-lg-12, #qe-property-popup table, #qe-property-popup tbody, #qe-property-popup tr, #qe-property-popup td { position: relative; height: 100%; } #qe-property-popup td { vertical-align: middle; padding: 40px 0; } #qe-property-popup table { width: 100%; } #qe-property-popup .qe-property-popup-wrapper { background: white; padding: 80px 0 0; max-height: 100%; overflow: auto; position: relative; } #qe-property-popup .qe-property-popup-content { padding: 0 30px 30px; min-height: 150px; background: #faf8f8; overflow: hidden; position: relative; -webkit-transition: all .35s cubic-bezier(0.770, 0.000, 0.175, 1.000); -moz-transition: all .35s cubic-bezier(0.770, 0.000, 0.175, 1.000); -ms-transition: all .35s cubic-bezier(0.770, 0.000, 0.175, 1.000); -o-transition: all .35s cubic-bezier(0.770, 0.000, 0.175, 1.000); transition: all .35s cubic-bezier(0.770, 0.000, 0.175, 1.000); } .qe-property-popup-close { position: absolute; right: 0; top: 0; font-size: 16px; line-height: 20px; letter-spacing: .6px; cursor: pointer; padding: 30px; } .qe-property-popup-close svg { float: left; width: 20px; height: 20px; fill: black; margin: -1px 10px 0; } .qe-property-popup-close, .qe-property-popup-close svg { -webkit-transition: all .06s linear; -moz-transition: all .06s linear; -ms-transition: all .06s linear; -o-transition: all .06s linear; transition: all .06s linear; } .qe-property-popup-close:hover { color: #ff8200; } .qe-property-popup-close:hover svg { fill: #ff8200; } #qe-property-popup .qe-property-popup-content-single { position: absolute; opacity: 0; left: 0; top: 0; width: 100%; padding: 0 30px 30px; -webkit-transition: opacity .25s linear; -moz-transition: opacity .25s linear; -ms-transition: opacity .25s linear; -o-transition: opacity .25s linear; transition: opacity .25s linear; } #qe-property-popup .qe-property-popup-content-single hr { display: none; } #qe-property-popup .qe-property-popup-content-single .col-gallery { padding-right: 0; } #qe-property-popup .qe-property-popup-content-single .col-content { padding-left: 75px; } #qe-property-popup .qe-property-popup-content.opening, #qe-property-popup .qe-property-popup-content.loaded { background: white; } #qe-property-popup .qe-property-popup-content.loaded { overflow: auto; min-height: inherit; } #qe-property-popup .qe-property-popup-content.loaded .qe-property-popup-content-single { position: relative; opacity: 1; left: auto; top: auto; width: auto; padding: 0; } .qe-project-popup-content-text h2 { font-size: 40px; font-weight: 400; letter-spacing: .6px; color: #ff8200; margin: 0 0 25px; } .qe-project-popup-gallery { margin-right: -30px; padding-bottom: 30px; position: relative; } .qe-project-popup-gallery-wrapper { position: relative; width: 100%; height: 0; } .qe-project-popup-gallery-items { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .qe-project-popup-gallery-items .slick-list, .qe-project-popup-gallery-items .slick-track { height: 100%; } .qe-project-popup-gallery-item.slick-slide { outline: none !important; } .qe-project-popup-gallery-item { position: relative; width: 100%; height: 100%; background: #faf8f8; } .qe-project-popup-gallery-item-image { position: absolute; width: 100%; left: 0; top: 50%; opacity: 0; -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -ms-transform: translate3d(0, -50%, 0); -o-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); -webkit-transition: opacity .2s linear; -moz-transition: opacity .2s linear; -ms-transition: opacity .2s linear; -o-transition: opacity .2s linear; transition: opacity .2s linear; } .qe-project-popup-gallery-item-image img { width: 100%; height: auto; } .qe-project-popup-gallery-items.slick-slider .qe-project-popup-gallery-item-image, .qe-project-popup-gallery-items.single .qe-project-popup-gallery-item-image { opacity: 1; } .qe-project-popup-gallery .slick-dots { padding: 0; } .qe-project-popup-gallery .slick-dots li { padding: 15px 5px 5px } .qe-project-popup-gallery .slick-dots li button { background: black; border: 1px solid black; } .qe-project-popup-gallery .slick-dots li:hover button { background: #ff8200; border: 1px solid #ff8200; } .qe-project-popup-gallery .slick-dots li.slick-active button { background: transparent; border: 1px solid black; } .qe-project-popup-gallery-prev, .qe-project-popup-gallery-next { position: absolute; width: 50px; height: 79px; top: 50%; background: rgba(255, 255, 255, 0.80); padding: 18px 13px 10px; margin: -39px 0 0; z-index: 10; cursor: pointer; -webkit-transition: background .2s linear; -moz-transition: background .2s linear; -ms-transition: background .2s linear; -o-transition: background .2s linear; transition: background .2s linear; } .qe-project-popup-gallery-next { right: 0; padding-left: 17px; padding-right: 9px; } .qe-project-popup-gallery-prev { left: 0; padding-right: 17px; padding-left: 9px; } .qe-project-popup-gallery-prev svg, .qe-project-popup-gallery-next svg { fill: #ff8200; -webkit-transition: fill .2s linear; -moz-transition: fill .2s linear; -ms-transition: fill .2s linear; -o-transition: fill .2s linear; transition: fill .2s linear; } .qe-project-popup-gallery-prev:hover, .qe-project-popup-gallery-next:hover { background: #ff8200; } .qe-project-popup-gallery-prev:hover svg, .qe-project-popup-gallery-next:hover svg { fill: #ffffff; } .qe-project-popup-bottom-left-content { margin-top: 30px; text-align: center; } .qe-project-popup-bottom-left-content .trust-signal { max-height: 100px; margin: 8px; } .qe-property-popup-videos { margin-right: -30px; position: relative; background: #ff8200; } .qe-property-popup-video { position: relative; margin: 0 0 35px; width: 100%; height: 0; padding-bottom: 56.25%; } .qe-property-popup-video iframe { width: 100% !important; height: 100% !important; position: absolute !important; left: 0 !important; top: 0 !important; } /** * Boardroom */ body.page-template-page-template-boardroom .qe-fl-written-cols-2 .container-content { padding-right: 0; } #qe-boardroom-image-banner { height: 350px; position: relative; margin: 0 0 45px 0; background: #f0f0f0; } #qe-page-boardroom-title { margin: 0 0 30px; } #qe-page-boardroom-title .qe-page-title { font-size: 59px; font-weight: 500; letter-spacing: 2px; color: black; margin: 0; } #qe-page-boardroom-title .qe-page-title small { display: block; color: #ff8200; } .qe-page-boardroom-form-container { font-size: 22px; line-height: normal; margin-bottom: 70px; } .qe-page-boardroom-form-container .container-content { padding-right: 340px; } .qe-page-boardroom-form { margin: 50px 0 70px; } #qe-boardroom-page-content .container.container-content, #qe-page-boardroom-property .container.container-content { padding-right: 185px; } .qe-boardroom-table { width: 100%; margin: 45px 0; border-bottom: 2px solid black; } .qe-boardroom-table thead th { border-top: 2px solid black; border-right: 1px solid #ff8200; vertical-align: top; font-size: 22px; line-height: normal; font-weight: 600; letter-spacing: 1px; padding: 18px 30px 18px 30px; } .qe-boardroom-table thead tr > th:first-child { padding-left: 12px; } .qe-boardroom-table thead tr > th:last-child { border-right: none; padding-right: 12px; } .qe-boardroom-table tbody td { vertical-align: middle; border-top: 1px solid black; padding: 18px 30px 18px 30px; font-size: 20px; line-height: 1.2em; border-right: 1px solid #ff8200; } .qe-boardroom-table tbody tr > td:first-child { padding-left: 12px; } .qe-boardroom-table tbody tr > td:last-child { border-right: none; padding-right: 12px; } .qe-boardroom-table tbody tr:nth-child(even) { background: #e3e3e3; } #qe-page-boardroom-properties { margin: 70px 0; } #qe-page-boardroom-properties .container-content { padding-right: 0px; } #qe-page-boardroom-properties .qe-page-properties-list li a h3 { color: black; border-bottom: none; padding-top: 0; margin-bottom: 0; } #qe-page-boardroom-properties .qe-page-properties-list li .qe-page-properties-property-image { margin-bottom: 10px; } #qe-page-boardroom-properties .qe-page-properties-list li .qe-page-properties-property-image.sold:after { background-image: url(images/qe-boardroom-property-sold.svg); } #qe-page-boardroom-properties .qe-page-properties-list li .qe-page-properties-property-image.sold.new:after { background-image: url(images/qe-property-new.svg); } #qe-page-boardroom-properties .qe-page-properties-list li a:hover h3, #qe-page-boardroom-properties .qe-page-properties-list li a:hover .read-more { color: #ff8200; } #qe-page-boardroom-properties .qe-page-properties-list li a:hover .read-more span { border-bottom-color: #ff8200; } #qe-page-boardroom-change-password-form .form-group label { top: 0px; } #qe-form-pass2 { margin-bottom: 15px; } #qe-boardroom-page-content .qe-notices { margin: 0 0 45px; } #qe-page-boardroom-property { margin-top: -32px; } #qe-distribution-table.qe-boardroom-table { margin-top: 0px; border-bottom: none; margin-bottom: 0; border-top: none; } #qe-distribution-table.qe-boardroom-table thead th { padding: 15px 20px; border-top: none; } #qe-distribution-table.qe-boardroom-table tbody td { padding-top: 12px; padding-bottom: 12px; padding-right: 10px; padding-left: 20px; font-size: 18px; } #qe-distribution-table.qe-boardroom-table tbody tr > td:first-child, #qe-distribution-table.qe-boardroom-table thead tr > th:first-child { padding-left: 12px; } #qe-distribution-table.qe-boardroom-table tfoot th { border-top: 2px solid #000; border-right: 1px solid #000; padding: 15px 10px 15px 20px; background: #ff8200; color: #fff; } #qe-distribution-table-wrapper { position: relative; max-height: 522px; overflow: auto; overflow-y: scroll; -webkit-overflow-scrolling: touch; margin-bottom: 0; border-top: 2px solid black; } #qe-distribution-table.qe-boardroom-table tfoot th { border-top: 2px solid #000; border-right: 1px solid #000; padding: 15px 10px 15px 20px; background: #ff8200; color: #fff; } #qe-distribution-table.qe-boardroom-table tfoot th:last-child { border-right: none; } #qe-distribution-table.qe-boardroom-table tfoot th:first-child { padding-left: 12px; } .form-distribution-table-filter { border-top: 2px solid black; padding: 15px 2px 0; margin: -1px 0 0; } .form-distribution-table-filter h5 { float: left; width: 164px; color: #000; margin: 13px 10px 0 0; font-size: 22px; } .form-distribution-table-filter .form-group-cont { margin: 0 170px 0 167px; position: relative; font-size: 0; } .form-distribution-table-filter .form-group-cont .form-group { width: 48.5%; padding: 0; margin: 0; float: left; display: block; padding-left: 70px; } .form-distribution-table-filter .form-group-cont .form-group label { position: relative; left: auto; top: auto; width: auto; margin: 12px 0px 0 -70px; float: left; width: 60px; text-align: right; color: #ff8200 } .form-distribution-table-filter .form-group-cont .form-group .form-control { display: block; width: 100%; } .form-distribution-table-filter .btn-submit { margin: 0; float: right; margin-left: 20px; padding: 8px 25px 9px; font-size: 22px; width: 151px; } #qe-page-boardroom-property .qe-notices { margin: 2px -2px 20px; } .qe-distribution-table-print { text-align: right; margin: 0 -12px 5px 0; } .qe-distribution-table-print button { display: inline-block; border: none; background: transparent; padding: 8px 12px; cursor: pointer; color: #555; font-size: 15px; text-transform: uppercase; letter-spacing: .6px; font-weight: 500; line-height: 15px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } .qe-distribution-table-print button span { display: inline-block; border-bottom: 1px solid #555; margin-left: 5px; } .qe-distribution-table-print button:hover { color: #ff8200; } .qe-distribution-table-print button:hover span { border-bottom-color: #ff8200 } #qe-page-boardroom-personal-files, #qe-page-boardroom-general-files { border-top: 2px solid #ff8200; margin: 75px 0 0; } #qe-page-boardroom-personal-files h2, #qe-page-boardroom-general-files h2 { color: #ff8200; margin: 15px 0 25px; padding-left: 12px; } #qe-page-boardroom-personal-files .qe-boardroom-file-list, #qe-page-boardroom-general-files .qe-boardroom-file-list { border-top: 1px solid black; padding-left: 0; list-style: none; max-height: 420px; overflow: auto; overflow-y: scroll; -webkit-overflow-scrolling: touch; border-bottom: 1px solid black; } #qe-page-boardroom-personal-files .qe-boardroom-file-list li:before, #qe-page-boardroom-general-files .qe-boardroom-file-list li:before { display: none; } #qe-page-boardroom-personal-files .qe-boardroom-file-list li a, #qe-page-boardroom-general-files .qe-boardroom-file-list li a { display: block; color: black; font-weight: 400; padding: 7px 12px 8px; letter-spacing: .4px; border-bottom: 1px solid black; font-size: 18px; } #qe-page-boardroom-personal-files .qe-boardroom-file-list li:nth-child(even), #qe-page-boardroom-general-files .qe-boardroom-file-list li:nth-child(even) { background: #e3e3e3; } #qe-page-boardroom-personal-files .qe-boardroom-file-list li a:hover, #qe-page-boardroom-general-files .qe-boardroom-file-list li a:hover { background: #ff8200; color: white; } #qe-page-boardroom-personal-files .qe-boardroom-file-list li:last-child a, #qe-page-boardroom-general-files .qe-boardroom-file-list li:last-child a { border-bottom: none; } #qe-page-boardroom-personal-files .qe-boardroom-file-list li.new a, #qe-page-boardroom-general-files .qe-boardroom-file-list li.new a { position: relative; padding-left: 70px; } #qe-page-boardroom-personal-files .qe-boardroom-file-list li.new a:before, #qe-page-boardroom-general-files .qe-boardroom-file-list li.new a:before { content: 'New'; font-family: 'Flama Condensed'; text-transform: uppercase; font-weight: 600; font-size: 18px; background: #ff8200; color: #fff; letter-spacing: 1px; padding: 7px 12px 8px 14px; position: absolute; left: 0; top: 0; } /** * Forms */ .form-group { margin-bottom: 27px; } .form-control { background: #f6f6f6; color: black; height: 53px; border-color: transparent; font-size: 16px; line-height: 1em; color: #555; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .35); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .35); -ms-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .35); -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .35); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .35); } .form-control:focus { border-color: #ff8200; -webkit-box-shadow: 0 0 8px rgba(255, 169, 77, .6); -moz-box-shadow: 0 0 8px rgba(255, 169, 77, .6); -ms-box-shadow: 0 0 8px rgba(255, 169, 77, .6); -o-box-shadow: 0 0 8px rgba(255, 169, 77, .6); box-shadow: 0 0 8px rgba(255, 169, 77, .6); } .form-comment { font-size: 16px; font-weight: 400; margin: -15px 0 0 120px; } .form-comment a { color: black; } .form-comment a:hover { color: #ff8200; } .form-group:after, .form-comment:after { content: " "; display: table; clear: both; } .form-group { padding-left: 120px; position: relative; } .form-group label { font-size: 22px; line-height: normal; text-transform: uppercase; letter-spacing: .6px; font-weight: 600; color: black; position: absolute; left: 0; top: 12px; width: 120px; } .wpcf7-form .wpcf7-form-control.wpcf7-submit, form.qe-page-boardroom-form button[type="submit"], .btn-submit, .wpcf7-form .btn-primary { margin: 10px 0 0 120px; font-size: 24px; text-transform: uppercase; letter-spacing: 1.4px; color: black; font-weight: 600; background: transparent; border: 2px solid #ff8200; font-family: 'Flama Condensed', Helvetica, Arial, sans-serif; padding: 13px 25px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } .wpcf7-form .wpcf7-form-control.wpcf7-submit:hover, form.qe-page-boardroom-form button[type="submit"]:hover, .form-distribution-table-filter .btn-submit:hover { background: #ff8200; color: white; } .wpcf7-form .wpcf7-form-control.wpcf7-submit:active, form.qe-page-boardroom-form button[type="submit"]:active, .form-distribution-table-filter .btn-submit:active { background: black; color: white; border-color: black; } .wpcf7-form .btn-default { margin: 10px 0 0 0; font-size: 24px; text-transform: uppercase; letter-spacing: 1.4px; color: white; font-weight: 600; background: #ff8200; border: 2px solid #ff8200; font-family: 'Flama Condensed', Helvetica, Arial, sans-serif; padding: 13px 25px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; } .wpcf7-form .btn-default:hover { background: black; border-color: black; color: white; } div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok { border: 1px solid #ff8200; margin: 10px 0 0 120px; padding: 15px 25px; background: #ff8200; color: #fff; font-size: 17px; line-height: normal; letter-spacing: .5px; } .qe-notices { border: 2px solid #ff8200; margin: 0 0 20px 120px; padding: 12px 15px; } .qe-notices ul { list-style: none; padding: 0; margin: 0; font-size: 17px; line-height: 22px; } .qe-notices ul li { margin: 0; } .qe-notices ul li:before { display: none; } .qe-cf7-trigger-on-send { display: none; } .qe-notices.qe-notices-error { background: #ff8200; color: #fff; border-color: #d26b00; } /** * Flexible Layouts */ /** * Full Width Image */ .qe-fl-full-width-image { position: relative } /** * Percentage leaders */ .qe-fl-percentage-leaders { padding: 120px 0 0; text-align: center; } .qe-fl-percentage-leaders h2 { font-size: 36px; line-height: 1; font-weight: 500; letter-spacing: 2px; margin: -80px 0 50px; } .qe-fl-percentage-leaders ul { text-align: center; padding: 0 30px; } .qe-fl-percentage-leaders ul li { text-align: left; width: 50%; padding: 0 30px; } .qe-fl-percentage-leaders ul li h3 { font-weight: 300; font-size: 120px; letter-spacing: normal; float: left; line-height: 81px; margin: 0 25px 120px 0; } .qe-fl-percentage-leaders ul li h3 span { font-size: 70px; } .qe-fl-percentage-leaders ul li .qe-fl-item-content { margin-bottom: 120px; } .qe-fl-percentage-leaders ul li h5 { font-weight: 500; letter-spacing: 1px; font-size: 20px; line-height: 22px; margin: 0 0 5px; } .qe-fl-percentage-leaders ul li h6 { font-weight: 500; letter-spacing: 1px; font-size: 18px; line-height: 20px; margin: 0; } .qe-fl-percentage-leaders ul li:first-child { padding-right: 0; } .qe-fl-percentage-leaders ul li:first-child .qe-fl-item-content { border-right: 1px solid white; padding-right: 50px; } .qe-fl-percentage-leaders ul li:last-child { padding-left: 50px; } /** * Link and Image */ .qe-fl-link-and-image { position: relative; } .qe-fl-link-and-image .qe-fl-link-and-image-image { width: 50%; float: left; position: relative; z-index: 1; height: 0; } .qe-fl-link-and-image .qe-fl-link-and-image-image img { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; } .qe-fl-link-and-image a.right .qe-fl-link-and-image-image { float: right } .qe-fl-link-and-image.video .qe-fl-link-and-image-image svg { width: 90px; height: 90px; position: absolute; left: 50%; top: 50%; margin: -45px 0 0 -45px; z-index: 2 } .qe-fl-link-and-image a:after { content: ''; width: 50%; height: 100%; position: absolute; z-index: 2; right: 0; top: 0; opacity: .3 } .qe-fl-link-and-image a.right:after { right: auto; left: 0; } .qe-fl-link-and-image .qe-fl-link-and-image-content { position: absolute; right: 0; width: 50%; height: 100%; top: 0; z-index: 3; } .qe-fl-link-and-image a.right .qe-fl-link-and-image-content { right: auto; left: 0; } .qe-fl-link-and-image .qe-fl-link-and-image-table { position: relative; width: 100%; height: 100%; } .qe-fl-link-and-image .qe-fl-link-and-image-table tbody, .qe-fl-link-and-image .qe-fl-link-and-image-table tbody tr { height: 100%; } .qe-fl-link-and-image .qe-fl-link-and-image-table td { vertical-align: middle; text-align: center; padding-left: 30px; padding-right: 30px; } .qe-fl-link-and-image .qe-fl-link-and-image-table td h4 { font-size: 59px; margin: 0 0 5px; letter-spacing: 2px; font-weight: 500; } .qe-fl-link-and-image .qe-fl-link-and-image-table td h5 { font-size: 24px; margin: 0; letter-spacing: 1px; font-weight: 500; } .qe-fl-link-and-image .qe-fl-link-and-image-table td span { display: inline-block; font-size: 18px; line-height: 1; text-decoration: underline; margin: 30px 0 0; text-transform: uppercase; letter-spacing: 1px; font-weight: 500; } .qe-fl-link-and-image .qe-fl-link-and-image-table.small td h4 { font-size: 48px } .qe-fl-link-and-image .qe-fl-link-and-image-table.small td h5 { font-size: 20px; } .qe-fl-link-and-image .qe-fl-link-and-image-table.smaller td h4 { font-size: 36px } .qe-fl-link-and-image .qe-fl-link-and-image-table.smaller td h5 { font-size: 18px; } .qe-fl-link-and-image .qe-fl-link-and-image-table.smallest td h4 { font-size: 32px } .qe-fl-link-and-image .qe-fl-link-and-image-table.smallest td h5 { font-size: 16px; } .qe-fl-link-and-image .qe-fl-link-and-image-image { -webkit-transition: .18s linear; -moz-transition: .18s linear; -ms-transition: .18s linear; -o-transition: .18s linear; transition: .18s linear; } .qe-fl-link-and-image a:after { -webkit-transition: transform .18s cubic-bezier(0.860, 0.000, 0.070, 1.000); -moz-transition: transform .18s cubic-bezier(0.860, 0.000, 0.070, 1.000); -ms-transition: transform .18s cubic-bezier(0.860, 0.000, 0.070, 1.000); -o-transition: transform .18s cubic-bezier(0.860, 0.000, 0.070, 1.000); transition: transform .18s cubic-bezier(0.860, 0.000, 0.070, 1.000); } .qe-fl-link-and-image.video .qe-fl-link-and-image-image svg { -webkit-transition: all .18s cubic-bezier(0.860, 0.000, 0.070, 1.000); -moz-transition: all .18s cubic-bezier(0.860, 0.000, 0.070, 1.000); -ms-transition: all .18s cubic-bezier(0.860, 0.000, 0.070, 1.000); -o-transition: all .18s cubic-bezier(0.860, 0.000, 0.070, 1.000); transition: all .18s cubic-bezier(0.860, 0.000, 0.070, 1.000); } .qe-fl-link-and-image a:hover .qe-fl-link-and-image-image { opacity: .85; } .qe-fl-link-and-image a.right:hover:after { -webkit-transform: translate3d(50px, 0, 0); -moz-transform: translate3d(50px, 0, 0); -ms-transform: translate3d(50px, 0, 0); -o-transform: translate3d(50px, 0, 0); transform: translate3d(50px, 0, 0); } .qe-fl-link-and-image a.left:hover:after { -webkit-transform: translate3d(-50px, 0, 0); -moz-transform: translate3d(-50px, 0, 0); -ms-transform: translate3d(-50px, 0, 0); -o-transform: translate3d(-50px, 0, 0); transform: translate3d(-50px, 0, 0); } .qe-fl-link-and-image.video a:hover .qe-fl-link-and-image-image svg { -webkit-transform: scale3d(1.1, 1.1, 1.1); -moz-transform: scale3d(1.1, 1.1, 1.1); -ms-transform: scale3d(1.1, 1.1, 1.1); -o-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } /** * Mixed Fonts */ .qe-fl-mixed-fonts { padding: 65px 0; } .qe-fl-mixed-fonts h4 { margin: 0; padding: 0 230px 0 0; font-weight: 500; } .qe-fl-mixed-fonts h4 .title { font-size: 36px; line-height: 42px; letter-spacing: 2px; } .qe-fl-mixed-fonts h4 .subtitle { font-size: 20px; line-height: 32px; font-family: 'Flama'; letter-spacing: normal; text-transform: none; } .qe-fl-mixed-fonts h4 a { text-decoration: underline; font-size: 16px; letter-spacing: 1px; } /** * Projects Carousel */ .qe-fl-projects { padding: 45px 0; position: relative; } .qe-fl-projects-slider ul.ul-float { margin: 0 -15px; } .qe-fl-projects-slider ul.ul-float li { width: 20%; padding: 0 15px; vertical-align: top; float: left; outline: none !important; } .qe-fl-projects-slider ul.ul-float li a { display: block; outline: none !important; } .qe-fl-projects-slider ul.ul-float li a img { display: block; margin: 0 0 15px; } .qe-fl-projects-slider ul.ul-float li a h4 { font-size: 18px; line-height: 1; margin: 0 0 3px; font-weight: 600; } .qe-fl-projects-slider ul.ul-float li a h5 { font-family: 'Flama'; font-size: 14px; line-height: 1.2em; letter-spacing: normal; text-transform: none; margin: 0 0 5px; font-weight: 500; } .qe-fl-projects-slider ul.ul-float li a span { display: block; font-size: 14px; line-height: 1; font-weight: 600; display: block; margin: 0; } .qe-fl-projects-arrow-prev, .qe-fl-projects-arrow-next { width: 52px; height: 80px; position: absolute; top: 50%; margin-top: -40px; cursor: pointer; padding: 10px; } .qe-fl-projects-arrow-next { left: 100%; } .qe-fl-projects-arrow-prev { right: 100%; } .qe-fl-projects-arrow-prev svg, .qe-fl-projects-arrow-next svg { width: 32px; height: 60px; } .qe-fl-projects-slider *:hover > li.qe-fl-projects-item { opacity: .8; } .qe-fl-projects-slider *:hover > li.qe-fl-projects-item:hover { opacity: 1; } /** * Video Carousel */ .qe-fl-videos { padding: 45px 0 20px; position: relative; } .qe-fl-videos-slider ul.ul-float { margin: 0 -15px; } .qe-fl-videos-slider ul.ul-float li { width: 20%; padding: 0 15px; vertical-align: top; float: left; outline: none !important; } .qe-fl-videos-slider ul.ul-float li a { display: block; outline: none !important; } .qe-fl-videos-slider ul.ul-float li a img { display: block; margin: 0 0 15px; border-top: 5px solid black; border-bottom: 5px solid black; } .qe-fl-videos-slider ul.ul-float li a h4 { font-size: 18px; line-height: 1; margin: 0 0 3px; font-weight: 600; } .qe-fl-videos-slider ul.ul-float li a h5 { font-family: 'Flama'; font-size: 14px; line-height: 1.2em; letter-spacing: normal; text-transform: none; margin: 0 0 5px; font-weight: 500; } .qe-fl-videos-slider ul.ul-float li a span { display: block; font-size: 14px; line-height: 1; font-weight: 600; display: block; margin: 0; } .qe-fl-videos-arrow-prev, .qe-fl-videos-arrow-next { width: 52px; height: 80px; position: absolute; top: 35%; margin-top: -40px; cursor: pointer; padding: 10px; } .qe-fl-videos-arrow-next { left: 100%; } .qe-fl-videos-arrow-prev { right: 100%; } .qe-fl-videos-arrow-prev svg, .qe-fl-videos-arrow-next svg { width: 32px; height: 60px; } .qe-fl-video-image { position: relative; } .qe-fl-video-duration { position: absolute; right: 0; bottom: 0; font-size: 11px !important; text-transform: uppercase; color: #fff !important; background: #ff8200; padding: 3px 7px 4px; letter-spacing: .6px; } .qe-fl-video-image.sold:after { content: ''; width: 80px; height: 80px; position: absolute; left: 0; top: 5px; background: transparent url(images/qe-property-sold.svg) no-repeat top left; background-size: 100% 100%; z-index: 9998; } .qe-fl-videos-slider *:hover > li.qe-fl-videos-item { opacity: .8; } .qe-fl-videos-slider *:hover > li.qe-fl-videos-item:hover { opacity: 1; } /** * Written content 2 columns */ .qe-fl-full-width-image + .qe-fl-written-cols-2 { margin-top: 70px; } .qe-fl-written-cols-2 + .qe-fl-written-cols-2 { margin-top: 60px; } .qe-fl-written-cols-2 .qe-col-1 { padding-right: 30px; } .qe-fl-written-cols-2 .qe-col-2 { padding-left: 30px; } .col-written-content-image-wrapper { margin-bottom: 30px; } .qe-fl-written-cols-2 div > p + ul { margin-top: -1.26em; } /** * Quote */ .qe-fl-quote { padding: 40px 0; text-align: center } .qe-fl-quote blockquote { font-size: 36px; margin: 0 0 30px; line-height: normal; position: relative; padding-bottom: 30px; letter-spacing: .6px; } .qe-fl-quote h5 { font-size: 15px; letter-spacing: .6px; margin: 0; line-height: normal } /** * Numbered List */ .qe-fl-numbered-list { padding: 40px 0 0; } .qe-fl-numbered-list h2 { text-align: center; font-size: 40px; font-weight: 300; letter-spacing: 1.3px; margin: 0 0 60px; line-height: normal; } .qe-fl-numbered-list ul { margin-left: -15px; margin-right: -15px; } .qe-fl-numbered-list ul li { margin-bottom: 35px; padding: 0 15px; border-right: 1px solid #cdcdcd; vertical-align: top; } .qe-fl-numbered-list ul.cols-1 li { width: 100%; border: none; } .qe-fl-numbered-list ul.cols-2 li { width: 50%; } .qe-fl-numbered-list ul.cols-2 li:nth-child(2n+2) { border-right: none; } .qe-fl-numbered-list ul.cols-3 li { width: 33.33%; } .qe-fl-numbered-list ul.cols-3 li:nth-child(3n+3) { border-right: none; } .qe-fl-numbered-list ul.cols-4 li { width: 25%; } .qe-fl-numbered-list ul.cols-4 li:nth-child(4n+4) { border-right: none; } .qe-fl-numbered-list ul.cols-5 li { width: 20%; } .qe-fl-numbered-list ul.cols-5 li:nth-child(5n+5) { border-right: none; } .qe-fl-numbered-list ul li h4 { font-size: 19px; font-weight: 600; letter-spacing: .7px; padding-left: 32px; position: relative; margin: 0 0 15px; } .qe-fl-numbered-list ul li h4 span { position: absolute; left: 0; top: 0; width: 32px; color: #ff8200; font-weight: bold; font-size: 30px; letter-spacing: normal; top: 4px; } .qe-fl-numbered-list ul li p { font-size: 17px; font-weight: 400; line-height: 22px; margin: 0 0 15px; } /** * Mixed Fonts in Columns */ .qe-fl-mixed-fonts-cols { padding: 45px 0; margin-bottom: 35px; } .qe-fl-mixed-fonts-cols table { width: 100%; } .qe-fl-mixed-fonts-cols td { vertical-align: middle; border-right: 1px solid #ff8200; padding: 0 20px 0 30px; width: 25%; } .qe-fl-mixed-fonts-cols tr > td:first-child { padding-left: 0px; } .qe-fl-mixed-fonts-cols tr > td:last-child { padding-right: 0; border-right: none; } .qe-fl-mixed-fonts-cols h2, .qe-fl-mixed-fonts-cols h3, .qe-fl-mixed-fonts-cols h4, .qe-fl-mixed-fonts-cols h5, .qe-fl-mixed-fonts-cols p { margin: 0 0 5px; } .qe-fl-mixed-fonts-cols p { font-weight: 400; font-size: 18px; line-height: 1.15em; } .qe-fl-mixed-fonts-cols h2 { font-size: 100px; line-height: 90px; letter-spacing: -1px; font-weight: 300; } /** * BLockquote in our content should match testimonials */ #qe-page-content-container blockquote { text-align: left; font-family: 'Flama', Helvetica, Arial, sans-serif; font-size: 19px; line-height: normal; font-style: italic; letter-spacing: .2px; text-transform: none; font-weight: 400; margin-top: 50px; padding-top: 20px; position: relative } #qe-page-content-container blockquote:before { content: ''; width: 100px; height: 1px; position: absolute; left: 0; top: 0; background: #ff8200 } blockquote footer:before, blockquote small:before, blockquote .small:before { display: none; } #qe-page-content-container blockquote small { font-size: 16px; text-transform: uppercase; font-weight: 600; letter-spacing: .4px; color: #ff8200; margin: -10px 0 1em; font-style: normal; font-family: 'Flama Condensed', Helvetica, Arial, sans-serif; } /** * Standard Content */ .qe-fl-page-standard-content { margin: 40px 0; } /** * Bellring */ .qe-fl-qe-home-bellring-section .qe-fl-link-and-image-table td h5 { font-size: 28px; } #qe-bellring { } .qe-bellring-posts { margin: 20px -10px 0; } .qe-bellring-posts li { display: inline-block; vertical-align: top; padding: 0 10px; margin: 0 0 60px; width: 33.33%; } .qe-bellring-posts li:before { display: none; } .qe-bellring-posts li a { display: block; border-top: 1px solid #ff8200; padding: 5px 0 0; } .qe-bellring-posts li a h5.qe-bellring-post-date { font-size: 23px; font-weight: bold; margin: 0 0 15px; line-height: normal; letter-spacing: .6px; color: black; padding-left: 2px; } .qe-bellring-posts li a .qe-bellring-post-image { width: 100%; height: 0; padding-bottom: 125%; position: relative; background: #f0f0f0; margin: 0 0 15px; } .qe-bellring-posts li a .qe-bellring-post-image img { display: block; width: 100%; height: auto; } .qe-bellring-posts li a .qe-bellring-post-image svg { position: absolute; left: 50%; top: 50%; width: 56px; height: 78px; fill: #c0c0c0; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .qe-bellring-posts li a h3.qe-bellring-post-title { font-size: 17px; letter-spacing: normal; line-height: normal; color: black; margin: 0 0 15px; text-transform: none; font-weight: 400; padding-left: 2px; } .qe-bellring-posts li a p { padding-left: 2px; } .qe-bellring-posts li a:hover { -webkit-box-shadow: inset 0 3px 0 #ff8200; -moz-box-shadow: inset 0 3px 0 #ff8200; -ms-box-shadow: inset 0 3px 0 #ff8200; -o-box-shadow: inset 0 3px 0 #ff8200; box-shadow: inset 0 3px 0 #ff8200; } .qe-bellring-posts li a:hover .read-more { color: #ff8200; } .qe-bellring-posts li a:hover .read-more span { border-bottom-color: #ff8200 } .qe-bellring-posts li a:hover .qe-bellring-post-image svg { fill: #ff8200; } .qe-bellring-posts li a:hover .qe-bellring-post-image { -webkit-box-shadow: inset 0 0 75px rgba(0, 0, 0, .1); -moz-box-shadow: inset 0 0 75px rgba(0, 0, 0, .1); -ms-box-shadow: inset 0 0 75px rgba(0, 0, 0, .1); -o-box-shadow: inset 0 0 75px rgba(0, 0, 0, .1); box-shadow: inset 0 0 75px rgba(0, 0, 0, .1); } .qe-bellring-posts li a, .qe-bellring-posts li a .read-more, .qe-bellring-posts li a .read-more span, .qe-bellring-posts li a .qe-bellring-post-image, .qe-bellring-posts li a .qe-bellring-post-image svg { -webkit-transition: all .06s linear; -moz-transition: all .06s linear; -ms-transition: all .06s linear; -o-transition: all .06s linear; transition: all .06s linear; } /** * Footer */ #qe-footer { padding: 40px 0; color: black; font-size: 14px; line-height: 1.2em; text-align: right; letter-spacing: 1px; -webkit-box-shadow: -3px 0 6px 2px rgba(0, 0, 0, .08); -moz-box-shadow: -3px 0 6px 2px rgba(0, 0, 0, .08); -ms-box-shadow: -3px 0 6px 2px rgba(0, 0, 0, .08); -o-box-shadow: -3px 0 6px 2px rgba(0, 0, 0, .08); box-shadow: -3px 0 6px 2px rgba(0, 0, 0, .08); } #qe-footer .qe-footer-logo { float: left; width: 210px; } #qe-footer .qe-footer-content { float: right; font-weight: 600; } #qe-footer .qe-footer-content .ul-float { margin-right: -15px; } #qe-footer .qe-footer-content .ul-float li { font-size: 14px; } #qe-footer .qe-footer-content .ul-float li a { display: block; font-size: 14px; line-height: 1; letter-spacing: 1px; padding: 0 15px 0 16px; color: black; border-left: 1px solid black; } #qe-footer .qe-footer-content .ul-float li:first-child a { border-left: none; padding-left: 15px; } #qe-footer .qe-footer-content .ul-float li a:hover { color: #ff8200; } #qe-footer .award { float: left; max-width: 200px; max-height: 40px; margin-left: 20px; } #qe-footer .footer-img { float: left; width: auto; max-height: 40px; margin-left: 20px; display:none; } /** * Back to top */ #qe-footer-back-to-top { background: white; text-align: right; } #qe-footer-back-to-top a { display: inline-block; font-size: 18px; letter-spacing: 1px; line-height: 18px; color: black; padding: 21px 15px; margin-right: -15px; -webkit-transition: color .18s linear; -moz-transition: color .18s linear; -ms-transition: color .18s linear; -o-transition: color .18s linear; transition: color .18s linear; } #qe-footer-back-to-top a svg { width: 15px; height: 8px; fill: #000000; margin: -4px 0 4px 7px; -webkit-transition: all .18s cubic-bezier(0.230, 1.000, 0.320, 1.000); -moz-transition: all .18s cubic-bezier(0.230, 1.000, 0.320, 1.000); -ms-transition: all .18s cubic-bezier(0.230, 1.000, 0.320, 1.000); -o-transition: all .18s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all .18s cubic-bezier(0.230, 1.000, 0.320, 1.000); } #qe-footer-back-to-top a:hover { color: #ff8200; } #qe-footer-back-to-top a:hover svg { fill: #ff8200; -webkit-transform: translate3d(0, -7px, 0); -moz-transform: translate3d(0, -7px, 0); -ms-transform: translate3d(0, -7px, 0); -o-transform: translate3d(0, -7px, 0); transform: translate3d(0, -7px, 0); } /** * Investing With Us */ #qe-investing-with-us { padding: 45px 0; background-color: #1e1e1e; color: white; position: relative; text-align: center; } #qe-investing-with-us .container { z-index: 2; max-width: 530px; } #qe-investing-with-us p { line-height: 32px; } #qe-investing-with-us p a { color: white; } #qe-investing-with-us p a:hover { color: #ff8200 } #qe-investing-with-us h2 { font-size: 36px; line-height: 32px; color: #ff8200; margin: 0 0 5px; letter-spacing: 1px; } #qe-investing-with-us .btn { font-weight: 300; color: white; border: 1px solid #ff8200; background: transparent; letter-spacing: 1.5px; display: inline-block; line-height: 1; font-size: 25px; padding: 11px 25px; } #qe-investing-with-us .btn:hover { background: #ff8200; color: white; } #qe-investing-with-us .btn:active { background: white; color: #ff8200; transition-duration: 0s; } .master-fund-thru { margin: 0 0 20px; } .master-fund-thru a { display: block; background: #000; padding: 30px 25px; font-family: 'Flama Condensed', Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: .6px; font-size: 22px; } .master-fund-thru a svg { display: inline-block; margin-left: 15px; } .master-fund-thru a svg path { fill: #ff8200; } .master-fund-thru a:hover { background: #ff8200; color: white; } .master-fund-thru a:hover svg path { fill: white; } #qe-page-boardroom-property .master-fund-thru { margin: 50px 0 20px; } .master-fund-thru + #qe-page-boardroom-general-files { margin-top: 0px; } .qe-boardroomn-back-btn { display: inline-block; font-family: 'Flama Condensed', Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: .6px; border: 1px solid #000; padding: 10px 15px 8px 15px; color: #000; margin-bottom: 35px; } .qe-boardroomn-back-btn svg { display: inline-block; width: 7px; height: 14px; margin-right: 9px; position: relative; top: 0px; } .qe-project-popup-content-date-purchased { margin: -17px 0 25px; font-size: 20px; color: #555; border-top: 1px solid #555; padding: 9px 0 0; } .qe-project-popup-content-date-purchased span { color: #000; display: inline-block; margin: 0 10px 0 0; } .page-id-14656 #qe-page-submenu, .page-id-14719 #qe-page-submenu { display: none; } .master-fund-2-link { position: absolute; top:50px; right: 13px; background: #ff8400; color: white; padding: 5px 10px; font-size: 14px; line-height: 14px; border: 1px solid #ff8400; text-transform: uppercase; border-radius: 2px; } .master-fund-2-link:hover { background: white; color: #ff8400; } .footer-awards { text-align: center; padding-top: 10px; padding-bottom: 50px; } .footer-awards img { max-height: 80px; padding: 10px; } .top-strip { text-align: center; font: 20px 'Flama Condensed', Helvetica, Arial, sans-serif; color: black; text-transform: uppercase; padding: 5px; background: #ff8200; position: absolute; top: 0; left: 0; width: 100%; } .top-strip a { font: inherit; color: black; text-decoration: underline; } #qe-header { padding-top: 40px !important; } .postid-15984 .qe-page-content{ max-width: none; } @media(max-width: 500px){ .top-strip { font-size: 14px; } #qe-header { padding-top: 20px !important; } }