/* ------------ STARTING BASE CSS RULES -----------------------------------------------*/ @import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital@1&family=Open+Sans:wght@300;400;600;700;800&family=Playfair+Display:wght@600&family=Raleway:wght@300;400;500;600;700'); @font-face { font-family: 'exchange'; src: url('/wp-content/themes/bfm-child/fonts/exchange.eot?mc24ez'); src: url('/wp-content/themes/bfm-child/fonts/exchange.eot?mc24ez#iefix') format('embedded-opentype'), url('/wp-content/themes/bfm-child/fonts/exchange.ttf?mc24ez') format('truetype'), url('/wp-content/themes/bfm-child/fonts/exchange.woff?mc24ez') format('woff'), url('/wp-content/themes/bfm-child/fonts/exchange.svg?mc24ez#mbefont') format('svg'); font-weight: normal; font-style: normal; } body {font-family: 'Open Sans', sans-serif; font-size: 1.1em; color: #000000; } p,ul,ol,li {line-height: 1.3em !important; } ul ul {list-style-type: circle; margin: 5px 0;} h1, h1 a {font-size: calc(16pt + .65vw); color: #000000; font-family: "Playfair Display",sans-serif; font-weight: 600; letter-spacing: -1px; line-height:1.2em; margin: 10px 0 10px; text-transform: uppercase; text-align: center; } h2, h2 a {font-size: calc(16pt + .55vw); color: #99958d; font-family: "Playfair Display",sans-serif; font-weight: 600; letter-spacing: -1px; line-height:1.1em; margin: 10px 0; text-transform: uppercase;} h3, h3 a {font-size: calc(16pt + .45vw); color: #838383; font-family: "Playfair Display",sans-serif; font-weight: 600; line-height:1.1em; margin: 10px 0; text-transform: none;} h4, h4 a {font-size: calc(14pt + .4vw); color: #000000; font-family: "Open Sans",sans-serif; font-weight: 700; line-height:1.1em; margin: 10px 0;} h5, h5 a {font-size: calc(14pt + .3vw); color: #649a46; font-family: "Open Sans",sans-serif; font-weight: 400; line-height:1.1em; margin: 10px 0;} h6, h6 a {font-size: calc(14pt + .2vw); color: #1f3037; font-family: "Open Sans",sans-serif; font-weight: 400; line-height:1.1em; margin: 10px 0;} p {margin: 1em 0;} a, a:link, a:visited {color: #838383; transition: all 0.3s;} a:hover, a:focus {color: #5c5754;} .form-item input.wpcf7-submit{-webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0;} /*This is a FIX for Safari on a CELL PHONE. for the button displays.*/ .form-item input.wpcf7-submit, .teaser-page .bfm-employment-page-teaser .teaser-button a, .landing-page .element a.button.more-link, /* Button Colors*/ a.button.more-link, a.button.read-more {background: #5c5754; border:1px solid #5c5754; color: #ffffff; font-size: .92em; font-weight: 400; padding: 14px 20px; width: inherit; border-radius: 0px; white-space: pre-wrap; line-height:1em; display:inline-block; text-transform: uppercase; box-sizing: border-box; transition: all 0.3s;} .form-item input.wpcf7-submit:hover, .teaser-page .bfm-employment-page-teaser .teaser-button a:hover, .landing-page .element a.button.more-link:hover, /* Button HOVER colors*/ a.button.more-link:hover, a.button.read-more:hover {background-color: #292726; border-color: #292726; color: #ffffff; box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);} div.panel.show {max-height: 20000px;} /* accordion fix, to let them open alot further if needed.*/ .outer {width: 100%; } /*core fix due to nixed Mixin */ .inner {width: 100%; max-width: 1400px; box-sizing: border-box; padding: 0 2%; margin: 0 auto;} .flex-content {display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;} .imagewrapper {line-height: 0px;} /* kill off the inherit line height thats on all divs causing 4px at the bottom of a div thats empty*/ section:after {line-height: 0;} /*This was causing a 1px white space issue between 2 dark colors. fix for core.*/ /*automatically add a video Play button to a image thats linked as a popup youtube video.*/ a.popup-youtube {position: relative; display: inline-block; line-height: 0; overflow: hidden;} a.popup-youtube:after {content: "\EA4C"; font-family: "BlueFireMedia"; color: rgba(255,255,255,.7); font-size: calc(50px + 5vw); position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: space-around; align-items: center;} a.popup-youtube img {transition: all 0.3s;} a.popup-youtube:hover img {transform: scale3d(1.1,1.1,1);} .video-page a.popup-youtube:after {display: none;} /*so the play button doesnt double up on a video page that already has it.*/ /* -------------- END OF BASE RULES ---------------------------------------------------*/ #header1 {position: relative; background-color: #191919; padding: 22px 0; } #header1 .inner {max-width: 100%; position: relative; } #header1 .inner .widget.announcement .textwrap {max-width: 860px; color: #ffffff; font-family: "Libre Baskerville"; font-style: italic; display: block; margin: 0 auto; letter-spacing: .2px; line-height: 1.4em; text-align: center; } #header1 .inner .exit:after {content: '\e900'; font-size: 20px; font-family: 'exchange'; position: absolute; color: #ffffff; top: 20px; right: 2%; } #header2 {background: rgba(0,0,0,0); padding: 0; position: absolute; z-index: 300;} #header2 .inner {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;} #header2 .logo-wrapper { z-index: 700; } .home #header2 .logo-wrapper {display: none; } .is-subpage #header2 {position: relative;} .is-subpage #header2 {background-color: #000000; padding: 8px 0; } .is-subpage #header2 .inner {max-width: 1415px; } .is-subpage #header2 .inner .logo-wrapper {max-width: 370px; } .is-subpage #header2 .inner #nav_menu-1 {width: calc(100% - 390px); margin-top: 0px; } .is-subpage .banner .bfm-banner .text-wrapper {position: absolute; background: rgba(153, 149, 141, .91); padding: 8px 0; min-height: inherit;} .is-subpage .banner .bfm-banner .text-wrapper .centerme .slide-title {font-size: calc(16pt + 1.1vw); font-family: "Playfair Display"; font-weight: 600; } /* MENU Tweaks NEW*/ #nav_menu-1 {width: 100%; z-index: 600; margin-top: 10px; } #header-nav-1 {position: relative; z-index: 600; width: 100%; line-height: 0px; display: flex; justify-content: flex-end;} #header-nav-1 .nav-list {display: inline-block; list-style: none; padding: 0; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-padding-start: 0; margin:0} #header-nav-1 .nav-list .nav-item {margin: 0; padding:0; line-height: 0px; display: inline-block; line-height: 1em;} #header-nav-1 .nav-list .nav-item a {display: block; white-space: nowrap; transition: all 0.3s;} #header-nav-1 .nav-list .nav-item .sub-menu {position: relative; display: none; min-width: 200px; margin: 0; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-padding-start: 0; transition: all 0.3s; padding-left:0;} #header-nav-1 .nav-list .nav-item:hover .sub-menu {display: block; position: absolute; bottom: 0; transform: translateY(100%); padding-left: 0; padding-top: 8px; } #header-nav-1 .nav-list .nav-item:nth-last-child(1):hover .sub-menu {right: 0;} #header-nav-1 .nav-list .nav-item .sub-menu .nav-item {display: block; position: relative; } /* TOP LEVEL Menu Adjustments */ #header-nav-1 .nav-list > .nav-item > a {color: #a5a3a3; background: transparent; font-size: calc(10pt + .02vw); font-weight: 700; padding: 56px 6px 25px; font-family: 'Open Sans', sans-serif; font-weight: 700; text-transform: uppercase; line-height:1em; } /* top level */ #header-nav-1 .nav-list > .nav-item > a:hover {color: #ffffff; background: transparent;} /* top level - Hover */ #header-nav-1 .nav-list > .nav-item.active-trail > a {color: #ffffff; background: transparent;} /* top level - Active */ #header-nav-1 .nav-list > .nav-item.active-trail > a {color: #ffffff; background: transparent;} /* Top Level - Active Trail */ #header-nav-1 .nav-list #menu-item-1-473 {display: none;} #header-nav-1 .nav-list #menu-item-1-500 {display: none;} /* Sub Menu Level Adjustments */ #header-nav-1 .nav-list .sub-menu > .nav-item > a {color: #ffffff; background: #000000; font-size: 16px; font-family: 'Open Sans', sans-serif; font-weight: 400; text-transform: none; padding: 10px 12px 10px; line-height:1em;} /* Sub Menu */ #header-nav-1 .nav-list .sub-menu > .nav-item > a:hover {color: #ffffff; background: #3e3e3e;} /* Sub Menu - Hover */ #header-nav-1 .nav-list .sub-menu > .nav-item.current-menu-item > a {color: #ffffff; background: #3e3e3e;} /* Sub Menu - Active Trail */ .nav-mobile {display: none; cursor: pointer; position: absolute; top: 0px; right: 0; height: 56px; width: 56px; font-size: 25px; margin-right:0; z-index: 2000;} /* Mobile Navigation */ .nav-mobile .menuicon {width: 100%; height:100%; display:flex; justify-content:center; align-items: center; font-family: "BlueFireMedia";} .nav-mobile .menuicon:before {content: "\e911"; color: #ffffff;} /* valid icons: e90e (horizontal dots), \EA31 (vert Dots), e910 (small 3bar round), e911 (large 3bar round), e912 (small 3 bar square), e913 (large 3bar square)*/ .nav-mobile.nav-mobile-open .menuicon:before {color: #5c5754;} #header-nav-1 .nav-list .nav-item .sub-menu .sub-menu {display: none;} #header1.nodisplay {display: none;} /* Self Hosted Video Banner */ #sh-video-wrap {position: relative;} #sh-video-wrap .text-wrapper {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: flex-start; align-items: center;} #sh-video-wrap .text-wrapper .centerbox {margin-left: 2.5vw; margin-top: 7.7vw; } /* Slideshow Banner Area */ #header3 {padding: 0; margin: 0;} #header3 .banner {position: relative; max-width: 100%; width: 100%; padding: 0;} .banner .bfm-banner {border: 0px; margin: 0; position: relative;} .banner .bfm-banner .slides {background:transparent;} .banner .bfm-banner .banner-container {position:relative;display:block;line-height:0px;} .banner .bfm-banner .banner-container img {margin:0 auto;} .banner .bfm-banner .text-wrapper {background: rgba(0,0,0,.65); position:absolute; bottom: 0; left: inherit; right:0; width: 100%; max-width: 100%; display:flex; justify-content:space-around; align-items: center; padding:0; min-height: 0px; } .banner .bfm-banner .text-wrapper p {line-height: 1em; margin: 0; display: inline-block;} .banner .bfm-banner .text-wrapper .centerme {background: transparent; width:100%; max-width: 100%; margin: 0 auto 0; padding: 12px 2.5%; line-height: 1.1em; text-align: center; box-sizing: border-box;} .banner .bfm-banner .text-wrapper .slide-title {color:#ffffff; font-size:calc(16pt + .45vw); font-family:"Open Sans"; font-weight: 400; line-height:1em; display: block; text-transform: uppercase;} .banner .bfm-banner .text-wrapper .slide-title p {line-height: 1.3em;} .banner .bfm-banner .text-wrapper .slide-subtitle {color:#ffffff; font-size: 1em; font-family:"Open Sans"; font-weight: 400; line-height:1em; margin-top: 5px;} .banner .bfm-banner .text-wrapper .slide-subtitle p {line-height: 1.1em;} .banner .bfm-banner .text-wrapper .slide-link {margin-top: 16px; display: inline-block; } .banner .bfm-banner .text-wrapper .slide-link a {color:#ffffff; border:1px solid #ffffff; background: transparent; line-height:1em; padding: 14px 18px; font-size: 12pt; font-family:"Open Sans"; font-weight: 400; text-transform:uppercase; white-space:nowrap; transition:all 0.3s; position: relative;display: inline-block;;} .banner .bfm-banner .text-wrapper .slide-link a:hover {background-color: #000000; border-color: #000000; box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);} /* .banner .bfm-banner.tall .text-wrapper {background: transparent; width: 40%; height: calc(100% - 102px);} .banner .bfm-banner.tall .text-wrapper .centerme {padding: 20px 2.5vw; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; text-align: left;} .banner .bfm-banner.tall .text-wrapper .slide-title {font-size:calc(16pt + 2.0vw); font-weight: 300;} .banner .bfm-banner.tall .text-wrapper .slide-title p {line-height: 1em;} .banner .bfm-banner.tall .text-wrapper .slide-subtitle {font-style: italic; margin-top: 15px;} .banner .bfm-banner.tall .text-wrapper .slide-subtitle p {line-height: 1.4em;} .banner .bfm-banner.tall .text-wrapper .slide-link {display: block;width: 100%; margin-top: 3vw;} .banner .bfm-banner.tall .text-wrapper .slide-link a {font-size: calc(12pt + .1vw); padding: 17px 54px;} .banner .bfm-banner.short .text-wrapper {background: #00a19c; position: relative;} .banner .bfm-banner.short .text-wrapper .slide-title {font-weight: 300; font-size: calc(16pt + .77vw);}*/ /* Page Specific */ .page-id-473 #content .inner .post p {text-align: left; } .page-id-473 #content .inner .post p img {margin: 0 auto; display: block; } .page-id-496 #content .inner .flex-content .post-teaser .teaser-image {display: none;} .page-id-496 #content .inner .flex-content .post-teaser h2 {color: #5c5754; font-family: "Open Sans"; font-size: calc(16pt + .6vw); } /* Content Areas */ /*-------------------------------------------------------------------------------------------------------*/ #content .inner h1 {text-align: center;} #content .inner .textwrap p {text-align: center; } #content .inner .post p {text-align: center; margin-bottom: 30px; } #content .inner .taxonomy-description {text-align: center; margin-bottom: 30px; } #content .inner .layout-wrapper.style1 {text-align: center; } div#cpe3f7444758 {background-color: #5c5754 !important; border-color: #5c5754 !important; padding: 0; display: block; margin: 0 auto !important;} div#cpe3f7444758 form {display: flex; justify-content: center; align-items: center;} #pay_now_form_6094b0c8eb, #pay_now_form_6094b0c8eb .cpwrap, #pay_now_form_6094b0c8eb .cpwrap button {background-color: #5c5754 !important; border-color: #5c5754 !important; transition: all .5s; } div#cpe3f7444758:hover, #pay_now_form_6094b0c8eb:hover, #pay_now_form_6094b0c8eb .cpwrap:hover, #pay_now_form_6094b0c8eb .cpwrap button:hover {background-color: #292726 !important; border-color: #292726 !important; } /*Front Page */ #lrs {position: relative; padding: 0; } #lrs .inner {max-width: 100%; padding: 0; } #lrs .inner .titlewrap h1 {text-transform: uppercase; font-size: calc(16pt + .5vw); margin: 37px 0; letter-spacing: -.5px; } #lrs .inner .cycle-slideshow .cycle-pager {position: absolute; bottom: 20px; left: 50%; margin-bottom: 15px; transform: translateX(-50%); } #lrs .inner .cycle-slideshow .cycle-pager span {background-color: #ffffff; opacity: .35; font-size: 0; border-radius: 50%; margin: 0 15px; width: 15px; height: 15px; display: inline-block; } #lrs .inner .cycle-slideshow .cycle-pager span.cycle-pager-active {opacity: 1; } #lrs .inner .cycle-slideshow .cycle-prev {width: 50px; height: 50px; position: absolute; top: 50%; left: 30px; cursor: pointer; margin-top: -25px; transform: rotate(180deg); } #lrs .inner .cycle-slideshow .cycle-prev:before {color: #ffffff; content: '\e901'; font-size: 55px; font-family: 'exchange'; display: inline-block; width: 55px; height: 55px; opacity: 1; position: relative; top: 16px; left: 15px; textshadow: 0 0 4px #000000; } #lrs .inner .cycle-slideshow .cycle-next {width: 50px; height: 50px; position: absolute; top: 50%; right: 0vw; cursor: pointer; margin-top: -25px; } #lrs .inner .cycle-slideshow .cycle-next:before {color: #ffffff; content: '\e901'; font-size: 55px; font-family: 'exchange'; display: inline-block; width: 55px; height: 55px; opacity: 1; position: relative; top: 16px; right: 15px; textshadow: 0 0 4px #000000; } #lrs2 {position: relative; padding: 0; } #lrs2 .inner {max-width: 100%; padding: 0; } #lrs2 .inner .titlewrap h1 {text-transform: uppercase; font-size: calc(16pt + .5vw); margin: 37px 0; letter-spacing: -.5px; } #lrs2 .inner .cycle-slideshow .cycle-pager {position: absolute; bottom: 20px; left: 50%; margin-bottom: 15px; transform: translateX(-50%); } #lrs2 .inner .cycle-slideshow .cycle-pager span {background-color: #ffffff; opacity: .35; font-size: 0; border-radius: 50%; margin: 0 15px; width: 15px; height: 15px; display: inline-block; } #lrs2 .inner .cycle-slideshow .cycle-pager span.cycle-pager-active {opacity: 1; } #lrs2 .inner .cycle-slideshow .cycle-prev {width: 50px; height: 50px; position: absolute; top: 50%; left: 30px; cursor: pointer; margin-top: -25px; transform: rotate(180deg); } #lrs2 .inner .cycle-slideshow .cycle-prev:before {color: #ffffff; content: '\e901'; font-size: 55px; font-family: 'exchange'; display: inline-block; width: 55px; height: 55px; opacity: 1; position: relative; top: 16px; left: 15px; textshadow: 0 0 4px #000000; } #lrs2 .inner .cycle-slideshow .cycle-next {width: 50px; height: 50px; position: absolute; top: 50%; right: 0vw; cursor: pointer; margin-top: -25px; } #lrs2 .inner .cycle-slideshow .cycle-next:before {color: #ffffff; content: '\e901'; font-size: 55px; font-family: 'exchange'; display: inline-block; width: 55px; height: 55px; opacity: 1; position: relative; top: 16px; right: 15px; textshadow: 0 0 4px #000000; } /* Amenities Page */ .page-template-amenities_page #content .inner .textwrap p {text-align: center; } #staggered_repeater_section {padding: 0; border-bottom: 1px solid #ffffff; } #staggered_repeater_section .inner {max-width: 100%; padding: 0; } #staggered_repeater_section .inner .callwrapper .itembox {background-color: #000000; display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap; } #staggered_repeater_section .inner .callwrapper .itembox .leftside {width: 50%; } #staggered_repeater_section .inner .callwrapper .itembox .rightside {width: 50%; padding: 20px; box-sizing: border-box; display: flex; justify-content: center; align-items: center; } #staggered_repeater_section .inner .callwrapper .itembox:nth-child(even) .leftside {order: 2; } #staggered_repeater_section .inner .callwrapper .itembox:nth-child(even) .rightside {order: 1; } #staggered_repeater_section .inner .callwrapper .itembox .rightside .textwrapper {padding: 0 25px;} #staggered_repeater_section .inner .callwrapper .itembox .rightside .textwrapper h4 {color: #ffffff; font-size: calc(12pt + .03vw); letter-spacing: -.4px; text-transform: uppercase; } #staggered_repeater_section .inner .callwrapper .itembox .rightside .textwrapper h4:after {content: ' '; margin-top: 16px; background-color: #212121; width: 422px; height: 2px; display: block; } #staggered_repeater_section .inner .callwrapper .itembox .rightside .textwrapper p {color: #989898; font-size: 11pt; margin: 5px 0; letter-spacing: -.3px; } #staggered_repeater_section .inner .callwrapper .itembox .rightside .textwrapper p > a {color: #5e5e5e; } #staggered_repeater_section .inner .callwrapper .itembox .rightside .textwrapper p > a:hover {color: #ffffff; } /* Single Slider Page */ .page-template-single_slider_page #lrs .inner .cycle-slideshow {height: 43.22vw;} .page-template-single_slider_page #lrs .inner .cycle-slideshow .cycle-carousel-wrap .slide-element .element .imagewrapper img {width: 100vw; height: 43.22vw; } /* Floor Plans Top Level Page */ .tax-bfm_property_type .outer#content {padding-bottom: 150px; } #property-taxonomy .filtr-container .property-filters {display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; margin: 20px 0; } #property-taxonomy .filtr-container .property-filters li {width: 22%; padding: 20px 0; background-color: transparent; border: 1px solid #afafaf; color: #000000; font-size: calc(14pt + .2vw); font-family: "Open Sans"; transition: all .5s; } #property-taxonomy .filtr-container .property-filters li:hover {background-color: #292726; border-color: #292726; color: #ffffff; box-shadow: 3px 3px 5px #99958d; } #property-taxonomy .filtr-container > .property {display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; } #property-taxonomy .filtr-container > .property .property-inner {align-content: center; margin: 0 20px 40px 20px; } #property-taxonomy .filtr-container > .property .property-inner .half.last .property-link {margin-top: 40px; } #property-taxonomy .filtr-container > .property .property-inner .half.last .property-link a.button {background-color: #5c5754; color: #ffffff; padding: 14px 26px; text-transform: uppercase; } #property-taxonomy .filtr-container > .property .property-inner .half.last .property-link a.button:hover {background-color: #292726; } /* Floor Plans Single Page */ .single-bfm_properties #header3 {display: none; } #back-button-wrapper a.button.more-link {background-color: #5c5754; border-color: #5c5754; font-weight: 700; } #back-button-wrapper a.button.more-link:hover {background-color: #292726; border-color: #292726; } #property-single {border-top: 55px solid #99958d;} #property-single #content {padding-top: 37px; } #property-single #content .inner #back-button-wrapper {margin-bottom: 14px; } #property-single #content .inner .property-title h1 {margin-bottom: 0; text-align: left; } #property-single #content .inner .full-width {margin-bottom: 42px; } #property-single .inner .half {width: 45%; } #property-single .inner .half.first .bullet-points h2 {color: #99958d; margin-bottom: 20px; } #property-single .inner .half.first .bullet-points ul {padding-left: 20px; padding-bottom: 26px; } #property-single .inner .half.first .dynamic-link {background-color: #5c5754; border-color: #5c5754; color: #ffffff; font-weight: 700; width: 260px; height: 55px; display: flex; justify-content: center; align-items: center; text-transform: uppercase; } #filter_bar_section {padding: 56px 0 20px; } #filter_bar_section .inner:before {content: ' '; width: 650px; height: 2px; background: #999999; margin: 0 auto; display: block; } #filter_bar_section .inner .callwrapper {width: 225px; padding: 14px 0; margin: 0 auto; display: flex; justify-content: space-around; align-items: flex-start; flex-wrap: wrap; } #filter_bar_section .inner .callwrapper .itembox .titlewrap h2 {color: #a5a3a3; font-weight: 700; font-size: calc(10pt + .05vw); font-family: "Open Sans"; letter-spacing: 0px; transition: all .5s; } #filter_bar_section .inner .callwrapper .itembox .titlewrap h2:hover {color: #181716; } #filter_bar_section .inner .callwrapper .itembox.active .titlewrap h2, #filter_bar_section .inner .callwrapper .itembox .titlewrap h2:hover {color: #181716; border: none; } /* Floor Views */ #fvfb_filter_bar_section {padding: 0px 0 20px; margin-top: -20px; } #fvfb_filter_bar_section .inner .filter_title {color: #000000; font-family: 'Open Sans', sans-serif; font-weight: 600; font-style: italic; margin: 10px 0 10px; text-align: center; letter-spacing: -.45px; } #fvfb_filter_bar_section .inner .filter_title:after {content: ' '; width: 650px; height: 2px; background: #999999; margin: 24px auto 0; display: block; } #fvfb_filter_bar_section .inner .callwrapper {width: 300px; padding: 5px 0; margin: 0 auto; display: flex; justify-content: space-around; align-items: flex-start; flex-wrap: wrap; } #fvfb_filter_bar_section .inner .callwrapper .itembox .titlewrap {appearance: none; padding: 0 5px; border: none; background: transparent; } #fvfb_filter_bar_section .inner .callwrapper .itembox .titlewrap h2 {color: #a5a3a3; font-weight: 700; font-size: calc(10pt + .05vw); font-family: "Open Sans"; letter-spacing: 0px; transition: all .5s; } #fvfb_filter_bar_section .inner .callwrapper .itembox.active .titlewrap h2, #fvfb_filter_bar_section .inner .callwrapper .itembox .titlewrap h2:hover {color: #181716; border: none; cursor: pointer; } #pic_carousel_repeater {padding-bottom: 0; } #pic_carousel_repeater .inner .callwrapper .single_floor_slider {display: block; } #pic_carousel_repeater .inner .callwrapper .single_floor_slider .cycle-slideshow {height: 43.2vw !important;} #pic_carousel_repeater .inner .callwrapper .single_floor_slider .cycle-carousel-wrap {width: 100vw; height: 43.2vw !important;} #pic_carousel_repeater .inner .callwrapper .single_floor_slider .cycle-carousel-wrap .slide-element {width: 100vw !important; height: 43.2vw !important;} #pic_carousel_repeater .inner .callwrapper .single_floor_slider.nodisplay {display: none; } #pic_carousel_repeater .inner {max-width: 100%; padding: 0; margin: 0; } #lrs .inner {max-width: 100%; padding: 0; } #lrs .inner .cycle-slideshow {background-color: #e3e3e3; } #lrs .inner .cycle-slideshow .cycle-carousel-wrap .slide-element .element {position: relative; width: 100%; padding: 0; margin: 0; } #lrs .inner .cycle-slideshow .cycle-carousel-wrap .slide-element .element .titlewrap {color: #ffffff; position: absolute; top: 10px; right: 50%; left: 50%; margin: 0 auto; display: flex; justify-content: center; } #lrs .inner .cycle-slideshow .cycle-carousel-wrap .slide-element .element .imagewrapper img {width: 100%; } #lrs2 .inner {max-width: 100%; padding: 0; } #lrs2 .inner .cycle-slideshow {background-color: #e3e3e3; } #lrs2 .inner .cycle-slideshow .cycle-carousel-wrap .slide-element .element {position: relative; width: 100%; padding: 0; margin: 0; } #lrs2 .inner .cycle-slideshow .cycle-carousel-wrap .slide-element .element .titlewrap {color: #ffffff; position: absolute; top: 10px; right: 50%; left: 50%; margin: 0 auto; display: flex; justify-content: center; } #lrs2 .inner .cycle-slideshow .cycle-carousel-wrap .slide-element .element .imagewrapper img {width: 100%; } /* DIRECTORY Page */ .page-template-building-directory-template #header3 {display: none; } .page-template-building-directory-template #content {border-top: 55px solid #99958d; } #bf-directory{padding-top:40px;} #bf-directory .directory_paginator{background:#000;color:#fff;} #bf-directory .directory_paginator .previous-floor, #bf-directory .directory_paginator .next-floor, #bf-directory .directory_paginator .current-floor{display: flex; justify-content: center; align-items: center; font-size: calc(16pt + .8vw); font-weight: 600; margin:0;padding:5px 0;text-transform:uppercase;} #bf-directory .directory_paginator p.next-floor::after, #bf-directory .directory_paginator p.previous-floor::after, #bf-directory .directory-select-wrapper::after{font-family:'exchange' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;background:#292726;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} #bf-directory .directory-select-wrapper::after{content:"\e901";position:absolute;top:0;right:0;bottom:0;padding:0 1em;color:#fff;background:#292726;pointer-events:none;} #bf-directory .directory_paginator p.next-floor::after{content:"\e901";} #bf-directory .directory_paginator p.previous-floor::after{content:"\e901"; transform: rotate(180deg); } #bf-directory .directory_paginator p.next-floor, #bf-directory .directory_paginator p.previous-floor{background:#292726; font-size: 37px; } /*#bf-directory .directory_paginator p.previous-floor {transform: rotate(180deg); }*/ #bf-directory .directory_paginator p.next-floor:hover, #bf-directory .directory_paginator p.previous-floor:hover, #bf-directory .directory_paginator p.next-floor:hover::after, #bf-directory .directory_paginator p.previous-floor:hover::after, #bf-directory .directory-select-wrapper:hover::after{color:#ffffff;background:#5c5754;-webkit-transition:.25s all ease;-o-transition:.25s all ease;transition:.25s all ease;} #bf-directory .directory_paginator p.next-floor.disabled, #bf-directory .directory_paginator p.previous-floor.disabled, #bf-directory .directory_paginator p.next-floor.disabled:hover, #bf-directory .directory_paginator p.previous-floor.disabled:hover, #bf-directory .directory_paginator p.next-floor.disabled::after, #bf-directory .directory_paginator p.previous-floor.disabled::after, #bf-directory .directory_paginator p.next-floor.disabled:hover::after, #bf-directory .directory_paginator p.previous-floor.disabled:hover::after{color:#fff;background:#1a1a1a; } #bf-directory .directory_paginator p.next-floor.disabled:hover::after {transform: rotate(180deg);} #bf-directory .directory-selector::before{content:'Select a Floor';padding-bottom:5px;display:block;} #bf-directory .directory-select-wrapper{position:relative;display:block;line-height:3;background:#fff;border:1px solid #676767;overflow:hidden;width:250px;margin-bottom:20px;} #bf-directory .directory-select{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;outline:0;box-shadow:none;border:0 !important;background:#fff;background-image:none;width:100%;height:100%;margin:0;padding:0 0 0 .5em;color:#4f4f4f;font-family:'Open Sans' sans-serif;font-style:italic;cursor:pointer;} #bf-directory .directory-select::-ms-expand{display:none;} #bf-directory .floor-description-wrapper:before{content:'Located on this floor:'; font-family: "Playfair Display"; font-weight: 600; text-transform:uppercase;display:block;line-height:1;padding-bottom:15px;font-size:2.0em;} #bf-directory .floor-description-wrapper a{color:#292726;} #bf-directory .floor-description-wrapper a:hover{color:#000;} #bf-directory .image-wrapper{padding:20px 0;} /* Development Team Page */ .dt-companies.primary {display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; } .dt-companies.primary .element {width: 32%; margin-right: 2%; margin-bottom: 30px; } .dt-companies.primary .element:nth-child(3n+3) {margin-right: 0; } .dt-companies.secondary {display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; } .dt-companies.secondary .element {width: 32%; margin-right: 2%; margin-bottom: 30px; } .dt-companies.secondary .element:nth-child(3n+3) {margin-right: 0; } /* Development Team Page */ .bfm-gallery-page-teaser .gallerytitle {background-color: rgba(92, 86, 83, .9); line-height: 1.2em; text-align: center; transition: all .5s; } .page-id-508 > #content .inner .flex-content .post-teaser:hover .gallerytitle {background-color: #292726; } /* Video Page 5c5754 292726 */ .page-template-bfm_video_page > #content .inner .bfm-video {display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; } .page-template-bfm_video_page > #content .inner .bfm-video .element.video {width: 32%; margin-right: 2%; margin-bottom: 2%; } .page-template-bfm_video_page > #content .inner .bfm-video .element.video:nth-child(3n+3) {margin-right: 0; } .page-template-bfm_video_page > #content .inner .bfm-video .element.video .video-title {background: #5c5754; padding: 5px 10px; box-sizing: border-box; } .page-template-bfm_video_page > #content .inner .bfm-video .element.video a.overlay {background-color: rgba(41, 39, 38, .9);} /* Blog Tweaks */ .archive.category .flex-content {display: flex; align-content:flex-start; justify-content: flex-start; flex-wrap: wrap;} .archive.category .post-teaser.blog-teaser {width:31%; margin-right: 3.5%; margin-bottom:3.5vw; font-family:'Open Sans', sans-serif; } .archive.category .post-teaser.blog-teaser:nth-of-type(3n+3) {margin-right: 0px;} .archive.category .post-teaser.blog-teaser:nth-of-type(4n+3) {clear: both;} .archive.category .post-teaser.blog-teaser figure {border:1px solid #818285;overflow:hidden; line-height: 0;} .archive.category .post-teaser.blog-teaser img {width:100%;height:auto;transition:all 0.3s;} .archive.category .post-teaser.blog-teaser:hover img {transform:scale3d(1.1,1.1,1);-webkit-transform:scale3d(1.1,1.1,1);} .archive.category .post-teaser.blog-teaser h2, .archive.category .post-teaser.blog-teaser h2.title, .archive.category .post-teaser.blog-teaser h2.title a {font-size:calc(16pt + .35vw);color: #000000; font-family: 'Open Sans', sans-serif;font-weight:500;line-height:1.1em;margin-top:5px;margin-bottom:10px; text-transform: none;} .archive.category .post-teaser.blog-teaser .date-date {font-size:.8em;font-style:italic;line-height:1em;} .archive.category .post-teaser.blog-teaser .date-date p {margin: 0; color: #1d1d1d} .archive.category .post-teaser.blog-teaser p{line-height:1.4em;} .archive.category .post-teaser.blog-teaser a.button.more-link {text-align:center;white-space:nowrap; width: inherit; padding: 17px 40px;} .single.single-post figure img {float:right;margin-left:30px;margin-bottom:30px;max-width:40%;height:auto;} .single.single-post .inner.single-post{display:block;} .single.single-post .inner.single-post h1.title {margin-bottom:3px;text-align:left;} .single.single-post .inner.single-post .post-meta {margin-bottom:30px;} .single.single-post .inner.single-post .date-date {font-size:.8em;font-style:italic;color:#404040;} .single.single-post .inner.single-post p:nth-of-type(1) {margin-top:0;} #posts-navigation {display: block; width: 100%;} /* Blog Next / Prev pagination tweaks */ .navigation.pagination {width: 100%; position: relative;padding: 1px 0; clear: both; margin-bottom: 20px; display: flex; justify-content: space-around; align-items: flex-start;} .navigation.pagination h2 {display: none;} .navigation.pagination .nav-links {position: relative;} .navigation.pagination .nav-links .page-numbers {font-size: 12pt; background: #00aeef; color: #ffffff; position: relative; width: inherit; min-width: 20px; padding: 4px 11px 4px; border-radius: 17px; border: 0; display: inline-block; margin: 0 ; -webkit-transition: all 0.8s; transition: all 0.8s; position: relative; overflow: hidden; z-index: 100; text-align: center;} .navigation.pagination .nav-links .page-numbers.current {background: #74bc1f;} .navigation.pagination .nav-links .page-numbers:hover {background-color: #74bc1f;} .navigation.pagination .nav-links .next {font-size: 12pt; background: #00aeef; color: #ffffff; font-weight: normal; position: relative; width: inherit; padding: 4px 20px 4px 30px; border-radius: 0 17px 17px 0; border: 0; display: inline-block; margin: 0 0 0 -12px; -webkit-transition: all 0.8s; transition: all 0.8s; position: relative; overflow: hidden; z-index: 1;} .navigation.pagination .nav-links .next:hover {background: #74bc1f} .navigation.pagination .nav-links .next:after {content: ' '; width: 33px;height: 33px; display: inline-block; position: absolute; left: -17px; top: -2px; border-radius: 50%; background: #ffffff;} .navigation.pagination .nav-links .prev {font-size: 12pt; background: #00aeef; color: #ffffff; font-weight: normal; position: relative; width: inherit; padding: 4px 30px 4px 20px; border-radius: 17px 0 0 17px; border: 0; display: inline-block; margin: 0 -12px 0 0; -webkit-transition: all 0.8s; transition: all 0.8s; position: relative; overflow: hidden; z-index: 1;} .navigation.pagination .nav-links .prev:hover {background: #74bc1f;} .navigation.pagination .nav-links .prev:after {content: ' '; width: 33px;height: 33px; display: inline-block; position: absolute; right: -17px; top: -2px; border-radius: 50%; background: #ffffff;} /* FORM Tweaks */ .wpcf7-response-output.wpcf7-mail-sent-ok, .wpcf7-response-output.wpcf7-validation-errors {font-family: inherit; font-size: 1em; margin: 10px 0;} .wpcf7-form-control-wrap:before {font-family: inherit; font-size: 1em;} .form-item input[name="senderemail"], .form-item input[name="email"] { padding: 8px 8px 6px 32px; width:calc(100% - 45px);} .wpcf7-form-control-wrap.email:before, .wpcf7-form-control-wrap.senderemail:before {margin-top: 3px;} /* .form-item .wpcf7-form-control-wrap.senderemail:after {content: "\EA15"; font-family: "BlueFireMedia"; position: absolute; top: 9px; left: 9px; } /* Envelope Icon */*/ /* .form-item .wpcf7-form-control-wrap.email:after {content: "\EA15"; font-family: "BlueFireMedia"; position: absolute; top: 9px; left: 9px;}*/ .form-item {position: relative;} .form-item.radiotype, .form-item input.form-text, .form-item input.search-text, .form-item select.wpcf7-select, .form-item input.wpcf7-file {color: #000000; background: #ececec; border: 2px solid #ececec; border-radius: 9px; font-family: arial; font-size: 12pt; line-height: 1.3em; width: calc(100% - 21px); padding: 8px 8px 6px 8px; resize: none;} .form-item .wpcf7-checkbox .wpcf7-list-item {display: block;} .form-item select.wpcf7-select { width: calc(100% - 2px); outline: none;} .form-item.radiotype label {color: #404040;} .form-item.selectlist label {color: #404040; margin: 0 0 5px 12px;} .form-item.required:before {content: "*";font-size: 20px;font-weight: bold;display: block;width: 20px;height: 20px;position: absolute;right: 0;top: 50%;transform: translateY(-27%);z-index: 2000;} .form-item label { margin: 0 0 10px 5px; line-height: 1.1em;} .form-item.radiotype {color: #000000; background: #ececec; border: 2px solid #ececec; border-radius: 9px; font-family: arial; font-size: 12pt; line-height: 1.3em; width: calc(100% - 21px); padding: 8px 8px 6px 8px; margin-bottom: 10px; resize: none;} .form-item.radiotype .wpcf7-checkbox .wpcf7-list-item {color: #7d7d7d; } .form-item.radiotype .wpcf7-form-control-wrap label span {color: #7d7d7d;} .form-item .description {font-size: .85em; color: #404040; position: relative; top: -5px; left: 10px;} /* Active colors */ .form-item input.form-text:focus, .form-item input.search-text:focus, .form-item input.wpcf7-text:focus, .form-item input.wpcf7-email:focus, .form-item input.wpcf7-select:focus, .form-item textarea.wpcf7-textarea:focus, .form-item input.wpcf7-file:focus {border-color: #252527;} .wpcf7-form-control-wrap.hasfocus:before {color: #252527;} /* CORE Landing Page Fix*/ .landing-page .element.lp-bottom {margin-bottom: 0;} .landing-page .element.lp-bottom img {width: initial;} .landing-page .full-width-wrapper.flex-content {display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;} .landing-page .element .button.more-link {width: inherit; background: #1c3f95; border:2px solid #1c3f95; color: #ffffff; font-size: 12pt; font-weight: 700; padding: 14px 25px; border-radius: 0px; white-space: nowrap; line-height:1em; display:inline-block; text-transform: uppercase; position: relative; } .landing-page .element .button.more-link:hover {background-color: #303236; border-color: #303236; color: #ffffff; box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);} .landing-page .element.cols-4 {width: 23%; margin-right: 2.66%} .landing-page .element.cols-4:nth-of-type(4n+4) {margin-right: 0} .landing-page .element.cols-3 {width: 31%; margin-right: 3.5%} .landing-page .element.cols-3:nth-of-type(3n+3) {margin-right: 0} .landing-page .element.cols-3 a.button.more-link {white-space: pre-wrap; text-align: center; line-height: 1.3em;} .landing-page .element.cols-2 {width: 48%; margin-right: 4%} .landing-page .element.cols-2:nth-of-type(2n+2) {margin-right: 0} .landing-page .element.cols-2 a.button.more-link {white-space: pre-wrap; text-align: center; line-height: 1.3em;} /* CORE FAQ Page Fix */ .faq-page .full-width-wrapper {width: 100%;} button.js-bfm-accordion {background: #5c5754; color: #ffffff;text-transform: none; } button.js-bfm-accordion.active {background:#292726; color:#ffffff; margin-bottom: 0;} button.js-bfm-accordion:after {color: #ffffff;} button.js-bfm-accordion:hover{background:#292726;color:#ffffff;} /* Contact Page Fixes */ .contact-page .layout-wrapper .map p {margin-bottom: 16px; } #footer1 {background-color: #3e3e3e; } #footer1 .inner .widget p {color: #ffffff; font-size: calc(14pt + .3vw); font-family: "Libre Baskerville"; font-style: italic; text-align: center; letter-spacing: -.2px; } #footer1 .inner .widget p > a {color: #ffffff; font-size: calc(12pt + .15vw); font-family: "Open Sans"; font-weight: 600; background-color: transparent; border: 1px solid #ffffff; padding: 14px 46px; text-transform: uppercase; font-style: normal; } #footer1 .inner .widget p > a:hover {background-color: #252527; } #footer2 {background-color: #000000; padding: 4.2vw 0; } #footer2 .inner.flex-content {display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; } #footer2 .inner.flex-content .widget {width: 30%; position: relative; height: 300px; padding: 0 8px 80px 8px; box-sizing: border-box; } #footer2 .inner.flex-content .widget h3 {text-transform: uppercase; text-align: center; line-height: 1.1em; letter-spacing: -.5px; } #footer2 .inner.flex-content .widget h3:after {content: ' '; height: 1px; width: 268px; display: block; margin: 0 auto; background-color: #4d4d4d; margin-top: 10px; } #footer2 .inner.flex-content .widget p {color: #b1b1b1; font-size: 12pt; text-align: center; line-height: 1.2em; } #footer2 .inner.flex-content .widget p > a.button {position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%); color: #ffffff; font-weight: 600; background-color: #5c5754; width: 260px; height: 52px; margin: 0 auto; display: flex; justify-content: center; align-items: center; letter-spacing: .5px; text-transform: uppercase;} #footer2 .inner.flex-content .widget p > a.button:hover {background-color: #292726; } #footer2b > div {width: 100%; max-width: 1400px; box-sizing: border-box; padding: 0 2%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;; flex-wrap: wrap;} #footer2b > div > .widget {display: inline-block;} #footer2b #wysiwyg_widgets_widget-15 {width: 180px;} #footer2b #wysiwyg_widgets_widget-16 {width: calc(100% - 180px);} #footer3 {background-image: linear-gradient(#3b3634, #181616); color: #fffefe; font-size: 1em; padding: 30px 0; box-sizing: border-box;} #footer3 .inner {max-width: 1450px; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;} #footer3 .inner #blockgroup-1 {width: 44%; } #footer3 .inner #blockgroup-2 {width: 36%; } #footer3 .inner .widget {display: inline-block;} #footer3 h2 {color: #ffffff; margin: 10px 0 18px; font-size: calc(14pt + .3vw); font-weight: 700; text-transform: uppercase; } #footer3 p {padding: 0; margin: 0; line-height: 1.4em;} #footer3 ul {width: 100%; padding: 0; margin: 0;} #footer3 ul li {list-style: none; padding: 0; margin: 0;} #footer3 ul li > a {font-size: 12pt; line-height: 1.5em; } #footer3 a, #footer2 a:visited {color: #989898;} #footer3 a:hover {color: #ffffff;} #footer3 a.button.more-link {background: #008f89; border: 1px solid #008f89; color: #ffffff; padding: 0; width: 279px; height: 41px; margin-bottom: 15px; display: flex; justify-content: space-around; align-items: center; text-align: center;} #footer3 a.button.more-link:hover {background-color: #00b4ac; border-color: #00b4ac; color: #ffffff;} #footer3 .social-wrapper {margin-top: 12px; display: block;} #footer3 .social-wrapper .icon{font-family: 'BlueFireMedia';width:50px; height: 50px; font-size:50px; background-color:#5c5653; color:#ffffff; display:inline-block; margin-right:16px; transition:all 0.3s;} #footer3 .social-wrapper a:nth-last-child(1) .icon {margin-right: 0;} #footer3 .social-wrapper .icon:before {font-family: "BlueFireMedia"; color: #ffffff;} #footer3 .social-wrapper .icon:hover{background:#47413f; color:#ffffff; text-shadow:none;} #footer3 .inner #blockgroup-1 {display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; } #footer3 .inner #blockgroup-1 .widget {width: 50%; margin-bottom: 15px; } #footer3 .inner #blockgroup-2 #wysiwyg_widgets_widget-12 {margin-top: 15px; } #footer3 .inner #blockgroup-2 #wysiwyg_widgets_widget-12 p {font-size: 12pt; } #footer3 .inner #blockgroup-2 #wysiwyg_widgets_widget-12 p img {margin-bottom: 16px; } #footer3 .inner #blockgroup-2 #wysiwyg_widgets_widget-12 p a.location {text-transform: uppercase; } #footer3 .inner #blockgroup-2 #wysiwyg_widgets_widget-12 p a.mobile-only {margin-left: 10px; } #footer3 .inner #blockgroup-2 .social-wrapper {margin: 28px 0 70px; } #footer3 .inner #blockgroup-2 #wysiwyg_widgets_widget-13 p img {margin-right: 24px; } #footer3 .inner #blockgroup-2 #wysiwyg_widgets_widget-13 p img:nth-last-child(1) {margin-right: 0; } footer {background: #000000; border-top: 2px solid #ffffff; line-height: 0px; text-align: center; padding: 20px 0; font-size: .8em;} footer p {color: #434342; margin:0 auto; text-align: center; } footer a, footer a:link, footer a:visited {color: #5c5c5c; text-decoration: none;} footer a:focus, footer a:hover {color: #ffffff; text-shadow: 2px 2px 4px #000000;} .js-back-to-top {height: 50px;bottom: 0; left: 20px; right: inherit; border: 1px solid #ffffff; background: #008f89; border-radius: 20px 20px 0 0; transition: all 0.5s; transform: translateY(25px); z-index: 10000;} .js-back-to-top:before {top: calc(50% - 4px);} .js-back-to-top:hover {transform: translateY(0);} .postid-72 #menuid-536 {display: none;} @media only screen and (min-width: 1921px) { body {max-width: 1920px; display: block; margin: 0 auto;} } @media only screen and (max-width: 1400px) { } @media only screen and (max-width: 1350px) { #staggered_repeater_section .inner .callwrapper .itembox .leftside {width: 100%; } #staggered_repeater_section .inner .callwrapper .itembox .leftside .imagewrapper img {width: 100%; } #staggered_repeater_section .inner .callwrapper .itembox .rightside {width: 100%; padding: 30px 10px; } #staggered_repeater_section .inner .callwrapper .itembox .rightside .textwrapper {text-align: center; } #staggered_repeater_section .inner .callwrapper .itembox .rightside .textwrapper h4:after {margin: 10px auto; } #staggered_repeater_section .inner .callwrapper .itembox:nth-child(even) .leftside {order: 1; } #staggered_repeater_section .inner .callwrapper .itembox:nth-child(even) .rightside {order: 2; } } @media only screen and (max-width: 1200px) { } @media only screen and (max-width: 1100px) { /* Mobile MENU tweaks NEW*/ #nav_menu-1 {width: 100%;} #header-nav-1 {height: 56px; padding: 0px 0; margin-top: 0px; } #header-nav-1 .nav-list {display: none;} #header-nav-1 .nav-list.nav-active {display: block; position: absolute; bottom: 0; right: 0; transform: translateY(100%);} #header-nav-1 .nav-list.nav-active .nav-item {display: block;} #header-nav-1 .nav-list.nav-active .nav-item .sub-menu {padding-top: 0; display: block; position: relative; transform: translateY(0);} #header-nav-1 .nav-list.nav-active > .nav-item > a {color: #ffffff; background: #0f0f0f; font-size: 18px; font-family: 'Open Sans', sans-serif; font-weight: 400; text-transform: none; padding: 8px 12px 8px; line-height:1em;} /* top level */ #header-nav-1 .nav-list.nav-active > .nav-item.current-page-ancestor > a {color: #ffffff; background: #0f0f0f;} /* top level - Dont show anscestor page hightlighting */ #header-nav-1 .nav-list.nav-active > .nav-item > a:hover {color: #ffffff; background: #5c5754;} /* top level - Hover */ #header-nav-1 .nav-list.nav-active > .nav-item.current-menu-item > a {color: #ffffff; background: #5c5754;} /* top level - Active Trail */ #header-nav-1 .nav-list.nav-active .sub-menu > .nav-item > a {color: #ffffff; background: #0f0f0f; font-size: 18px; font-family: 'Open Sans', sans-serif; font-weight: 400; text-transform: none; padding: 8px 34px 8px 34px; line-height:1em; } /* Sub Menu */ #header-nav-1 .nav-list.nav-active .sub-menu > .nav-item > a:hover {color: #ffffff; background: #5c5754;} /* Sub Menu - Hover */ #header-nav-1 .nav-list.nav-active .sub-menu > .nav-item.current-menu-item > a {color: #ffffff; background: #5c5754;} /* Sub Menu - Active Trail */ #header-nav-1 .nav-list.nav-active .sub-menu .sub-menu .nav-item > a {padding: 8px 34px 8px 56px;} /* sub sub menu*/ .nav-mobile {display: block; width: 56px; height: 56px; padding: 0;} /* 3 bar menu block */ .nav-mobile .menuicon:before {position: relative; left: 0px;} .nav {width: 100%; height: 56px; margin-left: 0px;} .contact-page .layout-wrapper .left {width: 100%; margin: 0 0 20px 0; } .contact-page .layout-wrapper .right.map {width: 100%; margin: 0; text-align: center; } } @media only screen and (max-width: 1050px) { .page-id-496 #content .inner .flex-content {justify-content: space-between;} .page-id-496 #content .inner .flex-content .post-teaser {width: 48%; margin: 0 0 30px 0; text-align: center; } #footer3 .inner #blockgroup-1 {width: 100%; text-align: center; margin-bottom: 30px; } #footer3 .inner #blockgroup-1 .widget {width: 23%; } #footer3 .inner #blockgroup-2 {width: 100%; text-align: center; } } @media only screen and (max-width: 1000px) { .dt-companies.primary {justify-content: space-between; } .dt-companies.primary .element {width: 48%; margin: 0; margin-bottom: 30px; } .dt-companies.secondary {justify-content: space-between; } .dt-companies.secondary .element {width: 48%; margin: 0; margin-bottom: 30px; } .archive.category .post-teaser.blog-teaser:nth-of-type(3n+3) {margin-right: 4%;} .archive.category .post-teaser.blog-teaser:nth-of-type(4n+3) {clear: both;} .archive.category .post-teaser.blog-teaser{width:48%; margin-right: 4%; margin-bottom: 6vw;} .archive.category .post-teaser.blog-teaser:nth-of-type(2n+2) {margin-right: 0px;} .archive.category .post-teaser.blog-teaser:nth-of-type(3n+2) {clear: both;} .page-id-508 > #content .inner .flex-content {justify-content: space-between; } .flex-content .post-teaser.bfm-gallery-page-teaser {width: 48%; margin: 0 0 4% 0; } .page-template-bfm_video_page > #content .inner .bfm-video {justify-content: space-between; } .page-template-bfm_video_page > #content .inner .bfm-video .element.video {width: 48%; margin: 0 0 4% 0; } .landing-page .element.cols-4:nth-of-type(4n+4) {margin-right: 3.5%} .landing-page .element.cols-4 {width: 31%; margin-right: 3.5%} .landing-page .element.cols-4:nth-of-type(3n+3) {margin-right: 0} .landing-page .element.cols-3:nth-of-type(3n+3) {margin-right: 4%} .landing-page .element.cols-3 {width: 48%; margin-right: 4%} .landing-page .element.cols-3:nth-of-type(2n+2) {margin-right: 0} .bfm-gallery.js-gallery .element.image {width: 32%; margin-right: 2%; margin-bottom: 2%; } .bfm-gallery.js-gallery .element.image:nth-child(3n+3) {margin-right: 0; } } @media only screen and (max-width: 950px) { #header1 .inner .widget.announcement .textwrap {max-width: 80%; } #footer2 .inner.flex-content {justify-content: space-around; } #footer2 .inner.flex-content .widget {width: 48%; margin-bottom: 30px; } } @media only screen and (max-width: 850px) { #property-taxonomy .filtr-container .property-filters {justify-content: space-between; } #property-taxonomy .filtr-container .property-filters li {width: 48%; margin: 10px 0; } .tax-bfm_property_type .outer#content {padding-bottom: 225px;} } @media only screen and (max-width: 800px) { .landing-page .element.cols-2:nth-of-type(1n+0) {width: 100%; margin-right: 0%; margin-bottom: 40px;} /* PARALAX BACKGROUND FIX FOR Safari on Iphones - USE THIS FOR ALL Paralaxing backgrounds*/ .browser-safari #fpslideshow {background-size: cover; background-position: top center; background-attachment: initial;} /* END SAFARI Paralax Background Fix.*/ #lrs .inner .cycle-slideshow .cycle-pager {display: none;} #lrs2 .inner .cycle-slideshow .cycle-pager {display: none;} .is-subpage .bfm-banner .banner-container .text-wrapper {position: relative; opacity: 1; } } @media only screen and (max-width: 768px){ .landing-page .element.cols-4:nth-of-type(3n+3) {margin-right: 4%} .landing-page .element.cols-4 {width: 48%; margin-right: 4%} .landing-page .element.cols-4:nth-of-type(2n+2) {margin-right: 0} #footer3 .inner #blockgroup-1 .widget {width: 48%; margin-bottom: 30px; } } @media only screen and (max-width: 700px) { /*#property-taxonomy .property {height: 750px;}*/ #fvfb_filter_bar_section .inner .filter_title:after {width: 100%; } #filter_bar_section .inner:before {width: 100%; } } @media only screen and (max-width: 680px){ .archive.category .post-teaser.blog-teaser:nth-of-type(3n+3) {margin-right: 0;} .archive.category .post-teaser.blog-teaser{width:100%;margin-bottom:70px; margin-right: 0px;} .page-template-bfm_video_page > #content .inner .bfm-video .element.video {width: 100%; margin: 0 0 4% 0; } } @media only screen and (max-width:600px) { .landing-page .element.cols-3:nth-of-type(1n+0) {width: 100%; margin-right: 0} #footer2 .inner.flex-content .widget {width: 100%;} } @media only screen and (max-width: 540px) { #property-taxonomy .filtr-container .property-filters li {width: 100%; } .tax-bfm_property_type .outer#content {padding-bottom: 375px;} #staggered_repeater_section .inner .callwrapper .itembox .rightside .textwrapper h4:after {width: 90%;} } @media only screen and (max-width: 500px) { .is-subpage #header2 .inner .logo-wrapper {width: 75%;} .bfm-gallery.js-gallery {justify-content: space-between; } .bfm-gallery.js-gallery .element.image {width: 48%; margin-right: 4%; margin-bottom: 4%; } .bfm-gallery.js-gallery .element.image:nth-child(2n+2) {margin-right: 0; } .bfm-gallery.js-gallery .element.image:nth-child(3n+3) {margin-right: 4%; } .bfm-gallery.js-gallery .element.image:nth-child(6n+6) {margin-right: 0; } .dt-companies.primary .element {width: 100%; margin: 0; margin-bottom: 30px; } .dt-companies.secondary .element {width: 100%; margin: 0; margin-bottom: 30px; } .flex-content .post-teaser.bfm-gallery-page-teaser {width: 100%; margin: 0 0 30px 0; } .page-id-496 #content .inner .flex-content .post-teaser {width: 100%; margin: 0 0 30px 0; } #footer3 .inner #blockgroup-1 .widget {width: 100%; } } @media only screen and (max-width: 480px) { .landing-page .element.cols-4:nth-of-type(1n+0) {width: 100%; margin-right: 0} footer {font-size: .7em;} .js-back-to-top {transform: translateY(15px);} .js-back-to-top:hover {transform: translateY(15px);} } @media only screen and (max-width: 400px) { }