/* Theme Name: Twenty Twenty-One Child Theme URI: https://wp-themes.com/twentytwentyone Author: ibidesigns.com Author URI: https://ibidesigns.com Description: My WordPress Twenty Twenty child theme. Template: twentytwentyone License: GNU General Public License v3 License URI: https://www.gnu.org/licenses/gpl-3.0.html Version: 0.0.69 Text Domain: twentytwentyone-child */ *,*:before,*:after{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;vertical-align:baseline;margin: 0px;padding: 0px;} :root { --global--font-primary: var(--font-headings, 'Gotham Book', Sans-serif); --global--font-secondary: var(--font-base, 'Gotham Book', Sans-serif); } @media only screen and (min-width: 482px) { :root { --responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), 1296px); --responsive--alignwide-width: calc(100vw - 4 * var(--global--spacing-horizontal)); --responsive--alignright-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width))); --responsive--alignleft-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width))); } } @media only screen and (min-width: 822px) { :root { --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1296px); --responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1240px); } } @font-face { font-family: 'Gotham'; src: url('assets/fonts/Gotham-Light.woff2') format('woff2'), url('assets/fonts/Gotham-Light.woff') format('woff'), url('assets/fonts/Gotham-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Gotham'; src: url('assets/fonts/Gotham-Bold.woff2') format('woff2'), url('assets/fonts/Gotham-Bold.woff') format('woff'), url('assets/fonts/Gotham-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Gotham Book'; src: url('assets/fonts/Gotham-Book.woff2') format('woff2'), url('assets/fonts/Gotham-Book.woff') format('woff'), url('assets/fonts/Gotham-Book.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Rufina'; src: url('assets/fonts/Rufina-Bold.woff2') format('woff2'), url('assets/fonts/Rufina-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Rufina'; src: url('assets/fonts/Rufina-Regular.woff2') format('woff2'), url('assets/fonts/Rufina-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'icomoon'; src: url('assets/fonts/icomoon.eot?4ag2dj'); src: url('assets/fonts/icomoon.eot?4ag2dj#iefix') format('embedded-opentype'), url('assets/fonts/icomoon.ttf?4ag2dj') format('truetype'), url('assets/fonts/icomoon.woff?4ag2dj') format('woff'), url('assets/fonts/icomoon.svg?4ag2dj#icomoon') format('svg'); font-weight: normal; font-style: normal; font-display: block; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-arrow-left:before { content: "\e900"; } .icon-arrow-right:before { content: "\e901"; } .icon-camera-line:before { content: "\e902"; } .icon-camera-solid:before { content: "\e903"; } .icon-close:before { content: "\e904"; } .icon-heart-line:before { content: "\e905"; } .icon-heart-solid:before { content: "\e906"; } .icon-map-pin-solid:before { content: "\e907"; } .icon-map-pin:before { content: "\e908"; } .icon-share:before { content: "\e909"; } .icon-video-solid:before { content: "\e90a"; } .icon-video-tour-solid:before { content: "\e90b"; } .icon-video-tour:before { content: "\e90c"; } .icon-video:before { content: "\e90d"; } .site-main > *{margin-bottom:0px !important;margin-top:0px !important;} div.vc_col-lg-1, div.vc_col-lg-10, div.vc_col-lg-11, div.vc_col-lg-12, div.vc_col-lg-2, div.vc_col-lg-3, div.vc_col-lg-4, div.vc_col-lg-5, div.vc_col-lg-6, div.vc_col-lg-7, div.vc_col-lg-8, div.vc_col-lg-9, div.vc_col-md-1, div.vc_col-md-10, div.vc_col-md-11, div.vc_col-md-12, div.vc_col-md-2, div.vc_col-md-3, div.vc_col-md-4, div.vc_col-md-5, div.vc_col-md-6, div.vc_col-md-7, div.vc_col-md-8, div.vc_col-md-9, div.vc_col-sm-1, div.vc_col-sm-10, div.vc_col-sm-11, div.vc_col-sm-12, div.vc_col-sm-2, div.vc_col-sm-3, div.vc_col-sm-4, div.vc_col-sm-5, div.vc_col-sm-6, div.vc_col-sm-7, div.vc_col-sm-8, div.vc_col-sm-9, div.vc_col-xs-1, div.vc_col-xs-10, div.vc_col-xs-11, div.vc_col-xs-12, div.vc_col-xs-2, div.vc_col-xs-3, div.vc_col-xs-4, div.vc_col-xs-5, div.vc_col-xs-6, div.vc_col-xs-7, div.vc_col-xs-8, div.vc_col-xs-9 {padding-left: 15px;padding-right: 15px;} .clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0} html, body, div, header, nav, article, figure, hr, main, section, footer, .entry-header > :last-child, .post-thumbnail > :last-child, .page-content > :last-child, .comment-content > :last-child, .widget > :last-child{ max-width: none;/*display: flex;flex: 1 100%;flex-wrap: wrap;*/transform-origin: 0 0;} html, body, header, nav, article, figure, hr, main, section, footer,.site-footer > .site-info, .site .button, button, input[type="submit"], input[type="reset"], .wp-block-search .wp-block-search__button, .wp-block-button .wp-block-button__link, .wp-block-file a.wp-block-file__button{font-size: 16px;} html, body, header, nav, article, figure, hr, main, section, footer,header *, main *, footer *,.site-footer > .site-info, .entry-content, .entry-summary, a{font-family: 'Gotham Book', Sans-serif;} body:not(.single) .site-main > article:last-of-type .entry-footer,.site-main > :last-child{position: relative;} a{text-decoration: none;} .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {background: transparent;} h1,h2,h3,h4,h5{margin:25px 0 0 0;padding:0;letter-spacing: 3px;text-transform: uppercase;font-family: "Libre Bodoni", serif !important;} h1, .h1,.singular .entry-title {font-size: 36px; letter-spacing: 2px;text-transform: uppercase;} h2,.h2{font-size: 26px;} h3, .h3, .title-mid h4{font-size:22px;} h4, .h4 {font-size: 18px;} .ult-style-1 .ult-team-member-name-wrap .ult-team-member-name, .ult-style-2 .ult-team-member-name-wrap .ult-team-member-name, .ult-style-3 .ult-team-member-name-wrap .ult-team-member-name{letter-spacing: 0px;} .archive .page-item-title{margin-top:120px;padding: 0 5%;} .entry-header, .post-thumbnail, .entry-content, .entry-footer, .author-bio {margin: 0px auto;} .site-header{position: fixed;z-index: 9;width: 100%;margin: 0 auto;background-color: rgba(0, 0, 0, 1);max-width: 100%;padding: 0 5%;top: 0;} .site-header, .site-main, .widget-area, .site-footer{padding-top: 0px;padding-bottom: 0px;} .admin-bar .header-main.short{margin-top: 32px;} /*.admin-bar.wp-custom-logo .site-header,.admin-bar .amh-fixed-header-nav{margin-top: 32px;}*/ .site-logo{margin: 0px;} .bg-border:before{position: absolute !important; width: 84.0625% !important; max-width: 1345px; height: calc(100% - 80px) !important; background: transparent; border: 1px solid #e8e8e8 !important; content: "" !important; right: 50px; left: 150px !important; top: 80px !important; margin: 0 auto; } .mySlides{text-align: center;} .vc_gitem-post-data-source-post_title div, .vc_gitem-post-data-source-post_excerpt div{flex-direction: column;font-family: 'Gotham Book', Sans-serif !important;} .widget-area{margin-top: 15px;} .flexslider{border: none !important; margin: 0px !important;} .flex-control-nav, .idx-wrapper .entry-footer, .idx-wrapper .entry-header{display: none !important;} .vc_row[data-vc-full-width]{left: 0px !important;width: 100% !important;max-width: 100% !important;} .site textarea{margin: 25px 0px;width: 100%;height: 220px;} .site .button, input[type="submit"], input[type="reset"], .wp-block-search .wp-block-search__button, .wp-block-file a.wp-block-file__button{margin: 20px auto;padding: 0px;} .vc_separator.vc_sep_color_grey .vc_sep_line { border-color: #ccc !important;} .widget-area ul{float: left;margin-right: 35px;} .widget-area a:link, .widget-area a:visited, .widget-area a:active{color: hsl(0,0%,80%);} .primary-navigation a:link, .primary-navigation a:visited{color: hsl(0,0%,100%)} a{color: hsl(0,100%,0%);} .blue a{color: hsla(0,0%,80%,1.00);} .primary-navigation a:hover, .primary-navigation .current-menu-item a,a:hover,a:focus, h1, .h1,.dark-blue h2,.dark-blue h3,.dark-blue h4 {color: #0E3466; text-decoration: none;} .mfp-bg.ekit-promo-popup{background-color: hsla(210,57%,29%,.87) !important;} .primary-navigation > div > .menu-wrapper > li > .sub-menu li {background: transparent;} .primary-navigation .current-menu-item > a:first-child, .primary-navigation .current_page_item > a:first-child, .primary-navigation .current-menu-item a:hover {text-decoration: none;} .primary-navigation > div > .menu-wrapper > li > .sub-menu{background: hsl(0, 0%, 100%);} .primary-navigation .sub-menu .menu-item > a{color: hsl(0,100%,0%);} .primary-navigation .sub-menu .menu-item > a:hover{color: hsl(0,0%,50%);} .primary-navigation > div > .menu-wrapper li{/*max-width: 138px; */margin: 0px 20px} #mega-menu-wrap-primary {height: 100%;} .primary-navigation .primary-menu-container > ul > .menu-item > a,#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{font-size: 13px !important;text-transform: uppercase; font-weight: 600; vertical-align: bottom; line-height: 12px;letter-spacing: 3px; -webkit-transition:opacity .3s ease-in-out,color .3s ease-in-out; -moz-transition:opacity .3s ease-in-out,color .3s ease-in-out; -o-transition:opacity .3s ease-in-out,color .3s ease-in-out; -ms-transition:opacity .3s ease-in-out,color .3s ease-in-out; transition:opacity .3s ease-in-out,color .3s ease-in-out } #mega-menu-wrap-primary #mega-menu-primary {transition:all .3s ease;height: 100%;text-align: right;display: block ruby;} .header-main #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:before,.header-main #mega-menu-wrap-primary #mega-menu-primary > li.mega-current-menu-item a.mega-menu-link:before{content: ""; position: absolute;bottom: 0px;left: 0;right: 0;height: 1px; background: #fff;transform: scaleX(0);pointer-events: none;transition: all .3s ease;width: 100%;} .header-main #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover:before, .header-main #mega-menu-wrap-primary #mega-menu-primary > li.mega-current-menu-item a.mega-menu-link:before{transform: scaleX(1);} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus, #mega-menu-wrap-primary #mega-menu-primary > li, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link{font-weight: 600;} .primary-navigation .sub-menu{border: 1px solid #f5f5f5 !important;} .primary-navigation > div > .menu-wrapper > li > .sub-menu:before, .primary-navigation > div > .menu-wrapper > li > .sub-menu:after {border-color: hsl(0, 0%, 100%) transparent !important;} .primary-navigation > div > .menu-wrapper .sub-menu-toggle{height: auto;width: 27px;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{height: 100%;letter-spacing: .1em;padding: .538vw 0;display: flex;justify-content: center;align-items: center;width: auto;} @media (min-width: 1400px) { #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item{margin: 0 1%; height: 100%; margin-right: 40px;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:first-child{margin-left: 0px;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:last-child{margin-right: 0px;} } .img-height{height: 100% !important;} .img-cover img{height: 100% !important; object-fit: cover;} .thumbnail-fit img { object-fit: cover; width: 241px; height: 160px !important; } .has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {background: transparent;} .comments-pagination {border-top: 1px solid var(--global--color-border); padding-bottom: 15px;} .pagination { display:inline-block; margin:0px 0; border-radius:0px; border-top: none; padding: 0; } .pagination>li { display:inline-block; } .pagination>li>a, .pagination>li>span { position:relative; float:left; margin-left:0px; line-height:1.42857143; color:#555; text-decoration:none; background-color:#fff; border: none; font-size: 18px; font-weight: 500; padding: 24px 35px; border-right: 1px solid #999; transition: 0.3s; } .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover, .pagination>li>span.current{ z-index:2; color:#000; background-color:transparent; border-right: 1px solid #999; } .pagination > li:last-child a{border: none;} .blog .site-main article {margin-top: calc(3 * var(--global--spacing-vertical)); margin-bottom: calc(3 * var(--global--spacing-vertical));} .blog .entry-title, .single-post .entry-title {font-size: 31px;} .full-width,.site-footer > .site-info .powered-by{max-width: 1240px;margin: 0 auto !important;} .absolute h1{position: absolute;z-index: 7;color: #ffffff;top: 120px; width: 100%;} .home article{padding: 0px; margin: 0 auto !important;} .single-post .has-post-thumbnail .entry-header {max-width: var(--responsive--aligndefault-width);} .single-post .entry-header {border-bottom: none;} .singular .entry-header {border-bottom:none;padding-bottom: 0px; margin-bottom: 25px;} .single-post .site-main > article > .entry-footer{border-top: 1px solid var(--separator--border-color);} .site-footer > .site-info{border-top: none; padding-top: 0px;flex: 1 100%;background-color: hsl(0,0%,50%);margin: 0;padding: 15px 0;} .site-footer { margin-top: -1px !important;padding-bottom: 0px; max-width: 100% !important;width: 100%;z-index: 2;position: relative;} .site-footer > .site-info .powered-by {margin: 0 auto !important; color: #f5f5f5;} .post-type-archive-projects article{margin: 0 auto;} .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {background-color: hsla(210,57%,29%,.7) !important;} .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title > a, .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title > a{color:hsla(0,0%,100%,1.00) !important;} .vc_tta-color-grey.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after, .vc_tta-color-grey.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before, .vc_tta-color-grey.vc_tta-style-classic .vc_tta-controls-icon::after, .vc_tta-color-grey.vc_tta-style-classic .vc_tta-controls-icon::before{border-color: hsla(0,0%,100%,1.00) !important;} .border-pad{position: absolute; width: 35%;border-bottom: 5px solid hsl(210,57%,29%);z-index: 10;right: 0;bottom: -20px;} .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:focus, .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:hover, .vc_tta-color-black.vc_tta-style-flat.vc_tta-tabs .vc_tta-panels, .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a:focus,.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a:hover,.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading,.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active>a,.vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-title > a:hover,.vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-title > a{background-color: hsla(0,0%,50%,.7) !important;} .light-blue h1,.light-blue h2,.light-blue h3,.light-blue,.dark-blue-color {color: hsl(210,57%,29%);} .light-blue-color{color: hsl(0,0%,50%);} .vc_icon_element.vc_icon_element-outer.vc_icon_element-align-left{display: contents;} .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-color-peacoc .vc_icon_element-icon {color: hsl(210,57%,29%) !important;} .banner-logo img{display: none} .banner-logo { background-color: #fff;-webkit-mask: url(images/Florida-Luxurious-Properties-logo-white.png) no-repeat 50% 50%;mask: url(images/Florida-Luxurious-Properties-logo-white.png) no-repeat 50% 50%; height:230px !important;width:815px !important;background-repeat: no-repeat;display: block;filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.4));} .scc-icon { background: url("images/Florida-Luxurious-Properties-logo-white.png") no-repeat top left;} .custom-logo-link img { max-width: 227px; width: 100%; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; } iframe{width: 100%;border: none;} img {height: auto !important;} .idx-omnibar-form button[type="submit"]{background-color: #296CC3 !important;border: 2px solid #296CC3 !important; position: relative !important; opacity: 1;} .idx-omnibar-form button:hover{background-color: #0E3466 !important;} .site .button:not(:hover):not(:active):not(.has-background), button:not(:hover):not(:active):not(.has-background), input[type="submit"]:not(:hover):not(:active):not(.has-background), input[type="reset"]:not(:hover):not(:active):not(.has-background), .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background), .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background), .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background){background-color:rgb(41, 108, 195);border-color:rgb(41, 108, 195) !important;} .wp-block-button__link,.elementor-button { display: inline-block; overflow: hidden; text-align: center; margin: auto; text-transform: uppercase; text-decoration: none; transition: all 0.5s ease-in-out; width:auto; /*max-width: 150px;*/ } .elementor-button:before,.elementor-button:after,.wp-block-button__link:before, .wp-block-button__link:after, .wp-block-uagb-tabs .uagb-tabs__panel li:before,.wp-block-uagb-tabs .uagb-tabs__panel li:after,.wp-block-esab-accordion .esab__head:before,.wp-block-esab-accordion .esab__head:after { content: ""; position: absolute; height: 100%; top:0; width: 100%; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg); transform: translateX(-98%) translateY(-25%) rotate(45deg); z-index: 0; } .elementor-button:before,.wp-block-button__link:before, .wp-block-uagb-tabs .uagb-tabs__panel li:before,.wp-block-esab-accordion .esab__head:before { right: -0px; border-right: 50px solid transparent; transform: translateX(-100%); -webkit-transform: translateX(-100%); } .elementor-button:after,.wp-block-button__link:after, .wp-block-uagb-tabs .uagb-tabs__panel li:after,.wp-block-esab-accordion .esab__head:after { left: -0px; border-left: 50px solid transparent; transform: translateX(100%); -webkit-transform: translateX(100%); } .elementor-button,.wp-block-button__link,.wp-block-uagb-tabs .uagb-tabs__panel li,.wp-block-esab-accordion .esab__head { position:relative; transition: all 0.5s ease-in-out; z-index:4; } .elementor-button:hover,.wp-block-button__link:hover,.wp-block-uagb-tabs .uagb-tabs__panel li:hover,.wp-block-esab-accordion .esab__head:hover { opacity:1; color:#fff; z-index: 1 } .elementor-button:hover:before,.wp-block-button__link:hover:before,.wp-block-uagb-tabs .uagb-tabs__panel li:hover:before,.wp-block-esab-accordion .esab__head:hover:before { transform: translateX(-40%); } .elementor-button:hover:after,.wp-block-button__link:hover:after,.wp-block-uagb-tabs .uagb-tabs__panel li:hover:after,.wp-block-esab-accordion .esab__head:hover:after { transform: translateX(40%); } .elementor-button,.wp-block-button__link{border-radius: 0px;padding: 15px 30px;border: 2px solid #0e3466 !important; color: #0e3466;background-color: transparent;} .elementor-button span, .wp-block-button__link span {display: inline;} .wp-block-uagb-tabs .uagb-tabs__panel li{overflow: hidden;} .elementor-button:before,.elementor-button:after,.wp-block-button__link:before, .wp-block-button__link:after,.wp-block-uagb-tabs .uagb-tabs__panel li:before,.wp-block-uagb-tabs .uagb-tabs__panel li:after,.wp-block-esab-accordion .esab__head:before,.wp-block-esab-accordion .esab__head:after,.wp-block-esab-accordion .esab__head[aria-expanded="true"] { background: #0e3466; z-index: -1; } .wp-block-button__link p{margin: 0px;} .wp-block-esab-accordion .esab__head[aria-expanded="true"]{color: #fff;} .btn-white{border: 2px solid #fff !important; color: #fff;} .btn-white:before, .btn-white:after{background: #fff;} .btn-white:hover{color: #0e3466;} .wpcf7-spinner{margin: 0px;} .entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator){max-width: 100%;} .custom-logo-link,.custom-logo-link:focus, .footer-logo{ width: 282px; height: 80px; display: block;background-color: #fff;-webkit-mask: url(images/Florida-Luxurious-Properties-logo-white.png) no-repeat 50% 50%;mask: url(images/Florida-Luxurious-Properties-logo-white.png) no-repeat 50% 50%;} .footer-logo{filter: brightness(100);} .dark-blue h2,.dark-blue h3,.dark-blue h4{text-transform: uppercase;} .vc_col-sm-4{flex: 1;} .outer-border{padding-bottom: 25px; padding-top: 25px;} .wpb_gmaps_widget .wpb_wrapper{padding: 0px !important;} .outer-border::before, .outer-border::after{width: 50%; border: 1px solid #fff; content: "";right: 0;left: 0;margin-left: auto;margin-right: auto; position: absolute;} .outer-border::before{top: 0;} .outer-border::after{bottom: 0;} .box-shadow{box-shadow: 0.3em 0.3em 2em rgba(0,0,0,0.3);padding: 20px !important;margin-bottom: 25px;} .flipbox-shadow{box-shadow: 0.3em 0.3em 2em rgba(0,0,0,0.3);} .img-overlay img{outline: 1px solid white;outline-offset: -44px;} .white{background-color:hsla(0,0%,100%,1.00)} .light-gray{background-color:hsla(0,0%,95%,1.00)} .overlay-white{background-color: hsla(0,0%,100%,.50);} .overlay-black{background-color: hsla(0,0%,0%,.50);} .overlay-light-blue{background-color: hsla(0,0%,50%,.50);} .overlay-dark-blue{background-color: hsla(210,57%,29%,.50);} .white-color{color: #fff;} .gradient-solid{ background: rgb(31,76,117); background: -moz-linear-gradient(160deg, rgba(31,76,117,1) 0%, rgba(31,76,117,1) 40%, rgba(21, 37, 56,1) 40%, rgba(21, 37, 56,1) 100%); background: -webkit-linear-gradient(160deg, rgba(31,76,117,1) 0%, rgba(31,76,117,1) 40%, rgba(21, 37, 56,1) 40%, rgba(21, 37, 56,1) 100%); background: linear-gradient(160deg, rgba(31,76,117,1) 0%, rgba(31,76,117,1) 40%, rgba(21, 37, 56,1) 40%, rgba(21, 37, 56,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1f4c75",endColorstr="#152538",GradientType=1); } .gradient-transparent{ background: rgb(31,76,117); background: -moz-linear-gradient(90deg, rgba(31,76,117,.7) 0%, rgba(31,76,117,.7) 35%, rgba(36,191,213,.7) 100%); background: -webkit-linear-gradient(90deg, rgba(31,76,117,.7) 0%, rgba(31,76,117,.7) 35%, rgba(36,191,213,.7) 100%); background: linear-gradient(90deg, rgba(31,76,117,.7) 0%, rgba(31,76,117,.7) 35%, rgba(36,191,213,.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1f4c75",endColorstr="#24bfd5",GradientType=1); } .grayscale iframe { filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */ -webkit-backface-visibility: hidden; /* Fix for transition flickering */ } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{position: relative;min-height: 1px;} @media (min-width:992px) { .row{display: flex;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item{margin: 0 1%; height: 100%; margin-right: 10px;} .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { float:left; } .col-md-12 { width:100% } .col-md-11 { width:91.66666667% } .col-md-10 { width:83.33333333% } .col-md-9 { width:75% } .col-md-8 { width:66.66666667% } .col-md-7 { width:58.33333333% } .col-md-6 { width:50% } .col-md-5 { width:41.66666667% } .col-md-4 { width:33.33333333% } .col-md-3 { width:25% } .col-md-2 { width:16.66666667% } .col-md-1 { width:8.33333333% } } .wpb_gmaps_widget.opacity .wpb_wrapper {background-color: transparent !important;padding: 0px !important;opacity: 30%;} /* CONTAINER –––––––––––––––––––––––––––––––––––––––––––––––––– */ .fl_wrapper {display: flex;flex-direction: column; min-height: 100vh;} .center-full {display: flex; min-height: 100vh;} .fl_wrapper .inner_wrapper .wpb_wrapper {display: flex;flex-direction: column; min-height: 100vh;} .fl_wrapper .inner_wrapper .wpb_wrapper .wpb_wrapper{min-height: 0px;} .work-listing-container{ display: flex;flex-direction: row;flex-wrap: wrap;width: 100%;} .work-listing-block{display: flex;flex-direction: column;flex-basis: 100%;flex: auto;width: 47%;margin: 15px;} /* HEADER –––––––––––––––––––––––––––––––––––––––––––––––––– */ .page-header {background: var(--main-white-color);} .page-header nav {display: flex;flex-wrap: wrap; justify-content: space-between;align-items: center;} .page-header ul { display: flex; order: 1; width: 100%; margin-top: 15px; } .page-header ul li:not(:last-child) { padding-right: 15px; } .page-header .cta-contact { font-family: inherit; font-size: 1.2rem; padding: 5px 18px; border: 1px solid; border-radius: 5px; } /* MAIN –––––––––––––––––––––––––––––––––––––––––––––––––– */ .page-main { display: flex; flex-direction: column; justify-content: center; flex-grow: 1; min-height: 350px; background-blend-mode: luminosity; color: var(--main-white-color); background-size: cover; background-repeat: no-repeat; background-position: center; } .page-main-absolute{position: absolute;} .page-main div {max-width: 500px;} .page-main h1 {margin-bottom: 20px;} .page-main p + p {margin-top: 10px;} .reveal{ transform: translateY(150px); opacity: 0; transition: 1s all ease !important; } .reveal.active{ transform: translateY(0); opacity: 1; } /* FOOTER –––––––––––––––––––––––––––––––––––––––––––––––––– */ .page-footer { display: flex; flex-direction: column-reverse; background: var(--main-white-color); } .page-footer-absolute{position: absolute; width: 100%; bottom: 0; z-index: 2;} .page-footer ul { display: flex; font-size: 1.5rem; margin-bottom: 5px; } .page-footer ul li:not(:last-child) { margin-right: 20px;} /*animation*/ .lines { position: absolute; top: 0; left: 0; right: 0; height: 100vh; margin: auto; width: 100%; } .z-index2{z-index: 2;} .line { position: absolute; width: 1px; height: 100%; top: 0; left: 50%; background: rgba(255, 255, 255, 0.1); overflow: hidden; } .line::after { content: ""; display: block; position: absolute; height: 15vh; width: 100%; top: -50%; left: 0; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 75%, #ffffff 100%); -webkit-animation: drop 7s 0s infinite; animation: drop 7s 0s infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97); animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97); } .line:nth-child(1) { margin-left: -35%; } .line:nth-child(1)::after { -webkit-animation-delay: 2s; animation-delay: 2s; } .line:nth-child(3) { margin-left: 35%; } .line:nth-child(3)::after { -webkit-animation-delay: 2.5s; animation-delay: 2.5s; } @-webkit-keyframes drop { 0% { top: -50%; } 100% { top: 110%; } } @keyframes drop { 0% { top: -50%; } 100% { top: 110%; } } #stats{ border-radius: 3px 3px 0 0; overflow: hidden;} .count-particles{ border-radius: 0 0 3px 3px;} .particles-js-canvas-el{position: absolute; top: 0;max-width: 100% !important;} .site-main > article > *, .site-main > .not-found > *, .entry-content > *, [class*="inner-container"] > *, .wp-block-template-part > *, .wp-block-post-template :where(li > *){margin: 0;} .widget-area {display: flex;flex: 1 100%;color: hsl(255,100%,100%);} #nav-below{background: #ccc;display: flex;position: relative;padding: 1% 5%;} .nav-previous{margin-right: auto;} .nav-next{margin-left: auto;} .carousel-front.slick-slider .slick-track, .carousel-front.slick-slider .slick-list {width: 75%;margin: 0 auto;} .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading, .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body, .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body::after, .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body::before{border-color: rgba(255,255,255,.4) !important;} .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body {background-color: rgba(255,255,255,.7) !important;} .img-side.img-left {left: 0;} .img-side.img-right {right: 0;} .wpb_single_image img {height: 100% !important;} #IDX-showcaseGallery-17982 div.IDX-showcaseCell, .IDX-showcaseTable div.IDX-showcaseCell{padding: 15px !important;} /******************************************************* * * 1. Navigation * *******************************************************/ /* Sub Menu */ #nav li { position: relative; } #nav .sub-menu { list-style: none outside none; margin: 0; background: rgba(0, 0, 0, 0.9) url("images/submenu-fixer.png"); display: none; padding: 0; position: absolute; width: 100%; min-width: 180px; } #nav .sub-menu a { color: #FFFFFF; display: block; padding: 10px; } #nav .sub-menu a:hover { background: none repeat scroll 0 0 #b2b2b2; color: #000000; text-decoration: none; } #nav .sub-menu .sub-menu { margin-left: 100%; top: 0; } #nav li:hover > .sub-menu { display: block; } #nav .sub-menu li { position: relative; } /******************************************************* * * 2. Custom CSS * *******************************************************/ /* Global */ body { font-family: 'Gotham Book', Sans-serif !important; font-size: 16px; color:#000; margin: 0; font-weight: 400; background: linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.98)), url(https://lasolas-realestate.com/wp-content/uploads/2017/10/artboard-1.png) no-repeat fixed center; background-size: cover; } .wpcf7-form-control{font-family: 'Gotham Book', Sans-serif !important;} #content b, aside h6, #content strong, aside strong{font-weight: 600;} #content h1, aside h1, #content h2, aside h2, #content h3, aside h3, #content h4, aside h4, #content h5, aside h5, #content h6, aside h6, .aidefcf-subtitle span, .aidefcf-title span{font-weight: 400;} a, button { outline: none !important; text-decoration: none !important; } a:hover { text-decoration: none; color: #0E3466; outline: none; } a:link, a:visited { outline: none; text-decoration: none; } body.home.intro-ended, body.home.user-navigated-from-a-page-on-the-site { overflow: auto; } body.home.intro-ended #main-wrapper, body.home.user-navigated-from-a-page-on-the-site #main-wrapper { opacity: 1; } .video-wrapper { position: fixed; width: 100%; height: 100%; background-color: #fff; z-index: 1011; top: 0; left: 0; display: none; } .video-wrapper video { width: 100% !important; height: 100% !important; } body.ip-container::before { content: ""; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; /*background: url(images/slide1.jpg) no-repeat; background-size: cover;*/ } .vc_column_container > .vc_column-inner {padding-left: 0px !important;padding-right: 0px !important;} .small-padding.vc_column_container > .vc_column-inner{padding: 0px 50px !important;} /*** Header Area ***/ .header-main { width: 100%; z-index: 100; margin: 0 auto; height: auto; padding: 0; background: rgba(41, 108, 195, 1); } .home .header-main, .single-listing .header-main{ background: rgba(255, 255, 255, 0);position: fixed;border-bottom: 1px solid rgba(255,255,255,0.25);} .header-main.short{background: rgba(41, 108, 195, 1);} .home .header-main { position: fixed; } .home .short + .site-content, .single-listing .header-main + .site-content {padding-top: 0px;} .short + .site-content {padding-top: 78px;} .hdr-logo { padding-top: 10px; padding-bottom: 10px; border-right: 1px solid rgba(255,255,255,0.25); align-self: stretch; } .hdr-logo img { max-width: 227px; width: 100%; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; } /*.hdr-logo img{display: none;}*/ .hdr-logo a.custom-logo,.hdr-logo a.custom-logo:focus{ width: 165px; /*height: 80px; */display: block;/*background: url("images/Florida-Luxurious-Properties-logo.png") no-repeat;*//*background-color: #fff;-webkit-mask: url(images/MATT-Bertanzetti-Logo-small.png) no-repeat 50% 50%;mask: url(images/MATT-Bertanzetti-Logo-small.png) no-repeat 50% 50%;*/} .custom-logo br{display: none;} /** Navigation **/ .main-nav { position: relative; /*! margin-top: 40px; */ display: inline-block; vertical-align: middle; width: 100%; font-size: 0; align-self: stretch; text-align: right; } .navigation { /*! position: relative; */ /*margin-top: 40px;*/ display: inline-block; vertical-align: middle; /*! width: 70%; */ font-size: 0; height: 100%; } .hdr-contact em.tekform-mobile-phone a {color: #fff; } #nav { text-align: right; } #nav li { display: inline-block; margin: 0 0 0 60px; position: relative; } #nav > li:first-child { margin-left: 0; } #nav li a { letter-spacing: 2px; color: #fff; font-size: 14px; position: relative; display: inline-block; margin: 0 auto; outline: none; text-decoration: none; padding: 0; /*overflow: hidden; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; */ text-transform: uppercase; } /*#nav li a:hover, #nav li a:focus { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); }*/ /* #nav li a::before { position: absolute; top: 100%; content: attr(data-title); font-weight: 700; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } */ /*-----------------*/ #nav > li > a { overflow: hidden; } #nav > li > a > span { position: relative; display: inline-block; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; } #nav > li > a > span::before { position: absolute; top: 100%; content: attr(data-title); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); text-shadow: 0 0.015em #364252, 0 -0.015em #364252, 0.01em 0 #364252, -0.01em 0 #364252; } #nav > li > a:hover > span, #nav > li > a:focus > span { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); } /*----------------*/ #nav .sub-menu { min-width: 200px; left: 50%; margin-left: -100px; z-index: 9; padding: 0 10px; background: none; color: #fff; text-align: left; } #nav .sub-menu a { padding: 0; } #nav .sub-menu li { width: 100%; position: relative; margin: 0 0 1px 0; background: rgba(0, 0, 0, 0.5); } #nav .sub-menu li:before { display: none; } #nav .sub-menu li a { width: 100%; font-size: 12px; font-weight: 400; padding: 10px 0px; text-transform: none; color: #fff; text-transform: uppercase; border-left: none; text-align: center; border: 0; } #nav .sub-menu li a:after { display: none; } #nav .sub-menu li a:hover { color: #fff; background: rgba(0,0,0, 1); text-shadow: 0 0.015em #364252, 0 -0.015em #364252, 0.01em 0 #364252, -0.01em 0 #364252; } #nav .sub-menu .sub-menu { margin-left: 13%; top: 0; } .hdr-contact { display: inline-block; vertical-align: middle; margin-left: 80px; right: 0; position: relative; } .hdr-contact em { font-size: 21px; font-weight: 400; color: #364252; line-height: 1; } /***Header Short***/ .header-main.short { z-index: 100; top: -80px; transform: translate(0%, 80px); transition: 0.5s all; position: fixed; } p { margin: 0 0 25px;} /*** HP SLIDE ***/ .slide-area { width: 100%; position: relative; z-index: 5; top: 0; height: 100%; margin: 0px; } .hp-slide { width: 100%; z-index: 1; position: relative; } /*** Quick Search ***/ .qs-area { position: absolute; width: 100%; left: 0; right: 0; z-index: 2; margin: 0 auto; bottom: 20px; } .qs-wrapp { position: relative; width: 100%; background: rgba(0,0,0, 1); background: -moz-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0, 1)), color-stop(100%, rgba(0,0,0, 1))); background: -webkit-linear-gradient(left, rgba(0,0,0, 1) 0%, rgba(0,0,0, 1) 100%); background: -o-linear-gradient(left, rgba(0,0,0, 1) 0%, rgba(0,0,0, 1) 100%); background: -ms-linear-gradient(left, rgba(0,0,0, 1) 0%, rgba(0,0,0, 1) 100%); background: linear-gradient(to right, rgba(0,0,0, 1) 0%, rgba(0,0,0, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e8ec6', endColorstr='#1e8ec6', GradientType=1); display: inline-block; padding: 0 15px; } .qs-icon { float: left; width: 12.8%; padding-top: 30px; text-transform: uppercase; color: #fff; font-size: 16px; font-weight: 400; } .qs-icon em.ai-magnifying-glass-a { font-size: 16px; color: #fff; } .qs-cont { padding-bottom: 22px; padding-top: 22px; position: relative; z-index: 1; width: 85.8%; font-size: 0; float: right; } .qs-cont form { width: 100%; margin: 0px auto; font-size: 0; } .qs-cont input[type="text"], .qs-cont select { display: inline-block; vertical-align: top; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; font-size: 12px; color: #333; padding: 0 20px 0 8px; height: 33px; outline: none; text-transform: uppercase; width: 9.5%; margin-right: 0.15%; } .qs-cont input[type="text"].wide, .qs-cont select.wide { width: 17.5%; } .qs-cont select { background: url(images/qs-arrow-02.png) no-repeat #ffffff right center; } select::-ms-expand { display: none; } qs-cont .qs-cont-sub,div.qs-cont input.qs-cont-sub[type="submit"]:not(:hover):not(:active):not(.has-background), .qs-cont a.adv-srch { width: 13%; height: 33px; background-color: #cccccc; text-align: center; color: #333; appearance: normal !important; -webkit-appearance: normal !important; -moz-appearance: normal !important; border-radius: 0; border: 0; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; margin: 0; vertical-align: top; letter-spacing: 1px; max-width: 117px; display: inline-block; line-height: 33px; text-transform: uppercase; margin-right: 0.15%; font-size: 12px; } div.qs-cont input.qs-cont-sub[type="submit"]:hover{ width: 13%; height: 33px; background-color: #848484; text-align: center; color: #333; appearance: normal !important; -webkit-appearance: normal !important; -moz-appearance: normal !important; border-radius: 0; border: 0; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; margin: 0; vertical-align: top; letter-spacing: 1px; max-width: 117px; display: inline-block; line-height: 33px; text-transform: uppercase; margin-right: 0.15%; font-size: 12px;} .qs-cont .qs-cont-sub { margin-left: 0.15%; } .qs-cont a.adv-srch { background: #cccccc; } .qs-cont .qs-cont-sub:hover { background: #a9a9a9; } .qs-cont a.adv-srch:hover { background: #848484; } /*** Exclusive Properties ***/ .top-widget-title { display: block; text-align: center; color: #107db5; text-transform: uppercase; font-size: 14px; padding: 65px 0 20px; letter-spacing: 1px; font-weight: 400; } .prop-list { font-size: 0; position: relative; display: inline-block; } .prop-list a { width: 100%; height: auto; position: relative; display: inline-block; overflow: hidden; } .prop-list a > .img-holder { width: 100%; background-size: cover; position: relative; height: 221px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .prop-list a:hover > .img-holder { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .prop-list a > .img-holder img { width: 100%; max-width: 360px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .prop-list a:hover > .img-holder img { } .prop-list a > .prop-text { width: 100%; color: #999; margin-top: 15px; } .prop-list a > .prop-text span.prop-price { display: inline-block; vertical-align: middle; font-size: 25px; width: 45%; text-align: left; } .prop-list a > .prop-text span.prop-address { font-size: 12px; display: inline-block; text-transform: uppercase; text-align: right; width: 54.9%; vertical-align: middle; } .bg-accent { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background:url(https://mattbertanzetti.com/wp-content/uploads/2024/03/Matt-Bertanzetti-200-Fiesta-Short-3.jpg) center/cover no-repeat/* url(assets/img/bg-accent.jpg) center/cover no-repeat*/; background-attachment: fixed; z-index: -1; } .bg-accent:before, .bg-accent:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .bg-accent:before { background: rgba(0, 0, 0, 0.7); } /*Flex*/ .flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .flex:before, .flex:after { display: none; } .dir-col { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; } .dir-col-reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-flow: column-reverse wrap; flex-flow: column-reverse wrap; } .dir-row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-flow: row-reverse wrap; flex-flow: row-reverse wrap; } .al-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .al-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .al-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .ju-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .ju-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .ju-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .ju-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #listing-details { position: relative; } .listDetails-hero, .listDetails-hero-inner { position: relative; } .listDetails-hero-inner:before, .listDetails-hero-inner:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; height: 277px; max-height: 100%; bottom: initial; opacity: 0.4; background: rgb(0, 0, 0); background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1); pointer-events: none; } .listDetails-hero-inner:after { top: initial; bottom: 0; transform: rotateX(180deg); } .listDetails-hero-slick { position: relative; font-size: 0; } .listDetails-hero-img { position: relative; } .listDetails-hero-img canvas { display: block; width: 100%; background-position: center; background-size: cover; min-height: 250px; } .listDetails-hero-img~.listDetails-hero-img { display: none; } .listDetails-hero-details { position: absolute; bottom: 0; left: 0; color: #fff; z-index: 2; /*padding: 0 50px 39px;*/ padding: 0 5% 2.4%; } .listDetails-hero-details-address { font-size: 24px; letter-spacing: 0.1em; line-height: 1; text-transform: uppercase; margin-bottom: 21px; font-weight: 600; } .listDetails-hero-details-address span { display: block; font-size: 18px; letter-spacing: 0.1em; margin-top: 7px; } .listDetails-hero-details-price { font-size: 36px; letter-spacing: 0.06em; line-height: 1; font-family: var(--font-family-title); } .listDetails-hero-details-price span { padding: 9.5px 40px 9.5px; display: inline-block; border-right: 1px solid rgb(255 255 255 / 60%); } .listDetails-hero-details-price span:first-child { padding-left: 0; } .listDetails-hero-details-price span:last-child { padding-right: 0; border-right: 0; } .listDetails-hero-controls.currentLists-controls { position: absolute; bottom: 0; right: 0; z-index: 2; margin: 0; /*padding: 37px 31px 33px 34px;*/ padding: 35px 1.94% 35px 2.13%; } .listDetails-hero-controls.currentLists-controls .slick-arrow{width: 68px; height: 68px; border-radius: 50%; border: none !important; box-shadow: 1.883px 26.934px 29.44px 2.56px rgba(0, 0, 0, 0.14); background: rgba(255, 255, 255) !important; top: 35px; bottom: 0; } .listDetails-hero-controls.currentLists-controls .slick-arrow:hover{background:#0E3466 !important;opacity: 1} .listDetails-hero-controls.currentLists-controls button em:before { background: rgba(41, 108, 195); } .listDetails-hero-controls.currentLists-controls button svg { fill: rgba(41, 108, 195); } .listDetails-hero-controls.currentLists-controls button span { color: #fff; } .listDetails-hero-inner .slick-slide img { /*transform: translate(0%, -15%);*/ height: 100% !important; object-fit: cover; } .listDetails-hero-inner .slick-initialized .slick-slide,.listDetails-hero-inner .slick-slide,.listDetails-hero-inner .slick-slide div{height: 60vh;} .listDetails-hero-inner .slick-slide{margin: 0 2px;} .slick-prev, .slick-next{z-index: 1;background: transparent !important;width: auto;height: auto; position: relative;bottom: 0;/*! top: 0; */} .slick-prev {left: auto;} .slick-next {right: auto;} .slick-prev::before, .slick-next::before { font-family: 'icomoon' !important; font-size: 50px; display: inline-block; color: rgba(255, 255, 255, 1); text-shadow: 2px 0px 1px #000; } .slick-prev::before{content: '';} .slick-next::before {content: '';} .slidertop-nav .slick-slide img:hover{ cursor: pointer;} .wpb_single_image .flex-direction-nav .flex-next, .wpb_single_image .flex-direction-nav .flex-prev{height: 40px; background: #fff !important; border-radius: 50%;margin: -20px 0 0;} .slidertop .flex-direction-nav a { margin-left: 0px; position: absolute; z-index: 11; top: 40%; } .slidertop .flex-direction-nav a::before{color: #fff;} .slidertop .flex-direction-nav .flex-next { right: 50px !important; text-align: right; margin-left: 50px !important; } .slidertop .flex-direction-nav .flex-prev { left: 50px !important; margin-right: 50px !important; } .slidertop .flexslider:hover .flex-direction-nav .flex-prev {left:50px;} .slidertop .flexslider:hover .flex-direction-nav .flex-next{right: 50px;} .slider-wrapper{height: 100%; overflow: hidden; position: relative; margin:0;padding: 0;} .currentLists-controls { position: relative; padding: 58px 0 83px; margin: 49px -21px 0; /*background: rgba(255,255,255,0.92);*/ } .currentLists-btn-line { display: inline-block; width: 1px; height: 47px; background: #8e8e8e; margin: 0 23px; position: relative; } .currentLists-controls button.slick-prev svg { transform: rotate(180deg); } .currentLists-controls button { background: transparent; border: none; padding: 0; font-size: 0; transition: all .3s ease; } .currentLists-controls button:hover { opacity: 0.5; } .currentLists-controls button span { font-size: 15px; letter-spacing: 0.1em; line-height: 1; text-transform: uppercase; color: #000; display: inline-block; vertical-align: middle; display: none; } .currentLists-controls button em { display: inline-block; vertical-align: middle; position: relative; margin: 0 20px; } .currentLists-controls button em:before { content: ''; position: absolute; top: 0; bottom: 0; margin: auto; width: 15px; height: 2px; background: #000; } .currentLists-controls button.slick-prev em { /*! padding-right: 15px; */ } .currentLists-controls button.slick-prev em:before { right: 0; } .currentLists-controls button.slick-next em { /*! padding-left: 15px; */ } .currentLists-controls button.slick-next em:before { left: 0; } .currentLists-controls button svg { fill: #000; } .prop-nav { width: 100%; position: relative; z-index: 4; top: 95px; } a.prev1, a.prev2, a.prev3 { left: 0; display: block; position: absolute; outline: none; text-decoration: none; color: #fff; background: url(images/prev-a.png) no-repeat center; width: 29px; height: 31px; } a.next1, a.next2, a.next3 { right: 0; display: block; position: absolute; outline: none; text-decoration: none; color: #fff; background: url(images/next-a.png) no-repeat center; width: 29px; height: 31px; } /*** CTA AREA ***/ .cta-area-wrapp { position: relative; width: 100%; z-index: 2; margin: 70px auto 0; bottom: 0; background: url(images/cta-bg.jpg) no-repeat top center; background-size: cover; min-height: 472px; padding-top: 130px; } .cta-list { font-size: 0; display: inline-block; position: relative; } .cta-list a { width: 100%; height: auto; display: inline-block; margin: 0 auto; text-align: center; } .cta-list a > .cta-img-wrapp { width: 100%; height: 137px; border-radius: 50%; border: 2px solid #fff; background: rgba(255, 255, 255, 0.2); max-width: 137px; line-height: 130px; margin: 0 auto; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .cta-list a:hover > .cta-img-wrapp { background: #000; } .cta-list a > span { position: relative; display: block; font-size: 20px; text-transform: uppercase; color: #fff; text-align: center; padding-top: 40px; } /*** Welcome Area ***/ .welcome-area { position: relative; width: 100%; left: 0; right: 0; z-index: 2; margin: 0 auto; bottom: 0; /*background: url(images/welcome-bg.jpg) no-repeat top center; background-size: cover;*/ min-height: 556px; overflow: hidden; margin-bottom: 50px; } .welcome-text { position: relative; margin: 0 auto; } .welcome-text h1 { font-size: 30px; color: #999; display: inline-block; letter-spacing: 2px; line-height: 30px; font-weight: 400; } button.sub-menu-toggle{display: none;} .welcome-text h1 span { font-size: 18px; display: block; text-transform: uppercase; letter-spacing: normal; } .white-bg .welcome-text h1, .white-bg .welcome-text h1 span, .lightgray-bg .welcome-text h1, .lightgray-bg .welcome-text h1 span,.welcome-text h1 { color: #000;} .welcome-text h1 i { color: #000; text-transform: uppercase; font-style: normal !important; } .welcome-text p { line-height: 27px; margin: 13px 0; font-size: 13px; text-align: justify; } .welcome-text a,#IDX-submitBtn { color: #000; } .welcome-text a:hover { opacity: 0.5; } .welcome-photo { position: relative; margin-top: 70px; text-align: center; } .welcome-photo img { width: 100%; max-width: 457px; } #content i, aside i, #content cite, aside cite, #content em, aside em, #content var, aside var, #content address, aside address {font-style: normal;} .vc_btn3.vc_btn3-color-black, .vc_btn3.vc_btn3-color-black.vc_btn3-style-flat{font-weight: 200; } .vc_btn3.vc_btn3-color-black, .vc_btn3.vc_btn3-color-black.vc_btn3-style-flat{background-color: #000 !important;} .vc_btn3.vc_btn3-color-black.vc_btn3-style-flat:focus, .vc_btn3.vc_btn3-color-black.vc_btn3-style-flat:hover, .vc_btn3.vc_btn3-color-black:focus, .vc_btn3.vc_btn3-color-black:hover {background-color:#555555 !important;} .vc_btn3.vc_btn3-color-black.active, .vc_btn3.vc_btn3-color-black.vc_btn3-style-flat.active, .vc_btn3.vc_btn3-color-black.vc_btn3-style-flat:active, .vc_btn3.vc_btn3-color-black:active {background-color:#555555 !important;} .vc_btn3.vc_btn3-size-lg {font-size: 12px !important; text-transform: uppercase;} .impress-showcase-property a:hover,.impress-showcase-property a:focus {color: #C9C9C9;} /*** Featured Communities ***/ .fn-wrapper { position: relative; width: 100%; margin: 0 auto; /*background: url(images/fn-main-bg.jpg) no-repeat top center;*/ background: #333; background-size: cover; padding-bottom: 85px; text-align: center; } .fn-title { font-size: 36px; color: #38a5dd; display: inline-block; letter-spacing: 2px; line-height: 30px; text-transform: uppercase; font-weight: 400; margin-top: 140px; text-align: center; width: 100%; margin: 50px auto 40px; } .fn-title span { font-size: 18px; color: #999; display: block; } .fn-list { position: relative; font-size: 0; text-align: center; margin-bottom: 15px; margin-top: 15px; } .fn-list a { width: 100%; height: 100%; position: relative; display: inline-block; margin: 0 auto; background: #000; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .fn-list a:hover { background: #38a5dd; } .fn-list a > img { position: relative; width: 100%; max-width: 264px; opacity: 0.5; } .fn-list a > .fn-text-wrapp { position: absolute; z-index: 3; top: 0; left: 0; margin: 0 auto; width: 100%; height: 100%; } .fn-list a > .fn-text-wrapp:before { width: 0; height: 100%; content: ''; left: 0; right: 0; vertical-align: middle; display: inline-block; } .fn-list a > .fn-text-wrapp span { text-align: center; position: relative; display: inline-block; text-shadow: 1px 1px 2px #000; color: #fff; text-transform: uppercase; font-size: 16px; vertical-align: middle; letter-spacing: 1px; } /*** Trasparent ***/ .transparent-area { width: 100%; position: relative; height: 393px; background: url(images/trans-bg1.jpg) no-repeat center; background-attachment: fixed; -webkit-background-size: cover; background-size: cover; } .mobile .transparent-area{ background-attachment: initial !important; } /*** Testimonials ***/ .testi-wrapper { position: relative; width: 100%; margin: 0 auto; background: url(images/testi-bg.jpg) no-repeat top center; background-size: cover; height: 507px; display: none; } .testi-title { text-align: right; text-transform: uppercase; color: #fff; font-weight: 600; letter-spacing: 1px; font-size: 36px; margin-right: 55px; margin-top: 200px; line-height: 40px; } .testi-cont { position: relative; padding-left: 50px; } .testi-text { color: #fff; display: inline-block; } .testi-text p { line-height: 30px; font-size: 16px; } .testi-text a { display: block; font-size: 20px; text-transform: uppercase; line-height: 20px; color: #fff; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; padding-top: 50px; padding-bottom: 50px; } .testi-text a > i { font-size: 10px; font-style: normal; display: block; } .testi-text a:hover { opacity: 0.5; } .div-line { width: 100%; max-width: 490px; display: inline-block; position: relative; height: 1px; background: rgba(255, 255, 255, 0.8); margin-top: 80px; margin-bottom: 40px; } .div-line:before { content: ''; display: inline-block; position: absolute; width: 68px; height: 4px; background: #fff; top: -4px; } .testi-details ul.slick-dots li { display: inline-block; font-size: 0; width: 14px; height: 14px; border-radius: 50% 50%; background: rgba(255, 255, 255, 0.5); position: relative; margin: 0 3px; } .testi-details ul.slick-dots li button { position: absolute; background: none; border: none; border-radius: 50% 50%; width: 13px; height: 13px; top: 0; left: 0; font-size: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; } .testi-details ul.slick-dots .slick-active, .testi-details ul.slick-dots li:hover, .testi-details ul.slick-dots li:active, .testi-details ul.slick-dots li:visited { background: rgba(255, 255, 255, 1); } /*** Footer ***/ .footer {position: relative; font-size: 12px; font-weight: 400; width: 100%; padding: 70px 0px 0px 0; color: #fff; background-size: cover;background-color: rgba(14,52,102,.8); overflow: hidden; } #footer-area{max-width: 1300px; margin: 0 auto;} .footer-bottom{padding: 0px 0px 70px 0;text-align: justify;} .footer-left .text-xs.circle { width: 47px;height: 47px;padding: 0;line-height: 47px;} .footer-col1-new {float: left;width: auto;color: #e8e8e8;font-size: .70em;letter-spacing: 1px;text-align: left;line-height: 140%;margin-left: 7%;padding: 0px;} .footer-separator {width: 100%;margin-left: auto;margin-right: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;} .footer-separator .vc_sep_holder { height: 1px; position: relative; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 10%; } .footer-separator .vc_sep_holder .vc_sep_line {height: 1px;border-top: 1px solid #ebebeb; border-top-color: rgb(235, 235, 235);display: block;position: relative;top: 1px;width: 100%;} .footer-col3 { float: left;max-width: 274px;} .footer-col3 img {height: auto;max-width: 100%;} .network-links {list-style: none; padding: 0; margin: 0; margin-top: 25px;color: #fff;text-align: center;} .network-links li {display: inline-block;list-style: none;fill: #fff;} .network-links .network-icon.christies svg { width: 148px;height: 50px;} .network-links .network-icon.luxury svg {width: 84px;height: 50px;} .network-links .network-icon.mayfair2 svg { width: 153px;height: 50px;} .network-links .network-icon.fiabci svg {width: 60px;height: 50px;} .network-links .network-icon.lre-bor svg{width: 119px;height: 50px;} .network-links .network-icon.lrec svg { width: 187px;height: 50px;} .network-links li + li {margin-left: 20px;} .network-links li a{ color:#fff !important;} .network-links li a img, .network-links li img{vertical-align:middle;margin-top: 0px;width: auto;height: 35px;} .network-links .network-icon.ent-network svg{width: 50px;height: 50px;} .footer-right {text-align: left;margin: 10px 0 0 0;} .disclaimer{font-size: 9px;line-height: 1.5;letter-spacing: 0;} .disclaimer.network {line-height: 50px;max-width: 790px;padding: 0px 10px;font-size: 19px;letter-spacing: 2px;text-align: left;color: #f8f8f8;font-weight: 300;} .aios-roadmaps.no-border a.aios-roadmap-link{color: #fff;} .aios-roadmaps.no-border.black a.aios-roadmap-link.active-link, .aios-roadmaps.no-border.black a.aios-roadmap-link:hover { color: #999;} .white-bg .aios-roadmaps.no-border a.aios-roadmap-link, .lightgray-bg .aios-roadmaps.no-border a.aios-roadmap-link{color: #000;} /*** Contact Us ***/ input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], .site textarea, input[type="checkbox"], input[type="radio"] {border: 1px solid #ccc;} .IDX-wrapper-standard a.IDX-btn{padding: 15px 12px;} .form-title { font-size: 36px; color: #fff; text-transform: uppercase; padding-bottom: 30px; font-weight: 200; } .cont-form { position: relative; font-size: 0; padding: 0; max-width: 1300px; margin: 0 auto; } .cont-form .cont-right { width: 46.40%; margin: 5px 0; border: 1px solid #505050; height: 46px; display: inline-block; position: relative; vertical-align: middle; } .cont-form .cont-left { width: 53.5%; display: inline-block; vertical-align: middle; } .cont-form .cont-left p{margin: 0px;} .cont-form input[type='text'], .cont-form input[type='tel'], .cont-form input[type='email'], .cont-form textarea { width: 48.8%; color: #adadad; display: inline-block; font-size: 11px; height: 46px; padding-left: 20px; font-weight: 400; -webkit-appearance: none; -moz-appearance: none; vertical-align: top; margin: 5px 7px 5px 0; background: transparent; border: 1px solid #505050; outline: none; text-transform: uppercase; } .cont-form textarea { width: 92%; resize: none; padding-top: 10px; border: none; height: 80%; } div.cont-form input[type='submit'] { height: 19px; text-align: center; color: #fff; vertical-align: top; text-transform: uppercase; cursor: pointer; -webkit-appearance: none; width: 100%; max-width: 22px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; border: 0; background: url(images/send-icon.png) no-repeat right; font-size: 0; outline: none; float: right; margin-top: 15px; margin-right: 10px; background-color: transparent !important; } div.cont-form div.wpcf7-validation-errors { color: #fff; position: absolute; width: 100%; margin: 0 auto; text-align: center; font-size: 12px; padding: 0; } div.cont-form .use-floating-validation-tip span.wpcf7-not-valid-tip { font-size: 12px; top: 0; } /*** Footer Info ***/ .info-ftr { display: block; padding-top: 60px; color: #888888; } .info-ftr > img { display: block; padding-bottom: 50px; width: 100%; max-width: 228px; margin: 0 auto; } .info-ftr > span { font-size: 18px; display: inline-block; } .info-ftr a { color: #999 !important; } .info-ftr a:hover { color: #fff; } em.ai-font-phone-o { font-size: 15px; padding-right: 4px; color: #fff; } em.ai-font-envelope-o { font-size: 13px; padding-right: 4px; color: #fff; } .info-ftr > span.line-div { width: 2px; background: #888; height: 18px; position: relative; top: 3px; margin: 0 8px 0 5px; } .sm-icon { display: block; text-align: center; } .sm-icon a { color: #888888 !important; font-size: 22px; display: inline-block; margin: 15px 10px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .sm-icon a:hover { color: #fff; } /***/ /*.footer li { display: inline-block; padding: 0 10px; line-height: 10px; color: #fff; text-transform: uppercase; } .footer li a { color: #fff; font-size: 13px; } .footer li a:hover { color: rgba(56,165,221, 1); } .footer li:first-child { border: 0; padding-left: 0; }*/ .footernav { padding-top: 30px; padding-bottom: 10px; } .ftd-footer-contact-details {} .ftd-footer-contact-details-site-title {font-size: 2.188vw;font-weight: 600;text-transform: uppercase;} .ftd-footer-contact-details-list {margin-top: 2.063vw;} .ftd-footer-contact-details-item {margin-bottom: 1.188vw;display: block !important;padding: 0px !important;} .ftd-footer-contact-details-item-icon, .ftd-footer-contact-details-item-link {display: inline-block;vertical-align: top;} .ftd-footer-contact-details-item-icon {width: 1.125vw;text-align: center;margin-right: 0.75vw;} .ftd-footer-contact-details-item-icon img {max-width: 100%;} .ftd-footer-contact-details-item-icon span {color: rgba(41, 108, 195, 1); position: relative;top: 4px;} .ftd-footer-contact-details-item-icon span.ai-font-envelope {font-size: 0.813vw;} .ftd-footer-contact-details-item-icon span.ai-font-location-c {font-size: 1.063vw;} .ftd-footer-contact-details-item-link a, .ftd-footer-contact-details-item-link span { /*font-size: 0.875vw;*/ font-weight: 400; color: #fdfdfd !important; text-transform: uppercase; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; display: block; line-height: 18px; font-size: 15px; } .ftd-footer-contact-details-item-link a:hover {color: rgba(41, 108, 195, 1) !important;} .archive-employee .agent-wrap img, .single-employee .agent-wrap img, .single-listing .connected-agents img{border: none !important;box-shadow: none !important;} .archive-employee .agent-wrap img{ width: 100%;} .single-employee .agent-details{position: relative;align-content: center; align-self: center;} .footer-right, .footer-left { display: block; width: 50%; } .footer-info-wrap { display: block; padding-right: 40px; } .title-wrap { position: relative; display: block; padding-top: 20px; padding-bottom: 20px; margin-bottom: 40px; line-height: 1; } .title-wrap:after { position: absolute; bottom: 0; left: 0; width: 225px; height: 1px; content: ""; background: rgba(204,204,204, .5); right: 0; } .title-widget { text-transform: uppercase; position: relative; font-weight: 400; display: inline-block; font-size: 70px; line-height: 1; margin: 0px; } .title-wrap span { display: block; font-size: 23px; text-transform: uppercase; font-weight: 300; margin-bottom: 15px; } .footer-right-inner { padding: 50px 0 50px; border-left: 1px solid rgba(204,204,204, .5); display: flex; justify-content: flex-end; position: relative; } .footer-right-inner:before { position: absolute; top: 0; left: 0; width: 1600px; height: 1px; content: ""; background: rgba(204,204,204, .5); } .footer-right-inner:after { position: absolute; bottom: 0; left: 0; width: 1600px; height: 1px; content: ""; background: rgba(204,204,204, .5); } .footer-top .title-wrap { text-align: left; margin-bottom: 0px; } .footer-top .title-widget, .footer-top .title-wrap span { color: #fff; } .footer-top .title-wrap span { letter-spacing: 0.14em; } .footer-top .title-widget { font-size: 40px; } .footer-top .title-wrap:after { margin: 0; } .footer-top .container { position: relative; z-index: 9; } .footer-form-wrap { position: relative; max-width: 580px; } .footer-form { width: 100%; margin: 0 auto; position: relative; z-index: 5; background: transparent; padding: 0; } .footer-form p{margin: 0px;} .form-field-wrap { width: 100%; display: flex; align-items: center; position: relative; justify-content: center; } .form-field-long { width: 100%; } .form-field-short { width: 49.9%; display: inline-block; vertical-align: top; margin-left: 1.15%; } .form-field-short:first-child { margin-left: 0; } .form-field-short input, .form-field-long input, .form-field-wrap textarea { width: 100%; height: 50px; padding: 0 20px; color: #707070; font-size: 14px; font-weight: 400; letter-spacing: 0.04em; border: none; background-color: #fff; text-transform: capitalize; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-bottom: 19px; margin-top: 0px; } .form-field-short input[type="email"], .form-field-long input[type="email"], .form-field-wrap textarea { text-transform: none; } .form-field-wrap textarea { height: 100px; padding-top: 20px; resize: none; } .footer .copyright { color: #fff; } .footer .copyright a { color: #fff; } .footer .copyright a:hover { color: rgba(0,0,0, 1); } .copyright span { text-transform: uppercase; } .ftr-logo em.ai-icon-ftr { margin: 0 4px; } /******************************************************* * * 3. IP Styles * *******************************************************/ /* Adjust minimum height of page area */ #content-sideba { min-height: 500px; margin-top: 90px; padding: 15px 50px; background: transparent; } #content-full { margin-top: 90px; background: transparent;} .blue {background: #296CC3;color: #fff;} .lightgray-bg {background: #e4e4e5;color: #000;} .white-bg {background: #fff;color: #000;} /** Adjust width of content columns **/ #content-sidebar #content { width: 74%; } #content-full #content { width: 100%; } .content_full{width: 1470px !important;margin: 0 auto;padding: 15px !important;float: none !important;} .impress-showcase-property .impress-showcase-photo{background-color: #000;color: #fff;} .impress-showcase-property span.impress-price, .impress-showcase-property span.impress-status, .impress-showcase-property .impress-address{padding: 0px 15px;} .impress-showcase-property p.impress-beds-baths-sqft{display: none;} .content_wide,.impress-row, .addtoany_content{width: 100% !important; max-width: 1470px !important; margin: 0 auto;float: none !important;padding: 15px !important;} .impress-showcase-property img { border: none !important; max-width: 100%; width: 460px; height: 330px !important;object-fit: cover;} .impress-showcase-property p{margin: 0px !important;} .impress-showcase-property{margin-bottom:15px; } div.header-banner{ position: relative; z-index: 0; width: 100%; /* height: 75vh; */ height: 45vh; background-size: cover; background-position: center center; /*background-attachment: fixed;*/ background-color: #999; } div.header-banner .header-content { position: absolute; top: 48%; left: 0; right: 0; z-index: 1; transform: translateY(-50%); } div.header-banner h1{margin-top:80px;} /* Adjust width of sidebar */ .sidebar { /*width: 21%; margin-top: 30px;*/} /* Adjust line height of page elements */ #content h4, aside h4, #content p, aside p, #content blockquote, aside blockquote, #content ul, aside ul, #content fieldset, aside fieldset, #content form, aside form, #content ol, aside ol, #content dl, aside dl, #content dir, aside dir, #content menu, aside menu { line-height: 1.7 } .ai-default-cf7wrap label { display: block; margin-bottom: 5px; color: #666666; font-size: 12px; text-align: left; text-transform: uppercase; } .wpcf7-form-control{background: none;font-size: 14px !important;} .ai-default-cf7wrap input[type="email"], .ai-default-cf7wrap input[type="tel"], .ai-default-cf7wrap input[type="text"]{margin: 5px 0 15px 0 !important; width: 100%; height: 35px; } .ai-default-cf7wrap input[type="email"], .ai-default-cf7wrap input[type="tel"], .ai-default-cf7wrap input[type="text"], .ai-default-cf7wrap textarea{margin: 5px 0 15px 0 !important; padding: 0px !important; display: inline-block; vertical-align: top; color: #000000; font-size: 14px; border: none; border-bottom: 1px solid #000000; outline: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; } .blue .ai-default-cf7wrap input[type="email"], .blue .ai-default-cf7wrap input[type="tel"], .blue .ai-default-cf7wrap input[type="text"], .blue .ai-default-cf7wrap textarea{color: #fff;border-bottom: 1px solid #fff;} .blue .aidefcf-wrapper .wpcf7-form-control.wpcf7-select {background: #222;} .ai-default-cf7wrap textarea { height: 80px; resize: none; } .ai-contact-wrap input.wpcf7-submit, .ai-contact-wrap input[type="submit"], .ai-default-cf7wrap input.wpcf7-submit, .ai-default-cf7wrap input[type="submit"] { margin-top: 15px; min-width: 230px; height: auto; width: auto; padding: 15px 10px; font-weight: 200; background: #000 !important; } select {border: solid #000 1px;} /*input[type="submit"]:hover{color: #fff; background: #444;} div.cont-form input[type="submit"]{font-size: 0 !important;}*/ button[type="submit"], input[type="submit"] {outline: none;padding: 15px 30px;border-radius: 0px; border: 0px !important; background: #1763b4; color: #fff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; margin: 0; } input[type="submit"]:hover {background-color: #333;} .form{margin: 1.12em 0;} /* Style post/page main headings (h1) */ #content .entry-title { font-size: 40px; color: #000; font-weight: 400; text-transform: uppercase; } /* Style category/archive/etc main headings (h1) */ #content .archive-title { } /* Styles for category/archive/search/etc subheadings (h2) */ #content .archive-subtitle { } .sidebar .cta-list { margin: 15px auto; width: 100%; } .sidebar .cta-list a > .cta-img-wrapp { background: rgba(0, 0, 0, 1); } .sidebar .cta-list a:hover > .cta-img-wrapp { background: rgba(56, 165, 221, 0.5); } .ai-default-cf7wrap input[type="submit"]:hover, .ai-default-cf7wrap input.wpcf7-submit:hover { opacity: 0.8; } .sidebar .cta-list a > span { color: #999; padding-top: 10px; font-size: 15px; font-weight: 400; } .white-bg .sidebar .cta-list a > span {color: #000;} /* MEDIA QUERIES ARE AUTOMATICALLY REMOVED FROM THIS FILE, they must be placed in style-media-queries.css */ #IDX-main{ width: 100%} #IDX-main #IDX-resultsFeaturedListings{} #IDX-main #IDX-resultsFeaturedListings .IDX-resultCellContainer{} #IDX-main #IDX-resultsFeaturedListings .IDX-resultCellContainer .IDX-resultsCell{ width: 47.5%; } #IDX-main #IDX-resultsMLSRights{ height: auto !important; } #IDX-main #IDX-resultsMLSRights div{ color: #575656 !important; position: relative; } .aios_agent h1.entry-title { display: none; } .agent-holder { width: 48%; position: relative; margin-bottom: 50px; margin-top: 50px; display: inline-block; vertical-align: top; } /*.agent-holder:nth-child(2) { width: 49%; }*/ .agent-holder .agent-contact-name { font-weight: bold; font-size: 24px; } .agent-holder::after { content: ''; display: none; background: #777777; width: 200%; height: 2px; position: absolute; bottom: -51px; left: 0; right: 0; } .agent-holder:nth-child(1):after { display: block !important; } .agent-holder:nth-child(5)::after { display: none; } .agent-multi-list { border-top: none !important; padding: 0; } img.mcnImage { width: 100% !important; } body #IDX-main{color: #333;} .IDX-wrapper-standard .select2-container .select2-choice .select2-arrow b{border-top: 8px solid #999;} #IDX-main { width: 100%; max-width: 100%; background: #fff;padding: 15px;} .IDX-pageContainer, #IDX-main > div, #IDX-main > h2{max-width: var(--responsive--aligndefault-width);margin: 0 auto;} .IDX-wrapper-standard .IDX-panel{background-color:rgba(255,255,255,0)} #IDX-showcaseGallery-17982 .IDX-showcaseContainer, .IDX-showcaseTable .IDX-showcaseContainer{height: auto !important;border:none !important;box-shadow: none !important;padding: 0px !important;} #IDX-showcaseGallery-17982.IDX-showcaseTable, .IDX-showcaseTable{font-size: 16px !important;} .IDX-showcaseTable .IDX-showcaseCell div {text-align: left !important;} .IDX-wrapper-standard #IDX-primaryPhoto a.IDX-thumbnail{padding: 0;} .IDX-wrapper-standard #IDX-detailsPrimaryImg{max-height: 100% !important;} .IDX-wrapper-standard #IDX-primaryPhoto{overflow: hidden;} .page-id-214 .IDX-showcaseTable .IDX-showcasePhoto, .page-id-221 .IDX-showcaseTable .IDX-showcasePhoto, .IDX-showcaseTable .IDX-showcasePhoto { width: 460; height: 330px !important; object-fit: cover; } .ai-contact-wrap span.context-email em.ai-font-location { min-width: 25px; } .nd-hide::before { position: absolute; left: 0; width: 596px; height: 312px; background-color: #000; background-image:url("images/nd-bg.jpg"); content: ""; top: 67px; } .home div#main-wrapper { overflow: hidden; } .error-forms input[type=tel] { width: 100%; max-width: 100%; display: block; margin: 0; border: 1px solid #969696; border-radius: 0; outline: none; color: inherit; font-size: 13px; font-family: 'Gotham Book', Sans-serif !important; padding: 3px 9px; box-sizing: border-box; appearance: none; -moz-appearance: none; -webkit-appearance: none; } div#IDX-main ul { margin-left: 0px; } div#ws-walkscore-tile { max-width: 100%; } .agent-holder { width: 50%; } .agent-contacts-main-info a { font-size: 15px; } .property-det img { margin-bottom: 5px !important; } #content .property-description .prop-cta a:hover, .popup-wrap-mortage .mortage-calculator .m-form form div input[type="submit"]:hover, .popup-wrap-mortage .mortage-calculator .m-form form div input[type="reset"]:hover { background: rgba(0,0,0, 1); } .list-wrapper { margin-bottom: 30px; } div.wpcf7-mail-sent-ok{ font-size: 12px; } .agent-contact-email a.asis-mailto-obfuscated-email { font-size: 14px; display: inline-block; vertical-align: middle; } .page-id-162 aside.sidebar { float: right; } div#select2-drop{ z-index: 10; } .select2-drop-mask { z-index: 5 !important; } body #custom-quick-search .bootstrap-select.btn-group .dropdown-toggle .filter-option { color: #999; } .mobile.ios-true #custom-quick-search .bootstrap-select.btn-group .dropdown-toggle .filter-option { font-size:9px; line-height:20px; } #custom-quick-search .bootstrap-select.btn-group { width: 17.5% !important; margin-right: 0.15%; } .footer-disclaimer { margin-top: 20px; } .footer-disclaimer p { color: #fff; font-size: 11px; font-weight: 400; margin-bottom: 10px; } .hp-properties-wrap { height: 367px; } .ada-logo { display: block; max-width: 120px; margin: 0 auto 20px; } .ada-logo img { width: 100%; } #breadcrumbs{display: none;} .label { display: revert; padding: .2em .6em .3em; font-size: 100%; font-weight: 700; line-height: 1; color: #000; text-align: left; white-space: nowrap; vertical-align: baseline; } .nav-pills{ } .nav-item{ } .nav-pills .nav-link{ font-weight: bold; padding-top: 13px; text-align: center; background: #343436; color: #fff; border-radius: 0px; height: 100px; } .nav-pills .nav-link.active{ background: #fff; color: #000; } .nav-pills>li.active{background-color:#f5f5f5; color: #000;} .nav-pills>li.active a, .nav-pills>li.active a:focus,.nav-pills>li.active>a:hover,.nav-pills>li>a:hover{background-color:#f5f5f5; color: #000;} .listing-meta{list-style: none;padding: 0;} .wplistings-single-listing tbody { display:inline-table; width:49%; margin-right:2%; vertical-align:top } .wplistings-single-listing tbody.right { margin-right:0 } .wplistings-single-listing table tr.wp_listings_listing_open_house { display:none } .wplistings-single-listing table tr:nth-child(even) { /* background:#f5f5f5*/ } .wplistings-single-listing td { vertical-align:middle } .wplistings-single-listing td.label { padding-left:5px; font-size:14px; text-transform:uppercase } table td, table th, .wp-block-table td, .wp-block-table th{border: none;border-bottom: 1px solid #d6d6d6;} .wplistings-single-listing .tagged-features { margin:0; padding:0; overflow:hidden } .wplistings-single-listing .tagged-features li { float:left; width:22.9%; margin:0 2% 20px 0; list-style-type:none } .wplistings-single-listing .tagged-features li:before { color:#53c331; font-family:'Font Awesome 5 Free'; font-size:16px; font-weight:900; content:"\f14a"; top:0 } .wplistings-single-listing .tagged-features li a { text-decoration:none; border-bottom:none; margin-left:15px } #listing-description p{display: inline-block;} .tab-content{ position: relative; height: auto; margin-top: -50px; background: #fff; color: #000; border-radius: 0px; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4); padding: 30px; margin-bottom: 50px; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .tab-content button{ border-radius: 15px; width: 100px; margin: 0 auto; float: right; } /*Listing Contact Form*/ @media screen and (max-width: 400px) { label {padding: 15px 10px;} } @keyframes inUp { 0%{ opacity: 0; transform: translateY(100px) } 90%{ transform: translateY(-10px) } 100% { opacity: 1; transform: translateY(0) } } .wplistings-single-listing .ui-tabs { zoom:1 } .wplistings-single-listing .ui-tabs .ui-tabs-nav { list-style:none; position:relative; padding:0; margin:0 } .wplistings-single-listing .ui-tabs .ui-tabs-nav li { list-style-type:none; position:relative; float:left; margin:0 3px -1px 0; padding:0 } .wplistings-single-listing .ui-tabs .ui-tabs-nav li a { color:#fff; font-size:14px; font-weight:700; display:block; padding:10px 20px; background:#999; outline:0; border:none; border-radius:3px 3px 0 0 } .wplistings-single-listing .ui-tabs .ui-tabs-nav li.ui-tabs-active a { padding:10px 20px; color:#666; background:#fff; border:1px solid #ccc; border-bottom-style:none } .wplistings-single-listing .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .wplistings-single-listing .ui-tabs .ui-tabs-nav li.ui-state-processing a, .wplistings-single-listing .ui-tabs .ui-tabs-nav li.ui-tabs-selected a { cursor:default } .wplistings-single-listing .ui-tabs .ui-tabs-nav li a, .wplistings-single-listing .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { text-decoration:none; cursor:pointer } .wplistings-single-listing .ui-tabs .ui-tabs-panel { display:block; padding:15px; clear:both; border:1px solid #ccc; border-radius:0 3px 3px 3px } .wplistings-single-listing .ui-tabs .ui-tabs-hide { display:none } #contact-tabs ul { margin:0; padding:0 } #contact-tabs li { list-style-type:none; margin:0 0 20px; padding:0; width:100% } #contact-tabs li.contactEmail, #contact-tabs li.contactPhone, #contact-tabs li.firstName, #contact-tabs li.lastName { width:48.9%; float:left } #contact-tabs li.contactPhone, #contact-tabs li.lastName { margin-left:2% } #contact-tabs input[type=text],#contact-tabs input[type=tel], #contact-tabs input[type=email],#contact-tabs textarea { box-sizing:border-box; background-color:#fff; border:1px solid #000; font-size:14px; padding:10px; margin:0; width:100%; height:auto } #contact-tabs input[type=submit]{margin-top: 15px; min-width: 230px; height: auto; width: auto; padding: 15px 10px; font-weight: 200; background: #000 !important; position: relative; opacity: 1;} #contact-tabs input[type=submit]:hover{background: #333 !important; color: #fff !important;} #contact-tabs label span.required, #contact-tabs label.error { font-size:12px; font-weight:700; color:red; vertical-align:top } #contact-tabs .thanks { padding:80px 0; font-size:18px } #contact-tabs li.contactEmail, #contact-tabs li.contactPhone { width:100%; float:none; margin-left:0 } #contact-tabs ul { display:flex; height:42px } #contact-tabs form { display:flex; flex-direction:column } #contact-tabs textarea { margin-bottom:10px } #signup-notification { display:none; text-align:center; font-size:14px; color:#97c356 } #loading-icon-container { display:none; padding-top:20px; text-align:center } .wp-listings-disclaimer{margin-bottom: 25px;} .wp-listings-shortcode{display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 25px; grid-row-gap: 25px;} .one-third { width: 33.3333333333%; padding: .8333333333rem; position: relative; float: left; } .listing-widget-thumb{display: block; position: relative;overflow: hidden;} .listing-widget-thumb:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: 1; opacity: 0; transition: 0.3s;} .listing-widget-thumb canvas{display: block; width: 100%; height: auto;} .listing-widget-thumb img{position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; object-fit: cover;transition: 0.3s;} .listing-address{margin: 0px;} .listing-wrap { background-color: #0E3466; color: #fff;overflow: hidden;} .archive .listing-widget-details, .wp-listings-shortcode .listing-widget-details{color: #fff !important;} .listing-wrap:hover .listing-widget-thumb img { transform: scale(1.2); transition: 0.3s; } .listing-thumb-meta, .listing-widget-details{padding: 0px 15px;} .listing-widget-details .listing-thumb-meta{padding: 0px;position: relative !important;} .archive .listing-widget-details, .wp-listings-shortcode .listing-widget-details{background: transparent !important;padding-top: 10px;border-radius: 0px !important;border: none !important;} .archive .listing-wrap .listing-thumb-meta span.listing-price, .wp-listings-shortcode .listing-wrap .listing-thumb-meta span.listing-price{font-size: 24px !important;background: transparent !important;} .more-link, .listing-title, .post-type-archive-listing #sidebar, .single-listing #sidebar,.listing-beds-baths-sqft{display: none;} .wplistings-single-listing .listing-image-wrap { position:relative; overflow:hidden } .wplistings-single-listing .listing-image-wrap span.listing-status { width:250px; padding:5px; top:25px; left:-65px; font-size:14px; line-height:18px; -moz-transform:scale(1) rotate(-45deg) translate(0); -webkit-transform:scale(1) rotate(-45deg) translate(0); -o-transform:scale(1) rotate(-45deg) translate(0); transform:scale(1) rotate(-45deg) translate(0) } .wplistings-single-listing .listing-meta { list-style-type:none; width:100%; overflow:hidden; margin:0 0 30px; padding:0; background:#f5f5f5 } .wplistings-single-listing .listing-meta li { float:left; display:inline-block; padding:8px 0 8px 25px; margin:0; font-weight:700; line-height:35px } .wplistings-single-listing .listing-meta li span.label { font-weight:400 } .wplistings-single-listing .listing-meta li.listing-price { position:relative; top:0; left:0; padding-right:25px; border-radius:0 } .listing-status{display: flex; align-items: center; justify-content: center; background: #0E3466; font-size: 15px; letter-spacing: 0.2em; color: #fff; text-transform: uppercase; position: absolute; right: 3.8%; top: 5.8%; z-index: 2; pointer-events: none; transition: opacity .3s ease; padding: 10px;} .listDetails-details-info .listing-status{position: relative;display: inline;} .listDetails-details-info .listing-status.active{display: inline;right: 0;top: 0;} .listing-status.active{display: none} .listDetails-details { position: relative; margin: 0 !important; } .listDetails-details-inner { position: relative; } .listDetails-details-text { width: 58.313%; padding: 4.94% 5.63% 5.5%; } .listDetails-details-inner h1, .listDetails-details-inner h2 { font-size: 50px; letter-spacing: 0px; line-height: 1; color: #0E3466; text-transform: uppercase; font-weight: 400; margin-bottom: 45px; } .listDetails-details-inner h2 strong, .title{font-family: "Libre Bodoni", serif !important;} .listDetails-details-inner h1 span, .listDetails-details-inner h2 span { font-size: 36px; letter-spacing: 0px; margin-top: 14px; } .listDetails-details-inner h1:after, .listDetails-details-inner h2:after { content: ''; display: block; width: 97px; /*height: 2px; background: #5481a1;*/ margin: 43px 0 0; } .property-description h2, .property-details h2{font-size: 26px} .listDetails-details-inner p { font-weight: 300; font-size: 16px; letter-spacing: 0.02em; line-height: 1.9; color: #000; } .listDetails-details-info { width: 41.687%; padding-left: 32px; padding-top: 32px; } .listDetails-details-info:before { z-index: -1; position: absolute; content: ''; top: 0; left: 0; width: calc(100% - 50px); height: 100%; border: 1px solid #ededed; } .listDetails-details-info .inner{ padding: clamp(20px,4.375vw,70px) clamp(20px,4.375vw,70px) 30px; } .listDetails-details-info .inner.top{ background-color: #f5f5f5; } .listDetails-details-info-price { margin-bottom: 73px; } .listDetails-details-info-amen li{ display: inline-block; margin: 26px; } .listDetails-details-info-price span, .listDetails-details-info-amen li span { display: block; font-weight: 300; font-size: 24px; line-height: 1; letter-spacing: 0.02em; color: #000; margin-bottom: 23px; } .listDetails-details-info-price strong, .listDetails-details-info-amen li strong { display: block; font-weight: 400; font-size: 40px; letter-spacing: 0.02em; line-height: 1; color: #000; } .listDetails-details-info-price.lease { margin-bottom: 88px; } .listDetails-details-info-amen { border-top: 1px solid rgba(0, 0, 0, 0.25); border-bottom: 1px solid rgba(0, 0, 0, 0.25); display: flex; flex-flow: row wrap; justify-content: space-between; padding: 72px 0 73px; justify-content: center; } .listDetails-details-info-amen li {} .listDetails-details-info-amen li span { display: block; } .listDetails-item span { text-transform: uppercase; } .listDetails-item span:first-child { font-size: clamp(15px,1.125vw,18px); letter-spacing: 0.14em; width: calc(50% - 15px); } .listDetails-item span:last-child { font-size: clamp(15px,0.938vw,15px); letter-spacing: 0.02em; padding-left: 15px; width: calc(50% + 15px); } .listDetails-det-item { display: flex; align-items: center; margin-bottom: 30px } .single-listing .content-area.container{max-width: 100%; padding: 0;} div.listing-data, #listing-map{padding: 0 5%;} #listing-map iframe { display: block; width: 100%; height: 648px; max-height: 648px !important; } /*default title*/ .section-title { text-transform: uppercase; line-height: 1; } .section-title > span { display: inline-block; font-weight: 300; font-size: 1.375vw; letter-spacing: 0.8em; color: #3c3c3c; position: relative; margin-bottom: 6px; } .section-title > span:before { content: ''; position: absolute; left: 100%; top: 0; bottom: 0; background: var(--global--color-dark-gray); height: 2px; width: 97px; margin: auto; margin-left: 9px; } .section-title > strong span{font-size: 3.9vw;} .section-title strong { display: block; font-family: var(--font-family-title); font-size: 5vw; letter-spacing: -0.05em; color: #000; font-weight: 400!important; } .section-title.is-white span, .section-title.is-white strong { color: #fff; } .heading-wrap p{font-size: 1.09vw;} /*Listing Form*/ .listDetails-map>div, .listDetails-map>div>div { height: auto!important; } .listDetails-map h2{margin: 0 0 2.313vw !important;text-align: center;letter-spacing: 0.05em;} .listDetails-contact-form { position: relative; padding: 1px 15px 111px; z-index: 1; } .listDetails-contact-form .bg-accent {} .listDetails-contact-form .bg-accent:before { bottom: 188px; background: rgb(255, 255, 255); background: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 1) 100%); background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 1) 100%); background: linear-gradient(0deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ffffff", GradientType=1); } .listDetails-contact-form .bg-accent:after { top: initial; bottom: 0; background: rgba(255, 255, 255, 0.98); height: 188px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgb(255, 255, 255) 50%); } .listDetails-contact-form-inner { background: #fff; max-width: 1015px; width: 90%; margin: -149px auto 0; padding: 77px 60px 56px; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); } .listDetails-contact-form-title { text-align: center; } .listDetails-contact-form .section-title { text-align: left; display: inline-block; margin-bottom: 44px; } .listDetails-contact-form .section-title span { color: #787878; } .listDetails-contact-form .section-title strong { padding-left: 60px; font-size: 60px; } .listDetails-contact-form form { font-size: 0; /*! margin: 0 -10px; */ position: relative; } .listDetails-contact-form form p{margin-bottom: 0px} .listDetails-contact-form form .form-submit span{font-size: 16px} .listDetails-contact-form form label { display: inline-block; vertical-align: text-top; padding: 0px; outline: 0; } .listDetails-contact-form form label input, .listDetails-contact-form form label textarea { width: 100%; height: 60px; background: transparent; border: none; font-weight: 300; font-size: 0.938vw; letter-spacing: 0.1em; line-height: 1.45; color: #000; border-bottom: 1px solid rgba(0, 0, 0, 0.5); text-transform: uppercase; outline: 0; } .listDetails-contact-form form label textarea { padding-top: 20px; resize: none; height: 80px; } .listing-form-row p{display: flex; flex-flow: row wrap; align-items: flex-start; justify-content: space-between; position: relative; margin-bottom: 0; } .listDetails-contact-form form label.col-6 { width: calc(50% - 22px); } .listDetails-contact-form form label.col-12 { text-align: center; margin: 0; width: 100%; } .listDetails-btn { text-align: center; margin: 53px 0 0; } .listDetails-btn .btn-a { position: relative; } .listDetails-btn .btn-a input.wpcf7-submit { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; } .listDetails-btn .btn-a span.ajax-loader { position: absolute; bottom: -40px; left: 0; right: 0; margin: 0 auto; } .listDetails-contact-form form .wpcf7-response-output { position: absolute; top: 100%; left: 0; right: 0; text-align: center; font-size: 11px; margin: 8px 10px 0; } /** Accordion **/ ul.accordion li label { display: flex; align-items: center; padding: 20px 60px 20px 37px; font-size: 21px; text-transform: uppercase; letter-spacing: 0.14em; cursor: pointer; justify-content: space-between; border-bottom:1px solid #ccc; } ul.accordion li label::after { content: '+'; font-size: 35px; font-weight: 100; color: #333; transform: translateY(10px); } ul.accordion input[type="radio"] { display: none; } ul.accordion .content { max-height: 0; overflow: hidden; transition: 0.5s; } ul.accordion input[type="radio"]:checked + label + .content { max-height: 900px; padding: 30px; } ul.accordion input[type="radio"]:checked + label::after{ content: ''; width: 27px; height: 2px; background: #333; } ul.accordion input[type="radio"]:checked + label { padding-bottom: 27px; padding-top: 27px; } ul.accordion li{list-style: none;} /* Accordion styles */ .collapse { overflow: hidden; transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1); transition-property: opacity, height; will-change: opacity, contents; display: block; } .collapse:not(.is-active) { height: 0; opacity: 0; } .accordion { --border-radius: 0px; border-radius: var(--border-radius); background: var(--background); /* box-shadow: 0 2px 6px rgba(0, 0, 0, 0.075);*/ border: none; } .accordion .card__title { --background: transparent; overflow: hidden; margin: -1px -1px 1px; background: var(--background); border: none; transition: 0.6s cubic-bezier(0.4, 0, 0.2, 1); will-change: contents; text-align: left; } .accordion .card:first-child { border-radius: var(--border-radius) var(--border-radius) 0 0; } .accordion .card:last-child { border-radius: 0 0 var(--border-radius) var(--border-radius); margin-bottom: -1px; } .accordion .card:not(:last-child):not(.is-active) { border-bottom-color: transparent; } .accordion .card .card__title:hover,.accordion .card .card__title:focus, .accordion .card.is-active .card__title.is-active, .accordion .card.is-active .card__title.is-active:hover { background: transparent !important; border-radius: var(--border-radius); } .accordion .card.is-active + .card { border-top-color: transparent; } .accordion .card__title { display: flex; justify-content: space-between; align-items: center; min-height: 3.5rem; margin: 0; margin-bottom: -1px; text-decoration: none; font-size: 18px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 20px 60px 20px 37px; border-bottom: 1px solid #ccc; margin-bottom: 12px; font-size: 21px; text-transform: uppercase; } .accordion .card__title:after { content: '\002B'; color: #000; font-weight: bold; float: right; margin-left: 5px; font-size: 21px; } .accordion .card__title.is-active:after { content: "\2212"; font-size: 21px; color: #000; } .accordion .card__title:hover:after{ color: #000; } .accordion .card__title:hover .icon { opacity: 0.8; } /*.accordion .card__title.is-active .icon { transform: rotateX(180deg); opacity: 1; }*/ .accordion .card__title .icon { width: 28px; height: 28px; fill: currentColor; opacity: 0.3; transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1); margin-right: -0.25rem; } .accordion .card__content { padding: 0 1.25rem 1.25rem; } [data-toggle] { cursor: pointer; } .panel { padding: 0 18px; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; } .panelheight{max-height: 100%;} .pd-accordion { max-width: 1440px !important; margin: 0 auto; padding: 80px 20px 80px; } .pd-feat-col:first-child .pd-feat { width: 100%; max-width: 290px; } .pd-feat-col:last-child .pd-feat { width: 100%; max-width: 385px; } ul, ol{padding: 0px;} .hidden{display: none !important;} @media only screen and (min-width: 482px) { .site-branding {margin-bottom: 4px;}.primary-navigation {flex: 1;} .site-main > article > *, .site-main > .not-found > *, .entry-content > *, [class*="inner-container"] > *, .wp-block-template-part > *, .wp-block-post-template :where(li > *) {margin-top: 0;margin-bottom: 0;} .primary-navigation > div > .menu-wrapper{align-items: end;justify-content: end;} .primary-navigation .primary-menu-container {margin-right: 0; margin-left: 0;} .project-margin{margin-top: 10%} } @media only screen and (min-width: 652px) { .widget-area {display: flex;flex: 1 100%;color: hsl(255,100%,100%);} .widget-area .widget {flex: 1 1 30%;} .img-side { padding: 0px !important; position: absolute !important;top: 0px; height: 100%; z-index: 100;} .about-padding {padding: 140px 100px !important;} .padding-sid-left{padding: 0 5% 0 15% !important;} .padding-sid-right{padding: 0 15% 0 5% !important;} } @media (min-width: 768px) { .container { width: 100%; } .listDetails-hero-inner{max-height: 50vh;} } @media (min-width:1200px) { #inner-page-wrapper .container, .header-main .container { width:100%;} #inner-page-wrapper .container, #inner-page-wrapper .container #content-full {padding: 0;} .header-main .container{padding: 0 5%;} .content-area.container {width: 100%; max-width: 1440px; } .content-wrapper {width: 100%; max-width: 1440px !important; } .listDetails-hero-inner{max-height: 60vh;} .half {width: 50%;} .hidden-lg { display:none!important} } @media (min-width:992px) and (max-width:1199px) { .hidden-md { display:none!important } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm {display: none !important;} } @media (max-width: 991px) { .footer-right, .footer-left {width: 100%;} .listDetails-hero-inner{max-height: 50vh;} .listDetails-hero-inner .slick-initialized .slick-slide,.listDetails-hero-inner .slick-slide,.listDetails-hero-inner .slick-slide div{height: 50vh;} .wp-listings-shortcode {grid-template-columns: repeat(2, 1fr);} .menu-button-container { display: flex;} .mobile{display: flex !important;} .primary-navigation > .primary-menu-container {position: fixed;visibility: hidden;opacity: 0; height: 100vh;z-index: 499; overflow-x: hidden;overflow-y: auto;border: 2px solid transparent;top: 0; right: 0; bottom: 0; left: 0; padding-top: calc(var(--button--line-height) * var(--primary-nav--font-size-button) + 42px + 5px); padding-left: var(--global--spacing-unit); padding-right: var(--global--spacing-unit); padding-bottom: var(--global--spacing-horizontal); background-color: var(--global--color-background); transition: all 0.15s ease-in-out; transform: translateY(var(--global--spacing-vertical));} .primary-navigation-open .primary-navigation { width: 100%; position: fixed; z-index: 9;top: var(--global--admin-bar--height);} .menu-button-container #primary-mobile-menu{margin-right: 15px;margin-top: 0;} .primary-navigation {position: absolute;top:0px;} .admin-bar .primary-navigation {var(--global--admin-bar--height);} .button-container { width: 100%;z-index: 500;} .admin-bar .primary-navigation > .primary-menu-container {top: 0;} .primary-navigation > div > .menu-wrapper li {display: block;position: relative; width: 100%;} .primary-navigation > div > .menu-wrapper > li > .sub-menu { background: transparent; border: none !important;} .primary-navigation > .primary-menu-container, .primary-navigation-open .menu-button-container{background-color: #0a9cd4;} .primary-navigation-open .menu-button-container{width: auto !important;} .site-footer > .site-info .powered-by{padding: 0 15px;} .main-nav {text-align: center;} .hdr-logo { text-align: center;margin-top: 0px;background-color:#000;} .home .header-main, .single-listing .header-main{background: rgba(0, 0, 0, 1);} .single-listing .header-main {position: relative;} .hdr-logo a.custom-logo{background-color: #000;margin:15px auto 0 auto;} .featuredvideo-list,.listDetails-details-info,.listDetails-details-text,.listDetails-contact-form-inner{width: 100%;} .wplistings-single-listing tbody{width: 100%;} .qs-wrapp {margin-top: 65px;} .qs-area { position: relative; bottom: 0; } .qs-icon { float: none; text-align: center; width: 100%; font-size: 30px; } .qs-cont { z-index: 1; width: 100%; float: none; max-width: 420px; margin: 0 auto; } .qs-cont select, .qs-cont input[type="text"] { width: calc( 50% - 2.5px ); max-width: 100%; margin: 2.5px 0; } .qs-cont select.wide, .qs-cont input[type="text"].wide { width: 100%; max-width: 100%; } .qs-cont select[name=bd], .qs-cont select[name=lp] { margin-right: 5px; } .qs-cont .qs-cont-sub, .qs-cont a.adv-srch { margin: 5px auto !important; width: 100% !important; max-width: 100% !important; display: block !important; } .cont-form{width: 100%;max-width: 970px;} .cont-form input[type="text"], .cont-form input[type="tel"], .cont-form input[type="email"], .cont-form textarea {width: 48%;} .content_full {width: 100% !important;} .network-links li a img, .network-links li img{margin: 0 15px 16px;} .footer-col3 { float: none; max-width: 450px;} .footer-col1-new{margin-left: 0;} .footer-separator .vc_sep_holder {min-width: 5%;} .one-third{width: 49%;padding: .333333333rem;} } @media (max-width:767px) { .hidden-xs { display:none!important} .listDetails-details-inner h1, .listDetails-details-inner h2 {font-size: 36px;} .listDetails-details-inner h1 span, .listDetails-details-inner h2 span {font-size: 30px;} } @media only screen and (max-width: 480px) { .wp-listings-shortcode {grid-template-columns: repeat(1, 1fr);} .one-third{width: 99%;} .cont-form .cont-left { width: 100%; margin: 0 auto; } .cont-form input[type='text'], .cont-form input[type='tel'], .cont-form input[type='email'] { width: 97.5%; margin: 5px; } .cont-form .cont-right { width: 97.5%; margin: 5px; max-width: 100%; } .cont-form textarea { width: 86%; } #content-sidebar, #content-full { padding: 15px 30px; } .info-ftr > span.line-div { background: transparent; height: 10px; display: block; } .prop-list a > .prop-text { overflow: hidden; background: #fff; } #content .entry-title { font-size: 30px; line-height: 1.2em; } .agent-contacts-main-info a { font-size: 12px; } #IDX-showcaseGallery-47976 .IDX-showcasePhoto { max-width: 100%; height: auto !important; } .wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors { margin-left: 5px; width: 97.5%; } .page-id-98 #content .entry-title{ font-size: 22px } .prop-list{ width: 100%; max-width: 315px; } .header-main { position: fixed; background: rgba(255, 255, 255, 1);} .home .header-main + .site-content {padding-top: 0px;} .header-main + .site-content {padding-top: 117px;} }