/* Theme Name: Freehold Progression Theme URI: https://freehold.progressionstudios.com Author: Progression Studios Author URI: http://progressionstudios.com/ Description: Real Estate Theme Version: 4.4 License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags: custom-menu, editor-style, featured-images, full-width-template, theme-options, translation-ready Text Domain: freehold-progression */ /* Table of Contents 01. CSS RESET FILE 02. PRIMARY STYLES A. DEFAULT STYLES B. FONT STYLES C. CSS3 TRANSITIONS 03. MAIN CONTAINERS 04. PAGE TITLE STYLES 05. HEADER ICONS 06. SEARCH FORM STYLES 07. ELEMENTOR CUSTOM STYLES 08. GRID STYLES 09. NAVIGATION STYLES 10. FLEXSLIDER STYLES 11. MOBILE NAVIGATION STYLES 12. SIDEBAR STYLES 13. PAGINATION STYLES 14. BLOG INDEX STYLES 15. BLOG POST STYLES 16. CONTACT FORM STYLES 17. BUTTON STYLES 18. PROPERTY MAP STYLES 19. PROPERTY INDEX STYLES 20. HEADER PROPERTY SEARCH STYLES 21. PROPERTY SEARCH STYLES 22. PROPERTY POST STYLES 23. SLIDER STYLES 24. FOOTER STYLES 25. PRETYPHOTO STYLES 26. PAGE LOADER 27. RESPONSIVE STYLES */ /* =============================================== 01. CSS RESET FILE =============================================== */ article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block}.bypostauthor,.gallery-caption,.sticky{background:0 0}[hidden],audio:not([controls]){display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}button,html,input,select,textarea{font-family:sans-serif;color:#222}body{margin:0;}a:focus{outline:dotted thin}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:700}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:"";content:none}small{font-size:85%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}ol,ul{margin:1em 0;padding:0 0 0 40px}dd{margin:0 0 0 40px}nav ol,nav ul{list-style:none;margin:0;padding:0}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}figure,form{margin:0}fieldset{border:0;margin:0;padding:0}label{cursor:pointer}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}button[disabled],input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;resize:vertical}input:invalid,textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}.ir{display:block;border:0;text-indent:-999em;overflow:hidden;background-color:transparent;background-repeat:no-repeat;text-align:left;direction:ltr}.ir br{display:none}.hidden{display:none!important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.wp-caption,.wp-caption-text{font-size:11px; font-weight:400; line-height:1.2; color:#282828; }.clearfix-pro:after,.clearfix-pro:before{content:"";display:table}.clearfix-pro:after{clear:both}.lt-ie8 .clearfix-pro{visibility:hidden;width:0;height:0;clear:both} /* =============================================== 02. PRIMARY STYLES =============================================== */ /* -------------------- A. DEFAULT STYLES -------------------- */ body { background:#f8f8f8; } a { color:#4145ee; } a:hover { color:#292ca7; } img { max-width:100%; height: auto; } body iframe { border:none; } .wpb_gmaps_widget .wpb_wrapper { padding:0px !important; } .pp_gallery { display:none !important; } body a img, body a { outline:none !important; text-decoration:none; } p { padding-top:0px; margin:0px; } p, ul, ol { margin-bottom: 26px; } ul, ol { margin-left:8px; padding-left:16px; } img { max-width: 100%; height: auto; } video, audio { max-width:100%; } .alignright { float:right; margin:0 0 15px 25px; } .alignleft { float:left; margin:0px 25px 15px 0px; } .aligncenter { text-align:center; } .aligncenter.wp-caption { margin-left:auto; margin-right:auto; } body hr { background:#e7e8eb; height:2px; border:none; margin:35px 0px 40px 0px; width:100%; overflow:hidden; } blockquote { border-left:4px solid #aaaaaa; margin-left:0px; padding-left:30px; line-height:1.8; } blockquote a:hover, blockquote a { color:#666666; } blockquote.alignleft, blockquote.alignright { width:32%; float:left; border-left:none; border-top:4px solid #666666; padding:15px 15px 0px 15px; margin-bottom:0px; } blockquote.alignright { float:right; } table { width:100%; background:#ffffff; border-collapse: separate; border-spacing: 0; margin: 0 0 2em; max-width: 100%; border-left:1px solid #eaeaea; border-top:1px solid #eaeaea; } th, td { color:#606060; border: 1px solid #eaeaea; } table th { background:#eaeaea; } table caption, table th, table td { font-weight: normal; text-align: left; } table th { border-width: 0 1px 1px 0; font-weight: 700; } table td { border-width: 0 1px 1px 0; } table tr th, table tr td { padding: 8px 12px; } /* -------------------- B. FONT STYLES -------------------- */ body, body input, body textarea, select { line-height: 1.6; font-size:15px; font-weight:400; color:#777777; font-family: 'Source Sans Pro', sans-serif; } h1, h2, h3, h4, h5, h6 { -ms-word-wrap: break-word; word-wrap: break-word; padding:0px; color:#202427; margin:0px 0px 15px 0px; line-height:1.4; font-weight:600; font-family: 'Source Sans Pro', sans-serif; } h1 { font-size:40px; line-height:1.2; } h2 { font-size:35px; } h3 { font-size:27px; } h4{ font-size:24px; } h5 { font-size:20px; } h6 { font-size:18px; } /* -------------------- C. CSS3 TRANSITIONS -------------------- */ #pro-scroll-top { transition-duration: 200ms; transition-property: color, background-color, height; transition-timing-function: ease-in-out; } #carousel-property-progression li, .blog-single-category-display a:after, .progression-studios-transparent-header #progression-sticky-header, #content-pro ul.products h2.woocommerce-loop-category__title, #content-pro ul.products h2.woocommerce-loop-product__title, .elementor-icon-list-item .elementor-icon-list-icon i, .elementor-icon-list-item .elementor-icon-list-text, .boosted-slider-arrow-down, h2.progression-freehold-progression-slider-title, h2.overlay-progression-blog-title, .related-overlay-blog-meta-category-list span, .overlay-progression-studios-blog-image, #progression-studios-nav-bg, h3.helpmeout-loop-category__title, .wpcrowd-arrow-down, select, .sf-menu li.highlight-button a:before, .mobile-menu-icon-pro, a, input, textarea { transition-duration: 250ms; transition-property: color, background-color, opacity, border; transition-timing-function: ease-in-out; } .avlar-widget-thumb, #header-progression-property-search-field label, .progression-ratency-slider-thumb-gradient { transition-duration: 350ms; transition-property: all; transition-timing-function: ease-in-out; } .helpmeout-categoryoverlay-image-color, #progression-studios-header-login-container a.progresion-studios-login-icon, .wpneo-buttons-group button, input.wpneo-submit-campaign, input#wpneo_active_edit_form, .helpmeout-overlay, .helpmeout-rewards-select_button button.select_rewards_button, ul.wpneo-crowdfunding-update li span.round-circle, button.wpneo_donate_button, #progression-shopping-cart-toggle a i.shopping-cart-header-icon, #progression-studios-header-search-icon i, #boxed-layout-pro input#submit, .tml-submit-wrap input.button-primary, body .acf-form .acf-field .acf-input-wrap input, .acf-form-submit input.button, #boxed-layout-pro button.button, ul.progression-filter-button-group li:after, ul.progression-filter-button-group li, .flex-control-paging li a, .slider-play-icon, .single-blog-play-icon, ul.blog-single-social-sharing li a:before, .blog-play-icon, footer#site-footer a, .tp-thumbs.custom .tp-thumb, .progression-mini-banner-icon, #progression-shopping-cart-count span.progression-cart-count, .pp_contract:after, .pp_expand:after, a.pp_close:before, a.pp_close:after, a.pp_previous:before, a.pp_next:before, .sf-menu a:before { transition-duration: 250ms; transition-property: all; transition-timing-function: ease-in-out; } #logo-pro img, .sf-menu ul a, #progression-shopping-cart-count a { transition-duration: 250ms; transition-property: padding-top, padding-bottom, color, background-color, width; transition-timing-function: ease-in-out; } header#masthead-pro:after { transition-duration: 350ms; transition-property: all; transition-timing-function: ease-in-out; } header#masthead-pro { transition-duration: 350ms; transition-property: background; transition-timing-function: ease-in-out; } .sf-menu a, .no-hover-transition { transition-duration: 0ms; transition-property: all; transition-timing-function: ease-in-out; } /* Animation For Menus */ @keyframes ProMoveUp { from { } to { transform: translateY(0px); opacity: 1; } } @keyframes ProMoveOut { from { visibility:visible; opacity:1; } to { opacity: 0; visibility:hidden; } } li.sfHover ul.sf-mega, li.sfHover ul.sub-menu { transform: translateY(20px); opacity:0; animation-duration:250ms; animation-name: ProMoveUp; animation-timing-function: ease-in-out; animation-fill-mode: forwards; } body #progression-checkout-basket { opacity:0; visibility:hidden; } body .hover-out-class #progression-checkout-basket { animation-duration:200ms; animation-name: ProMoveOut; animation-timing-function: ease-in-out; animation-fill-mode: forwards; } body .activated-class #progression-checkout-basket { transform: translateY(20px); opacity:0; visibility:visible; animation-duration:250ms; animation-name: ProMoveUp; animation-timing-function: ease-in-out; animation-fill-mode: forwards; } body #progression-studios-header-search-icon.hide-search-icon-pro #panel-search-progression { animation-duration:200ms; animation-name: ProMoveOut; animation-timing-function: ease-in-out; animation-fill-mode: forwards; } body #progression-studios-header-search-icon.active-search-icon-pro #panel-search-progression { transform: translateY(20px); visibility:visible; animation-duration:250ms; animation-name: ProMoveUp; animation-timing-function: ease-in-out; animation-fill-mode: forwards; } body #panel-search-progression { visibility: hidden; z-index:5; opacity: 0; } body #progression-studios-header-login-container.helpmeout-hover-out-class #progression-studios-panel-login { animation-duration:200ms; animation-name: ProMoveOut; animation-timing-function: ease-in-out; animation-fill-mode: forwards; } body #progression-studios-header-login-container.helpmeout-activated-class #progression-studios-panel-login { transform: translateY(20px); visibility:visible; animation-duration:250ms; animation-name: ProMoveUp; animation-timing-function: ease-in-out; animation-fill-mode: forwards; } body #progression-studios-panel-login { visibility: hidden; z-index:15; opacity: 0; } /* =============================================== 03. MAIN CONTAINERS =============================================== */ /* -------------------- A. MAIN CONTAINER STYLES -------------------- */ .width-container-pro { width:1200px; margin: 0 auto; position:relative; padding:0px; } .progression-studios-header-full-width-no-gap #freehold-progression-header-top .width-container-pro, footer#site-footer.progression-studios-footer-full-width .width-container-pro, .progression-studios-header-full-width #freehold-progression-header-top .width-container-pro { width:auto; padding-right:50px; padding-left:50px; } .progression-studios-header-full-width header#masthead-pro .width-container-pro { width:auto; margin:0px auto; padding:0px; } #freehold-progression-header-top { position:relative; } .progression-studios-header-full-width-no-gap header#masthead-pro .width-container-pro { width:auto; padding-right:20px; } #freehold-progression-header-top:before { content:''; display:block; position:absolute; width:100%; height:100%; top:0; left:0; z-index:-1; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+0,ffffff+0,000000+100&0.44+0,0.52+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.12) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.12) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.12) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } #freehold-progression-header-top:after { content:''; display:block; position:absolute; bottom:-2px; left:0; width:100%; height:2px; background:rgba(255,255,255,0.08); } .progression-studios-topheader-flat #freehold-progression-header-top:after, .progression-studios-topheader-flat #freehold-progression-header-top:before, .progression-studios-header-flat #logo-nav-pro:before, .progression-studios-header-flat #logo-nav-pro:after, .progression-studios-transparent-header #freehold-progression-header-top:after, .progression-studios-transparent-header #freehold-progression-header-top:before, .progression-studios-transparent-header #logo-nav-pro:before, .progression-studios-transparent-header #logo-nav-pro:after { display:none; } #logo-nav-pro { position:relative; } #logo-nav-pro:after { content:''; display:block; position:absolute; width:100%; height:100%; top:0; left:0; z-index:-1; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+0,ffffff+0,000000+100&0.44+0,0.52+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0.0) 0%,rgba(0,0,0,0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } #logo-nav-pro:before { content:''; display:block; position:absolute; bottom:0px; left:0; width:100%; height:3px; background:rgba(0,0,0 ,0.03); } #content-pro { position:relative; padding-top:30px; padding-bottom:40px; } #main-container-pro { float:left; width:71.5%; position:relative; } .sidebar { float:right; width:26%; } .disable-sidebar-post-progression #main-container-pro { width:100%; } .disable-sidebar-post-progression .sidebar{ display:none; } .left-sidebar-pro #main-container-pro { float:right; } .left-sidebar-pro .sidebar { float:left; } /* -------------------- B. HEADER CONTAINERS -------------------- */ .progression-disable-header-per-page #progression-studios-header-position { display:none; } .progression-disable-footer-per-page footer#site-footer { display:none; } .progression-studios-transparent-header #progression-studios-header-position { position:absolute; width:100%; z-index:50; } .progression-studios-transparent-header #progression-studios-header-top-border-bottom { border-bottom:1px solid rgba(255,255,255, 0.15); } #progression-studios-header-position { position:relative; width:100%; margin:0 auto; } .progression-studios-transparent-header #freehold-progression-header-top, .progression-studios-transparent-header header#masthead-pro { background:transparent; box-shadow: none; -webkit-font-smoothing:antialiased; } .progression-studios-header-full-width #progression-studios-header-width header#masthead-pro .width-container-pro { width:auto; padding-right:50px ; padding-left:50px ; } header#masthead-pro:after { display:none; height:1px; content:''; width:100%; position:absolute; margin-bottom:-1px; background:transparent; z-index:1; } .progression-studios-transparent-header .progression-sticky-scrolled header#masthead-pro:after { display:none; } header#masthead-pro .width-container-pro.progression-studios-logo-container { z-index:50; } .progression-studios-transparent-header .progression-sticky-scrolled header#masthead-pro, header#masthead-pro { z-index:50; position:relative; width:100%; } .progression-sticky-scrolled header#masthead-pro { border:none; } header#masthead-pro h1#logo-pro { z-index:55; margin:0px; padding:0px; line-height:1; font-size:5px; border:none; float:left; position:relative; } .progression-studios-logo-position-right header#masthead-pro h1#logo-pro, .progression-studios-logo-position-right h1#logo-pro { float:right; margin-left:25px; margin-right:0px; } body .progression-studios-logo-position-center header#masthead-pro h1#logo-pro, body .progression-studios-logo-position-center h1#logo-pro { float:none ; margin:0 auto ; text-align:center ; } body .progression-studios-logo-position-center h1#logo-pro img { margin:0 auto ; } header#masthead-pro h1#logo-pro a { display:block; } body #logo-pro img { max-width:100%; } .progression-studios-sticky-logo { display:none; float:left; } .progression-sticky-scrolled .progression-studios-sticky-logo { display:block; } .progression-sticky-scrolled .progression-studios-hide-mobile-custom-logo { display:none; } .progression-sticky-scrolled .progression-studios-custom-logo-per-page-hide-default { display:block; } .progression-sticky-scrolled .progression-studios-default-logo-hide.progression-studios-default-logo { display:none; } .progression-studios-custom-logo-per-page-hide-default { display:none; } #progression-studios-nav-bg { position:relative; z-index:10; } #progression-nav-container { float:right; } header#masthead-pro.progression-studios-nav-left #progression-nav-container { float:left; } header#masthead-pro.progression-studios-nav-left h1#logo-pro { margin-right:30px; } header#masthead-pro.progression-studios-nav-center #progression-nav-container { width:1015px; margin:0 auto; float:none; } @media only screen and (min-width: 960px) and (max-width: 1300px) { header#masthead-pro.progression-studios-nav-center #progression-nav-container { width:auto; } } @media only screen and (max-width: 960px) { header#masthead-pro.progression-studios-nav-center #progression-nav-container { width:auto; } } header#masthead-pro.progression-studios-nav-center #progression-nav-container nav#site-navigation { display:table; margin:0 auto; } .progression-disable-logo-below-per-page header#masthead-pro .progression-studios-logo-container, .progression-disable-logo-below-per-page #header-container-logo-progression .progression-studios-logo-container { display:none; } #progression-shopping-cart-count a { margin:0px; } #progression-shopping-cart-toggle.activated-class a i.shopping-cart-header-icon, #progression-shopping-cart-count i.shopping-cart-header-icon { padding-left:8px; padding-right:8px; } #progression-shopping-cart-count i.shopping-cart-header-icon, #progression-studios-header-search-icon i.pe-7s-search:before { -webkit-text-stroke: 0.5px; -moz-text-stroke: 0.5px; text-stroke: 0.5px; position:relative; top:0px; } #progression-studios-header-search-icon.active-search-icon-pro i.pe-7s-search:before { content: "\e680"; } #progression-studios-header-search-icon i.pe-7s-search { cursor:pointer; } #progression-studios-header-search-icon { float:right; position:relative; margin-left:-3px; } #progression-shopping-cart-count { float:right; position:relative; } #progression-studios-header-search-icon i.pe-7s-search { padding-left:8px; padding-right:8px; } #progression-shopping-cart-count a.progression-count-icon-nav { display:block; position:relative; margin-left:10px; } #progression-shopping-cart-count span.progression-cart-count { position:absolute; border-radius: 20px; text-align:center; display:inline-block; float:right; margin-top:-7px; right:2px; background:#aaaaaa; color:#ffffff; font-family:Helvetica, Arial, sans-serif; font-weight:400; width:14px; height:14px; line-height:14px; font-size:7px; letter-spacing:0px; } /* 404 Page */ .no-results-pro { padding:5px 10px 10px 10px; } #error-page-index { text-align:center; padding:20px 0px; } body.error404 #page-title-pro h1 { margin-left:auto; margin-right:auto; text-align:center; } body.error404 #page-title-pro { text-align:center; } #error-page-index .search-form input.search-field { margin-left:auto; margin-right:auto; } #error-page-index a.button i { margin-right:4px; } /* =============================================== 04. PAGE TITLE STYLES =============================================== */ .agent-container-progression-studios h4.agent-widget-title, .sidebar h4.widget-title { margin-left:-21px; margin-right:-21px; background:#f5f5f5; border:1px solid #c4c4c4; border-top:0px; border-top-left-radius: 3px; border-top-right-radius: 3px; padding-left:20px; padding-right:20px; position:relative; color:#737373; font-weight:600; text-transform:uppercase; font-size:15px; position:relative; z-index:5; margin-bottom:25px; box-shadow: 0px 1px 3px rgba(0,0,0,0.15); } #page-title-pro { margin-left:-11px; margin-right:-11px; background:#f5f5f5; border:1px solid #c4c4c4; border-top:none; box-shadow: 0px 1px 3px rgba(0,0,0,0.15); border-top-left-radius: 3px; border-top-right-radius: 3px; padding-left:20px; padding-right:20px; position:relative; margin-bottom:25px; } .agent-container-progression-studios h4.agent-widget-title:before, .sidebar h4.widget-title:before, #page-title-pro:before { position:absolute; top:0px; left:0px; content:""; display:block; width:100%; height:100%; } #page-title-pro h1 { word-break: break-word; -ms-word-wrap: break-word; word-wrap: break-word; padding:0px 0px; line-height:1; display:inline-block; margin:0 auto 0px auto; color:#737373; font-weight:600; text-transform:uppercase; font-size:15px; position:relative; z-index:5; } .agent-container-progression-studios, .sidebar-container-progression-studios { border:1px solid #c4c4c4; box-shadow: 0px 1px 3px rgba(0,0,0,0.15); border-radius: 3px; padding:0px 20px 10px 20px; background:#ffffff; } body.author .agent-container-progression-studios { border:none; padding:0px 0px 15px 0px; margin-bottom:25px; margin-left:10px; margin-right:10px; box-shadow:none; border-bottom: 1px dotted rgba(0,0,0, 0.15); } .page-content-pro { border:1px solid #c4c4c4; box-shadow: 0px 1px 3px rgba(0,0,0,0.15); border-radius: 3px; padding:0px 10px 0px 10px; background:#ffffff; } .page-content-pro.progression-studios-hide-page-title { padding-top:25px; } body.page-template-page-no-content #page-title-pro { } body.page-template-page-no-content #page-title-pro:before { display:none; } body.page-template-page-no-content #main-container-pro .page-content-pro { padding-left:10px; padding-right:10px; } body.page-template-page-no-content #page-title-pro { border:none; background:none; box-shadow:none; padding-left:10px; padding-right:10px; margin-left:0px; margin-right:0px; } body.page-template-page-no-content .page-content-pro { border:none; background:none; box-shadow:none; padding-left:0px; padding-right:0px; margin-left:0px; margin-right:0px; } .progression-studios-content-box-no-shadow .agent-container-progression-studios h4.agent-widget-title, .progression-studios-content-box-no-shadow .agent-container-progression-studios, .progression-studios-content-box-no-shadow .sidebar h4.widget-title, .progression-studios-content-box-no-shadow #page-title-pro, .progression-studios-content-box-no-shadow .sidebar-container-progression-studios, .progression-studios-content-box-no-shadow .page-content-pro { box-shadow:none; } /* Page with old builder */ . /* =============================================== 05. HEADER ICONS =============================================== */ .progression-studios-header-left ul.progression-studios-header-social-icons { float:left; margin-left:20px; } .progression-studios-header-right ul.progression-studios-header-social-icons { margin-left:20px; } ul.progression-studios-header-social-icons { list-style:none; margin:0px; padding:0px; float:right; } ul.progression-studios-header-social-icons li { display:inline; margin:0px; padding:0px; } #freehold-progression-header-top ul.progression-studios-header-social-icons li a { display:inline-block; text-align:center; margin:0px 3px 0px 3px; border-radius:50px; width:22px; height:22px; line-height:22px; font-size:11px; } @media only screen and (max-width: 1150px) { #freehold-progression-header-top ul.progression-studios-header-social-icons li a { margin-left:3px; margin-right:3px; } } #freehold-progression-header-top ul.progression-studios-header-social-icons li a:hover { color:#ffffff; margin:0px 3px 0px 3px; background:rgba(255,255,255, 0.2); } #masthead-pro .search-form { line-height:1; padding:28px 0px 0px 0px; margin:0px auto; } /* =============================================== 06. SEARCH FORM STYLES =============================================== */ .search-form input.search-field:focus { outline:none; } .search-form { text-align:center; margin:0 auto; } footer#site-footer .search-form, #content-pro .search-form { margin-left:0px; } .search-form input { padding:16px 18px; margin:0 auto; border:none; } .elementor-section-stretched .search-form { max-width:600px; } .search-form { max-width:400px; margin-bottom:30px; } .sidebar .search-form { margin-bottom:25px; } .search-form input.search-field { background:#ffffff; border:1px solid #dddddd; margin:0px; width: calc(100% - 60px); padding:13px 40px 13px 20px; font-size:14px; background-image:url(images/search-magnify.png); background-position:right 9px; background-repeat:no-repeat; border-radius:60px; box-shadow: 0px 0px 25px rgba(0,0,0, 0); -webkit-box-shadow: inset 0 6px 5px -5px rgba(32,36,39, 0.18); -moz-box-shadow:inset 0 6px 5px -5px rgba(32,36,39, 0.18); box-shadow:inset 0 6px 5px -5px rgba(32,36,39, 0.18); } .search-form button, .search-form input.search-submit { display:none; } @media screen and (-webkit-min-device-pixel-ratio: 1.5) { .search-form input.search-field {background-image: url(images/search-magnify@2x.png); background-size:40px 30px;} } /* =============================================== 07. ELEMENTOR CUSTOM STYLES =============================================== */ /* Remove Header/Footer from Elementor Canvas */ body.single-elementor_library #freehold-progression-header-search-container, body.single-elementor_library #progression-studios-header-position, body.single-elementor_library footer#site-footer { display:none !important; } .pen-menu { z-index:300 !important; } body.elementor-editor-active .elementor-edit-mode:hover { z-index:250; } .progression-studios-post-slider-main .flex-control-paging * { box-sizing: content-box; } /* =============================================== 08. HEADER TOP STYLES =============================================== */ .progression-studios-header-left, .progression-studios-header-right { float:left; width:55%; min-height:1px; } .progression-studios-header-left p, .progression-studios-header-right p { margin:0px; } .progression-studios-header-right { width:45%; text-align:right; } #progression-header-top-right-container, .progression-studios-header-right .widget { float:right; } #progression-header-top-left-container, .progression-studios-header-left .widget { float:left; } .progression-studios-header-left .widget { padding-right:40px; } @media only screen and (max-width: 1250px) { .progression-studios-header-left .widget { padding-right:28px; } } .progression-studios-header-left .widget, .progression-studios-header-right .widget { padding-top:12px; padding-bottom:12px; } #freehold-progression-header-top .textwidget { display:inline-block; position:relative; } #freehold-progression-header-top span.widget-title { display:inline-block; margin-right:7px; font-weight:600; } #freehold-progression-header-top { color:#2e2e2e; font-size:14px; line-height:1; position:relative; z-index:55; font-weight:400; } #freehold-progression-header-top span.progression-mini-banner-icon { display:none; } #freehold-progression-header-top .widget i { font-size:110%; position:relative; margin-bottom:-5px; margin-right:7px; } #freehold-progression-header-top .sf-menu i { font-size:110%; position:relative; top:0px; margin-bottom:-5px; margin-right:7px; } #freehold-progression-header-top a { color:#2e2e2e; } #progression-header-top-right-container .sf-menu li.normal-item-pro ul { left: auto; right:18px; } #progression-header-top-right-container .sf-menu li.normal-item-pro ul ul { left: 100%; right:auto; } #freehold-progression-header-top #progression-header-top-right-container .sf-menu { margin-right:-20px; } #freehold-progression-header-top .sf-menu a { text-align:left; color:#2e2e2e; padding-left:16px; padding-right:16px; background:none; margin:0px; border:none; } #freehold-progression-header-top .sf-arrows .sf-with-ul { padding-right: 35px; } #freehold-progression-header-top .sf-arrows .sf-with-ul:after { right: 29px; } #freehold-progression-header-top .sf-menu li li a { text-decoration:none; margin:0px; padding:13px 0px; font-size:12px; } #freehold-progression-header-top .sf-menu ul:after, #freehold-progression-header-top .sf-menu ul:before { display:none; } #freehold-progression-header-top .sf-menu ul { border-top:none; padding:10px 28px; border-radius:0px; margin-top:0px; box-shadow:none; } #freehold-progression-header-top .sf-mega { z-index:60; display:none; left:0px; position:absolute; box-sizing: border-box ; width:100%; padding:0px; margin:0px; } #freehold-progression-header-top .sf-mega { width:1200px; left:50%; margin-left:-600px; } #freehold-progression-header-top .sf-menu .sf-mega { padding-top:0px; padding-bottom:0px; } #freehold-progression-header-top .sf-menu .sf-mega ul { padding-top:0px; padding-bottom:0px; } #freehold-progression-header-top .sf-menu .sf-mega ul { border-top:none; margin-top:0px; } #freehold-progression-header-top .sf-mega li li a { padding-right:25px; }/* Mega Padding-right fix to allow more space */ #freehold-progression-header-top .sf-mega li li:last-child a { padding-bottom:18px; } #freehold-progression-header-top .sf-mega ul { background:none; margin:0; border:none; } /* =============================================== 08. GRID STYLES =============================================== */ .grid2column-progression, .grid3column-progression, .grid3columnbig-progression, .grid4column-progression, .grid4columnbig-progression, .grid5column-progression, .grid6column-progression { float:left; margin-right:2%; min-height:2px; } .grid2column-progression { width: 49%; } .grid3column-progression { width: 32%; } .grid4column-progression { width: 23.5%; } .grid5column-progression { width:18.4%; } .grid6column-progression { width:15%; } body .lastcolumn-progression { margin-right:0% !important; } #progression-studios-lower-widget-container .widget, #widget-area-progression .widget { float:left; margin-right:4%; } .footer-1-pro .widget { width:100%; margin-right:0%; margin-left:0%; } .footer-2-pro .widget { width:48%; } .footer-3-pro .widget { width:30.5%; } .footer-4-pro .widget { width:22%; } .footer-5-pro .widget { width:16.5%; } #progression-studios-lower-widget-container .footer-5-pro .widget:nth-child(5), #progression-studios-lower-widget-container .footer-2-pro .widget:nth-child(2), #progression-studios-lower-widget-container .footer-3-pro .widget:nth-child(3), #progression-studios-lower-widget-container .footer-4-pro .widget:nth-child(4), #widget-area-progression .footer-5-pro .widget:nth-child(6), #widget-area-progression .footer-2-pro .widget:nth-child(3), #widget-area-progression .footer-3-pro .widget:nth-child(4), #widget-area-progression .footer-4-pro .widget:nth-child(5) { margin-right:0%; } /* =============================================== 09. NAVIGATION STYLES =============================================== */ /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu li.normal-item-pro, .sf-menu li.normal-item-pro li { position: relative; } .sf-menu li.normal-item-pro ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; } .sf-menu li.normal-item-pro ul ul { top:0; left:100%; } .sf-menu > li { float: left; } .sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block; } .sf-menu a { display: block; position: relative; } .sf-menu ul ul { top: 0; left: 100%; } /* MEGA MENU ESSENTIAL STYLES */ header .sf-mega {z-index:20; display:none; left:50%; position:absolute; box-sizing: border-box ; width:100%; padding:0px; margin:0px; } header .sf-mega {width:1200px; left:50%; margin-left:-600px;} .sf-mega .sf-mega-section { width:33%; float:left; } .sf-mega .sf-mega-section.columns-pro-1 { width:100%; } .sf-mega .sf-mega-section.columns-pro-2 { width:50%; } .sf-mega .sf-mega-section.columns-pro-3 {width:33%; } .sf-mega .sf-mega-section.columns-pro-4 { width:25%; } .sf-mega .sf-mega-section.columns-pro-5 {width:20%; } .sf-mega .sf-mega-section.columns-pro-6 { width:16.5%; } /*** DEFAULT NAVIGATION SKIN ***/ .sf-menu ul{min-width:9em}.sf-menu a{line-height:1;padding:.75em 1em;text-decoration:none;zoom:1;cursor:pointer;color:#13a}.sf-menu li{background:#BDD2FF;white-space:nowrap}.sf-menu ul li{background:#AABDE6}.sf-menu ul ul li{background:#9AAEDB}.sf-menu li.sfHover,.sf-menu li:hover{background:#CFDEFF}.sf-arrows .sf-with-ul{padding-right:2.5em}.sf-arrows .sf-with-ul:after{content:'';position:absolute;top:50%;right:1em;margin-top:-3px;height:0;width:0;border:5px solid transparent;border-top-color:#dFeEFF;border-top-color:rgba(255,255,255,.5)}.sf-arrows>.sfHover>.sf-with-ul:after,.sf-arrows>li:hover>.sf-with-ul:after,.sf-arrows>li>.sf-with-ul:focus:after{border-top-color:#fff}.sf-arrows ul .sf-with-ul:after{margin-top:-5px;margin-right:-3px;border-color:transparent transparent transparent #dFeEFF;border-left-color:rgba(255,255,255,.5)}.sf-arrows ul .sfHover>.sf-with-ul:after,.sf-arrows ul li:hover>.sf-with-ul:after,.sf-arrows ul li>.sf-with-ul:focus:after{border-left-color:#fff} .sf-menu .menu-item-language .submenu-languages { position:absolute; } /* NEW THEME SKIN */ .sf-menu li, .sf-menu ul li, .sf-menu ul ul li, .sf-menu li:hover, .sf-menu li.sfHover { background:none; } /* Button Highlight */ .sf-menu li.highlight-button { position:relative; margin-right:8px; margin-left:8px; } .sf-menu li.highlight-button li a:before { display:none; } .sf-menu li.sfHover.highlight-button a:before { width:100%; } .sf-menu li.sfHover.highlight-button a, .sf-menu li.current-menu-item.highlight-button a, .sf-menu li.highlight-button a, .sf-menu li.highlight-button a:hover { color:#ffffff; background:none; } .sf-menu li.highlight-button a { overflow:visible; } .sf-menu li.highlight-button a:before { bottom:auto; top:50%; left:3px; position:absolute; display:block; content:''; width:100%; height:40px; z-index:-1; margin:0px; opacity:1; } .sf-menu li.highlight-button a:before { height:40px; /* + 28px */ margin-top:-21px; /* + 28px and divided by 2 */ border:2px solid #ffffff; border-radius:4px; } .sf-menu li.highlight-button a:hover:before { background:transparent; } #freehold-progression-header-top .progression-studios-header-right h2.mega-menu-heading { text-align:left; } nav#site-navigation { font-weight: 700; font-family:'PT Sans', sans-serif; letter-spacing: 0px; text-transform:uppercase; text-shadow:1px 1px 3px rgba(0,0,0, 0.4); } .mobile-menu-icon-pro { color:#707070; padding:12px 10px 12px 10px; margin:0 auto; font-size:18px; line-height:1; } .progression-studios-nav-count-cat-off span.progression-studios-nav-cat-count { display:none; } span.progression-studios-nav-cat-count { display:inline-block; border-radius:30px; text-align:center; height:18px; padding:0px 6px; line-height:18px; font-size:10px; margin-bottom:-6px; position:relative; top:-2px; margin-left:6px; color:#ffffff; background:rgba(255,255,255, 0.11); } .sf-menu ul span.progression-studios-nav-cat-count { height:16px; padding:0px 5px; line-height:16px; font-size:9px; } .sf-menu a { line-height:1; color:#292935; font-size:18px; padding:12px 15px 10px 15px; border-radius:3px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.35); border:1px solid rgba(0, 0, 0, 0); margin-right:5px; } .progression-studios-nav-cart-icon-off #progression-shopping-cart-toggle, .progression-studios-search-icon-off #progression-studios-header-search-icon { display:none !important; } .sf-menu a:hover, .sf-menu li.sfHover a, .sf-menu li.current-menu-item a { color:#4145ee; border-color:rgba(0, 0, 0, .5); background-image:url(images/navigation-hover.png); background-repeat:repeat-x; background-position:top left; } .progression-studios-nav-item-flat .sf-menu a:hover, .progression-studios-nav-item-flat .sf-menu li.sfHover a, .progression-studios-nav-item-flat .sf-menu li.current-menu-item a { background-image:none; } .sf-menu ul a:hover, .sf-menu ul li.sfHover a, .sf-menu ul li.current-menu-item a { background-image:none; } .sf-menu a:hover:before, .sf-menu li.sfHover a:before, .sf-menu li.current-menu-item a:before { opacity:0; background:#888888; width:0%; width: calc(100% - 30px); } #progression-inline-icons .progression-studios-social-icons a:hover { background:none; } #freehold-progression-header-top .sf-menu a:before { display:none; } .sf-menu a:before { content:""; display:block; position:absolute; left:0px; margin-top:17px; height:3px; background:#888888; opacity:0; bottom:0px; width:0px; margin-left:15px; } .sf-menu .sf-mega:before { display:none ; } .sf-menu li li a:before { display:none; } .sf-menu ul ul ul ul li:after, .sf-menu ul ul ul li:after, .sf-menu ul ul li:after, .sf-menu ul li:after, .sf-menu li:first-child:after { display:none; } /* Banner Icon */ .progression-mini-banner-icon { position:absolute; top:8px; right:9px; line-height:1; padding:4px 7px 3px 7px; font-size:9px; border-radius:20px; background:#4145ee; color:#ffffff; } .sf-menu li li .progression-mini-banner-icon { font-size:8px; top:14px; right:0px; } .sf-menu li .sf-mega h2 .progression-mini-banner-icon { top:22px; right:0px; } .sf-menu li .sf-mega .progression-mini-banner-icon { top:14px; right:0px; } /* Fix for divider */ #main-nav-mobile { font-weight: 700; font-family:'PT Sans', sans-serif; } #panel-search-progression, .sf-menu ul { font-weight: 700; font-family:'PT Sans', sans-serif; box-shadow: 2px 2px 20px rgba(0,0,0, 0.15); -webkit-font-smoothing:subpixel-antialiased; text-shadow:none; border-radius:3px; box-shadow: inset 0 0 0 1px rgba(0,0,0, 0.25); } .sf-menu ul a { -webkit-text-stroke: 0px; text-shadow:none; margin:0px; border:none; } .sf-menu ul:before { content:""; display:block; position:absolute; top:-8px; left:6px; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid #697884; } .sf-menu ul:after { content:""; display:block; position:absolute; top:-9px; left:5px; width: 0; z-index:-1; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid rgba(0,0,0, 0.6); } .sf-menu ul.sf-mega:before { left:50px; } .sf-menu ul ul:after, .sf-menu ul.sf-mega ul:before, .sf-menu ul.sf-mega ul:after, .sf-menu ul.sf-mega:before, .sf-menu ul.sf-mega:after { display:none; } .sf-menu ul:before { } .sf-menu ul ul:before { display:none; } .sf-menu .sf-mega { padding-bottom:20px; padding-left:10px; padding-right:10px; } .sf-menu .sf-mega ul { padding:0px; margin:0px; background:none; box-shadow:none; } .sf-menu li li { padding-right:0px; padding-left:0px; } .sf-menu ul { padding:0px; } .sf-menu ul ul { top:0px; margin-top:0px; } ul#progression-studios-panel-login li a { display:block; text-transform:none; line-height:1; font-size:11px; padding:15px 0px 15px 0px; border-bottom:1px solid rgba(255,255,255, 0.08); } .sf-menu li li a { text-transform:none; font-size:11px; padding:13px 20px 13px 16px; border-bottom:none; } .progression-sticky-scrolled .sf-menu li li a { padding-top:13px; padding-bottom:13px; } .sf-menu .deep-level li:last-child a { padding-bottom:20px; } .sf-menu li li:last-child li:last-child a, .sf-mega li:last-child li:last-child li:last-child a, .sf-mega li:last-child li:last-child a, .sf-menu li li:last-child a { border:none; } .sf-menu li.sfHover li a, .sf-menu li.sfHover li.sfHover li a, .sf-menu li.sfHover li.sfHover li.sfHover li a, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li a, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover li a { background:none; color:#888888; } #progression-checkout-basket ul#progression-cart-small li h6, #progression-checkout-basket .progression-sub-total span.total-number-add, .sf-menu li.sfHover li a:hover, .sf-menu li.sfHover li.sfHover a, .sf-menu li.sfHover li li a:hover, .sf-menu li.sfHover li.sfHover li.sfHover a, .sf-menu li.sfHover li li li a:hover, .sf-menu li.sfHover li.sfHover li.sfHover a:hover, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover a, .sf-menu li.sfHover li li li li a:hover, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover a:hover, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover a, .sf-menu li.sfHover li li li li li a:hover, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover a:hover, .sf-menu li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover li.sfHover a { color:#3f3f3f; background:rgba(0,0,0, 0); } /* MEGA MENU STYLES */ .sf-mega ul.deep-level { background:none; margin:0; border:none; border-right:0px solid red; } .sf-menu ul.sf-mega { padding-top:0px; } .sf-menu .sf-mega li { padding-right:0px; padding-left:0px; } .sf-menu .sf-mega li li { padding-right:15px; padding-left:15px; } .sf-menu .sf-mega li li:last-child a, .sf-menu .sf-mega li li a { padding:13px 13px 13px 13px; } body .sf-mega ul:after { display:block; content:''; width:2px; height:100%; position:absolute; top:0px; } .sf-menu .sf-mega li:first-child ul:after { display:none; } .sf-mega h2.mega-menu-heading { text-transform:uppercase; position:relative; font-size:17px; font-weight:700; color:#444444; border-right:none; border-bottom:1px solid rgba(255,255,255, 0.17); padding:35px 0px 18px 0px; margin:0px 30px 12px 30px; line-height:1; -webkit-text-stroke: 0px; letter-spacing:0px; -webkit-font-smoothing:subpixel-antialiased; } body #progression-sticky-header header .sf-mega h2.mega-menu-heading a, body header .sf-mega h2.mega-menu-heading a { background:none !important; color:#ffffff; font-size:17px; letter-spacing: 0px; font-weight:700; text-shadow:1px 1px 2px rgba(0,0,0, 0.17); padding: 0px; margin:0px; line-height:1; border:none; text-transform:uppercase; } .sf-mega .sf-mega-section:hover, .sf-mega .sf-mega-section, .sf-mega .sf-mega-section li:hover { background:none; } /* Mega Menu Widget Styling */ .sf-mega .widget-pro { padding:20px 30px 10px 30px; } .sf-mega .widget-pro h1, .sf-mega .widget-pro h2, .sf-mega .widget-pro h3, .sf-mega .widget-pro h4, .sf-mega .widget-pro h5, .sf-mega .widget-pro h6 { color:#1e1e1e; margin-bottom:5px; } .sf-mega .widget-pro ul li { margin-bottom:10px; } .sf-mega .widget-pro ul { border:none; } .sf-mega .widget-pro a, .sf-mega .widget-pro a:hover { border:none; padding:0px; margin:0px; background:none !important; } /* Font Awesome Icon Spacing */ ul#progression-studios-panel-login li a i, .sf-menu i { line-height:1; margin-right:6px; font-size:90%; position:relative; margin-bottom:-2px; margin-top:-2px; } ul#progression-studios-panel-login li a i, .sf-menu li li i { font-size:95%; } .sf-mega li h2 i { margin-right:8px; } /* Sub-menu Arrows */ .sf-arrows .sf-with-ul { padding-right: 30px; } .sf-arrows .sf-with-ul:after { font-weight:normal; font-style:normal; font-family: FontAwesome; border:none; content:"\f107"; font-size:12px; top: 50%; right: 24px; margin-top:-6px; } .sf-arrows ul .sf-with-ul:after { font:normal normal normal 10px/1 FontAwesome; content:"\f105"; margin-top:-5px; right:15px; } /* Dark and Light Navigation */ @media only screen and (min-width: 959px) { .progression_studios_force_dark_navigation_color .progression-sticky-scrolled .sf-menu li.highlight-button a, .progression_studios_force_light_navigation_color .progression-sticky-scrolled .sf-menu li.highlight-button a { color:#ffffff; } .progression_studios_force_light_navigation_color .sf-menu a { color:#ffffff; } .progression_studios_force_light_navigation_color .sf-menu li.highlight-button a:hover, .progression_studios_force_light_navigation_color .sf-menu li.highlight-button a { color:#232323; } .progression_studios_force_light_navigation_color .sf-menu li.highlight-button a:hover:before, .progression_studios_force_light_navigation_color .sf-menu li.highlight-button a:before, .progression_studios_force_light_navigation_color #progression-shopping-cart-count span.progression-cart-count { background:#ffffff; color:#000000; } .progression_studios_force_light_navigation_color #progression-shopping-cart-count a.progression-count-icon-nav i.shopping-cart-header-icon:hover, .progression_studios_force_light_navigation_color .activated-class #progression-shopping-cart-count a.progression-count-icon-nav i.shopping-cart-header-icon, .progression_studios_force_light_navigation_color #progression-studios-header-login-container a.progresion-studios-login-icon, .progression_studios_force_light_navigation_color #progression-studios-header-search-icon i.pe-7s-search, .progression_studios_force_light_navigation_color #progression-shopping-cart-count a.progression-count-icon-nav i.shopping-cart-header-icon, .progression_studios_force_light_navigation_color #progression-studios-header-search-icon:hover i.pe-7s-search, .progression_studios_force_light_navigation_color #progression-studios-header-search-icon.active-search-icon-pro i.pe-7s-search, .progression_studios_force_light_navigation_color #progression-shopping-cart-toggle.activated-class a i.shopping-cart-header-icon, .progression_studios_force_light_navigation_color #progression-inline-icons .progression-studios-social-icons a:hover, .progression_studios_force_light_navigation_color #progression-shopping-cart-count a.progression-count-icon-nav:hover, .progression_studios_force_light_navigation_color .sf-menu a:hover, .progression_studios_force_light_navigation_color .sf-menu li.sfHover a, .progression_studios_force_light_navigation_color .sf-menu li.current-menu-item a { color:#ffffff; } .progression_studios_force_light_navigation_color #progression-inline-icons .progression-studios-social-icons a { color:#ffffff; } .progression_studios_force_dark_navigation_color .sf-menu a { color:#000000; } .progression_studios_force_dark_navigation_color .sf-menu li.highlight-button a:hover, .progression_studios_force_dark_navigation_color .sf-menu li.highlight-button a { color:#ffffff; } .progression_studios_force_dark_navigation_color .sf-menu li.highlight-button a:hover:before, .progression_studios_force_dark_navigation_color .sf-menu li.highlight-button a:before, .progression_studios_force_dark_navigation_color #progression-shopping-cart-count span.progression-cart-count { background:#000000; color:#ffffff; } .progression_studios_force_dark_navigation_color #progression-shopping-cart-count a.progression-count-icon-nav i.shopping-cart-header-icon:hover, .progression_studios_force_dark_navigation_color .activated-class #progression-shopping-cart-count a.progression-count-icon-nav i.shopping-cart-header-icon, .progression_studios_force_dark_navigation_color #progression-studios-header-login-container a.progresion-studios-login-icon, .progression_studios_force_dark_navigation_color #progression-studios-header-search-icon i.pe-7s-search, .progression_studios_force_dark_navigation_color #progression-shopping-cart-count a.progression-count-icon-nav i.shopping-cart-header-icon, .progression_studios_force_dark_navigation_color #progression-studios-header-search-icon:hover i.pe-7s-search, .progression_studios_force_dark_navigation_color #progression-studios-header-search-icon.active-search-icon-pro i.pe-7s-search, .progression_studios_force_dark_navigation_color #progression-shopping-cart-toggle.activated-class a i.shopping-cart-header-icon, .progression_studios_force_dark_navigation_color #progression-inline-icons .progression-studios-social-icons a:hover, .progression_studios_force_dark_navigation_color #progression-shopping-cart-count a.progression-count-icon-nav:hover, .progression_studios_force_dark_navigation_color .sf-menu a:hover, .progression_studios_force_dark_navigation_color .sf-menu li.sfHover a, .progression_studios_force_dark_navigation_color .sf-menu li.current-menu-item a { color:#000000; } .progression_studios_force_dark_navigation_color #progression-inline-icons .progression-studios-social-icons a { color:#000000; } } /* =============================================== 10. FLEXSLIDER STYLES =============================================== */ /* RESETS */ .flex-container a:hover, .flex-slider a:hover, .flex-container a:focus, .flex-slider a:focus { outline: none; } .slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } .flex-pauseplay span { text-transform: capitalize; } /* BASE STYLES */ .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } .flexslider .slides img { width: 100%; display: block; } .flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .flexslider .slides { display: block; } * html .flexslider .slides { height: 1%; } .no-js .flexslider .slides > li:first-child { display: block;} /* DEFAULT THEME */ .flexslider { margin: 0; background: none; border:none; position: relative; zoom: 1; } .flexslider .slides { zoom: 1; } .flexslider .slides img { height: auto; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px;} .carousel li { margin-right: 5px; } .flex-direction-nav { *height: 0; } .flexslider { -webkit-transform: translateZ(0); } .flex-direction-nav a { text-decoration: none; display: block; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 1; cursor: pointer; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); font-family: 'FontAwesome'; font-weight: normal; font-style: normal; text-align:center; border:none; margin: -20px 0 0; font-size:19px; width:30px; line-height:40px; height:40px; color:#777777; background:#ffffff; box-shadow: 1px 1px 5px rgba(0,0,0, 0.02); } .flexslider .flex-direction-nav a { transition-duration: 250ms; transition-property: all; transition-timing-function: ease-in-out; } .flexslider:hover .flex-direction-nav a { top:50%; } .flex-direction-nav a:hover { color:#ffffff; opacity:1; background:#4145ee; } .flex-direction-nav a.flex-prev:before { content: "\f104"; position:relative; left:-1px; } .flex-direction-nav a.flex-next:before { content: "\f105"; position:relative; right:-1px; } .flex-direction-nav .flex-prev { left:0px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .flex-direction-nav .flex-next { right:0px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .flexslider:hover .flex-direction-nav .flex-prev, .flexslider:hover .flex-direction-nav .flex-next { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; } .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f003'; } .flex-control-nav { width: 100%; position: absolute; bottom: 15px; text-align: center; z-index:10; } .flex-control-nav li { margin:0px; display: inline-block; zoom: 1; *display: inline; position:relative; } .flex-control-paging li { width:18px; height:10px; text-align:center; } .flex-control-paging li a { width:7px; height:7px; bottom:0px; display: block; cursor: pointer; text-indent: -9999px; position:absolute; background:none; border:2px solid #ffffff ; box-shadow: 1px 1px 3px rgba(0,0,0, 0.25); border-radius: 15px; } .flex-control-paging li a.flex-active { background:#fff ; border-color:#fff; } .flex-control-paging li a.flex-active { cursor: default; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } /* =============================================== 11. MOBILE NAVIGATION STYLES =============================================== */ span.progression-mobile-menu-text { padding-left:6px; position:relative; top:-2px; } .mobile-menu-icon-pro i { min-width:22px; } .mobile-menu-icon-pro { cursor:pointer; line-height:1; display:none; float:right; margin-right:0px; text-align:right; padding-right:0px; } .active-mobile-icon-pro .mobile-menu-icon-pro .fa-bars:before { content:"\f00d"; } .menu-collapser { display:none !important; } #main-nav-mobile { line-height:1.6; background:#f9f9f9; display:none; position:relative; width:100%; z-index:20; box-shadow: 0px 2px 6px rgba(0,0,0, 0.08); } @media only screen and (min-width: 960px){ #main-nav-mobile { display:none !important; } } #main-nav-mobile .sf-menu li li .progression-mini-banner-icon, #main-nav-mobile .sf-menu li .sf-mega h2 .progression-mini-banner-icon, #main-nav-mobile .sf-menu li .sf-mega .progression-mini-banner-icon, #main-nav-mobile .progression-mini-banner-icon { top:22px; right:70px; } @media only screen and (min-width: 959px) { .progression_studios_force_light_navigation_color .progression-mini-banner-icon {background:#ffffff; color:#000000;} .progression_studios_force_dark_navigation_color .progression-mini-banner-icon {background:#000000; color:#ffffff;} } ul.mobile-menu-pro { width: 100%; margin: 0; padding: 0; list-style-type: none; display:block !important; overflow:hidden; width: 100%; } ul.mobile-menu-pro li { position: relative; display: inline-block; } ul.mobile-menu-pro > li { margin-right: -5px; border-left: 1px rgba(255,255,255, 0.1); } ul.mobile-menu-pro > li:first-child { border-left: 0 } ul.mobile-menu-pro > li:last-child { margin-right: 0 } ul.mobile-menu-pro li a, ul.mobile-menu-pro .sf-mega h2.mega-menu-heading { display: block; text-transform:uppercase; color:#444444; font-size:14px; padding:16px 3%; margin:0px; border:none; } body #progression-sticky-header header ul.mobile-menu-pro h2.mega-menu-heading a, ul.mobile-menu-pro .sf-mega h2.mega-menu-heading a, ul.mobile-menu-pro .sf-mega h2.mega-menu-heading { min-height:55px; line-height:55px; margin:0px ; padding-top:0px ; padding-bottom: 0px ; text-transform:uppercase; font-size:15px; color:#ffffff; } ul.mobile-menu-pro .sf-mega h2.mega-menu-heading:after { display:none; } body #progression-sticky-header header ul.mobile-menu-pro h2.mega-menu-heading a, body header ul.mobile-menu-pro .sf-mega h2.mega-menu-heading a { color:#ffffff; } header#masthead-pro.sidebar-header-hidden ul.mobile-menu-pro .sf-mega li.sf-mega-section, header#masthead-pro.sidebar-header ul.mobile-menu-pro .sf-mega li.sf-mega-section { margin:0px; padding:0px; width:auto; float:none; } ul.mobile-menu-pro .sf-mega h2.mega-menu-heading a { padding:0px; margin:0px; border:none !important; } ul.mobile-menu-pro li li a { padding-left:30px; } ul.mobile-menu-pro li li li a { padding-left:35px; } ul.mobile-menu-pro li li li li a { padding-left:40px; } ul.mobile-menu-pro a i { padding-right:4px; } ul.mobile-menu-pro li .sub-collapser { background: none; position: absolute; right: 0; top: 0; width:50px; text-align: center; z-index: 999; cursor: pointer; height:55px; } ul.mobile-menu-pro.collapsed li .sub-collapser:before { position:absolute; top:0px; left:0px; font:normal normal normal 17px/1 FontAwesome; border:none; content:"\f107"; text-align:center; line-height:55px; width:50px; color:rgba(255,255,255, 0.8); background:rgba(0,0,0, 0.09); } ul.mobile-menu-pro.collapsed li .sub-collapser.expanded { transform: rotate(180deg); } ul.mobile-menu-pro li .sub-collapser > i { display:none; } ul.mobile-menu-pro li ul { margin: 0; list-style-type: none; } ul.mobile-menu-pro li ul { padding-left:0px; } ul.mobile-menu-pro li ul li { background:rgba(0,0,0, 0.04); } ul.mobile-menu-pro li ul li li:hover { background:rgba(0,0,0, 0.04) !important; } ul.mobile-menu-pro li > ul { display: none; position: absolute; left: 0; top: 100%; z-index: 999; width: 100%; } ul.mobile-menu-pro li > ul > li ul { display: none; position: absolute; left: 100%; top: 0; z-index: 999; width: 100%; } ul.mobile-menu-pro.collapsed li { display: block; width: 100%; box-sizing: border-box; } ul.mobile-menu-pro.collapsed li a { display: block; border-bottom: 1px solid rgba(255,255,255, 0.04); box-sizing: border-box; } ul.mobile-menu-pro.collapsed li > ul { display: none; position: static; } /* Mega Menu Sections */ ul.mobile-menu-pro .sf-mega { background:rgba(0,0,0, 0.04); margin:0px; border:none; padding:0px; } ul.mobile-menu-pro .sf-mega .sf-mega-section { width:100%; float:none; border-bottom: 1px solid rgba(255,255,255, 0.1); } ul.mobile-menu-pro .sf-mega .sf-mega-section li a { border-bottom: 1px solid rgba(255,255,255, 0.1); } ul.mobile-menu-pro .sf-mega .sf-mega-section li a, ul.mobile-menu-pro .sf-mega .sf-mega-section, ul.mobile-menu-pro.collapsed li a { border-color:rgba(255,255,255, 0.09); } /* =============================================== 12. SIDEBAR STYLES =============================================== */ .sidebar { color:#999999; } .sidebar-item { margin-bottom:30px; } .sidebar a { color:#555555; } .sidebar ul li.current-cat, .sidebar ul li.current-cat a, .sidebar a:hover { color:#000000; } .tagcloud { margin-bottom:15px; } .sidebar ul li:before { display:inline-block; font-weight:normal; font-style:normal; content:"—"; padding-left:1px; padding-right:3px; position:relative; top:0px; font-size:70%; position:absolute; left:0px; opacity:0.8; content:"\f178"; font-family:FontAwesome; top:4px; } .sidebar .widget_recent_entries ul li:before { font-size:90%; content:"\f0f6"; font-family:FontAwesome; top:1px; opacity:1; } .sidebar .widget_recent_comments ul li:before { font-size:90%; content:"\f0e6"; font-family:FontAwesome; top:1px; opacity:1; } .sidebar ul { list-style:none; margin:0px 0px 20px 0px; padding:0px; } .sidebar ul ul.sub-menu, .sidebar ul ul.children { margin-top:8px; } .sidebar ul ul { margin:0px; padding:8px 0px 0px 12px; } .sidebar ul ul li:last-child { border:none; margin-bottom:0px; padding-bottom:0px; } .sidebar ul li { position:relative; line-height:1.5; margin:0px 0px 8px 0px; padding:0px 0px 8px 20px; border-bottom:1px dotted rgba(0,0,0, 0.24); } body .sidebar ul ul { margin-left:-15px; } body .sidebar ul ul ul ul { margin-left:-20px; } /* Sidebar Select */ .widget select { padding-left:20px; padding-right:50px; padding-top:12px; font-size:15px; padding-bottom:12px; background-image:url(images/select-arrow.png); background-position:right 18px; background-repeat:no-repeat; background-size:34px 12px; max-width:100%; margin-bottom:30px; -webkit-box-shadow: inset 0 6px 5px -5px rgba(32,36,39, 0.18); -moz-box-shadow:inset 0 6px 5px -5px rgba(32,36,39, 0.18); box-shadow:inset 0 6px 5px -5px rgba(32,36,39, 0.18); } @media screen and (-webkit-min-device-pixel-ratio: 1.5) { .widget select {background-image:url(images/select-arrow@2x.png);} } /* RSS */ .widget_rss ul li:before { display:none; } .widget_rss ul a.rsswidget { display:block; margin-bottom:4px; font-weight:600; font-size:105%; } .widget_rss ul span.rss-date { display:block; font-size:90%; opacity:0.8; margin-bottom:5px; } .widget_rss ul li { padding-left:0px; } .widget_rss ul cite { display:block; font-style:italic; padding-top:8px; opacity:0.8; font-size:90%; } /* Calendar */ .widget table#wp-calendar { width:100%; } .widget table#wp-calendar caption { text-align:center; font-size:105%; padding-bottom:5px; color:#444444; } .widget table#wp-calendar thead th { font-weight:600; } .widget table#wp-calendar tr th, .widget table#wp-calendar tr td { padding:6px; text-align:center; } /* Count Styling for Category/Archive */ .widget ul span.count { float:right; color:#777; font-size:10px; display:inline-block; text-align:center; position:relative; top:3px; } .widget li.recentcomments span.comment-author-link { font-style:italic; } /* Social Icons */ .sidebar ul.progression-studios-social-widget { list-style:none; margin:0px 0px 0px 0px; padding:0px 0px 5px 0px; width:100%; overflow:hidden; } .sidebar ul.progression-studios-social-widget li { margin:0px; padding:0px; display:inline; border:none; } ul.progression-studios-social-widget li:before { display:none !important; } ul.progression-studios-social-widget li a { color:#ffffff; background:#52535e; text-align:center; font-size:15px; width:38px; height:38px; line-height:38px; border-radius:4px; border:none; display:inline-block; margin-right:6px; margin-bottom:10px; } ul.progression-studios-social-widget li a i { position:relative; top:1px; } ul.progression-studios-social-widget a:hover { opacity:0.7; color:#ffffff; background:#52535e; } ul.progression-studios-social-widget a.facebook-pro { background:#3b5998; border-color:#3b5998; } ul.progression-studios-social-widget a.twitter-pro { background:#55acee; border-color:#55acee; } ul.progression-studios-social-widget a.yelp-pro { background:#c11419; border-color:#c11419; } ul.progression-studios-social-widget a.google-pro { background:#dd4b39; border-color:#dd4b39; } ul.progression-studios-social-widget a.linkedin-pro { background:#007bb6; border-color:#007bb6; } ul.progression-studios-social-widget a.instagram-pro { background:#517fa4; border-color:#517fa4; } ul.progression-studios-social-widget a.tumblr-pro { background:#32506d; border-color:#32506d; } ul.progression-studios-social-widget a.pinterest-pro { background:#cb2027; border-color:#cb2027; } ul.progression-studios-social-widget a.youtube-pro { background:#bb0000; border-color:#bb0000; } ul.progression-studios-social-widget a.flickr-pro { background:#ff0084; border-color:#ff0084; } ul.progression-studios-social-widget a.vimeo-pro { background:#42c0fb; border-color:#42c0fb; } ul.progression-studios-social-widget a.soundcloud-pro { background:#fd5315; border-color:#fd5315; } ul.progression-studios-social-widget a.vine-pro { background:#1abe90; } ul.progression-studios-social-widget a.snapchat-pro { background:#fffc00; border-color:#fffc00; } ul.progression-studios-social-widget a.dribbble-pro { background:#ea4c89; border-color:#ea4c89; } ul.progression-studios-social-widget a.vk-pro { background:#45668e; border-color:#45668e; } ul.blog-single-social-sharing li a.stumble-share { background:#ea472a; border-color:#ea472a; } ul.blog-single-social-sharing li a.reddit-share { background:#fd4314; border-color:#fd4314; } ul.progression-studios-social-widget a.houzz-pro { background:#7dbf4a; border-color:#7dbf4a; } ul.progression-studios-social-widget a.wordpress-pro { background:#21759b; border-color:#21759b; } ul.progression-studios-social-widget a.spotify-pro { background:#00e461; border-color:#00e461; } ul.progression-studios-social-widget a.behance-pro { background:#1769ff; border-color:#1769ff; } ul.progression-studios-social-widget a.tripadvisor-pro { background:#5a9346; border-color:#5a9346; } ul.progression-studios-social-widget a.twitch-pro { background:#6346a2; border-color:#6346a2; } ul.progression-studios-social-widget a.lastfm-pro { background:#b80009; border-color:#b80009; } /* Latest Propertes Widget */ .sidebar ul.progression-studios-property-listing-widget { margin:0px; padding:0px; list-style:none; } .sidebar ul.progression-studios-property-listing-widget li { margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; } .sidebar ul.progression-studios-property-listing-widget li:before { display:none; } .sidebar ul.progression-studios-property-listing-widget li:last-child { border:none; margin-bottom:0px; } .hide-widget-image .avlar-widget-thumb { display:none; } .hide-widget-image .property-featured-listing-widget-text { float:none; width:calc(100% - 10px); } .property-featured-listing-widget-text { float:right; width:58%; } .avlar-widget-thumb { float:left; width:calc(35% - 10px); padding:5px; border:1px solid #dddddd; border-radius:3px; margin:0px 0px 15px 0px; } .avlar-widget-thumb:hover { border-color:#cccccc; box-shadow: 0px 0px 4px rgba(0,0,0, 0.13); } .sidebar ul.progression-studios-property-listing-widget h2.progression-property-title { font-size:16px; margin-top:0px; padding-top:0px; margin-bottom:0px; } .sidebar ul.progression-studios-property-listing-widget .progression-property-title-address-meta { font-size:13px; margin-bottom:0px; } .sidebar ul.progression-studios-property-listing-widget .progression-property-index-price { font-size:13px; } /* =============================================== 13. PAGINATION STYLES =============================================== */ .post-views.entry-meta { display:none; } /* Pagination */ #content-pro ul.page-numbers { list-style:none; margin:5px 0px 20px 0px; padding:0px; text-align:center; } #content-pro ul.page-numbers li { margin:0px; padding:0px; display:inline; } /* Blog Post Pagination */ .progression-page-nav { margin:20px 0 25px 0; list-style:none; text-align:center; font-size:13px; } .progression-page-nav span, .progression-page-nav a { display:inline-block; text-align:center; margin:0px 2px 4px 2px; font-size:14px; padding:0px; height:36px; min-width:36px; line-height:34px; background:#ffffff; color:#1e023d; border:1px solid rgba(0,0,0, 0.2); box-shadow: 0px 0px 4px rgba(0,0,0, 0.03); border-radius:30px; font-weight:600; } .progression-page-nav a span { padding:0px; background:none; min-width:none; margin:0px; border:none; color:#070707; box-shadow:none; } #content-pro ul.page-numbers li span.current, #content-pro ul.page-numbers li a { display:inline-block; text-align:center; margin:0px 2px 4px 2px; font-size:14px; padding:0px; height:36px; min-width:36px; line-height:34px; background:#ffffff; color:#1e023d; border:1px solid rgba(0,0,0, 0.2); box-shadow: 0px 0px 4px rgba(0,0,0, 0.03); border-radius:30px; font-weight:600; } #content-pro ul.page-numbers li a.prev, #content-pro ul.page-numbers li a.next { padding-left:20px; padding-right:20px; } .progression-page-nav a:hover, .progression-page-nav span, #content-pro ul.page-numbers li a:hover, #content-pro ul.page-numbers li span.current { background-color:rgba(0,0,0, 0.3); background-image:url('images/title-bg.png'); background-position:bottom left; background-repeat:repeat-x; color:#ffffff; } .progression-page-nav a:hover span { color:#ffffff; } #content-pro ul.page-numbers li span.dots { display:inline-block; padding:0px 5px; } /* =============================================== 14. BLOG INDEX STYLES =============================================== */ .progression-studios-sticky-post { position:absolute; top:0px; right:20px; color:#ffffff; line-height:1; padding:7px 11px; background:rgba(0,0,0, 0.8); font-size:11px; font-weight:700; } .progression-blog-content { margin-bottom:35px; border-bottom:1px dotted rgba(0,0,0, 0.18); margin-left:10px; margin-right:10px; position:relative; } h2.progression-blog-title { color:#1f1f1f; font-size:19px; line-height:1.3; margin-bottom:8px; } h2.progression-blog-title a { border:none; color:#1f1f1f; } h2.progression-blog-title a:hover { color:#eea72d; } ul.progression-post-meta { display:block; width:100%; overflow:hidden; list-style:none; margin:0px 0px 0px 0px; padding:0px 0px 10px 0px; } ul.progression-post-meta li { display:block; font-size:14px; font-family: 'Tinos', serif; color:#999999; font-style:italic; float:left; line-height:1.7; margin:0px 0px 5px 0px; } ul.progression-post-meta li:after { content:'·'; position:relative; margin:0px 9px; } ul.progression-post-meta li a { color:#444444; } ul.progression-post-meta li a:hover { color:#666666; } ul.progression-post-meta li:last-child:after { display:none; } .progression-studios-blog-excerpt a.more-link i { font-size:8px; position:relative; padding-left:5px; top:-1px; } /* Video Style Fixes */ .progression-studios-feaured-image p { margin:0px; padding:0px; } .progression-studios-default-blog-index .wp-video { width:100% !important; height:auto; } /* Hover Transitions */ .progression-studios-feaured-image { position:relative; overflow:hidden; text-align:center; margin-bottom:20px; } .progression-studios-feaured-image img { transition: all 400ms; border-radius:4px; } .progression-studios-default-blog-overlay.progression-studios-blog-image-scale a:hover img, .progression-studios-blog-image-scale .progression-studios-feaured-image:hover a img { transform: scale(1.09); } .progression-studios-default-blog-overlay.progression-studios-blog-image-zoom-grey a:hover .progression-studios-feaured-image img, .progression-studios-blog-image-zoom-grey .progression-studios-feaured-image:hover a img { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .progression-studios-default-blog-overlay.progression-studios-blog-image-zoom-sepia a:hover .progression-studios-feaured-image img, .progression-studios-blog-image-zoom-sepia .progression-studios-feaured-image:hover a img { -webkit-filter: sepia(50%); filter: sepia(50%); } .progression-studios-default-blog-overlay.progression-studios-blog-image-zoom-saturate a:hover .progression-studios-feaured-image img, .progression-studios-blog-image-zoom-saturate .progression-studios-feaured-image:hover a img { -webkit-filter: saturate(50%); filter: saturate(50%); } .progression-studios-default-blog-overlay.progression-studios-blog-image-zoom-shine .progression-studios-feaured-image:before, .progression-studios-blog-image-zoom-shine .progression-studios-feaured-image:before { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); transform: skewX(-25deg); } .progression-studios-default-blog-overlay.progression-studios-blog-image-zoom-shine:hover .progression-studios-feaured-image:before, .progression-studios-blog-image-zoom-shine .progression-studios-feaured-image:hover:before { animation: shine_pro 1.2s; } @-webkit-keyframes shine_pro { 100% { left: 125%; } } @keyframes shine_pro { 100% { left: 125%; } } /* =============================================== 15. BLOG POST STYLES =============================================== */ /* Tags */ .tags-progression { border-top:1px dotted rgba(0,0,0, 0.18); padding-top:15px; margin-bottom:15px; color:#999999; } .tags-progression span { font-size:15px; position:relative; margin-right:10px; } .tags-progression a { font-style:italic; font-size:14px; font-family: 'Tinos', serif; } /* Blog Comment Styling */ .page-content-pro #comments { padding-left:10px; padding-right:10px; } p.logged-in-as { margin-bottom:15px; font-size:90%; } .comment-navigation { padding-top:10px; padding-bottom:25px; } .comment-navigation a { font-weight:700; } .comment-navigation .nav-previous { float:left; width:50%; } .comment-navigation .nav-next { float:right; width:50%; text-align:right; } .comment-form label { display:block; padding:0px 0px 2px 0px; font-size:90%; } .form-allowed-tags code { font-family: Inconsolata, monospace; display:block;font-size:80%; } #comments h4.comments-title { margin-top:20px; margin-bottom:30px; font-size:19px; } #comments h4.comments-title span.comment-count-title { font-weight:600; } #comments h3.comment-reply-title { font-size:20px; margin-bottom:15px; } #comments h3.comment-reply-title small { font-size:14px; padding-left:5px; } body .comment-list { list-style: none; margin:0px 0px 25px 0px; padding:0px; } .comment-list li.comment { padding-bottom:10px; margin-bottom:25px; position:relative; } body .comment-list li.pingback { padding-bottom:15px; font-size:95%; } body .comment-list li.pingback .comment-body:before { display:none; } body .comment-list li.pingback .comment-body { margin-left:0px; } .comment-list .children { list-style: none; margin: 0; padding:0px; } .comment-list .children > li { border-bottom:0px; margin-bottom:0px; margin-top:50px; margin-left: 35px; } .comment-body { font-size:95%; padding:18px 25px; margin-left:90px; background:#ffffff; border:2px solid rgba(0,0,0, 0.08); } .comment-body:before { content:''; display:block; position:absolute; left:80px; top:30px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right:10px solid rgba(0,0,0, 0.08); } .comment-body p { margin-bottom:10px; } .comment-author .avatar { float: left; height: 70px; width: 70px; left:0px; position:absolute; border-radius:100px; } .comment-author span.says { display:none; } .comment-author cite a, .comment-author cite a:hover {color:#35364c;} .comment-author cite { display:inline-block; font-style:normal; font-weight:600; line-height:1.2; color:#35364c; font-size:16px; padding-right:5px; padding-bottom:0px; padding-top:4px; } .commentmetadata { margin-bottom: 8px; font-size:13px; padding-top:3px; color:#878787; } .commentmetadata a, .commentmetadata a:hover { color:#878787; } .reply a.comment-reply-link { font-size:11px; position:absolute; padding:6px 10px; right:10px; margin-top:-20px; display:block; } .reply a.comment-reply-link:before { content:"\f112"; font-weight:normal; font-family:FontAwesome; font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0); padding-right:5px; font-size:9px; position:relative; top:-1px; } #respond.comment-respond { margin-top:25px; } .comment-list a.comment-edit-link { font-size:12px; font-weight:600; } /* =============================================== 16. CONTACT FORM STYLES =============================================== */ span.required { color:#fa4e3c; } .wpcf7-form .grid2column-progression p { margin-bottom:0px; } .wpcf7-form .grid2column-progression, .wpcf7-form p { margin-bottom:20px; } #header-progression-property-search-field input:focus, #progression-property-index-advanced-search input:focus, .widget select:focus, #progression-studios-woocommerce-single-top table.variations td.value select:focus, .woocommerce-page form.woocommerce-ordering select:focus, form#mc-embedded-subscribe-form .mc-field-group input:focus, .wpcf7-form select:focus, blockquote, .post-password-form input:focus, .search-form input.search-field:focus, #respond textarea:focus, #respond input:focus, .wpcf7-form input:focus, .wpcf7-form textarea:focus { outline:none; border-color:#6e8a95; } .tml input, .tml textarea, .wpcf7 select, .post-password-form input, #respond textarea, #respond input, .wpcf7-form input, .wpcf7-form textarea { border-radius:4px; width:75%; padding:10px 16px; background:#ffffff; border:1px solid #ffffff; font-size:14px; -webkit-box-shadow: inset 0 6px 5px -5px rgba(32,36,39, 0.18); -moz-box-shadow:inset 0 6px 5px -5px rgba(32,36,39, 0.18); box-shadow:inset 0 6px 5px -5px rgba(32,36,39, 0.18); } span.wpcf7-form-control-wrap { padding-top:3px; display:block; } .post-password-form { font-size:14px; } .post-password-form input[type=submit] { margin-right:0px; } .post-password-form input { max-width:280px; width:85%; margin-right:10px; padding-top:11px; padding-bottom:12px; width: calc(100% - 220px); } .tml input, .tml textarea, .wpcf7-form .grid2column-progression input, #respond textarea, .comment-respond textarea, .wpcf7-form textarea { width:96%; width: calc(100% - 38px); } .wpcf7 select { padding-top:14px; padding-bottom:14px; background-image:url(images/select-arrow.png); background-position:right 21px; background-repeat:no-repeat; background-size:34px 12px; } @media screen and (-webkit-min-device-pixel-ratio: 1.5) { .wpcf7 select {background-image:url(images/select-arrow@2x.png);} } .wpcf7-form .wpcf7-mail-sent-ok, .wpcf7-form .wpcf7-validation-errors { background:#ffffff; } .wpcf7-form input.wpcf7-not-valid { border-color:#e54823; } .wpcf7-form span.wpcf7-not-valid-tip { display:none; } .widget select, .wpcf7 select { -moz-appearance: none; -webkit-appearance: none; -ms-appearance:none; appearance: none; } /* =============================================== 17. BUTTON STYLES =============================================== */ .tagcloud a { line-height:1; border:none; text-align:center; display:inline-block; border-radius:60px; width:auto; padding:9px 14px; font-weight:700; color:#ffffff; margin-bottom:5px; background:#6e16ff; font-size:12px !important; text-transform:uppercase; letter-spacing:0.02em; font-weight:600; font-family: 'Source Sans Pro', sans-serif; } .wp-block-button a.wp-block-button__link { font-size:22px; padding:16px 35px; font-weight:600; font-family: 'Source Sans Pro', sans-serif; } #boxed-layout-pro button.button, #boxed-layout-pro a.button { text-transform:uppercase; } #boxed-layout-pro .form-submit input#submit, #boxed-layout-pro button.button, #boxed-layout-pro a.button { line-height:1; border:none; text-align:center; display:inline-block; border-radius:60px; width:auto; padding:14px 26px; font-weight:700; color:#ffffff; background:#6e16ff; font-size:15px; font-weight:600; font-family: 'Source Sans Pro', sans-serif; background-position:bottom left; background-repeat:repeat-x; background-image:url("images/button-hover.png"); text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4); } .progression-property-index-button, .post-password-form input[type=submit], #respond input.submit, .wpcf7-form input.wpcf7-submit { line-height:1; border:none; text-align:center; display:inline-block; border-radius:60px; width:auto; padding:14px 26px; font-size:13px; color:#ffffff; background:#6e16ff; text-transform:uppercase; font-weight:600; font-family: 'Source Sans Pro', sans-serif; background-position:bottom left; background-repeat:repeat-x; background-image:url("images/button-hover.png"); text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); } .progression-property-index-button { padding:12px 26px; } .post-password-form input[type=submit] { padding-top:17px; padding-bottom:17px; } .progression-property-index-button:hover { background-image:none; } #header-progression-property-search-field input#header-submit-search-pro:hover, #progression-property-index-advanced-search input.submit-search-pro:hover, .post-password-form input[type=submit]:hover, #respond input.submit:hover, .wpcf7-form input.wpcf7-submit:hover { color:#0e0e10; background:#e0e0e0; background-image:none; } #respond input.submit, .wpcf7-form input.wpcf7-submit { margin-top:4px; } /* =============================================== 18. PROPERTY MAP STYLES =============================================== */ .map-progression { width: 100%; height: 400px; box-shadow: 0px 0px 10px rgba(0,0,0,0.14); border:1px solid rgba(0,0,0,0.14); border-radius:4px; } .map-progression-index-container { padding-bottom:20px; margin-bottom:22px; border-bottom:1px dotted rgba(0,0,0, 0.15); } .map-container-progression { width:300px; max-width:calc(100% - 5px); padding:12px 0px 5px 5px; } a.map-image-progression { width:30%; display:block; float:left; overflow:hidden; } a.map-image-progression img { width:100%; } .content-map-progression { float:right; width:65%; } .content-map-progression h2.property-title-pro { font-size:16px; margin-bottom:2px; } .content-map-progression .progression-property-title-address-meta { margin-bottom:5px; font-size:14px; } .content-map-progression .price-index-pro { font-weight:600; font-size:15px; color:#f86132; margin-bottom:10px; display:inline-block; } body .content-map-progression ul.property-meta-index-map-pro { padding-top:0px; font-size:12px; margin-bottom:0px; } body .content-map-progression ul.property-meta-index-map-pro li { font-size:12px; padding-left:8px; padding-right:8px; } /* =============================================== 19. PROPERTY INDEX STYLES =============================================== */ .progression-studios-property-container { padding-left:10px; padding-right:10px; } .freehold-theme-agent-list-item, .progression-studios-property-index { padding-bottom:20px; margin-bottom:22px; border-bottom:1px dotted rgba(0,0,0, 0.15); } .progression-studios-property-index-image { float:left; width:44%; margin:0px 0px 5px 0px; position:relative; } .progression-studios-property-index-has-image-content { float:right; width:53%; } .progression-studios-property-index-image img { border-radius:4px; } h2.progression-property-title { font-size:20px; padding-top:10px; margin-bottom:0px; } .content-map-progression h2.property-title-pro a, h2.progression-property-title a { color:#5f6f7d; } .progression-property-title-address-meta { font-style:italic; font-family: 'Tinos', serif; font-size:15px; color:#3b3b3b; margin-bottom:2px; } .progression-property-index-price { font-weight:600; font-size:18px; color:#f86132; margin-bottom:10px; } .content-map-progression ul.property-meta-index-map-pro, ul.progression-property-index-meta-list { margin:0px 0px 40px 0px; padding:0px; list-style:none; } .content-map-progression ul.property-meta-index-map-pro li, ul.progression-property-index-meta-list li { margin:0px 0px 5px 0px; padding:5px 22px 5px 15px; float:left; background:#f1f1f1; font-size:14px; color:#888888; display:block; } .content-map-progression ul.property-meta-index-map-pro li i, ul.progression-property-index-meta-list li i { margin-right:5px; } .property-meta-listing-open-house { font-weight:600; } /* Index Footer */ .progression-property-tax-status i { margin-right:5px; font-size:13px; } .progression-property-tax-status { color:#888888; font-size:14px; font-style:italic; font-family: 'Tinos', serif; padding-top:15px; } .progression-property-tax-status a { color:#3b3b3b; } .property-index-footer.lastcolumn-progression { text-align:right; } /* Overlay Messages */ .content-map-progression .overlay-status-pro { display:inline-block; line-height:1; padding:5px 8px; text-transform:uppercase; font-size:10px; font-weight:700; color:#ffffff; margin-left:8px; position:relative; bottom:1px; } .pro-overlay-price { position:absolute; bottom:14%; } .pro-overlay-price .overlay-status-pro { display:inline-block; line-height:1; padding:10px 13px; text-transform:uppercase; font-size:12px; font-weight:600; color:#ffffff; } .overlay-status-pro.recent-pro { background:#5ac763; } .overlay-status-pro.reduced-pro { background:#d48239; } .overlay-status-pro.open-house-pro { background:#39a3d4; } .overlay-status-pro.sold-pro { background:#d4394c; } .overlay-status-pro.auction-pro{ background:#d47739; } .pro-overlay-price .open-house-info-pro, .pro-overlay-price .price-index-pro { display:inline-block; line-height:1; padding:10px 16px; background:#ffffff; color:#525252; font-weight:500; font-size:15px; letter-spacing:0.5px; } /* =============================================== 20. HEADER PROPERTY SEARCH STYLES =============================================== */ #freehold-progression-header-search-container { background:#ffffff; border-bottom:1px solid rgba(0,0,0, 0.25); box-shadow: 0px 0px 10px rgba(0,0,0, 0.08); padding:15px 0px 0px 0px; position:relative; z-index:10; -webkit-transform: translateZ(0); } #header-progression-property-search-field { padding-bottom:15px; } #progression-header-more-search-btn { position:absolute; z-index:3; right:0px; bottom:-19px; cursor:pointer; color:#888888; background:#ffffff; border:1px solid rgba(0,0,0,0.3); box-shadow: 0px 3px 3px rgba(0,0,0, 0.07); border-top:none; text-align:center; width:40px; line-height:1; font-size:13px; height:18px; border-bottom-right-radius: 80px; border-bottom-left-radius:80px; } #progression-header-more-search-btn i { position:relative; top:0px; } #freehold-progression-header-search-container.active #progression-header-more-search-btn i { transform: rotate(-180deg); } #header-progression-property-search-field label { display:inline-block; margin-right:8px; border-radius:3px; padding:8px 8px; min-width:20px; text-align:center; font-size:14px; color:#ffffff; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3); border:1px solid rgba(0,0,0,0.3); border-bottom-color:rgba(0,0,0,0.1); box-shadow: 0px 0px 6px rgba(0,0,0, 0.08); /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.55+0,1+100,0.09+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.13) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.13) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.13) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c000000', endColorstr='#17000000',GradientType=0 ); /* IE6-9 */ } #header-progression-property-search-field input { border-radius:4px; width:calc(100% - 253px); padding:8px 15px; background:#ffffff; border:1px solid #ffffff; font-size:14px; -webkit-box-shadow: inset 0 6px 5px -5px rgba(32,36,39, 0.18); -moz-box-shadow:inset 0 6px 5px -5px rgba(32,36,39, 0.18); box-shadow:inset 0 6px 5px -5px rgba(32,36,39, 0.18); } #header-progression-property-search-field input#header-submit-search-pro { line-height:1; border:none; text-align:center; display:inline-block; border-radius:60px; padding:13px 0px; margin-bottom:0px; width:160px; margin-left:8px; font-size:14px; color:#ffffff; background:#6e16ff; text-transform:uppercase; font-weight:600; font-family: 'Source Sans Pro', sans-serif; background-position:bottom left; background-repeat:repeat-x; background-image:url("images/button-hover.png"); text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); } /* More Search Styles */ #header-progression-search-expanded-container { padding-bottom:15px; display:none; } #header-property-type-progression, #header-property-status-progression { width:33.32%; float:left; } #header-property-beds-baths-container, #header-search-price-container-pro { float:left; width:calc(33.32% - 15px); margin-right:15px; } #header-price-min-progression { float:left; width:calc(50% - 10px); position:relative; } #header-price-max-progression { float:right; width:calc(50% - 10px); } #header-property-beds-progression, #header-property-baths-progression { width:calc(50% - 5px); float:left; } #header-property-baths-progression { float:right; } #header-price-min-progression .header-to-progression { display:block; position:absolute; top:50%; margin-top:-5px; right:-16px; z-index:5; font-weight:500; line-height:1; font-size:11px; } #header-property-status-progression { display:none; } a#progression-header-more-search-options-text:hover, a#progression-header-more-search-options-text { float:right; margin-top:6px; font-size:13px; font-style:italic; color:#aaaaaa; } /* =============================================== 21. PROPERTY SEARCH STYLES =============================================== */ #progression-property-index-advanced-search .search-field-progression { margin-bottom:18px; } /* Price Styles */ #progression-property-index-advanced-search .property-beds-progression, #progression-property-index-advanced-search .price-min-progression { float:left; width:46%; position:relative; } #progression-property-index-advanced-search .to-progression { display:block; position:absolute; top:50%; margin-top:-5px; right:-15px; z-index:5; font-weight:500; line-height:1; font-size:11px; } #progression-property-index-advanced-search .property-baths-progression, #progression-property-index-advanced-search .price-max-progression { float:right; width:46%; } /* Bed Styles */ /* Input Styles */ #progression-property-index-advanced-search input { border-radius:4px; width:calc(100% - 32px); padding:9px 15px; background:#ffffff; border:1px solid #ffffff; font-size:14px; -webkit-box-shadow: inset 0 6px 5px -5px rgba(32,36,39, 0.18); -moz-box-shadow:inset 0 6px 5px -5px rgba(32,36,39, 0.18); box-shadow:inset 0 6px 5px -5px rgba(32,36,39, 0.18); } #progression-property-index-advanced-search input.submit-search-pro { line-height:1; border:none; text-align:center; display:block; border-radius:60px; padding:13px 0px; margin-bottom:15px; width:100%; font-size:13px; color:#ffffff; background:#6e16ff; text-transform:uppercase; font-weight:600; font-family: 'Source Sans Pro', sans-serif; background-position:bottom left; background-repeat:repeat-x; background-image:url("images/button-hover.png"); text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25); } /* Sortings */ #sortable-search { float:right; background:#ffffff; width:145px; position:relative; z-index:5; top:-6px; cursor:pointer; } #sortable-search .selectric { background: -moz-linear-gradient(top, rgba(0,0,0, 0.0) 0%, rgba(0,0,0,0.03) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0, 0.0) 0%,rgba(0,0,0,0.03) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0, 0.0) 0%,rgba(0,0,0,0.03) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ -webkit-box-shadow: 1px 1px 4px rgba(0,0,0, 0); -moz-box-shadow: 1px 1px 4px rgba(0,0,0, 0); box-shadow: 1px 1px 4px rgba(0,0,0, 0); } #sortable-search .selectric .label { margin-right:25px; line-height: 32px; height: 32px; font-size:12px; } #sortable-search .selectric .button { width: 32px; height: 32px; *font: 20px/32px Lucida Sans Unicode, Arial Unicode MS, Arial; } #sortable-search .selectric-items ul, #sortable-search .selectric-items li { font-size: 12px; } /*====================================== Selectric v1.9.3 ======================================*/ .selectric-wrapper { position: relative; cursor: pointer; } .selectric-responsive { width: 100%; } .selectric { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid rgba(0,0,0, 0.15); background: #ffffff; position: relative; -webkit-box-shadow: 1px 1px 4px rgba(0,0,0, 0.1); -moz-box-shadow: 1px 1px 4px rgba(0,0,0, 0.1); box-shadow: 1px 1px 4px rgba(0,0,0, 0.1); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.04+0,0.03+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,0.01) 0%, rgba(0,0,0,0.05) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.05) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.05) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a000000', endColorstr='#08000000',GradientType=0 ); /* IE6-9 */ } .selectric .label { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 22px 0 13px; font-size: 13px; font-weight:400; line-height: 38px; height: 38px; color:#777777; } .selectric .button { display: block; position: absolute; right: 0; top: 0; width: 38px; height: 38px; color: #aaaaaa; text-align: center; font: 0/0 a; *font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial; } .selectric .button:after { content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 0; height: 0; border: 4px solid transparent; border-top-color: #aaaaaa; border-bottom: none; } .selectric-open { z-index: 9999; } /* Selectric Plugin Defaults */ .selectric-open .selectric-items { display: block; } .selectric-disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric-hide-select { position: relative; overflow: hidden; width: 0; height: 0; } .selectric-hide-select select { position: absolute; left: -100%; display: none; } .selectric-input { position: absolute !important; top: 0 !important; left: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; margin: 0 !important; padding: 0 !important; width: 1px !important;height: 1px !important; outline: none !important; border: none !important; *font: 0/0 a !important; background: none !important;} .selectric-temp-show { position: absolute !important;visibility: hidden !important; display: block !important;} /* Items box */ .selectric-items { display: none; position: absolute; top: 100%; left: 0; background: #ffffff; border: 1px solid rgba(0,0,0, 0.15); z-index: -1; -webkit-box-shadow: 0px 2px 3px rgba(0,0,0, 0.12); -moz-box-shadow: 0px 2px 3px rgba(0,0,0, 0.12); box-shadow: 0px 2px 3px rgba(0,0,0, 0.12); } .selectric-items .selectric-scroll { height: 100%; overflow: auto; } .selectric-above .selectric-items { top: auto; bottom: 100%; } .selectric-items ul, .selectric-items li { list-style: none; padding: 0; margin: 0; font-size: 13px; font-weight:400; line-height: 20px; min-height: 20px; } .selectric-items li { display: block; padding: 8px; border-bottom: 1px solid rgba(0,0,0, 0.06); color: #888888; cursor: pointer; } .selectric-items li:last-child {border:none;} .selectric-items li.selected:hover, .selectric-items li.selected { background: rgba(0,0,0, 0.07); color: #555555; } .selectric-items li:hover { background: rgba(0,0,0, 0.02); color: #666666; } .selectric-items .disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default !important; background: none !important; color: #666 !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric-items .selectric-group .selectric-group-label { font-weight: bold; padding-left: 10px; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: none; color: #444; } .selectric-items .selectric-group.disabled li { filter: alpha(opacity=100); opacity: 1; } .selectric-items .selectric-group li { padding-left: 25px; } #progression-property-index-advanced-search .selectric-wrapper ul li:before { display:none; } #progression-property-index-advanced-search .selectric-wrapper ul { margin:0px; padding:0px; } #progression-property-index-advanced-search .selectric-wrapper ul li { margin:0px; padding:8px 14px; } /* =============================================== 22. PROPERTY POST STYLES =============================================== */ #progression-property-post-title-price { float:right; font-weight:600; color:#f6f6f6; position:relative; z-index:2; } #progression-studios-property-content-single { padding-left:10px; padding-right:10px; } #progression-studios-feaured-single-image { margin:-5px 10px 20px 10px; position:relative; } #progression-studios-feaured-single-image img { border-radius:4px; box-shadow: 0px 0px 8px rgba(0,0,0, 0.25); } #progression-studios-feaured-single-image .pro-overlay-price { position:absolute; bottom:auto; top:30px; } /* Property Sidebar Styles */ #property-post-small-map { border:1px solid rgba(0,0,0 ,0.1); padding:4px; border-radius:4px; } #map-progression-single { height:250px; } #progression-larger-map-button { text-align:right; padding-top:1px; } #progression-larger-map-button i { padding-right:5px; } #progression-larger-map-button a { color:#aaaaaa; font-size:13px; } #progression-larger-map-button a:hover { color:#555555; } .sidebar h2.progression-property-title { font-size:18px; margin-top:-10px; } ul.property-post-meta-sidebar-list { font-weight:600; font-size:14px; padding-top:10px; } ul.property-post-meta-sidebar-list span { font-weight:400; } /* Additional Info */ #freehold-theme-additional-property-container h2 { margin:20px 0px 6px 0px; font-size:16px; } ul#progression-single-additional-info { list-style:none; padding:0px; margin:0px 0px 20px 0px; overflow:hidden; font-size:14px; } ul#progression-single-additional-info li { border-bottom:1px dotted rgba(0,0,0, 0.18); margin:0px 0px 15px 0px; padding:0px; width:48%; float:left; } ul#progression-single-additional-info li:nth-child(odd) { margin-right:2%; } ul#progression-single-additional-info li:nth-child(even) { margin-left:2%; } ul#progression-single-additional-info span { background:#ffffff; position:relative; bottom:-5px; display:inline-block; } ul#progression-single-additional-info span.additional-pro-first-pro { font-weight:400; padding-right:5px; } ul#progression-single-additional-info span.additional-pro-last-pro { float:right; padding-left:5px; } ul#progression-single-additional-info span.additional-pro-last-pro { font-weight:500; color:#1e1e1e; } /* Property Post Gallery */ #carousel-property-progression { margin-top:15px; margin-bottom:10px; } #carousel-property-progression li { opacity:0.5; cursor:pointer; } #carousel-property-progression li:hover, #carousel-property-progression li.flex-active-slide { opacity:1; } #carousel-property-progression .flex-direction-nav a.flex-disabled { display:none !important; } #carousel-property-progression .flex-direction-nav .flex-nav-next a, #carousel-property-progression .flex-direction-nav .flex-nav-prev a { display:block; background:#000000; color:#ffffff; margin: -18px 0 0 0; font-size:19px; width:28px; line-height:36px; height:36px; } /* Property Share Links */ #freehold-theme-property-sharing-container { border-top:1px dotted rgba(0,0,0, 0.18); border-bottom:1px dotted rgba(0,0,0, 0.18); font-size:14px; line-height:1; padding:12px 0px 5px 0px; margin:0px 0px 25px 0px; color:#202427; } #freehold-theme-property-sharing-container ul { list-style:none; float:left; margin:0px; padding:0px; } #freehold-theme-property-sharing-container ul li { margin:0px 25px 7px 0px; padding:0px; float:left; } #freehold-theme-property-sharing-container ul li span { padding-left:3px; } #freehold-theme-property-sharing-container ul li.share-headline-progresssion { font-weight:600; margin-right:15px; } #freehold-theme-property-sharing-container ul li a { color:#777777; } #freehold-theme-property-sharing-container ul li a:hover { color:#202427; } /* Agent Info */ #freehold-theme-additional-property-container { margin-top:30px; padding-bottom:5px; } .freehold-agent-container-left-column { float:left; width:23%; margin-bottom:10px; } .freehold-agent-container-left-column img { border-radius:4px; } .freehold-agent-text-container { float:right; width:73%; margin-bottom:10px; } .freehold-agent-text-container .progression-property-index-button { float:right; margin-left:15px; margin-bottom:15px; } .freehold-agent-text-container h5.agent-heading-single { font-size:19px; margin-bottom:1px; margin-top:10px; } .freehold-agent-text-container h5.agent-heading-single a { color:#202427; } .freehold-agent-text-container h6.agent-sub-headline-single { font-size:15px; color:#999999; } ul#freehold-agent-contact-info { list-style:none; margin:0px; padding:0px; width:350px; max-width:100%; } ul#freehold-agent-contact-info li { border-bottom:1px dotted rgba(0,0,0, 0.18); margin-bottom:5px; padding-bottom:4px; color:#202427; } ul#freehold-agent-contact-info li span { color:#888888; padding-left:2px; } ul.social-ico { list-style:none; margin:15px 0px 0px 0px; padding:0px; } ul.social-ico li { margin:0px; padding:0px; float:left; } ul.social-ico li a { display:inline-block; margin-right:8px; width:26px; height:26px; line-height:26px; text-align:center; border-radius:30px; font-size:12px; background:#888888; color:#ffffff; } ul.social-ico li a:hover { background:#202427; } /* =============================================== 23. SLIDER STYLES =============================================== */ .progression-studios-skrn-slider-background { display:block; background:#eeeeee; background-repeat: no-repeat; background-position:center center; background-size: cover; position:relative; } .progression-studios-property-slider-text-container { position:absolute; left:0px; bottom:0px; padding:12px 100px 15px 30px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&1+75,0+100 */ background: -moz-linear-gradient(left, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.75) 75%, rgba(0,0,0,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.75) 75%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.75) 75%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */ } .progression-studios-property-slider-text-container h2.progression-property-title { padding-top:0px; margin-bottom:4px; color:#ffffff; line-height:1.1; } .progression-studios-property-slider-text-container .progression-property-title-address-meta { color:rgba(255,255,255,0.8); line-height:1.1; margin-bottom:6px; } .progression-studios-property-slider-text-container .progression-property-index-price { margin-bottom:0px; color:#e2ccaa; line-height:1.1; } /* On/off FLex */ .progression_elements_slider_arrow_visiblity_hidden .flex-direction-nav a, body .progression_elements_slider_dots_visiblity_hidden .flex-control-paging { display:none; } .progression_elements_slider_arrow_visiblity_tablet_mobile .flex-direction-nav a, body .progression_elements_slider_dots_visiblity_tablet_mobile .flex-control-paging { display:none; } .progression_elements_slider_arrow_visiblity_hover .flex-direction-nav a { opacity:0; } .progression_elements_slider_arrow_visiblity_hover:hover .flex-direction-nav a { opacity:1; } .progression_elements_slider_dots_visiblity_hover .flex-control-paging li a { opacity:0; } .progression_elements_slider_dots_visiblity_hover:hover .flex-control-paging li a { opacity:1; } /* Next/Previous Arrows */ .progression-studios-post-slider-main .flex-direction-nav a { margin: -20px 0 0; font-size:30px; width:32px; line-height:40px; height:40px; color:#ffffff; background:none; box-shadow:none; text-shadow: 1px 1px 5px rgba(0,0,0, 0.15); } .progression-studios-post-slider-main .flex-direction-nav a.flex-prev:before { left:10px; } .progression-studios-post-slider-main .flex-direction-nav a.flex-next:before { right:10px; } .progression-studios-post-slider-main .flex-direction-nav a:hover { background:none; } /* =============================================== 24. FOOTER STYLES =============================================== */ /* Copyright */ footer#site-footer #progression-studios-copyright a { color:rgba(255,255,255,0.75); } footer#site-footer #progression-studios-copyright a:hover { color:#ffffff; } #copyright-divider-top { width:100%; } #copyright-text { padding:38px 0px; font-size:13px; color:rgba(255,255,255,0.5); } .footer-copyright-align-center #copyright-text { float:none; text-align:center; } .footer-copyright-align-right #copyright-text { float:right; text-align:right; } /* E-mail Newseltter */ .mc4wp-form input:focus { outline:none; } .mc4wp-form label { display:none; } .mc4wp-form p { margin:0px; padding:0px; display:inline; } .sidebar .mc4wp-form input { border:2px solid #f2f2f2; padding:10px 14px; background:#ffffff; box-shadow: 0px 0px 10px rgba(0,0,0, 0.03); } .mc4wp-form input { appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding:12px 14px; font-size:14px; border:none; background:#ffffff; width: calc(100% - 90px); } .mc4wp-form .mc4wp-form-fields { display:inline-block; } .mc4wp-form input[type="submit"] { margin-right:0px; background:#34b1bb; color:#ffffff; text-transform:uppercase; padding:12px 12px 12px 12px; border:none; position:relative; top:1px; width:auto; font-weight:700; font-family: 'PT Sans', sans-serif; } .mc4wp-form input[type="submit"]:hover { color:#ffffff; background:#2a9eac; } .mc4wp-form .mc4wp-alert { font-style:italic; font-size:12px; padding-top:5px; } /* Scroll to top */ #pro-scroll-top { cursor:pointer; position: fixed; overflow: hidden; text-indent: 100%; white-space: nowrap; z-index:100; height:30px; width: 42px; padding:0px; margin:0px; bottom: 0px; right:40px; border-top-left-radius: 3px; border-top-right-radius: 3px; color:#ffffff; background:rgba(0,0,0, 0.3); } #pro-scroll-top:before { content:"\f105"; display:block; font-weight:normal; font-family:FontAwesome; font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0); position:absolute; z-index:101; font-size:18px; top:25px; left:0px; height: 30px; width: 42px; line-height:30px; -ms-transform: rotate(-90deg); /* IE 9 */ transform: rotate(-90deg); } #pro-scroll-top:hover { color:#ffffff; background:#bcd13d; height:34px; } /* =============================================== 25. PRETYPHOTO STYLES =============================================== */ body div.pp_default .pp_details { position:static; } body div.pp_default .pp_content_container .pp_right, body div.pp_default .pp_content_container .pp_left { background:none ; padding:0px ; } body div.pp_default .pp_top, body div.pp_default .pp_top .pp_middle, body div.pp_default .pp_top .pp_left, body div.pp_default .pp_top .pp_right, body div.pp_default .pp_bottom, body div.pp_default .pp_bottom .pp_left, body div.pp_default .pp_bottom .pp_middle, body div.pp_default .pp_bottom .pp_right { height:auto ; } body div.pp_default .pp_content { background:none; } body div.pp_default .pp_previous:hover, body div.pp_default .pp_next:hover { background:none ; } /* Default PrettyPhoto Styles */ body div.pp_overlay { background:#000000; } body div.pp_default .pp_loaderIcon { background-color:#000000; background-position: center center; background-repeat:no-repeat; background-image: url(images/prettyPhoto/lightbox.gif); height: 60px; margin: -30px 0 0 -30px; width: 60px; } body div.pp_default .pp_content .pp_fade { box-shadow: 0px 0px 60px rgba(0,0,0, 0.5); } body div.pp_default a.pp_close { background:url(images/prettyPhoto/sprite.png) -4px -6px no-repeat; position:absolute; width:40px; height:40px; top:-18px; right:-2px; margin-right:12px; z-index:99999; } body div.pp_default a.pp_close:hover { opacity:1; background-position:-49px -6px ; } body div.pp_default a.pp_next:hover, body div.pp_default a.pp_next { opacity:0; background:url(images/prettyPhoto/next.png) center right no-repeat; } body div.pp_default a.pp_previous:hover, body div.pp_default a.pp_previous { opacity:0; background:url(images/prettyPhoto/previous.png) center left no-repeat; } body div.pp_default:hover a.pp_previous, body div.pp_default:hover a.pp_next { opacity:1; } @media screen and (-webkit-min-device-pixel-ratio: 1.5) { body div.pp_default a.pp_next {background-image:url(images/prettyPhoto/next@2x.png); background-size:60px 60px;} body div.pp_default a.pp_previous {background-image:url(images/prettyPhoto/previous@2x.png); background-size:60px 60px;} } body div.pp_default .pp_details .pp_nav .pp_arrow_next, body div.pp_default .pp_details .pp_nav .pp_arrow_previous { display:none; } body div.pp_default .pp_details .pp_nav .pp_pause, body div.pp_default .pp_details .pp_nav .pp_play { background:url(images/prettyPhoto/sprite.png) -15px -56px no-repeat; position:relative; top:0px; margin-left:5px; width:20px; height:20px; } body div.pp_default .pp_details .pp_nav .pp_pause { background-position:-62px -56px; } @media screen and (-webkit-min-device-pixel-ratio: 1.5) { body div.pp_default .pp_details .pp_nav .pp_next, body div.pp_default .pp_details .pp_nav .pp_pause, body div.pp_default a.pp_close {background-image:url(images/prettyPhoto/sprite@2x.png); background-size:100px 80px;} } body div.pp_default .pp_details .pp_nav p.currentTextHolder { position:relative; left:auto; line-height:1; padding:0px; top:0px; right:0px; } body div.pp_default .ppt { text-align:center; margin: 0 15px -10px 15px; font-weight:700; font-size:15px; } body div.pp_default .pp_content_container .pp_details { margin-top:4px; line-height:1.4; } body div.pp_default .ppt, body div.pp_default .pp_details .pp_nav p.currentTextHolder, body div.pp_default .pp_description { color:#ffffff; font-size:13px; text-shadow:1px 1px 3px rgba(0,0,0, 0.4); } body div.pp_default .pp_description { margin:2px 4px 0px 30px; text-align:right; } body div.pp_default a.pp_contract, body div.pp_default a.pp_expand { background:none; text-indent:0px; width:20px; height:20px; right:auto; left:30px; overflow:hidden; text-align:center; } body div.pp_default a.pp_contract:before, body div.pp_default a.pp_expand:before { font:normal normal normal 14px/1 FontAwesome; font-size:inherit;text-rendering:auto; -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0); font-size:15px; content:"\f065"; display:block; width:20px; height:20px; margin-top:3px; margin-left:4px; line-height:20px; color:#ffffff; transform: rotate(90deg); } body div.pp_default a.pp_contract:before { content:'\f066'; } body div.pp_default a.pp_contract:hover, body div.pp_default a.pp_expand:hover { background:none; } /* prettyPhoto styling for small screens - below 767px width */ @media only screen and (max-width: 767px) { body .pp_pic_holder.pp_default { width: 100%!important; left: 0!important; overflow: hidden; min-height:60px; } body div.pp_default .pp_loaderIcon { margin-top:-15px; } body div.pp_default .pp_content .pp_fade { box-shadow: 0px 0px 60px rgba(0,0,0, 0); } body div.pp_default .pp_content_container .pp_left { padding-left: 0!important; } body div.pp_default .pp_content_container .pp_right { padding-right: 0!important; } body div.pp_default a.pp_close { right:-20px; } body .pp_content { width: 100%!important; height: auto!important; } body .pp_hoverContainer, body .pp_fade { width: 100%!important; height: 100%!important; } body a.pp_expand, body a.pp_contract, body .pp_gallery, body .pp_top, body .pp_bottom { display: none!important; } body #pp_full_res .wp-video, body #pp_full_res iframe { width:100% !important; min-height:250px !important; } body #pp_full_res img { width: 100% !important; height: auto !important; } body .pp_details { width: 94%!important; padding-left: 3%; padding-right: 4%; padding-top: 20px; padding-bottom: 20px; margin-top: -10px !important; } } /* =============================================== 26. PAGE LOADER =============================================== */ /* https://github.com/tobiasahlin/SpinKit */ .sk-double-bounce,.sk-rotating-plane{width:45px;height:45px;margin:45px auto}.sk-rotating-plane{background-color:#fff;-webkit-animation:sk-rotatePlane 1.2s infinite ease-in-out;animation:sk-rotatePlane 1.2s infinite ease-in-out}@-webkit-keyframes sk-rotatePlane{0%{-webkit-transform:perspective(120px) rotateX(0) rotateY(0);transform:perspective(120px) rotateX(0) rotateY(0)}45%{-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0);transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}@keyframes sk-rotatePlane{0%{-webkit-transform:perspective(120px) rotateX(0) rotateY(0);transform:perspective(120px) rotateX(0) rotateY(0)}45%{-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0);transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}.sk-double-bounce{position:relative}.sk-double-bounce .sk-child{width:100%;height:100%;border-radius:100%;background-color:#333;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:sk-doubleBounce 2s infinite ease-in-out;animation:sk-doubleBounce 2s infinite ease-in-out}.sk-chasing-dots .sk-child,.sk-spinner-pulse,.sk-three-bounce .sk-child{background-color:#333;border-radius:100%}.sk-double-bounce .sk-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes sk-doubleBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}45%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-doubleBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}45%{-webkit-transform:scale(1);transform:scale(1)}}.sk-wave{margin:45px auto;width:45px;height:45px;text-align:center;font-size:10px}.sk-wave .sk-rect{background-color:#333;height:100%;width:6px;display:inline-block;-webkit-animation:sk-waveStretchDelay 1.2s infinite ease-in-out;animation:sk-waveStretchDelay 1.2s infinite ease-in-out}.sk-wave .sk-rect1{-webkit-animation-delay:-1.2s;animation-delay:-1.2s}.sk-wave .sk-rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-wave .sk-rect3{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-wave .sk-rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-wave .sk-rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}@-webkit-keyframes sk-waveStretchDelay{0%,100%,45%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}20%{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes sk-waveStretchDelay{0%,100%,45%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}20%{-webkit-transform:scaleY(1);transform:scaleY(1)}}.sk-wandering-cubes{margin:45px auto;width:45px;height:45px;position:relative}.sk-wandering-cubes .sk-cube{background-color:#333;width:10px;height:10px;position:absolute;top:0;left:0;-webkit-animation:sk-wanderingCube 1.8s ease-in-out -1.8s infinite both;animation:sk-wanderingCube 1.8s ease-in-out -1.8s infinite both}.sk-chasing-dots,.sk-spinner-pulse{width:45px;height:45px;margin:45px auto}.sk-wandering-cubes .sk-cube2{-webkit-animation-delay:-.9s;animation-delay:-.9s}@-webkit-keyframes sk-wanderingCube{0%{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:translateX(30px) rotate(-90deg) scale(.5);transform:translateX(30px) rotate(-90deg) scale(.5)}45%{-webkit-transform:translateX(30px) translateY(30px) rotate(-179deg);transform:translateX(30px) translateY(30px) rotate(-179deg)}45.1%{-webkit-transform:translateX(30px) translateY(30px) rotate(-180deg);transform:translateX(30px) translateY(30px) rotate(-180deg)}75%{-webkit-transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5);transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@keyframes sk-wanderingCube{0%{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:translateX(30px) rotate(-90deg) scale(.5);transform:translateX(30px) rotate(-90deg) scale(.5)}45%{-webkit-transform:translateX(30px) translateY(30px) rotate(-179deg);transform:translateX(30px) translateY(30px) rotate(-179deg)}45.1%{-webkit-transform:translateX(30px) translateY(30px) rotate(-180deg);transform:translateX(30px) translateY(30px) rotate(-180deg)}75%{-webkit-transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5);transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}.sk-spinner-pulse{-webkit-animation:sk-pulseScaleOut 1s infinite ease-in-out;animation:sk-pulseScaleOut 1s infinite ease-in-out}@-webkit-keyframes sk-pulseScaleOut{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@keyframes sk-pulseScaleOut{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}.sk-chasing-dots{position:relative;text-align:center;-webkit-animation:sk-chasingDotsRotate 2s infinite linear;animation:sk-chasingDotsRotate 2s infinite linear}.sk-chasing-dots .sk-child{width:60%;height:60%;display:inline-block;position:absolute;top:0;-webkit-animation:sk-chasingDotsBounce 2s infinite ease-in-out;animation:sk-chasingDotsBounce 2s infinite ease-in-out}.sk-chasing-dots .sk-dot2{top:auto;bottom:0;-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes sk-chasingDotsRotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes sk-chasingDotsRotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes sk-chasingDotsBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}45%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-chasingDotsBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}45%{-webkit-transform:scale(1);transform:scale(1)}}.sk-three-bounce{margin:45px auto;width:80px;text-align:center}.sk-three-bounce .sk-child{width:20px;height:20px;display:inline-block;-webkit-animation:sk-three-bounce 1.4s ease-in-out 0s infinite both;animation:sk-three-bounce 1.4s ease-in-out 0s infinite both}.sk-circle .sk-child:before,.sk-fading-circle .sk-circle:before{content:'';display:block;background-color:#333;border-radius:100%}.sk-three-bounce .sk-bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.sk-three-bounce .sk-bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes sk-three-bounce{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}45%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-three-bounce{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}45%{-webkit-transform:scale(1);transform:scale(1)}}.sk-circle{margin:45px auto;width:45px;height:45px;position:relative}.sk-circle .sk-child{width:100%;height:100%;position:absolute;left:0;top:0}.sk-circle .sk-child:before{margin:0 auto;width:15%;height:15%;-webkit-animation:sk-circleBounceDelay 1.2s infinite ease-in-out both;animation:sk-circleBounceDelay 1.2s infinite ease-in-out both}.sk-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.sk-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.sk-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sk-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.sk-circle .sk-circle6{-webkit-transform:rotate(145deg);-ms-transform:rotate(145deg);transform:rotate(145deg)}.sk-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.sk-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.sk-circle .sk-circle9{-webkit-transform:rotate(245deg);-ms-transform:rotate(245deg);transform:rotate(245deg)}.sk-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.sk-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.sk-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.sk-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-circle .sk-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-circle .sk-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.sk-circle .sk-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.sk-circle .sk-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.sk-circle .sk-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.sk-circle .sk-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.sk-circle .sk-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.sk-circle .sk-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.sk-circle .sk-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes sk-circleBounceDelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}45%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-circleBounceDelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}45%{-webkit-transform:scale(1);transform:scale(1)}}.sk-cube-grid{width:45px;height:45px;margin:45px auto}.sk-cube-grid .sk-cube{width:33.33%;height:33.33%;background-color:#333;float:left;-webkit-animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out;animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out}.sk-cube-grid .sk-cube1{-webkit-animation-delay:.2s;animation-delay:.2s}.sk-cube-grid .sk-cube2{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-cube-grid .sk-cube3{-webkit-animation-delay:.4s;animation-delay:.4s}.sk-cube-grid .sk-cube4{-webkit-animation-delay:.1s;animation-delay:.1s}.sk-cube-grid .sk-cube5{-webkit-animation-delay:.2s;animation-delay:.2s}.sk-cube-grid .sk-cube6{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-cube-grid .sk-cube7{-webkit-animation-delay:0ms;animation-delay:0ms}.sk-cube-grid .sk-cube8{-webkit-animation-delay:.1s;animation-delay:.1s}.sk-cube-grid .sk-cube9{-webkit-animation-delay:.2s;animation-delay:.2s}@-webkit-keyframes sk-cubeGridScaleDelay{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}@keyframes sk-cubeGridScaleDelay{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}.sk-fading-circle{margin:45px auto;width:45px;height:45px;position:relative}.sk-fading-circle .sk-circle{width:100%;height:100%;position:absolute;left:0;top:0}.sk-fading-circle .sk-circle:before{margin:0 auto;width:15%;height:15%;-webkit-animation:sk-circleFadeDelay 1.2s infinite ease-in-out both;animation:sk-circleFadeDelay 1.2s infinite ease-in-out both}.sk-fading-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.sk-fading-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.sk-fading-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sk-fading-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.sk-fading-circle .sk-circle6{-webkit-transform:rotate(145deg);-ms-transform:rotate(145deg);transform:rotate(145deg)}.sk-fading-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.sk-fading-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.sk-fading-circle .sk-circle9{-webkit-transform:rotate(245deg);-ms-transform:rotate(245deg);transform:rotate(245deg)}.sk-fading-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.sk-fading-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.sk-fading-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.sk-fading-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-fading-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-fading-circle .sk-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-fading-circle .sk-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.sk-fading-circle .sk-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.sk-fading-circle .sk-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.sk-fading-circle .sk-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.sk-fading-circle .sk-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.sk-fading-circle .sk-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.sk-fading-circle .sk-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.sk-fading-circle .sk-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes sk-circleFadeDelay{0%,100%,39%{opacity:0}45%{opacity:1}}@keyframes sk-circleFadeDelay{0%,100%,39%{opacity:0}45%{opacity:1}} .sk-folding-cube{margin:45px auto;width:45px;height:45px;position:relative;-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.sk-folding-cube .sk-cube{float:left;width:45%;height:45%;position:relative;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.sk-folding-cube .sk-cube:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#333;-webkit-animation:sk-foldCubeAngle 2.4s infinite linear both;animation:sk-foldCubeAngle 2.4s infinite linear both;-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%}.sk-folding-cube .sk-cube2{-webkit-transform:scale(1.1) rotateZ(90deg);transform:scale(1.1) rotateZ(90deg)}.sk-folding-cube .sk-cube3{-webkit-transform:scale(1.1) rotateZ(180deg);transform:scale(1.1) rotateZ(180deg)}.sk-folding-cube .sk-cube4{-webkit-transform:scale(1.1) rotateZ(270deg);transform:scale(1.1) rotateZ(270deg)}.sk-folding-cube .sk-cube2:before{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-folding-cube .sk-cube3:before{-webkit-animation-delay:.6s;animation-delay:.6s}.sk-folding-cube .sk-cube4:before{-webkit-animation-delay:.9s;animation-delay:.9s}@-webkit-keyframes sk-foldCubeAngle{0%,10%{-webkit-transform:perspective(145px) rotateX(-180deg);transform:perspective(145px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(145px) rotateX(0);transform:perspective(145px) rotateX(0);opacity:1}100%,90%{-webkit-transform:perspective(145px) rotateY(180deg);transform:perspective(145px) rotateY(180deg);opacity:0}}@keyframes sk-foldCubeAngle{0%,10%{-webkit-transform:perspective(145px) rotateX(-180deg);transform:perspective(145px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(145px) rotateX(0);transform:perspective(145px) rotateX(0);opacity:1}100%,90%{-webkit-transform:perspective(145px) rotateY(180deg);transform:perspective(145px) rotateY(180deg);opacity:0}} .sk-folding-cube .sk-cube:before, .sk-circle .sk-child:before, .sk-rotating-plane, .sk-double-bounce .sk-child, .sk-wave .sk-rect, .sk-wandering-cubes .sk-cube, .sk-spinner-pulse, .sk-chasing-dots .sk-child, .sk-three-bounce .sk-child, .sk-fading-circle .sk-circle:before, .sk-cube-grid .sk-cube{background-color:#fa4e3c;} @-webkit-keyframes pro-rotation { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); } } @-moz-keyframes pro-rotation { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(359deg); }} @-o-keyframes pro-rotation { from { -o-transform: rotate(0deg); } to { -o-transform: rotate(359deg); } } @keyframes pro-rotation { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } .progression-studios-spinner { height:40px; width:40px; margin: 50px auto 45px auto; position: relative; -webkit-animation: pro-rotation .7s infinite linear; -moz-animation: pro-rotation .7s infinite linear; -o-animation: pro-rotation .7s infinite linear; animation: pro-rotation .7s infinite linear; border-left: 5px solid #ededed; border-right: 5px solid #ededed; border-bottom: 5px solid #ededed; border-top: 5px solid #cccccc; border-radius: 100%; } #page-loader-pro { background:#f5f5f5; color:#fa4e3c; } #page-loader-pro { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; text-align:center; color:#ffffff; } #center-loader { position:fixed; margin-top:-80px; top:50%; width:100%; } #loading-pro { margin-top:-15px; font-weight:700; font-size:14px; } .finished-loading #center-loader { opacity:0; transition: all 400ms; } .finished-loading { opacity:0; visibility:hidden; transition: all 600ms; } #boxed-layout-pro.progression-studios-preloader { margin-top:50px; opacity:0; } #boxed-layout-pro.progression-studios-preloader.progression-preloader-completed { animation-duration:500ms; animation-name: ProMoveUpPageLoader; animation-timing-function: ease-in-out; animation-fill-mode: forwards; animation-delay:350ms; } /* Animation For Menus */ @keyframes ProMoveUpPageLoader { from { } to { opacity: 1; margin-top:0px; } } @keyframes ProMoveUpPageLoaderBoxed { from { } to { opacity: 1; margin-top:60px; } } /* =============================================== 26. PRINT STYLES =============================================== */ @media print { * { box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } a, a:visited { text-decoration: underline; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } body { color:#555555; } #progression-studios-page-title-container h1 { color:#000000; } #freehold-progression-header-search-container, #progression-studios-header-position, #progression-studios-footer-page-builder { display:none !important; } } /* =============================================== 27. RESPONSIVE STYLES =============================================== */ /* ======== #Tablet (768px-959px) ======== */ @media only screen and (min-width: 768px) and (max-width: 959px) { #progression-sticky-header { position:relative !important; } body #boxed-layout-pro { width:100%; } body #boxed-layout-pro .width-container-pro, .width-container-pro { width:94%; padding-left:0px; padding-right:0px; } .progression-studios-header-full-width #progression-studios-header-width header#masthead-pro .width-container-pro, .progression-studios-header-full-width-no-gap #freehold-progression-header-top .width-container-pro, footer#site-footer.progression-studios-footer-full-width .width-container-pro, .progression-studios-header-full-width #freehold-progression-header-top .width-container-pro, .progression-studios-header-full-width header#masthead-pro .width-container-pro { width:94%; position:relative; padding:0px; } .progression-studios-header-full-width header#masthead-pro .width-container-pro { width:auto; margin:0 auto; position:relative; padding:0px; } footer#site-footer.progression-studios-footer-full-width .width-container-pro, footer#site-footer .width-container-pro { width:92%; } .progression-studios-header-full-width-no-gap.progression-studios-header-cart-width-adjustment header#masthead-pro .width-container-pro, .progression-studios-header-full-width.progression-studios-header-cart-width-adjustment header#masthead-pro .width-container-pro { width:96%; margin-left:4%; padding-right:0; } body #progression-inline-icons, #progression-studios-header-search-icon, #progression-nav-container { display:none; } .mobile-menu-icon-pro { display:block; } .progression-studios-transparent-header header#masthead-pro { position:relative; } body .progression-studios-transparent-header header#masthead-pro:after{ display:none; } .progression-studios-hide-mobile-custom-logo { display:none; } .progression-studios-custom-logo-per-page-hide-default { display:block; } #progression-header-top-right-container, .progression-studios-header-right .widget, #progression-header-top-left-container, .progression-studios-header-left .widget { display:inline-block; float:none; } #freehold-progression-header-top.progression_studios_hide_top_left_right .progression-studios-header-right, #freehold-progression-header-top.progression_studios_hide_top_left_bar .progression-studios-header-left, #freehold-progression-header-top.progression_studios_hide_top_left_bar.progression_studios_hide_top_left_right { display:none; } body .progression-studios-mobile-transparent-header header#masthead-pro { position:absolute; z-index:50; background-color:transparent; } body .progression-studios-mobile-transparent-header header#masthead-pro:after { display:block; } .progression_studios_footer_logo_left #progression-studios-footer-logo, .progression_studios_footer_logo_right #progression-studios-footer-logo, .footer-copyright-align-right #copyright-text { text-align:center; float:none; } #copyright-text { text-align:center; float:none; } .footer-copyright-align-right #copyright-text, #copyright-text { float:none; width:100%; } footer#site-footer ul.progression-studios-footer-nav-container-class, footer#site-footer.progression_studios_nav_footer_center ul.progression-studios-footer-nav-container-class, footer#site-footer.progression_studios_nav_footer_left ul.progression-studios-footer-nav-container-class { float:none; margin:0 auto; text-align:center; } .progression_studios_footer_logo_left #progression-studios-footer-logo, .progression_studios_footer_logo_right #progression-studios-footer-logo, .footer-copyright-align-right #copyright-text { text-align:center; float:none; } ul.progression-studios-call-to-action { display:none; } #progression-header-icons-inline-display { display:none; } #progression-studios-woocommerce-single-bottom .woocommerce-tabs ul.wc-tabs li a { padding-left:45px; padding-right:45px; } .progression-studios-property-index-image { float:none; width:100%; margin:0px 0px 5px 0px; } .progression-studios-property-index-has-image-content { float:none; width:100%; } .avlar-widget-thumb { width:calc(100% - 10px); } .property-featured-listing-widget-text { float:none; width:100%; } } /* ======== #Mobile (0px-767px) ======== */ @media only screen and (max-width: 767px) { #progression-sticky-header { position:relative !important; } body #boxed-layout-pro { width:100%; } body #boxed-layout-pro .width-container-pro, .width-container-pro { width:92%; padding-left:0px; padding-right:0px; } .progression-studios-header-full-width #progression-studios-header-width header#masthead-pro .width-container-pro, .progression-studios-header-full-width-no-gap #freehold-progression-header-top .width-container-pro, footer#site-footer.progression-studios-footer-full-width .width-container-pro, .progression-studios-header-full-width #freehold-progression-header-top .width-container-pro, .progression-studios-header-full-width header#masthead-pro .width-container-pro { width:92%; position:relative; padding:0px; } .progression-studios-header-full-width header#masthead-pro .width-container-pro { width:auto; margin:0 auto; position:relative; padding:0px; } footer#site-footer.progression-studios-footer-full-width .width-container-pro, footer#site-footer .width-container-pro { width:88%; } .progression-studios-header-full-width-no-gap.progression-studios-header-cart-width-adjustment header#masthead-pro .width-container-pro, .progression-studios-header-full-width.progression-studios-header-cart-width-adjustment header#masthead-pro .width-container-pro { width:94%; margin-left:6%; padding-right:0; } #main-container-pro, .sidebar, .footer-2-pro .widget, .footer-3-pro .widget, .footer-4-pro .widget, .footer-5-pro .widget, .grid2column-progression, .grid3column-progression, .grid3columnbig-progression, .grid4column-progression, .grid4columnbig-progression, .grid5column-progression, .grid6column-progression { width:100%; margin-right:0%; margin-left:0%; } .sidebar.progression-studios-mobile-sidebar { padding-top:0px; } .sidebar { padding-top:60px; } body #progression-inline-icons, #progression-studios-header-search-icon, #progression-nav-container { display:none; } .mobile-menu-icon-pro { display:block; } .progression-studios-hide-mobile-custom-logo { display:none; } .progression-studios-transparent-header header#masthead-pro { position:relative; } body .progression-studios-transparent-header header#masthead-pro:after { display:none; } .progression-studios-custom-logo-per-page-hide-default { display:block; } .progression-studios-header-left, .progression-studios-header-right { float:none; width:100%; text-align:center; } #progression-header-top-right-container, .progression-studios-header-right .widget, #progression-header-top-left-container, .progression-studios-header-left .widget { display:inline-block; float:none; } #copyright-text { text-align:center; float:none; } #freehold-progression-header-top.progression_studios_hide_top_left_right .progression-studios-header-right, #freehold-progression-header-top.progression_studios_hide_top_left_bar .progression-studios-header-left, #freehold-progression-header-top.progression_studios_hide_top_left_bar.progression_studios_hide_top_left_right { display:none; } .footer-copyright-align-right #copyright-text, #copyright-text { float:none; width:100%; } body .progression-studios-mobile-transparent-header header#masthead-pro { position:absolute; z-index:50; background-color:transparent; } body .progression-studios-mobile-transparent-header header#masthead-pro:after { display:block; } footer#site-footer ul.progression-studios-footer-nav-container-class, footer#site-footer.progression_studios_nav_footer_center ul.progression-studios-footer-nav-container-class, footer#site-footer.progression_studios_nav_footer_left ul.progression-studios-footer-nav-container-class { float:none; margin:0 auto; text-align:center; } .progression_studios_footer_logo_left #progression-studios-footer-logo, .progression_studios_footer_logo_right #progression-studios-footer-logo, .footer-copyright-align-right #copyright-text { text-align:center; float:none; } body .progression-studios-header-left .widget, body .progression-studios-header-right .widget { padding-top:8px; padding-bottom:8px; } #copyright-divider-top { margin:0 auto; } #progression-header-icons-inline-display { display:none; } ul.progression-studios-call-to-action { display:none; } #freehold-progression-header-top ul.progression-studios-header-social-icons { float:none; margin:0 auto 10px auto; text-align:center; } .blog-single-category-display { font-size:14px; } ul.progression-single-post-meta { margin:10px 0px 0px 0px; } /* Blog Comment Styling */ .comment-navigation .nav-previous, .comment-navigation .nav-next { float:none; width:100%; text-align:center; } .comment-body:before { display:none; } .comment-author .avatar { height: 25px; width: 25px; } .comment-body { padding:14px 15px; margin-left:32px; } .comment-list .children > li { margin-left: 12px; } .post-password-form input { max-width:130px; } .progression-studios-property-index-image { float:none; width:100%; margin:0px 0px 5px 0px; } .progression-studios-property-index-has-image-content { float:none; width:100%; } .property-index-footer.grid2column-progression, .property-index-footer.lastcolumn-progression { text-align:center; padding-top:10px; padding-bottom:5px; } .content-map-progression h2.property-title-pro { font-size:13px; margin-bottom:1px; } .content-map-progression .progression-property-title-address-meta { margin-bottom:2px; font-size:11px; } .content-map-progression .price-index-pro { font-size:13px; margin-bottom:5px; } .content-map-progression .overlay-status-pro, .content-map-progression ul.property-meta-index-map-pro { display:none; } #header-progression-property-search-field input { width:calc(100% - 186px); } #header-progression-property-search-field input#header-submit-search-pro { width:140px; } #header-progression-property-search-field label, #progression-header-more-search-btn, #header-progression-search-expanded-container { display:none !important; } ul#progression-single-additional-info li { width:100%; } ul#progression-single-additional-info li:nth-child(odd), ul#progression-single-additional-info li:nth-child(even) { margin-left:0%; } .freehold-agent-container-left-column { float:left; width:23%; margin-bottom:10px; } .freehold-agent-container-left-column { text-align:center; } .freehold-agent-container-left-column, .freehold-agent-text-container { float:none; width:100%; margin:0px 0px 15px 0px; } .freehold-agent-text-container .progression-property-index-button { float:none; margin-left:0px; } }