/* Common */
a { outline: none !important; }
#main p { margin: 0 0 12px 0 !important; }
.fusion-tb-footer p { margin: 0 !important; }

#wrapper .fusion-tb-header .burger-menu .fusion-layout-column { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
#wrapper .fusion-tb-header .burger-menu .fusion-column-wrapper { width: auto; }

#wrapper .fusion-tb-header #fixed-header {  }
#wrapper .fusion-tb-header #fixed-header:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; display: block; content: ''; }

#wrapper .fusion-tb-header #fixed-header.scrolling:after { -webkit-box-shadow: 0px 4px 6px 0px #00000026; box-shadow: 0px 4px 6px 0px #00000026; -webkit-filter: drop-shadow(0px 4px 6px #00000026); filter: drop-shadow(0px 4px 6px #00000026); }



#burger  { display: inline-block; cursor: pointer; padding: 15px 20px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
#burger .bar1, #burger .bar2, #burger .bar3 { width: 18px; height: 2px; background-color: #2D2D2D; margin: 5px 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.burger-menu:hover .bar1, .burger-menu:hover .bar2, .burger-menu:hover .bar3 { background-color: #C6D0CE !important; }




#burger-canvas { min-height: 95px; }
#burger-canvas .logo { -webkit-box-flex: 1 !important; -ms-flex: 1 !important; flex: 1 !important; }
#burger-canvas .burger-menu { -webkit-box-flex: 0; -ms-flex: 0 0 60px !important; flex: 0 0 60px !important; }
#burger-canvas .burger-menu .off-canvas-close.close-position-right { position: relative; font-size: 31px; padding: 16px 2px 16px 16px; margin: 0; }

#wrapper .fusion-tb-header .logo { -webkit-box-flex: 1 !important; -ms-flex: 1 !important; flex: 1 !important; }
#wrapper .fusion-tb-header .burger-menu { -webkit-box-flex: 0; -ms-flex: 0 0 65px !important; flex: 0 0 65px !important; }

#menu-main a .menu-text { color: #333 !important; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
#menu-main a:hover .menu-text { color: #C6D0CE !important; }

.burger-close { position: absolute; top: 27px; right: 0; width: 65px; height: 65px; }
.burger-close .off-canvas-close.close-position-right { top: -3px; right: -46px; width: 65px; height: 65px; margin: 0; padding: 0; font-size: 22px; }


#main .heading-line { margin: 0 0 90px 0 !important; position: relative; }
#main .heading-line:after { position: absolute; bottom: -30px; left: 0; right: 0; margin: auto; width: 64px; height: 2px; display: block; content: ''; background: #C6D0CE; }

#main .heading-line.london-dev { margin: 0 0 50px 0; }
#main .heading-line.london-dev:after { bottom: -12px; }


#main .home-properties { margin-bottom: 40px; }
#main .home-properties .fusion-column-wrapper { margin-bottom: 60px; }
#main .home-properties h3 { margin: 15px 0 5px 0 !important; }
#main .home-properties h4 { }



/* Property pages */
#main .property-title-container { }
#main .property-title-container .property-title { }
#main .property-title-container .back-to-home { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-flex: 0; }

#main .property-title-container .back-to-home .fusion-column-wrapper { width: auto; }
#main .back-arrow { width: fit-content; display: inline-flex; align-items: center; gap: 8px; text-decoration: none; color: #333; font-size: 16px; font-weight: 300; }
#main .back-arrow-img { width: 24px; height: 24px; background-color: #333; -webkit-mask: url('/wp-content/themes/avada-child/back.png') no-repeat center; -webkit-mask-size: contain;
 mask: url('/wp-content/themes/avada-child/back.png') no-repeat center; mask-size: contain; transition: background-color 0.2s ease; }
#main .back-arrow:hover .back-arrow-img { background-color: #C6D0CE; }
#main .back-arrow:hover { color: #C6D0CE; }

#main .property-title .heading-line { margin: 0 0 50px 0; }
#main .property-title .heading-line:after { right: auto; }

#main .heading-line.property-quote { margin: 0 0 50px 0; }
#main .heading-line.property-quote:after { right: auto; }

#main .project-dates { }
#main .project-dates .fusion-column-wrapper { display: block; }
#main .project-dates .fusion-text { display: inline-block; width: fit-content; }
#main .project-dates .fusion-text p strong { font-weight: 500; }
#main .project-dates span.divider { position: relative; width: 30px; display: inline-block; }
#main .project-dates span.divider:after { position: absolute; top: -17px; left: 0; right: 0; margin: auto; width: 2px; height: 24px; display: block; content: ''; background: #C6D0CE; }

#main .property-main-photo { margin-bottom: 75px; }

#main .property-text { margin-bottom: 75px; }
#main .property-text .property-quote { }
#main .property-text .property-description {  padding-left: 40px; padding-top: 10px; }

#main .property-photos .fusion-layout-column { margin-bottom: 75px; }

.fusion-tb-footer  { margin-bottom: 75px; }
.fusion-tb-footer .footer-logo { margin-bottom: 20px; }
.fusion-tb-footer { }

.fusion-tb-footer .address-legal { }

.fusion-tb-footer .footer-address-container { }
.fusion-tb-footer .footer-address-container .footer-address { margin-bottom: 20px; }

.fusion-tb-footer .footer-legal-container { }
.fusion-tb-footer .footer-legal-container .footer-legal-menu { margin-bottom: 20px; }

#menu-legal a .menu-text { color: #333 !important; -webkit-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
#menu-legal a:hover .menu-text { color: #C6D0CE !important; }



@media screen and (max-width: 1260px) {
#main .property-portrait-photos { margin-bottom: 50px; padding: 0 60px; }
#main .property-portrait-photos .fusion-column-wrapper { margin-left: 25px; margin-right: 25px; }
#main .property-portrait-photos .fusion-imageframe { display: block; }
#main .property-portrait-photos .fusion-imageframe img { width: 100%; }
#main .property-landscape-photo { margin-bottom: 50px; padding: 0 50px; }



#main .property-photos .fusion-layout-column { margin-bottom: 50px; }
#main .property-photos .fusion-column-wrapper { margin-left: 25px; margin-right: 25px; }


}



@media screen and (max-width: 1200px) {
#main .home-properties { padding: 0 40px; }
#main .home-properties .fusion-column-wrapper { margin-bottom: 40px; margin-left: 20px; margin-right: 20px; }



}

@media screen and (max-width: 1024px) {
.home #main .heading-line h1 { font-size: 25px; }
#main .heading-line { margin: 0 0 70px 0 !important; }
#main .heading-line:after { bottom: -20px; }
#main .property-main-photo { margin-bottom: 50px; }
#main .property-text .property-quote br { display: none; }

}

@media screen and (max-width: 768px) {
#main .property-title .heading-line { font-size: 26px; }
#main .property-text .property-quote { width: 100%; }
#main .property-text .property-description { width: 100%; padding: 0; }
#main .property-text { margin-bottom: 50px; }

}



@media screen and (max-width: 640px) {
.home #main .heading-line h1 { font-size: 22px; }
#main .heading-line { margin: 0 0 55px 0 !important; }
#main .fusion-title-size-two { font-size: 25px !important; }
.fusion-tb-footer .footer-legal-container { margin-top: 30px; }
.fusion-tb-footer .footer-legal-container .footer-legal-menu,
.fusion-tb-footer .footer-legal-container .footer-copyright { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; display: -webkit-box; display: -ms-flexbox;
display: flex; }

#main .property-title-container .property-title { order: 2; }
#main .property-title-container .back-to-home { order: 1; margin-bottom: 20px; }


#main .project-dates span.divider { display: none; }
#main .project-dates .fusion-text { width: 100%; }
#main .property-text { margin-bottom: 30px; }

#main .home-properties .fusion-column-wrapper { margin-bottom: 30px; margin-left: 30px; margin-right: 30px; }

#main .property-portrait-photos { margin-bottom: 30px; padding: 0 30px; }
#main .property-portrait-photos .fusion-column-wrapper { margin-left: 37.5px; margin-right: 37.5px; }
#main .property-landscape-photo { margin-bottom: 30px; padding: 0 30px; }

}

@media screen and (max-width: 400px) {
#wrapper .fusion-tb-header .logo { padding-right: 10px; }
.fusion-tb-footer #menu-legal { display: block; }
.fusion-tb-footer #menu-legal li { margin: 0 0 10px 0; display: block; }
.fusion-tb-footer #menu-legal li a { display: block; }
}







/* Min width */
@media screen and (min-width: 641px) {
#main .property-title-container .property-title { -webkit-box-flex: 1 !important; -ms-flex: 1 !important; flex: 1 !important; }
#main .property-title-container .back-to-home { margin-top: 8px; -ms-flex: 0 0 120px !important; flex: 0 0 120px !important; }
}










