/* Theme Name: Bright Matter Master Author: Bright Matter Version: 1.1 Text Domain: brightmattermaster Description: License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: */ /*-------------------------------------------------------------- 1.0 Normalize Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css --------------------------------------------------------------*/ @import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@100;200;300;400&display=swap'); .et_pb_gallery_item img { height: 100% !important; width: 100% !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; object-fit: cover !important; position:absolute; } .et_pb_gallery_item a { display:block; padding-bottom:100% !important; } .et-db #et-boc .et_pb_team_member_image { max-width: 100% !important; margin-right: 0px !important; } .et_pb_module_header{ font-size: 2em; font-weight:300; } .et_pb_member_position{ color:#9fb934 !important; font-size: 0.9em; font-weight:300; } .mfp-arrow-right { display:block !important; width:50px !important; height:50px !important; content: ""!important; } .et-db #et-boc .et-l .et_pb_toggle_close, .et-db #et-boc .et-l .et_pb_toggle_open, .et_pb_team_member_description { padding: 7px !important; } .bm-reveal-wrap p { font-size: 0.8rem; } .et-db #et-boc .et-l .et_pb_module li { font-weight: 300; margin-bottom: 5px; } .et-db .mfp-arrow-right .mfp-a, .et-db .mfp-arrow-right:after { opacity: 1 !important; background-image:url(commercial-garden-design-arw-r-bg.svg) !important; display:block !important; width:50px !important; height:50px !important; content: ""!important; } .mfp-arrow-left { display:block !important; width:50px !important; height:50px !important; content: ""!important; } .et-db .mfp-arrow-left .mfp-a, .et-db .mfp-arrow-left:after { opacity: 1 !important; background-image:url(commercial-garden-design-arw-l-bg.svg) !important; display:block !important; width:50px !important; height:50px !important; content: ""!important; } .et-db .mfp-image-holder .mfp-arrow { border: none!important; opacity: 1; width:50px !important; height:50px !important; } /*.mfp-wrap .mfp-arrow:active { } .mfp-arrow-right:hover { opacity: 1; !important; background-image:url(commercial-garden-design-arw-r-bg.svg) !important; display:block !important; width:50px !important; height:50px !important; content: ""!important; } .et-db .mfp-arrow-right .mfp-a, .et-db .mfp-arrow-right:after { background-image:url(commercial-garden-design-arw-r-bg.svg) !important; display:block !important; width:50px !important; height:50px !important; content: ""!important; } .et-db .mfp-arrow-right .mfp-a, .et-db .mfp-arrow-right:after:hover { background-position: 0px -50px !important; }.mfp-arrow:after { margin: 0!important; top: 0!important; border: none!important; width: 0!important; height: 0!important; } */ .mfp-arrow-right .mfp-a, .mfp-arrow-right:after { content: ""!important; } .mfp-arrow-left .mfp-a, .mfp-arrow-left:after { content: ""!important; } body.single-case_study.et-db #et-boc #et_builder_outer_content .bm-casestudy-a .et_pb_text { width:66%; text-align: justify; text-justify: inter-word; } html { font-family: sans-serif; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } .mfp-wrap:after { background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 60%); } .mfp-container:before { background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 60%); } .mfp-wrap:before { background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 60%); } .mfp-container:after { background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 60%); } .mfp-bg:after { background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 60%); } .mfp-bg:before { background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 60%); } .mfp-wrap { background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 60%); } .mfp-container { background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 60%); } .mfp-bg { background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 60%); } body { margin: 0; } h1, h2, h3, h4, h5, p { font-family: 'Urbanist', sans-serif !important; margin-bottom:0px !important; color:#FFFFFF !important; font-weight:100 !important; letter-spacing:0.05em !important; } .entry-title, .pageh2, .pageh1, h1, h2, h3 { line-height: 110% !important; margin-bottom: 1.6vh !important; padding-bottom: 0px !important; } h4, h5 { line-height: 110% !important; padding-bottom: 0px !important; } h1{ font-size:3.6rem; } h2{ font-size:2.2rem !important; } h3{ font-size:1.4rem; } p { font-size:1.1rem; font-family: 'Urbanist', sans-serif !important; font-weight:lighter !important; font-weight:100 !important; letter-spacing:0.08em !important; text-align: justify !important; text-justify: inter-word !important; line-height:130%; letter-spacing:0.08em !important; } li { font-size:1.1rem; line-height: 100%; margin-bottom: 1%; font-weight:100 !important; letter-spacing: 0.08em !important; } .menu-item { margin-bottom: 0; } .bm-three-square h2 { font-size:1.6em !important; } .et-db #et-boc #et_builder_outer_content .et_pb_section.bm-design-e { position:absolute; height:800px; width:100%; top:calc(90vh - 450px); /*same as bm-design-a bottom-padding*/ -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 300px, black 100%); mask-image: linear-gradient(to bottom, transparent 0%, black 300px, black 100%); z-index: 40; } .et_pb_member_position { text-align:left !important; } .et-db #et-boc .et-l .et_pb_gutters3 .et_pb_column_4_4 .et_pb_module { margin-bottom: -0.5vh; } .et-db #et-boc #et_builder_outer_content .et_pb_section.bm-design-p { margin-top:20vh; height: 90vh; z-index: 20; } .et-db #et-boc #et_builder_outer_content .et_pb_section.bm-design-k { margin-top:10vh; height: 90vh; z-index: 20; } .et-db #et-boc #et_builder_outer_content .et_pb_section.bm-design-a .et_pb_row { width:100%; padding-left: 10%; padding-right: 10%; } .et-db #et-boc #et_builder_outer_content .et_pb_section.bm-design-a .et_pb_column { height: calc(90vh - 150px); /*j -350px*/ display: flex; float:none; flex-direction: column; justify-content: flex-end; box-sizing: border-box; padding-bottom: 1em; } .et-db #et-boc #et_builder_outer_content .et_pb_section.team-row .et_pb_row .et_pb_column { padding-right: 8px; padding-left: 8px; } .et-db #et-boc #et_builder_outer_content .et_pb_section.bm-design-a .et_pb_slider { height: calc(90vh - 150px); } .et-db #et-boc #et_builder_outer_content .et_pb_section.bm-design-a .et_pb_slider::after, .et-db #et-boc #et_builder_outer_content .et_pb_section.bm-design-a:not(.et_pb_fullwidth_section)::after { content:''; display: block; position:absolute; width: 100%; height: calc(90vh - 350px); /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.5+0,0+100;Neutral+Density */ background: linear-gradient(to top, rgba(0,0,0,0.47) 0%, rgba(0,0,0,0) 30%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ top:0px; z-index: 45; } .et-db #et-boc #et_builder_outer_content .et_pb_section.bm-design-a .et_pb_slide { min-height: calc(90vh - 150px); } .et-db #et-boc #et_builder_outer_content .et_pb_section.bm-design-a .bm-slider-title-container { position: absolute; z-index: 50; width: 80%; margin-left: 10%; height: calc(90vh - 350px); display: flex; flex-direction: column; justify-content: flex-end; box-sizing: border-box; padding-bottom: 1em; } .et-db #et-boc #et_builder_outer_content .bm-design-a .et_pb_column .entry-title { padding-bottom: 200px !important; } .et-db #et-boc .et-l .et_contact_bottom_container { margin-top: 20px !important; } #et-fb-app h1, #et-fb-app h2, #et-fb-app h3, #et-fb-app h4 { color:#666 !important; } .et-db #et-boc .et-l .et_pb_module a { color: #9fb934 !important; } article, aside, footer, header, nav, section { display: block; } h1 { margin: 0.9em 0; font-weight:100; -webkit-font-smoothing: antialiased !important; } figcaption, figure, main { display: block; } figure { margin: 1em 0; } hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; -webkit-text-decoration-skip: objects; } a:active, a:hover { outline-width: 0; } abbr[title] { border-bottom: 1px #767676 dotted; text-decoration: none; } b, strong { font-weight: inherit; } #et-boc .et-l h1{ font-weight:100 !important; } b, strong { font-weight: 300;; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } dfn { font-style: italic; } mark { background-color: #eee; color: #222; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } audio, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } img { border-style: none; } svg:not(:root) { overflow: hidden; } button, input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { border: 1px solid #bbb; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { display: inline-block; vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details, menu { display: block; } summary { display: list-item; } canvas { display: inline-block; } template { display: none; } [hidden] { display: none; } /*------*/ html { font-family: 'Urbanist', sans-serif; } body { background-color:#111; color:#fff; } #content { /* margin-bottom: 50px;*/ } .et-db #et-boc #et_builder_outer_content #bm-header-gradient { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#222222+0,000000+100&1+0,0+100 */ background: -moz-linear-gradient(top, rgba(34,34,34,1) 0%, rgba(0,0,0,0) 70%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(34,34,34,1) 0%,rgba(0,0,0,0) 70%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(34,34,34,1) 0%,rgba(0,0,0,0) 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ width:100%; height:600px; position: absolute; z-index: 40; pointer-events:none; top:0px; } .et-db:not(.home) #et-boc #et_builder_outer_content .et_pb_section:first-child .et_pb_row { z-index: 50; } .navigation-top { border-top: 1px solid #9fb934; border-bottom: 1px solid #6b6b6b; } #stickynav { border-bottom: 1px solid #6b6b6b; } #top-menu { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-display: flex; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display:flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; padding:0px; margin:0px; } #top-menu li { display: inline-block; position: relative; } #top-menu a { display: block; position: relative; text-decoration: none; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out; font-weight: 300;; font-size: 13pt; ; color:#fff; } #stickynav #top-menu a { font-size: 11pt; } #top-menu li ul { transition: all 0.5s ease-in; max-height: 0px; overflow-y: hidden; z-index: 200; width: 480px; background: rgba(0,0,0,0.5); position: absolute; padding: 0px; margin-left: -10px; margin-top: 1px; } #top-menu > li > a { padding: 10px 0px 10px 0px; } #top-menu li li a { font-size: 12pt; margin: 11px 0px 3px 10px; width: 400px; } #top-menu li li a:hover { font-size: 12pt; margin: 11px 0px 3px 10px; width: 400px; color:#9fb934; } #top-menu a:hover { color:#9fb934; } #top-menu ul::after { content:''; display: block; border-bottom:1px solid #9fb934; margin: 12px 0px 0px 0px; } #top-menu ul::before { content:''; display: block; margin: 8px 0px; } @keyframes stuckMoveDown{ 0%{transform:translateY(-100%)} 100%{transform:translateY(0)} } #top-menu ul li:hover > ul, #top-menu li:hover > ul { max-height: 500px; } .menu-toggle { display: none; } #nav-close { display:none; } .et-db #et-boc #et_builder_outer_content .et_pb_with_background .et_pb_row, .et-db #et-boc #et_builder_outer_content .et_pb_row, .wrap, .wrap2 header.entry-header { max-width: 100%; width:80%; margin-left:auto; margin-right:auto; } .site-content-contain { z-index: 1; } .bm-header-logo { margin-top: 15px; display: inline-block; } .bm-header-logo img { max-height: 70px; } #stickynav { position:fixed; left:0px; right:0px; top:0px; display: none; z-index: 100; color:#fff; } #stickynav.stickynavvisible { display: block; animation: stuckMoveDown .6s; } #stickynav a { color:#fff; } #bm-header-wrapper { position: relative; } #bm-header-social { position:absolute; right:0px; margin-top:17px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; width:430px; } .bm-header-top { width:100%; height:100px; } .bm-header-top .wrap { position: relative; } #calltop { height: 23px; display: inline-block; float: right; line-height: 20px; margin: 0px 0px 0px 10px; font-size:15pt; } #logostop { float: right; margin: 0px 10px 0px 15px; } #logostop img { width:370px; height:auto; } #logos-top-mobile { float: right; margin: 0px 10px 0px 15px; display: none; } #logos-top-mobile img { width:132px; height:auto; } #callnav { display:none; line-height: 15px; font-size:15pt; } .fa-facebook-f::before { content: "\f39e" !important; } #bm-header-mobilenav, #bm-header-sticky-mobilenav { display:none; } .gardenhdbtn a, #et-boc .et-l .gardenhdbtn a { height: 23px; display: inline-block; float: left; margin-right:5px; } .gardenhdbtnt a { height: 23px; display: inline-block; float: right; margin-right:5px; } .bm-case-study-container h1{ text-shadow: 2px 2px 16px #000000; } .gardenhome { } /*.gardenhome a, #et-boc .et-l .gardenhome a { margin-right: 4px; width: 35px; background-image: url(garden-designer-surrey-west-sussex-hampshire-home.png); background-position: 0px 0px; background-repeat:no-repeat; } .gardenhome a:hover, #et-boc .et-l .gardenhome a:hover { background-position: -35px 0px; color: #9fb934; } .gardenemail { } .gardenemail a, #et-boc .et-l .gardenemail a { margin-right: 7px; text-align: left; background-image: url(garden-designer-surrey-west-sussex-hampshire-email.png); background-repeat: no-repeat; width: 24px; } .gardenemail a:hover, #et-boc .et-l .gardenemail a:hover { background-position: 0px -21px; } .gardentwitter, .gardentwitterb { } .gardentwitter a, .gardentwitterb a, #et-boc .et-l .gardentwitter a { background-image: url(garden-designer-surrey-west-sussex-hampshire-twitter.png); background-position: 0px 0px; background-repeat:no-repeat; width: 23px; } .gardentwitter a:hover, .gardentwitterb a:hover, #et-boc .et-l .gardentwitter a:hover { background-position: -23px 0px; } .gardenfacebook, .gardenfacebookb { } .gardenfacebook a, .gardenfacebookb a, #et-boc .et-l .gardenfacebook a { background-image: url(garden-designer-surrey-west-sussex-hampshire-facebook.png); background-position: 0px 0px; background-repeat:no-repeat; width: 20px; } .gardenfacebook a:hover, .gardenfacebookb a:hover, #et-boc .et-l .gardenfacebook a:hover { background-position: -20px 0px; } .gardengoogle, .gardengoogleb { } .gardengoogle a, .gardengoogleb a, #et-boc .et-l .gardengoogle a { background-image: url(garden-designer-surrey-west-sussex-hampshire-google.png); background-position: 0px 0px; background-repeat:no-repeat; width: 21px; } .gardengoogle a:hover, .gardengoogleb a:hover, #et-boc .et-l .gardengoogle a:hover { background-position: -21px 0px; } .gardenlinkedin, .gardenlinkedinb { } .gardenlinkedin a, .gardenlinkedinb a, #et-boc .et-l .gardenlinkedin a { background-image: url(garden-designer-surrey-west-sussex-hampshire-linkedin.png); background-position: 0px 0px; background-repeat:no-repeat; width: 24px; } .gardenlinkedin a:hover, .gardenlinkedinb a:hover, #et-boc .et-l .gardenlinkedin a:hover { background-position: -24px 0px; } */ .footyoutube, .footinstagram, .footfacebook, .foottwitter { background-repeat: no-repeat !important; background-size: 100% 200% !important; width:45px !important; height:45px !important; display:inline-block !important; margin:0px 10px 0px 0px !important; background-position: 0% 0% !important; float:right; -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) !important; transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) !important; } .footyoutube:hover, .footinstagram:hover, .footfacebook:hover, .foottwitter:hover { -webkit-transform: scale(1.02, 1.02) !important; transform: scale(1.02, 1.02) !important; filter: invert(71%) sepia(54%) saturate(494%) hue-rotate(28deg) brightness(86%) contrast(97%); } .footyoutube { background-image: url(social-youtube.svg) !important; margin-right:18px !important; } .footinstagram { background-image: url(social-instagram.svg) !important; } .footfacebook { background-image: url(social-facebook.svg) !important; margin-left:-8px !important; margin-right:0px !important; } .foottwitter { background-image: url(social-twitter.svg) !important; } @media (max-width: 1400px){ #logostop { display: none; } #logos-top-mobile { display: block; } #bm-header-mobilenav { display:inline-block; float:right; clear:right; color:#fff; font-size:60px; cursor: pointer; background: transparent; border: none; padding:0px; margin-top: 17px; } #bm-header-sticky-mobilenav { display:inline-block; float:right; clear:right; color:#fff; font-size:40px; cursor: pointer; background: transparent; border: none; padding:0px; margin-top:8px; } #bm-header-social { position: static; display: inline-block; float:right; width:auto; margin-top:17px; margin-right: 15px; } #calltop { display:none; } #callnav { display:inline-block; position:relative; top:30px; } #nav-close { display: block; cursor:pointer; width:22px; height:22px; position:absolute; right:16px; top:10px; background-image:url(close_x.svg); background-size: 100% 100%; transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); } #hometop { display: none; } .bm-header-logo { max-width: 60%; } .bm-header-top { border-bottom: 1px solid #9fb934; } .bm-header-top .wrap { text-align: left; } .navigation-top { position: absolute; display:none; width:100%; background:#222; z-index:20; top:0px; } .navigation-top.toggled-on { -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-animation: fadeLeft .4s ease-in-out; -moz-animation: fadeLeft .4s ease-in-out; -o-animation: fadeLeft .4s ease-in-out; animation: fadeLeft .4s ease-in-out; display:block; text-align:center; } .navigation-top.toggled-on #top-menu li li a { padding-left: 2.5%; } .navigation-top #top-menu { display:block; padding: 40px 5% 5% 5%; } .navigation-top #top-menu li { display:block; } .navigation-top #top-menu li a, .navigation-top #top-menu li li a { padding: 10px 5%; border-bottom: 1px solid rgba(0,0,0,.03); width:auto; margin:0px; font-size:20px; } .navigation-top #top-menu li li a { padding-left: 15%; font-size: 18px; } .navigation-top #top-menu li ul { visibility: visible; opacity:1; box-shadow:none; position:static; padding:0px 0px 0px 5%; display: block; border-top:0px; width:auto; max-height: none; background:transparent; } .navigation-top #top-menu ul::after, .navigation-top #top-menu ul::before { display: none; } .navigation-top #top-menu ul li:hover > ul, .navigation-top #top-menu li:hover > ul { -webkit-animation: none; -moz-animation: none; -o-animation: none; animation: none; } #stickynav #top-menu { display: none; } #stickynav { border: none; } } @media (max-width: 600px){ #bm-header-mobilenav { font-size:40px; margin-top:18px; } #bm-header-email span { display: none; } .bm-header-logo img { max-height: 50px; } #logostop img { width: 93px; } .bm-header-top { height:80px; } #logos-top-mobile img { max-height: 50px; width: auto; } } @media (max-width: 430px){ #logos-top-mobile { display: none; } } .et_builder_inner_content { overflow: hidden; /*jon fix for collapsing child and parent margins*/ } .bm-primary-with-sidebar { width:66%; float:left; } .postsidebar { /* width:29%; float:right; */ } .et-db #et-boc #et_builder_outer_content .et_pb_row.bm-home-g2 { padding:0 10% !important; padding-top: 0 !important; } .clear { clear:both; } .single-featured-image-header img { max-width: 100%; height:auto; } .et-db #et-boc #et_builder_outer_content .et_pb_posts article { position:relative; border-top:1px solid #9fb934; padding-top:20px; } .et-db #et-boc #et_builder_outer_content .et_pb_posts article .entry-featured-image-url { width: 50%; float:right; display:block; padding-bottom:31.25%; margin-left:25px; margin-bottom:10px !important; } .et-db #et-boc .et-l .widget .widget-title { border-bottom: 1px solid #9fb934; border-top: 1px solid #9fb934; margin-top:0px !important; padding-top:8px !important; } .et-db #et-boc #et_builder_outer_content .et_pb_posts article .entry-featured-image-url img { object-fit: cover; height: 100% !important; width: 100% !important; position:absolute; } .et_pb_posts article .entry-title { font-size:34px !important; } .et_pb_posts article .post-meta { } .et-db #et-boc .et_pb_posts article .post-content { margin-top:10px; margin-bottom: 2em; } .et-db #et-boc .et-l .et_pb_posts a.more-link { clear: left; display: inline-block; background-image:url(commercial-garden-design-arw-sml.svg); background-repeat: no-repeat; padding-left:34px !important; height:26px; padding-top: 4px !important; text-transform: capitalize; line-height:1em; margin-top:1em; } .et-db #et-boc .et_pb_posts a.more-link:hover { background-position: 0px -26px; } @media (max-width: 700px){ .et-db #et-boc #et_builder_outer_content .et_pb_posts article .entry-featured-image-url { width: 100%; padding-bottom:60%; margin-left:0px; margin-bottom:20px !important; } } /* body.single:not(.single-case_study) #page { background-image:url(https://www.graduatelandscapescommercial.co.uk/wp-content/uploads/2018/11/commercial-landscape-design-homemiddle-1.jpg); } body.single:not(.single-case_study) #colophon { background: rgba(34,34,34,0.75); } body.single:not(.single-case_study) #content { margin-bottom:0px; } body.single:not(.single-case_study) .entry-content { width:48%; float:left; } body.single:not(.single-case_study) .entry-content h1 { margin-top:0px; } body.single:not(.single-case_study) .single-featured-image-header { width: 50%; float:right; display:block; padding-bottom:50%; margin-left:2%; position:relative; } body.single:not(.single-case_study) .single-featured-image-header img { object-fit: cover; height: 100% !important; width: 100% !important; position:absolute; } */ .entry-header h1 { display: none; } .bm-news-wrap { background:rgba(34,34,34,0.75) !important; margin-top:-30vh; position:relative; padding-top:5vh; padding-bottom:100px; z-index:1; } .widgettitle, .et-db #et-boc #et_builder_outer_content .et_pb_widget_area .widget-title { font-size: 23px; font-weight: 100; } .postsidebar .widget_categories li, .postsidebar #menu-posts li { margin-top: .25em; margin-bottom: .25em; } .postsidebar .widget_categories ul, .postsidebar ul#menu-posts, .postsidebar ul { list-style: none; padding: 0; } .postsidebar a { text-decoration: none; } .postsidebar .widget_categories a, .postsidebar #menu-posts a { color:#000; text-decoration: none; } .bm-envelope { background-image:url(garden-designer-surrey-west-sussex-hampshire-email-s.png); background-repeat: no-repeat; display:inline-block; width:23px; height:17px; } #masthead { position: absolute; width: 100%; z-index: 50; animation: renew 10s infinite; } @keyframes renew { 0%{transform:translateY(0px);} 50%{transform:translateY(0.1px);} 100%{transform:translateY(0px);} } .et_parallax_bg_wrap::after { background: rgb(0,0,0); background: -moz-radial-gradient(circle, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 50%); background: -webkit-radial-gradient(circle, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 50%); background: radial-gradient(circle, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); content:''; display:block; position:absolute; top:-30vh; width:100%; height:160%; } .bm-casestudy-b.et_parallax_bg_wrap::after { background: rgb(0,0,0); background: -moz-linear-gradient(0deg, rgba(0,0,0,0.7400210084033614) 0%, rgba(0,0,0,0.39) 30%, rgba(0,0,0,0.3) 100%); background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.7400210084033614) 0%, rgba(0,0,0,0.39) 30%, rgba(0,0,0,0.3) 100%); background: linear-gradient(0deg, rgba(0,0,0,0.7400210084033614) 0%, rgba(0,0,0,0.39) 30%, rgba(0,0,0,0.3) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); } .et-db #et-boc #et_builder_outer_content .et_pb_section { padding: 0 0; clear:both; } .et-db #et-boc #et_builder_outer_content .et_pb_row { padding: 0 0; } .et-db #et-boc #et_builder_outer_content .bm-home-a .et_pb_text_inner { } .barbtm {margin-bottom:2.0vh !important;} .et-db #et-boc #et_builder_outer_content .bm-home-a h1 { width:100%; } .et-db #et-boc #et_builder_outer_content .bm-home-a p { text-align: justify; } .et-db #et-boc #et_builder_outer_content .bm-home-a1 { width:60%; } .et-db.home #et-boc #et_builder_outer_content .bm-home-a2 { width:40%; padding-left: 100px; } @media (min-width: 981px){ .et-db:not(.home) #et-boc #et_builder_outer_content .bm-home-a2 { width: 100%; } } .et-db #et-boc #et_builder_outer_content .bm-home-a2 a { /*background: rgba(30,30,30,0.14);*/ height: auto; min-height: 72px; padding:5px; display: block; width: calc(100% + 20vw); margin-bottom:0px; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-content: flex-start; align-content: flex-start; -webkit-align-items: center; align-items: center; color:#fff !important; font-size: 1.8rem; font-weight: 100; letter-spacing:0.05em !important; transition: background 0.4s; } .et-db.home #et-boc #et_builder_outer_content .bm-home-a2 a { width: calc(100% + 20vw); } .et-db #et-boc #et_builder_outer_content .et_pb_column:not(.et-last-child) .bm-home-a2 a { width:100%; } .et-db #et-boc #et_builder_outer_content .bm-home-a2 a:hover { background: rgba(30,30,30,0.75); } .et-db #et-boc #et_builder_outer_content .bm-home-a2 a .bm-next { margin-top: 0px; margin-right: 15px; } @media (max-width: 800px){ .et-db.home #et-boc #et_builder_outer_content .bm-home-a .et_pb_text_inner { margin-bottom: 0px; } .et-db.home #et-boc #et_builder_outer_content .bm-home-a .et_pb_text_inner { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .et-db.home #et-boc #et_builder_outer_content .bm-home-a1 { width:100%; margin-bottom: 4vh; } .et-db.home #et-boc #et_builder_outer_content .bm-home-a2 { width: calc(100% + 20vw); position: relative; left:-10vw; padding:0px 10vw; background: rgba(30,30,30,0.58); flex-shrink: 0; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-content: flex-start; align-content: flex-start; -webkit-align-items: center; align-items: center; } .et-db.home #et-boc #et_builder_outer_content .bm-home-a2 a { background:none; } } @media (max-width: 980px){ .et-db:not(.home) #et-boc #et_builder_outer_content .bm-home-a .et_pb_text_inner { margin-bottom: 0px; } .et-db:not(.home) #et-boc #et_builder_outer_content .bm-home-a .et_pb_text_inner { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .et-db:not(.home) #et-boc #et_builder_outer_content .bm-home-a1 { width:100%; margin-bottom: 4vh; } .et-db:not(.home) #et-boc #et_builder_outer_content .bm-home-a2 a { width: 100%; } } /* .et-db #et-boc #et_builder_outer_content .bm-home-b { position: absolute; } .et-db #et-boc #et_builder_outer_content .bm-home-b > div > p { padding:0px; } */ .et-db #et-boc #et_builder_outer_content .bm-home-section-1 { position: absolute; width: 100%; } .et-db #et-boc #et_builder_outer_content .et_pb_section.bm-home-a { margin-top:50vh; z-index: 10; } body.home.et-db #et-boc #et_builder_outer_content .et_pb_section.bm-home-a { margin-top:95vh; z-index: 50; position: absolute; transform: translateY(-200px); width:100%; } body.home.et-db #et-boc #et_builder_outer_content .et_pb_section.bm-home-a:after { content:''; display:block; position:absolute; top:calc(2.8em + 28px); width:100%; height:300px; border-top: solid 1px rgb(159, 185, 52, 0.7) !important; background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } body.home.et-db #et-boc #et_builder_outer_content .et_pb_section.bm-home-a:before { content:''; display: block; position:absolute; width: 100%; height: 300px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.5+0,0+100;Neutral+Density */ background: linear-gradient(to top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ top:calc(2.8em + 28px - 300px); z-index: 1; } @media (min-width: 1701px) { body.home.et-db #et-boc #et_builder_outer_content .et_pb_section.bm-home-a { transform: translateY(-230px); } body.home.et-db #et-boc #et_builder_outer_content .et_pb_section.bm-home-a:after { top:calc(3.6em + 28px); } body.home.et-db #et-boc #et_builder_outer_content .et_pb_section.bm-home-a:before { top:calc(3.6em + 28px - 300px); } } @media (max-width: 800px) { body.home.et-db #et-boc #et_builder_outer_content .et_pb_section.bm-home-a:before { top:calc(2.3em + 28px - 300px); } body.home.et-db #et-boc #et_builder_outer_content .et_pb_section.bm-home-a:after { top:calc(2.3em + 28px); } } @media (max-width: 600px) { body.home.et-db #et-boc #et_builder_outer_content .et_pb_section.bm-home-a:before { top:calc(2em + 28px - 300px); } body.home.et-db #et-boc #et_builder_outer_content .et_pb_section.bm-home-a:after { top:calc(2em + 28px); } } @media (max-width: 500px) { body.home.et-db #et-boc #et_builder_outer_content .et_pb_section.bm-home-a:before { top:calc(1.4em + 28px - 300px); } body.home.et-db #et-boc #et_builder_outer_content .et_pb_section.bm-home-a:after { top:calc(1.4em + 28px); } body.home.et-db #et-boc #et_builder_outer_content .et_pb_section.bm-home-a h1 { font-size: 1.4em !important; } } body.home.et-db #et-boc #et_builder_outer_content .bm-home-icons { display: block; margin:0em auto 0px auto; } body.home.et-db #et-boc #et_builder_outer_content .bm-home-intro p { padding-top: 34px; max-width:1200px; margin: 0 auto; } body.home.et-db #et-boc #et_builder_outer_content .bm-home-intro h1 { margin-bottom: 20px !important; } body.home.et-db #et-boc #et_builder_outer_content .bm-home-section-1 { height:100vh; } body.home.et-db #et-boc #et_builder_outer_content .bm-section-with-three-squares { margin-top:calc(100vh - 250px); -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 200px, black 100%); mask-image: linear-gradient(to bottom, transparent 0%, black 200px, black 100%); z-index: 40; } .et-db #et-boc #et_builder_outer_content .et_pb_section.bm-design-g { /*margin-top:10vh;*/ /*height: 80vh;*/ height:40vw; height:calc(15vw + 200px + 30vh); margin-top:10vw; margin-top:calc(10vw + 100px); z-index: 20; } .et-db #et-boc #et_builder_outer_content .et_pb_section.bm-design-pic { margin-top:-50vh; height: 100vh; z-index: 5; } .et-db:not(.page-id-605) #et-boc .et-l .et_pb_gutters3 .et_pb_column_3_5 .et_pb_module { margin-bottom:0 !important; } .et-db #et-boc #et_builder_outer_content .et_pb_section.bm-design-c { padding: 3vh 0 300px 0; margin-bottom:10vh; z-index: 60; } .et-db #et-boc #et_builder_outer_content .et_pb_section.bm-design-c .et_pb_row { position:relative; top:-200px; } .et-db #et-boc #et_builder_outer_content .et_pb_section.bm-design-c:after { content:''; display:block; position:absolute; top:-200px; /*top:-15vh;*/ width:100%; height:100%; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.5+0,0+100;Neutral+Density */ background: linear-gradient(to bottom, rgba(0,0,0,0.47) 0%,rgba(0,0,0,0.34) 70% ,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ border-top: solid 1px rgb(159, 185, 52, 0.7) !important; } .et-db #et-boc #et_builder_outer_content .et_pb_section.bm-design-c .et_pb_row:first-child .et_pb_column { margin-bottom: 0px; } .et-db #et-boc #et_builder_outer_content .et_pb_section.bm-design-d { background:rgba(34,34,34,0.90) !important; margin-top:5vh; height: 40vh; z-index: 35; } @media (min-width: 1900px){ .et-db #et-boc #et_builder_outer_content .et_pb_section.bm-design-g { margin-top:15%; height: 750px; } } /*@media (max-width: 1999px){ .et-db #et-boc #et_builder_outer_content .et_pb_section.bm-design-g { margin-top:120px; height: 830px; } }*/ @media (min-width: 1400px){ } @media (min-width: 1400px){ /*rev slider maxes at 100vh so don't over-expand*/ .et-db #et-boc #et_builder_outer_content .et_pb_section.bm-design-g { margin-top:15% !important; height: 750px !important; } /* .et-db #et-boc #et_builder_outer_content .et_pb_section.bm-design-c .et_pb_row { top:-350px; } .et-db #et-boc #et_builder_outer_content .et_pb_section.bm-design-c:after { top:-350px; } */ .et-db #et-boc #et_builder_outer_content .et_pb_section.bm-design-e { } .et-db #et-boc #et_builder_outer_content .bm-design-a .entry-title { } .et-db #et-boc #et_builder_outer_content .et_pb_row.bm-home-g2 { padding:0 10% !important; padding-top: 8vh; } } @media (min-width: 1250px){ /*rev slider maxes at 100vh so don't over-expand*/ .et-db #et-boc #et_builder_outer_content .et_pb_section.bm-design-g { margin-top:15% !important; height: 750px !important; } .et-db #et-boc #et_builder_outer_content .et_pb_row.bm-home-g2 { padding:0 10% !important; padding-top: 8vh; } } .et-db #et-boc #et_builder_outer_content .et_pb_section.bm-casestudy-a { z-index:30; position:absolute; width:100%; } .et-db #et-boc #et_builder_outer_content .et_pb_section.bm-casestudy-a > .et_pb_row { position:absolute; bottom:0px; width:100%; max-width:100%; background:rgba(34,34,34,0.90); padding:50px 10% 15px 10%; } .et-db #et-boc #et_builder_outer_content .et_pb_section.bm-casestudy-b { padding-bottom: 60vh; margin-bottom:5px; display:none; } .et-db #et-boc #et_builder_outer_content .et_pb_section.bm-casestudy-b > .et_pb_row { width:100%; max-width:100%; } .et-db #et-boc #et_builder_outer_content .et_pb_section.bm-casestudy-b .et_parallax_bg_wrap::after { top:0px; height: 100%; background: rgb(0,0,0); background: -moz-linear-gradient(0deg, rgba(0,0,0,0.7400210084033614) 0%, rgba(0,0,0,0.39) 30%, rgba(0,0,0,0.3) 100%); background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.7400210084033614) 0%, rgba(0,0,0,0.39) 30%, rgba(0,0,0,0.3) 100%); background: linear-gradient(0deg, rgba(0,0,0,0.7400210084033614) 0%, rgba(0,0,0,0.39) 30%, rgba(0,0,0,0.3) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); } .et-db #et-boc #et_builder_outer_content .et_pb_section.bm-casestudy-d { padding-top:120vh; } .et-db #et-boc #et_builder_outer_content .et_pb_section.bm-casestudy-d > .et_pb_row { width:100%; max-width:100%; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.5+0,0+100;Neutral+Density */ background: linear-gradient(to bottom, rgba(0,0,0,0.47) 0%,rgba(0,0,0,0.3) 50%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ padding:3vh 10% 500px 10%; position:absolute; top: calc(90vh - 350px); border-top: solid 1px rgb(159, 185, 52, 0.7) !important; } .et-db #et-boc #et_builder_outer_content .et_pb_section.bm-casestudy-d > .et_pb_row p { max-width:60%; } @media (min-width: 1400px){ .et-db #et-boc #et_builder_outer_content .et_pb_section.bm-casestudy-d > .et_pb_row { } } .et_pb_toggle_open .et_pb_toggle_title:before { display: block !important; content: "\e04f"; } .et-db #et-boc #et_builder_outer_content .bm-casestudy-a .et_pb_row .et_pb_column, .et-db #et-boc #et_builder_outer_content .bm-casestudy-b .et_pb_row .et_pb_column { max-width: 100%; width:100%; float:none; margin-left:auto !important; margin-right:auto !important; } .et-db #et-boc #et_builder_outer_content .bm-casestudy-a .et_pb_row .et_pb_column, .et-db #et-boc #et_builder_outer_content .bm-casestudy-d .et_pb_row .et_pb_column { max-width: 100%; width:100%; float:none; margin-left:auto !important; margin-right:auto !important; } .et_pb_team_member { margin-bottom:0px !important; } .et-db #et-boc .et-l .et_pb_toggle_title:before { content: "\e050"; position: absolute; right: 0; font-weight:100; color: #9fb934; top: 50%; margin-top: -.5em; } #bm_gallery_modal_bg { width:100%; height: 100%; background: rgba(34,34,34,0.75); position: fixed; top:0px; z-index: 150; display: none; } #bm_gallery_modal_container:before { position: absolute; background: linear-gradient(90deg, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 15%,rgba(0,0,0,0) 85%, rgba(0,0,0,0.6) 100%); width: 100%; content: " "; display: block; height: 100%; z-index: 10; pointer-events: none; } #bm_gallery_button_left { left:2vw; top:50vh; position: absolute; z-index: 20; transform:translate(0px, -50%); } #bm_gallery_button_right { right:2vw; top:50vh; position: absolute; z-index: 20; transform:translate(0px, -50%); } .bm_gallery_button > div, #bm_gallery_button_close { display: block; width:45px; height:45px; position: absolute; padding:15px 15px 45px 15px; background-size: 45px 45px; background-position: 15px 15px; background-repeat: no-repeat; cursor: pointer; pointer-events: auto; z-index: 20; } .bm_gallery_button > div { top:50%; transform:translate(0px, -50%); } #bm_gallery_button_close { background-image:url(commercial-landscaping-uk-london-x-w.svg) !important; padding-bottom: 15px; top:0px; right: 2vw; transition: 0.5s; } #bm_gallery_button_close:hover { background-image:url(commercial-landscaping-uk-london-x-g.svg) !important; } #bm_gallery_modal_container { /* position: fixed; display: none; z-index: 160; top: 46%; -ms-transform: translate(-50%, -46%); -webkit-transform: translate(-50%, -46%); transform: translate(-50%, -46%); left:50%; cursor: none; */ width:100%; height: 100%; position: fixed; top:0px; display: none; z-index: 150; } #bm_gallery_image_title { position: absolute; bottom: -20px; font-size: 18px; color: #fff; left:0px; } .et-db #et-boc #et_builder_outer_content #bm_home_gallery { margin-bottom: 6vw; } #bm_gallery { padding-top: 178px; } .bm_home_gallery_header { margin: 3% auto !important; width: 100%; text-align: center !important; pointer-events: none; font-size: 36px; } #bm_home_gallery .slick-prev:before, #bm_home_gallery .slick-next:before { display: none; } #bm_home_gallery .slick-prev, #bm_home_gallery .slick-next { background-image:url(commercial-landscaping-uk-london-arw-w.svg); background-size: 100% auto; background-repeat: no-repeat; background-position: center center; height:auto; width:5%; z-index: 100; height:150px; } #bm_home_gallery .slick-prev { left:20px; background-image:url(commercial-landscaping-uk-london-arw-w-l.svg); } #bm_home_gallery .slick-next { right:20px; } #bm_home_gallery a > img { opacity:0.85; transition:opacity 0.5s !important; } #bm_home_gallery a:hover > img { opacity:1; } .et-db #et-boc #et_builder_outer_content .bm-read-more, .bm-read-more { display: inline-block; background-image:url(commercial-garden-design-arw-sml.svg); background-repeat: no-repeat; padding-left:34px; height:26px; padding-top: 4px; margin-top:1vh; } .et-db #et-boc #et_builder_outer_content .bm-read-more:hover, .bm-read-more:hover { background-position: 0px -26px; } .et-db #et-boc #et_builder_outer_content .et_pb_section.bm-home-d { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#222222+0,000000+100&0+0,1+100 */ background: -moz-linear-gradient(top, rgba(34,34,34,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(34,34,34,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(34,34,34,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00222222', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ margin-top:60vh; padding-top: 60vh; z-index: 10; padding-bottom: 20vh; } body.et-db #et-boc #et_builder_outer_content #bm-home-case-studies-section, body.et-db.single-case_study #et-boc #et_builder_outer_content .et_pb_section:not(.bm-casestudy-d) { background: linear-gradient(to bottom, rgba(53,53,53,0) 0%, rgba(53,53,53,1) 180px,rgba(53,53,53,1) 100%); margin-top: -180px; z-index: 50; } body.et-db:not(.home) #et-boc #et_builder_outer_content #bm-home-case-studies-section { margin-top: 0px; padding-top: 260px; } body.et-db:not(.home) #et-boc #et_builder_outer_content #bm-home-case-studies-section .et_pb_fullwidth_code { background: linear-gradient(to bottom, rgba(53,53,53,0) 0%, rgba(53,53,53,1) 220px,rgba(53,53,53,1) 100%); } body.et-db #et-boc #et_builder_outer_content #bm-home-case-studies-section .et_pb_fullwidth_code.et_pb_module { z-index: 50; } body.et-db #et-boc #et_builder_outer_content .bm-section-with-three-squares { overflow: auto; } body.et-db #et-boc #et_builder_outer_content .bm-section-with-three-squares .et_pb_column { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: center; -ms-flex-align: center; align-items: center; /*margin:auto !important;*/ margin:600px auto 20vh auto !important; float: none; width:60%; } body.et-db #et-boc:not(.bm_projects) .et-l .et_pb_column .et_pb_module.bm-three-square { display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-content: flex-start; align-items: center; width:32%; padding-bottom: 32%; position: relative; margin-bottom: 2%; } #et-boc .et-l .bm-three-square .et_pb_text_inner { position: absolute; top:50%; transform:translateY(-50%); width: 80%; text-align: center; } .bm-three-square { padding: 10px; position: relative; border: 1px solid pink; overflow: hidden; } .bm-three-square:after { content: ""; position: absolute; bottom: 0px; padding-left: 0px; right: -1px; width: 100%; height: 100%; border-bottom: 1.5px solid #fff; border-left: 1.5px solid #fff; visibility: visible; opacity: 0.5; } .bm-three-square:before { content: ""; position: absolute; top: 0px; left: -1px; padding-right: 0px; width: 100%; height: 100%; border-top: 1.5px solid #fff; border-right: 1.5px solid #fff; visibility: visible; opacity: 0.5; } body #et-boc .et-l .bm-three-square.bm-text-block.et_clickable.mouse-off:before { animation: topright3fade 0.7s linear forwards; } body #et-boc .et-l .bm-three-square.bm-text-block.et_clickable.mouse-off:after { animation: topright3fade 0.7s linear forwards; } body #et-boc .et-l .bm-three-square.bm-text-block.et_clickable:hover:before { animation: topright3 0.7s linear forwards; animation-delay: 0s !important; } body #et-boc .et-l .bm-three-square.bm-text-block.et_clickable:hover:after { animation: bottomleft3 0.7s linear forwards; animation-delay: 0s !important; } @keyframes bottomleft3 { 0% { width: 0; height: 0; padding-top: 0; opacity: 1; border:0px; visibility: visible; } 25% { width: 0; height: 0; padding-top: 0; opacity: 1; border:0px; visibility: visible; } 50% { width: 0; height: 0; padding-top: 0; opacity: 1; visibility: visible; } 75% { width: 100%; height: 0; padding-top: 0; opacity: 1; visibility: visible; } 100% { height: 100%; width: 100%; opacity: 1; visibility: visible; } } @keyframes topright3 { 0% { width: 0; height: 0; padding-bottom: 0; opacity: 1; visibility: hidden; } 25% { width: 100%; height: 0; padding-bottom: 0; visibility: visible; } 50% { width: 100%; height: 100%; opacity: 1; visibility: visible; } 75% { width: 100%; height: 100%; opacity: 1; visibility: visible; } 100% { width: 100%; height: 100%; opacity: 1; visibility: visible; } } @keyframes topright3fade { 0% { opacity: 1; } 100% { opacity: 0.5; } } body.et-db #et-boc .bm-next, .bm-next { width: 56px; height: 58px; position: relative; display: inline-block; vertical-align: bottom; /*margin-right: 12px; margin-bottom: -1px;*/ margin-top: 20px; overflow: hidden; font-weight:100 !important; cursor: pointer; } body.et-db #et-boc .bm-back, .bm-back { width: 56px; height: 58px; position: relative; display: inline-block; vertical-align: bottom; /*margin-right: 12px; margin-bottom: -1px;*/ margin-top: 20px; overflow: hidden; font-weight:100 !important; cursor: pointer; } body.et-db #et-boc .bm-nextgal { width: 56px; height: 58px; position: relative; display: inline-block; vertical-align: bottom; /*margin-right: 12px; margin-bottom: -1px;*/ margin-top: 20px; overflow: hidden; font-weight:100 !important; } body.et-db #et-boc #bm_gallery .bm-nextgal { position: absolute; } body.et-db #et-boc .bm-next > div, .bm-next > div { background: url(garden-designer-surrey-hampshire-london-arwr.svg) no-repeat center center; background-size: auto 50%; width: 100%; height: 100%; } body.et-db #et-boc #bm_gallery .bm-nextgal > div { background: url(open-arw.svg) no-repeat top 7px right 7px; background-size: auto 36%; } body.et-db #et-boc .bm-back > div, .bm-back > div { background: url(garden-designer-surrey-hampshire-london-arwl.svg) no-repeat center center; background-size: auto 50%; width: 100%; height: 100%; } body.et-db #et-boc .bm-next:after, body.et-db #et-boc .bm-back:after, .bm-next:after, .bm-back:after { content: ""; position: absolute; bottom: -1px; padding-left: 1px; right: -1px; width: 100%; height: 100%; width: calc(100% + 1px); height: calc(100% - 1px); border-bottom: 1px solid rgba(159, 185, 52, .1); border-left: 1px solid rgba(159, 185, 52, .1); visibility: visible; opacity: 0.5; box-sizing: border-box; font-weight:100 !important; bottom:0px; padding-left: 0px; } body.et-db #et-boc .bm-nextgal:after, #bm_gallery_modal_container .bm-next:after, #bm_gallery_modal_container .bm-back:after { border-bottom: 1px solid rgba(159, 185, 52, .3); border-left: 1px solid rgba(159, 185, 52, .3); opacity: 1; } #bm_gallery_modal_container .bm-back, #bm_gallery_modal_container .bm-next { width: 100px !important; height: 102px !important; } body.et-db #et-boc .bm-next:before, body.et-db #et-boc .bm-back:before, .bm-next:before, .bm-back:before { content: ""; position: absolute; top: -1px; left: -1px; padding-right: 1px; width: 100%; height: 100%; width: calc(100% + 1px); height: calc(100% - 1px); border-top: 1px solid rgba(159, 185, 52, .1); border-right: 1px solid rgba(159, 185, 52, .1); visibility: visible; opacity: 0.5; box-sizing: border-box; font-weight:600 !important; top:0px; padding-right: 0px; } body.et-db #et-boc .bm-nextgal:before, #bm_gallery_modal_container .bm-next:before, #bm_gallery_modal_container .bm-back:before { border-top: 1px solid rgba(159, 185, 52, .3); border-right: 1px solid rgba(159, 185, 52, .3); opacity: 1; } body.et-db #et-boc .bm-three-square:hover .bm-next:before, body.et-db #et-boc a:hover .bm-next:before, body.et-db #et-boc #bm_gallery > div:hover .bm-next:before, body.et-db #et-boc #bm_gallery > div:hover .bm-back:before, #bm_gallery_modal_container .bm-next:hover:before, #bm_gallery_modal_container .bm-back:hover:before { border-top: 1px solid rgba(159, 185, 52, .5); border-right: 1px solid rgba(159, 185, 52, .5); animation: topright 0.3s linear forwards, fadehalf 0.7s 0.3s linear both; } body.et-db #et-boc .bm-three-square:hover .bm-next:after, body.et-db #et-boc a:hover .bm-next:after, body.et-db #et-boc #bm_gallery > div:hover .bm-next:after, body.et-db #et-boc #bm_gallery > div:hover .bm-back:after, #bm_gallery_modal_container .bm-next:hover:after, #bm_gallery_modal_container .bm-back:hover:after { border-bottom: 1px solid rgba(159, 185, 52, .5); border-left: 1px solid rgba(159, 185, 52, .5); animation: bottomleft 0.3s linear forwards, fadehalf 0.7s 0.5s linear both; } body.et-db #et-boc .bm-three-square:hover .bm-next > div, body.et-db #et-boc a:hover .bm-next > div, body.et-db #et-boc #bm_gallery > div:hover .bm-next > div, #bm_gallery_modal_container .bm-next:hover > div { animation: fadein 0.7s linear both, bounceLeft 0.7s both; } body.et-db #et-boc #bm_gallery > div:hover .bm-back > div, #bm_gallery_modal_container .bm-back:hover > div { animation: fadein 0.7s linear both, bounceRight 0.7s both; } body.et-db #et-boc #bm_gallery > div:hover .bm-nextgal > div { animation: fadein 0.7s linear both, bounceDiagonal 0.7s both; } body.et-db #et-boc .bm-project-back, body.et-db #et-boc .bm-page-back { position: absolute; left:2vw; cursor: pointer; z-index: 3; color:#9fb934; position: absolute; top:calc(100px + 5vh); z-index: 4; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-weight:600 !important; } body.et-db #et-boc .bm-back.bm-project-back > div, body.et-db #et-boc .bm-back.bm-page-back > div { width: 40px; height: 40px; } @keyframes fadein { 0%{opacity:0;} 100%{opacity:1;} } @keyframes fadehalf { 0% { opacity: 1; } 100% { opacity: 0.5; } } @keyframes bounceLeft { 0%{transform:translateX(0px); animation-timing-function: cubic-bezier(.65,0,.91,.42);} 50%{transform:translateX(-15%); animation-timing-function: ease-out;} 100%{transform:translateX(0px)} } @keyframes bounceRight { 0%{transform:translateX(0px); animation-timing-function: cubic-bezier(.65,0,.91,.42);} 50%{transform:translateX(15%); animation-timing-function: ease-out;} 100%{transform:translateX(0px)} } @keyframes bounceDiagonal { 0%{transform:translate(0px, 0px); animation-timing-function: cubic-bezier(.65,0,.91,.42);} 50%{transform:translate(-15%, 15%); animation-timing-function: ease-out;} 100%{transform:translate(0px, 0px)} } @keyframes bottomleft { 0% { width: 0; height: 0; padding-top: 0; opacity: 1; /*border:0px;*/ visibility: visible; } 25% { width: 0; height: 0; padding-top: 0; /*border:0px; */ visibility: visible; } 50% { width: 0; height: 0; padding-top: 0; visibility: visible; } 75% { width: 100%; width: calc(100% + 1px); height: 0; padding-top: 0; opacity: 0.7; visibility: visible; } 100% { height: 100%; width: 100%; width: calc(100% + 1px); opacity: 0.4; visibility: visible; } } @keyframes topright { 0% { width: 0; height: 0; opacity: 1; padding-bottom: 0; visibility: hidden; } 25% { width: 100%; width: calc(100% + 1px); height: 0; opacity: 1; padding-bottom: 0; visibility: visible; } 50% { width: 100%; width: calc(100% + 1px); height: 100%; height: calc(100% - 1px); opacity: 1; visibility: visible; } 75% { width: 100%; width: calc(100% + 1px); height: 100%; height: calc(100% - 1px); opacity: 0.7; visibility: visible; } 100% { width: 100%; width: calc(100% + 1px); height: 100%; height: calc(100% - 1px); opacity: 0.4; visibility: visible; } } #colophon { clear:both; } body.has-footer-slider #colophon { position: relative; z-index: 10; margin-top:600px; } body.has-footer-section #colophon, body.has-footer-section .et-db #et-boc #et_builder_outer_content #colophon { position: absolute; z-index: 20; width:100%; /* margin-top:38vh;*/ bottom:0px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#222222+0,222222+100&0+0,1+51 */ background: -moz-linear-gradient(top, rgba(34,34,34,0) 0%, rgba(34,34,34,0.6) 35%, rgba(34,34,34,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(34,34,34,0) 0%,rgba(34,34,34,0.6) 35%,rgba(34,34,34,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(34,34,34,0) 0%,rgba(34,34,34,0.6) 35%,rgba(34,34,34,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00222222', endColorstr='#222222',GradientType=0 ); /* IE6-9 */ } body:not(.has-footer-slider):not(.has-footer-section) #colophon { padding:0px 0px 0px 0px; } .et-db #et-boc #et_builder_outer_content .bm-footer-slider .rev_slider_wrapper:after, .et-db #et-boc #et_builder_outer_content .bm-footer-slider rs-module-wrap:after { content:' '; display: block; position: absolute; bottom:0px; height:30vh; width:100% !important; z-index: 20; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#222222+0,222222+100&0+0,1+51 */ background: -moz-linear-gradient(top, rgba(34,34,34,0) 0%, rgba(34,34,34,1) 95%, rgba(34,34,34,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(34,34,34,0) 0%,rgba(34,34,34,1) 95%,rgba(34,34,34,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(34,34,34,0) 0%,rgba(34,34,34,1) 95%,rgba(34,34,34,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00222222', endColorstr='#222222',GradientType=0 ); /* IE6-9 */ } /*.site-footer .wrap { border-top:1px solid #9fb934; }*/ body.has-footer-section #colophon, body.has-footer-slider #colophon { border-top:1px solid #9fb934; } #colophon > .wrap, .et-db #et-boc #et_builder_outer_content #colophon > .wrap { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin:14px auto 40px; } .footerdivider, #et-boc .et-l .footerdivider { display:inline-block; border-left:solid 1px #fff; height: 1.8em; } #footer1 h2, #et-boc .et-l #footer1 h2 { margin:5px 0px !important; padding:0px; } #footer4 img, #et-boc .et-l #footer4 img { width:478px; } #bm-footer-social > div, #et-boc .et-l #bm-footer-social > div { display: inline; } .widget-area { float: right; } .widget-area ul { padding:0px; list-style: none; margin: 0px -10px; } .widget-area li, #et-boc .et-l .widget-area li { margin: 0px 10px; display: inline; } .widget-area li a, #et-boc .et-l .widget-area li a { color:#c1c1c1 !important; font-size:12pt; text-decoration: none; letter-spacing:0.08em !important; line-height: 35pt; } .widget-area h2, #et-boc .et-l .widget-area h2 { display: none; font-size:18px; font-weight:300; } @media (max-width: 1399px){ #footer1 h2, #et-boc .et-l #footer1 h2 { font-size:36px; } .widget-area li a, #et-boc .et-l .widget-area li a { font-size:14pt; } } @media (max-width: 1200px){ #footer1 h2, #et-boc .et-l #footer1 h2 { font-size:30px; } .widget-area li a, #et-boc .et-l .widget-area li a { font-size:12pt; } #footer4 img, #et-boc .et-l #footer4 img { width:100%; max-width:360px; height: auto; } .et-db #et-boc #et_builder_outer_content .et_pb_section.bm-casestudy-d > .et_pb_row p { max-width:100%; } } @media (max-width: 1000px){ #colophon > .wrap, .et-db #et-boc #et_builder_outer_content #colophon > .wrap { -webkit-justify-content: center; justify-content: center; } #footer1 h2, #et-boc .et-l #footer1 h2 { font-size:24px; } .widget-area li a, #et-boc .et-l .widget-area li a { font-size:10pt; } #footer4 img, #et-boc .et-l #footer4 img { width:100%; max-width:600px; height: auto; } #footer4, #et-boc .et-l #footer4 { width:100%; text-align:center; margin-top:30px; } .footerdivider, #et-boc .et-l .footerdivider { height: 2.8em; } .footerdivider:nth-of-type(3), #et-boc .et-l .footerdivider:nth-of-type(3) { display:none; } } @media (max-width: 800px){ #footer1 h2, #et-boc .et-l #footer1 h2 { font-size:24px; } .widget-area li a, #et-boc .et-l .widget-area li a { font-size:11pt; } #footerdivider2, #et-boc .et-l #footerdivider2 { flex-basis: 100%; height: 30px; border:0px; } .footerdivider:nth-of-type(3), #et-boc .et-l .footerdivider:nth-of-type(3) { display:inline-block; } #footer4, #et-boc .et-l #footer4 { width:60%; } .widget-area { float: none; } .footyoutube, .footinstagram, .footfacebook, .foottwitter { float:none; } } @media (max-width: 680px){ #colophon > .wrap > *, #et-boc .et-l #colophon > .wrap > * { flex-basis: 100%; } .footerdivider, #et-boc .et-l .footerdivider { flex-basis: 100%; height: 30px; border:0px; } #footer1 h2, #et-boc .et-l #footer1 h2 { font-size:40px; } .widget-area li a, #et-boc .et-l .widget-area li a { font-size:15pt; } #colophon, #et-boc .et-l #colophon { text-align:center; } #colophon .gardenhdbtn a, #et-boc .et-l #colophon .gardenhdbtn a { float:none; } } @media (max-width: 500px){ #footer1 h2 { font-size:30px; } .widget-area li a { font-size:12pt; } } .et-db #et-boc .postsidebar li { margin:0.5em 0px; } .et-db #et-boc #et_builder_outer_content .et_pb_gutters3 .bm-home-f .et_pb_column_1_2, .et-db #et-boc #et_builder_outer_content .et_pb_gutters3.et_pb_row .et_pb_column { width: 90% !important; margin-top:10%; margin-bottom: 10%; } .et-db #et-boc #et_builder_outer_content .bm-home-f .et_pb_text { -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background:rgba(149,175,54,0.75); } .et-db #et-boc #et_builder_outer_content:hover .bm-home-f:hover .et_pb_text:hover { background:rgba(149,175,54,0.99); } .et-db #et-boc #et_builder_outer_content .bm-home-f .et_pb_text:after { content:' '; display: block; top:0px; padding-bottom: 100%; } .et-db #et-boc #et_builder_outer_content .bm-home-f .et_pb_text_inner { position: absolute; top: 48%; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); text-align: center; padding: 10% !important; } .et-db #et-boc #et_builder_outer_content .bm-home-f .et_pb_text_inner p { margin:15px 10%; } .et-db #et-boc #et_builder_outer_content .bm-read-more-large, .bm-read-more-large { display: inline-block; background-image:url(commercial-garden-design-arw-lrg.svg); background-repeat: no-repeat; padding-left:52px; height:52px; margin-top: 20px; } .et-db #et-boc #et_builder_outer_content .bm-read-more-large:hover, .bm-read-more-large:hover { background-position: 0px -52px; } .et-db #et-boc #et_builder_outer_content .bm-home-f .et_pb_text_inner h2 { font-size:48px; font-weight: 300; } .et-db #et-boc #et_builder_outer_content .et_pb_gutters3 .bm-home-f .et_pb_column_1_2, .et-db #et-boc #et_builder_outer_content .et_pb_gutters3.et_pb_row .et_pb_column { width: 48.5% !important; margin-right:3%; } @media (max-width: 800px){ .et-db #et-boc #et_builder_outer_content .et_pb_gutters3 .bm-home-f .et_pb_column_1_2, .et-db #et-boc #et_builder_outer_content .et_pb_gutters3.et_pb_row .et_pb_column { width: 80% !important; margin:10%; } } .et-db #et-boc #et_builder_outer_content .et_pb_row.bm-home-g { padding-bottom: 10%; padding-top: 8vh; } .et-db #et-boc #et_builder_outer_content .et_pb_row.bm-home-k { padding-bottom: 10%; } .et-db #et-boc #et_builder_outer_content .bm-home-g .et_pb_text { background: none; background-size: 100% 100%; } .et-db #et-boc #et_builder_outer_content .bm-home-k .et_pb_text { background: none; background-size: 100% 100%; } .et-db #et-boc #et_builder_outer_content .bm-home-g .et_pb_text > img { position: absolute; top: 50%; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); text-align: center; width: 100%; height: 100%; opacity: 0.9 !important; } .et-db #et-boc #et_builder_outer_content .bm-home-g .et_pb_text:after { content:' '; display: block; top:0px; padding-bottom: 100%; background-image: url(commercial-landscape-design-construction-sq1.png); background-size: 100% 100%; } .et-db #et-boc #et_builder_outer_content .bm-home-g .et_pb_text.bm-active:after { background-image: url(GLC-commercial-garden-design-square.gif); } .et-db #et-boc #et_builder_outer_content .bm-home-g .et_pb_text_inner { position: absolute; top: 48%; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); text-align: center; padding: 10% !important; width:100%; } .et-db #et-boc #et_builder_outer_content .bm-home-g .et_pb_text_inner p { margin:15px 10%; } .et-db #et-boc #et_builder_outer_content .bm-home-g .et_pb_text_inner h2 { font-size:32px; font-weight: 300; } .et-db #et-boc #et_builder_outer_content .et_pb_gutters3 .bm-home-g .et_pb_column_1_3, .et-db #et-boc #et_builder_outer_content .et_pb_gutters3.et_pb_row .et_pb_column { width: 32.5% !important; margin-right:1.25%; } .et-db #et-boc #et_builder_outer_content .bm-home-g2 .et_pb_text_inner p { margin:15px 10%; } .et-db #et-boc #et_builder_outer_content .et_pb_row.bm-home-g2 { padding:0 5% !important; padding-top: 8vh; } @media (max-width: 700px){ .et-db #et-boc #et_builder_outer_content .et_pb_gutters3.et_pb_row .et_pb_column { width: 50% !important; margin:15px 25%; } } @media (max-width: 500px){ .et-db #et-boc #et_builder_outer_content .et_pb_gutters3.et_pb_row .et_pb_column { width: 70% !important; margin:15px 15%; } } /* .et-db #et-boc #et_builder_outer_content .bm-home-k .et_pb_text > img { position: absolute; top: 50%; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); text-align: center; width: 100%; height: 100%; opacity: 0.9 !important; } .et-db #et-boc #et_builder_outer_content .bm-home-k .et_pb_text:after { content:' '; display: block; top:0px; padding-bottom: 100%; background-image: url(commercial-landscape-design-construction-sq1.png); background-size: 100% 100%; } .et-db #et-boc #et_builder_outer_content .bm-home-k .et_pb_text.bm-active:after { background-image: url(GLC-commercial-garden-design-square.gif); } .et-db #et-boc #et_builder_outer_content .bm-home-k .et_pb_text_inner { position: absolute; top: 48%; -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); text-align: center; padding: 10% !important; width:100%; } .et-db #et-boc #et_builder_outer_content .bm-home-k .et_pb_text_inner p { margin:15px 10%; } .et-db #et-boc #et_builder_outer_content .bm-home-k .et_pb_text_inner h2 { font-size:32px; font-weight: 300;; } .et-db #et-boc #et_builder_outer_content .et_pb_gutters3 .bm-home-k .et_pb_column_1_3, .et-db #et-boc #et_builder_outer_content .et_pb_gutters3.et_pb_row .et_pb_column { width: 32.5% !important; margin-right:1.25%; } .et-db #et-boc #et_builder_outer_content .bm-home-g2 .et_pb_text_inner p { margin:15px 10%; } */ @media (max-width: 700px){ .et-db #et-boc #et_builder_outer_content .et_pb_gutters3 .bm-home-k .et_pb_column_1_3, .et-db #et-boc #et_builder_outer_content .et_pb_gutters3.et_pb_row .et_pb_column { width: 50% !important; margin:15px 25%; } .et-db #et-boc #et_builder_outer_content .et_pb_row.bm-home-k { padding-bottom: 20%; } } @media (max-width: 500px){ .et-db #et-boc #et_builder_outer_content .et_pb_gutters3 .bm-home-k .et_pb_column_1_3, .et-db #et-boc #et_builder_outer_content .et_pb_gutters3.et_pb_row .et_pb_column { width: 70% !important; margin:15px 15%; } } } @media (max-width: 2500px){ h1 { font-size: 2.9em !important; } h2{ font-size:1.9rem; } h3{ font-size:1.3rem; } p { font-size:1.1rem; } .et-db #et-boc #et_builder_outer_content .bm-home-a2 a { font-size: 1.6rem; } body.et-db #et-boc .bm-next, body.et-db #et-boc .bm-back { width: 58px; height: 60px; margin-top: 18px;align-content } } @media (max-width: 1800px){ .et-db #et-boc #et_builder_outer_content .et_pb_section.bm-casestudy-d > .et_pb_row p { max-width:80%; } h1 { font-size: 2.8em !important; } h2{ font-size:1.8rem; } h3{ font-size:1.3rem; } p { font-size:1rem; } li { font-size:1rem; } } @media (max-width: 1700px){ body.et-db #et-boc #et_builder_outer_content .bm-section-with-three-squares .et_pb_column { width:70%; } .et-db #et-boc #et_builder_outer_content .et_pb_section.bm-casestudy-d > .et_pb_row p { max-width:80%; } h1 { font-size: 2.8em !important; } h2{ font-size:1.8rem; } h3{ font-size:1.3rem; } p { font-size:1rem; } body.single-case_study.et-db #et-boc #et_builder_outer_content .bm-casestudy-a .et_pb_text { width:75%; } .et-db #et-boc #et_builder_outer_content .bm-home-a2 a { font-size: 1.5rem; } body.et-db #et-boc .bm-next, body.et-db #et-boc .bm-back { width: 56px; height: 58px; margin-top: 16px;align-content } } @media (max-width: 1550px){ h1 { font-size: 2.7em !important; } h2{ font-size:1.7rem; } h3{ font-size:1.2rem; } p { font-size:1rem; } } @media (max-width: 1500px){ .et-db #et-boc #et_builder_outer_content .et_pb_section.bm-casestudy-d > .et_pb_row p { max-width:100%; } body.et-db #et-boc #et_builder_outer_content .bm-section-with-three-squares .et_pb_column { width:80%; } body.single-case_study.et-db #et-boc #et_builder_outer_content .bm-casestudy-a .et_pb_text { width:80%; } .et-db #et-boc #et_builder_outer_content .bm-home-a2 a { font-size: 1.3rem; } body.et-db #et-boc .bm-next, body.et-db #et-boc .bm-back { width: 54px; height: 56px; margin-top: 14px;align-content } } @media (max-width: 1400px){ body.single-case_study.et-db #et-boc #et_builder_outer_content .bm-casestudy-a .et_pb_text { width:85%; } } @media (max-width: 1300px){ body.et-db #et-boc #et_builder_outer_content .bm-section-with-three-squares .et_pb_column { width:90%; } } @media (max-width: 1200px){ .bm_home_case_studies_b h3 { font-size:1.0em !important; } .et-db #et-boc #et_builder_outer_content .bm-home-a2 a { font-size: 1.2rem; } h1 { font-size: 2.6em !important; } h2{ font-size:1.6rem; } h3{ font-size:1.2rem; } p { font-size:0.9rem; } body.et-db #et-boc .bm-next, body.et-db #et-boc .bm-back { width: 52px; height: 54px; margin-top: 12px;align-content } li { font-size:0.9rem; } } @media (max-width: 1000px){ body.et-db #et-boc:not(.bm_projects) .et-l .et_pb_column .et_pb_module.bm-three-square { width:49%; padding-bottom: 49%; margin-bottom: 7% !important; } body.et-db #et-boc #et_builder_outer_content .bm-section-with-three-squares .et_pb_column { width:70%; } .et-db #et-boc #et_builder_outer_content .bm-home-a2 a { font-size: 1.1rem; } h1 { font-size: 2.5em !important; } h2{ font-size:1.5rem; } h3{ font-size:1.1rem; } p { font-size:0.9rem; } body.et-db #et-boc .bm-next, body.et-db #et-boc .bm-back { width: 50px; height: 52px; margin-top: 10px;align-content } } @media (max-width: 800px){ body.et-db #et-boc #et_builder_outer_content .bm-section-with-three-squares .et_pb_column { width:80%; } body.single-case_study.et-db #et-boc #et_builder_outer_content .bm-casestudy-a .et_pb_text { width:100%; } .et-db #et-boc #et_builder_outer_content .bm-home-a2 a { font-size: 1.1rem; } h1 { font-size: 2.3em !important; } h2 { font-size: 1.4em !important; } h3{ font-size:1.1rem; } p { font-size:0.9rem; } } @media (max-width: 720px){ .bm_home_slidertxt h2{ font-size: 1.8rem !important; } } @media (max-width: 680px){ body.et-db #et-boc #et_builder_outer_content .bm-section-with-three-squares .et_pb_column { width:100%; } body.et-db #et-boc #et_builder_outer_content #bm-home-case-studies-section, body.et-db.single-case_study #et-boc #et_builder_outer_content .et_pb_section:not(.bm-casestudy-d) { margin-top: -140px; background: linear-gradient(to bottom, rgba(53,53,53,0) 0%, rgba(53,53,53,1) 140px,rgba(53,53,53,1) 100%); } } @media (max-width: 600px){ body.et-db #et-boc:not(.bm_projects) .et-l .et_pb_column .et_pb_module.bm-three-square { width:100%; padding-bottom: 100%; margin-bottom: 7% !important; } body.et-db #et-boc #et_builder_outer_content .bm-section-with-three-squares .et_pb_column { width:70%; } h1 { font-size: 2.0em !important; } h2 { font-size: 1.4em !important; } h3{ font-size:1.0rem; } p { font-size:0.8rem; } li { font-size:0.8rem; } } @media (max-width: 540px){ body.et-db #et-boc #et_builder_outer_content #bm-home-case-studies-section, body.et-db.single-case_study #et-boc #et_builder_outer_content .et_pb_section:not(.bm-casestudy-d) { margin-top: -100px; background: linear-gradient(to bottom, rgba(53,53,53,0) 0%, rgba(53,53,53,1) 100px,rgba(53,53,53,1) 100%); } } @media (max-width: 450px){ body.et-db #et-boc #et_builder_outer_content #bm-home-case-studies-section, body.et-db.single-case_study #et-boc #et_builder_outer_content .et_pb_section:not(.bm-casestudy-d) { margin-top: -50px; background: linear-gradient(to bottom, rgba(53,53,53,0) 0%, rgba(53,53,53,1) 50px,rgba(53,53,53,1) 100%); } } @media (max-width: 400px){ h1 { font-size: 1.5em !important; } h2 { font-size: 1.2em !important; } h3{ font-size:1.0rem; } body.et-db.single-case_study #et-boc #et_builder_outer_content .et_pb_section:not(.bm-casestudy-d) { margin-top: 0px; } } @media (max-width: 350px){ body.et-db.single-case_study #et-boc #et_builder_outer_content .et_pb_section:not(.bm-casestudy-d) { margin-top: 50px; } } @media (max-width: 300px){ body.et-db.single-case_study #et-boc #et_builder_outer_content .et_pb_section:not(.bm-casestudy-d) { margin-top: 100px; } h1 { font-size: 1.4em !important; } h2 { font-size: 1.2em !important; } h3{ font-size:1.0rem; } p { font-size:0.6rem; } li { font-size:0.6rem; } } @media (max-width: 269px){ h1 { font-size: 1.4em !important; } } @media (max-width: 200px){ h1 { font-size: 1.4em !important; } } .clearfix { clear:both; } .bm-case-study-container { position:absolute; top: calc(90vh - 550px); height:200px; width: 100%; z-index: 15; display: flex; flex-direction: column; justify-content: flex-end; padding-bottom: 1em; box-sizing: border-box; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.5+0,0+100;Neutral+Density */ background: linear-gradient(to top, rgba(0,0,0,0.47) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } /*jon temp experiment*/ img.mfp-img { object-fit: cover !important; padding:0px !important; width:100% !important; height:100% !important; } .mfp-container { padding:0px !important; } .mfp-content { width:100%; } /*jon temp experiment*/ .et-db #et-boc .bm-property-developers-gallery { z-index:50; margin-bottom:-300px; top:-150px; /*max-width: 1300px;*/ width:100%; float:none; margin-left:auto !important; margin-right:auto !important; } #et-boc #bm_home_gallery a > img, #bm_gallery .et_pb_gallery_item img, #bm_gallery > div > img, #bm_gallery_modal_container > img { height: 100% !important; height: 100% !important; width: 100% !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; object-fit: cover; position: absolute; } #et-boc #bm_home_gallery a > img { position: absolute; } #bm_gallery .et_pb_gallery_image { padding-top: 100%; } #et-boc #bm_home_gallery a { position: relative; margin-right:2px; margin-left:1px; } #et-boc #bm_home_gallery a:after { content: ""; display: block; padding-bottom: 100%; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.3+0,0.6+100 */ background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.9) 100%); /* FF3.6-15 */ background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.9) 100%); /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(ellipse at center, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#99000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .et-db #et-boc .et-l #bm-home-section-gallery { z-index: 1; padding:1px 0px; } /*.et-db #et-boc .et-l .et_pb_toggle_close { padding: 20px 20px 20px 10px !important; }*/ @media (orientation: portrait) { #bm_gallery_modal_container { background:#333; } #bm_gallery_modal_container > img { object-fit: contain; } } /* .bm-home-section-1 rs-module-wrap { overflow:hidden !important; } */ #et-boc #homebgvideo, #et-boc #homebgvideoposter { opacity: 0; position: absolute; z-index: 1; min-width: 100%; max-width:none; min-height: 110%; width: auto; height: auto; } body.home #et-boc #homebgvideo, body.home #et-boc #homebgvideoposter { bottom: 0px; } #et-boc #homebgvideo.playing { opacity:1; } #et-boc #homebgvideoposter { opacity:1; z-index: 2; } body.single-post #et-boc .et-l h1 { margin-top:0px; } .postsidebar li { margin:0.5em 0px; } body.single-post .bm-design-c .et_pb_column { padding-bottom:2em; } .et-db #et-boc #et_builder_outer_content .et_pb_row.bm-home-g { padding-bottom: 10%; padding-top: 0vh !important; } .et-db #et-boc .et-l .et_pb_text_4 { /*margin-bottom: 5% !important;*/ /*margin-top: 0% !important;*/ } /*------------project wrap-----------*/ @media (max-width: 1200px){ .et-db #et-boc #et_builder_outer_content .et_pb_row.bm-home-g2 { padding:0 10% !important; padding-top: 0 !important; } .bm-home-g2 h1 { font-size:30px !important; } .et-db #et-boc #et_builder_outer_content .et_pb_section.bm-design-g2 { height:calc(15vw + 200px + 30vh) !important; margin-top:calc(15% + 100px) !important; z-index: 20 !important; } } @media (max-width: 800px){ .et-db #et-boc #et_builder_outer_content .et_pb_gutters3 .bm-home-g .et_pb_column_1_3, .et-db #et-boc #et_builder_outer_content .et_pb_gutters3.et_pb_row .et_pb_column { padding: 5% 10% !important; width: 100% !important; margin: 0%; } .et-db #et-boc #et_builder_outer_content .et_pb_gutters3 .bm-home-g2 .et_pb_column_1_3, .et-db #et-boc #et_builder_outer_content .et_pb_gutters3.et_pb_row .et_pb_column { padding: 0 !important; width: 90% !important; margin: 0; } .et-db #et-boc #et_builder_outer_content .bm-home-g .et_pb_text_inner { padding: 0% !important; width: 84% !important; } .et-db #et-boc #et_builder_outer_content .et_pb_row.bm-home-g { padding-bottom: 10%; padding-top: 0vh !important; } .et-db #et-boc .et-l .et_pb_text_4 { margin-bottom: 0% !important; margin-top: 5% !important; } #et-boc .et-l h2, { padding-bottom: 0px !important; } .et-db #et-boc #et_builder_outer_content .bm-home-g2 .et_pb_text_inner { position: absolute; top: 48%; padding: 10% !important; width:100% !important; } .et-db #et-boc #et_builder_outer_content .bm-home-g2 .et_pb_text_inner p { margin:15px 10%; } .et-db #et-boc #et_builder_outer_content .et_pb_gutters3 .bm-home-g2 .et_pb_column_1_3, .et-db #et-boc #et_builder_outer_content .et_pb_gutters3.et_pb_row .et_pb_column { width: 32% !important; margin-right:1.25% !important; } .et-db #et-boc #et_builder_outer_content .et_pb_row.bm-home-g2 { padding:0 0% !important; padding-top: 0 !important; } .bm-home-g2 h1 { font-size:30px !important; } } @media (max-width: 800px){ .et-db #et-boc #et_builder_outer_content .bm-home-g .et_pb_text > img { width: 80% !important; height: 89%; opacity: 0.9 !important; } .et-db #et-boc #et_builder_outer_content .bm-home-g2 .et_pb_text > img { width: 100% !important; height: 100%; opacity: 0.9 !important; } .et-db #et-boc #et_builder_outer_content .et_pb_section.bm-design-g2 { margin-top:calc(25% + 100px) !important; } } /*responsive font sizes--------------*/ @media (max-width: 1600px){ .et-db #et-boc #et_builder_outer_content .bm-home-f .et_pb_text_inner h2 { font-size:30px; font-weight: 300; } .et-db #et-boc #et_builder_outer_content .bm-home-f .et_pb_text_inner p { font-size: 14px !important; font-weight: 300 !important; line-height:16px !important; } .bm_home_gallery_header { font-size: 50px; font-weight: 300; margin-bottom:6% !important; } } @media (max-width: 1000px){ .et-db #et-boc #et_builder_outer_content .bm-home-f .et_pb_text_inner h2 { font-size:48px; font-weight: 300; } .et-db #et-boc #et_builder_outer_content .bm-home-f .et_pb_text_inner p { font-size: 16px !important; font-weight: 300; !important; line-height:20px !important; } .bm_home_gallery_header { font-size: 32px; } } @media (max-width: 600px){ .et-db #et-boc #et_builder_outer_content .bm-home-f .et_pb_text_inner h2 { font-size:46px; font-weight: 300;; } .et-db #et-boc #et_builder_outer_content .bm-home-f .et_pb_text_inner p { font-size: 15px !important; font-weight: 300; !important; line-height:18px !important; } .et-db #et-boc #et_builder_outer_content .bm-home-g2 .et_pb_text_inner { position: absolute; top: 48%; padding: 10% !important; width:100%; } .et-db #et-boc #et_builder_outer_content .bm-home-g2 .et_pb_text_inner p { margin:15px 10%; } .et-db #et-boc #et_builder_outer_content .et_pb_gutters3 .bm-home-g2 .et_pb_column_1_3, .et-db #et-boc #et_builder_outer_content .et_pb_gutters3.et_pb_row .et_pb_column { width: 32% !important; margin-right:1.25% !important; } /* .et-db #et-boc #et_builder_outer_content .et_pb_row.bm-home-g2 { padding: 10%; padding-top: 8vh; }*/ .bm-home-g2 h1 { font-size:20px !important; } .et-db #et-boc #et_builder_outer_content .et_pb_section.bm-design-g2 { margin-top:calc(20% + 100px) !important; } .bm_home_gallery_header { font-size: 26px; } } @media (max-width: 400px){ .et-db #et-boc #et_builder_outer_content .bm-home-f .et_pb_text_inner h2 { font-size:30px; font-weight: 300;; margin:0 0 5 0 !important; padding:0 !important; } .et-db #et-boc #et_builder_outer_content .bm-home-f .et_pb_text_inner p { font-size: 12px !important; font-weight: 300; !important; line-height:14px !important; margin:0 !important; padding:0 !important; } .bm-home-g2 h1 { font-size:15px !important; } .et-db #et-boc #et_builder_outer_content .et_pb_section.bm-design-g2 { margin-top:calc(30% + 100px) !important; } } @media (max-width: 300px){ .et-db #et-boc #et_builder_outer_content .bm-home-f .et_pb_text_inner h2 { font-size:25px !important; font-weight: 300; !important; margin:0 0 5 0 !important; padding:0 !important; } .et-db #et-boc #et_builder_outer_content .bm-home-f .et_pb_text_inner p { font-size: 10px !important; font-weight: 300; !important; line-height:12px !important; margin:0 !important; padding:0 !important; } .bm-home-g2 h1 { font-size:10px !important; } } @media (max-width: 700px){ body.single-case_study.et-db #et-boc #et_builder_outer_content .et_pb_text { width:auto; } } /*case studies page gallery*/ .et-db #et-boc .et-l .et_pb_gutters1.et_pb_row .et_pb_column .et_pb_grid_item, .et-db #et-boc .et-l #bm_gallery > div { width: 25% !important; /*two columns*/ clear: none !important; padding-bottom: calc(25% - 10px); display: block; position: relative; border:5px solid transparent; box-sizing: border-box; background-color: transparent; } .et-db #et-boc .et-l #bm_gallery > div { width:24% !important; width:calc( 25% - 8px ) !important; margin-bottom: 6px; cursor: pointer; border:0px; float: left; } .et-db #et-boc .et-l #bm_gallery > div:nth-child(4n+1) { margin-right: 6px; margin-left:6px; } .et-db #et-boc .et-l #bm_gallery > div:nth-child(4n+2) { margin-right: 6px; } .et-db #et-boc .et-l #bm_gallery > div:nth-child(4n+3) { margin-right: 6px; } .et-db #et-boc .et-l #bm_gallery > div:nth-child(4n+4) { margin-right: 6px; } .et-db #et-boc .et-l .et_pb_gutters1.et_pb_row .et_pb_column .et_pb_grid_item > div { position: absolute; width: 100%; border: 0px solid #bbb; } .et-db #et-boc .et-l .et_pb_gutters1.et_pb_row .et_pb_column .et_pb_grid_item .bm-next, #bm_gallery .bm-next { position: absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index: 20; } .et-db #et-boc .et-l #bm_gallery .bm-nextgal { margin-top: 0px !important; top:15px; left:unset; right:15px; transform:unset; } .et-db #et-boc .et-l .et_pb_gutters1.et_pb_row .et_pb_column .et_pb_grid_item .et_overlay { display: none; } .et-db #et-boc .et-l .et_pb_gutters1.et_pb_row .et_pb_column .et_pb_grid_item img, .et-db #et-boc .et-l #bm_gallery > div > img, .et-db #et-boc .et-l #bm_gallery > div { z-index: 5; border-radius: 10px; } .et-db #et-boc .et-l #bm_gallery > div { overflow: hidden; } .et-db #et-boc .et-l #bm_gallery > div > img { transition: transform .5s ease-in-out; } .et-db #et-boc .et-l #bm_gallery > div:hover > img { transform: scale(1.05); } /* .et-db #et-boc .et-l .et_pb_gutters1.et_pb_row .et_pb_column .et_pb_grid_item a:after { padding-bottom: 100% !important; position: absolute; content: " "; display: block; width: 100%; z-index: 10; background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 60%); } */ .et-db #et-boc .et-l .et_pb_gutters1.et_pb_row .et_pb_column .et_pb_grid_item a:before, #bm_gallery > div:before { padding-bottom: 100% !important; position: absolute; background: rgb(0,0,0); background: -moz-radial-gradient(circle, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.20) 100%); background: -webkit-radial-gradient(circle, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.20) 100%); background: radial-gradient(circle, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.20) 100%), linear-gradient(225deg, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 34%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); /*background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.6) 60%); /* FF3.6-15 */ /*background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.6) 60%); /* Chrome10-25,Safari5.1-6 */ /*background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.6) 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ width:100%; content: " "; display: block; width: 100%; z-index: 10; opacity: 0.5; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: opacity .4s ease-in-out; border-radius: 10px; } .et-db #et-boc .et-l .et_pb_gutters1.et_pb_row .et_pb_column .et_pb_grid_item a:hover:before, #bm_gallery > div:hover:before { opacity: 1; background: rgb(0,0,0); background: -moz-radial-gradient(circle, rgba(0,0,0,0.18) 0%, rgba(0,0,0,0.3) 100%); background: -webkit-radial-gradient(circle, rgba(0,0,0,0.18) 0%, rgba(0,0,0,0.3) 100%); background: radial-gradient(circle, rgba(0,0,0,0.18) 0%, rgba(0,0,0,0.3) 100%) , linear-gradient(225deg, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 34%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); } .et_parallax_bg { height:150% !important; top:-25%; } /*gallery break-------------------*/ @media (max-width: 700px){ .et-db #et-boc .et-l .et_pb_gutters1.et_pb_row .et_pb_column .et_pb_grid_item, #bm_gallery > div { width: 100% !important; /*two columns*/ clear: none !important; padding-bottom: 100%; } .et-db #et-boc .et-l #bm_gallery > div { width:49% !important; width:calc( 50% - 9px ) !important; padding-bottom: calc(50% - 9px); } .et-db #et-boc .et-l #bm_gallery > div:nth-child(2n+1) { margin-right: 6px; margin-left:6px; } } /*contact form----------------------------*/ .bmhomecontact h1 { font-size:32px; display:inline; } .bmhomecontact > div > p { display:inline; font-size:12px; vertical-align:text-bottom; } #bm-contact-page-form .bm-contact-button-container { float: right; } .et-db #et-boc #bm-contact-page-form.et_pb_module .wpcf7 .your-name { width:49.5%; float:left; box-sizing: border-box; } .et-db #et-boc #bm-contact-page-form.et_pb_module .wpcf7 .your-company { width:49.5%; float:left; box-sizing: border-box; margin-left:1%; } .et-db #et-boc #bm-contact-page-form.et_pb_module .wpcf7 .your-email { width:100%; float:left; box-sizing: border-box; } .et-db #et-boc #bm-contact-page-form .wpcf7-not-valid-tip { margin-left:10px; margin-bottom: 15px; } .wpcf7-response-output { clear:both; margin-top:15px; } .bmmarketingproductsectionspec .wpcf7-text, .bmmarketingproductsectionspec .wpcf7-textarea, .bmhomecontact .wpcf7-text, .bmhomecontact .wpcf7-textarea { font-size:16px; padding:10px !important; border:0px; border-radius:6px; width:100%; } .bmmarketingproductsectionspec .wpcf7-textarea { height:90px; } .et-db #et-boc #bm-contact-page-form.et_pb_module .wpcf7 .your-name { width:49.5%; float:left; box-sizing: border-box; } .et-db #et-boc #bm-contact-page-form.et_pb_module .wpcf7 .your-company { width:49.5%; float:left; box-sizing: border-box; margin-left:1%; } .et-db #et-boc #bm-contact-page-form.et_pb_module .wpcf7 .your-email { width:100%; float:left; box-sizing: border-box; } .et-db #et-boc #bm-contact-page-form .wpcf7-not-valid-tip { margin-left:10px; margin-bottom: 15px; } .wpcf7-response-output { clear:both; margin-top:15px; } .et-db #et-boc .et-l .et_pb_contact_submit { color: #9fb934 !important; } .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea { font-size: 16px; padding:10px !important; border: 0px; border-radius: 6px !important; width: 100% !important; margin-bottom:10px !important; height: 40px !important; border: 1px solid #9fb934 !important; color:#fff !important; } .wpcf7 textarea { height: 120px !important; } .bmcontact-colour .wpcf7 input[type="text"], .bmcontact-colour .wpcf7 input[type="email"], .bmcontact-colour .wpcf7 textarea { background: rgba(238, 238, 238, 0.1); margin-bottom:5px; color:#fff !important; } input::-webkit-input-placeholder { color: #9fb934 !important; } textarea::-webkit-input-placeholder { color: #9fb934 !important; } rs-module-wrap::after { content:" "; display:block; height:20vh; width:100%; position:absolute; bottom:0px; z-index:1; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#222222+0,222222+100&0+0,1+100 */ background: -moz-linear-gradient(top, rgba(19,19,19,0) 0%, rgba(19,19,19,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(19,19,19,0) 0%,rgba(19,19,19,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(19,19,19,0) 0%,rgba(19,19,19,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00191919', endColorstr='#191919',GradientType=0 ); /* IE6-9 */ } .et-db #et-boc #et_builder_outer_content #bm_home_case_studies > a { display: inline-block; float:left; width:calc(50% - 24px + 11px); margin:0px 8px 8px 8px; box-sizing: border-box; position: relative; padding:0px; overflow:hidden; border-radius: 10px; box-shadow: 0px 0px 18px -1px rgba(0,0,0,0.35); } .et-db #et-boc #et_builder_outer_content #bm_home_case_studies > a:nth-child(2n) { margin-left:0px; } .et-db #et-boc #et_builder_outer_content #bm_home_case_studies:after { content:' '; display: block; clear:both; } .et-db #et-boc #et_builder_outer_content #bm_home_case_studies div.bm_home_case_studies_a { overflow:hidden; padding-bottom: 100% !important; position: relative; background: linear-gradient(to bottom right, rgba(10,10,10,0.75) 0%,rgba(10,10,10,0) 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .et-db #et-boc #et_builder_outer_content #bm_home_case_studies > a > img { position: absolute; height:100% !important; width: auto !important; max-width: none !important; top:0px; transform: translate(-50%, 0); transition: transform .5s ease-in-out; left:50%; } .et-db #et-boc #et_builder_outer_content #bm_home_case_studies > a:hover > img { transform: translate(-50%, 0) scale(1.05); } .et-db #et-boc #et_builder_outer_content #bm_home_case_studies .bm_home_case_studies_b { position: absolute; top: 10%; /*-ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%);*/ left:10%; } .et-db:not(.home) #et-boc #et_builder_outer_content #bm_home_case_studies .bm_home_case_studies_b { top: 10%; } .bm_home_case_studies_b h3 { color:#8fa632 !important; padding-bottom:20px !important; margin-left:-2px !important; } .bm_home_case_studies_b h2 { color:#FFFFFF !important; padding-bottom:10px !important; margin-left:-2px !important; } .et-db #et-boc #et_builder_outer_content .bm_home_case_studies_c { display: inline-block; background-image:url(commercial-garden-design-arw-sml.svg); background-repeat: no-repeat; padding-left:34px; height:26px; line-height:23px !important; margin-top: 15px; } .et-db #et-boc #et_builder_outer_content .bm_home_case_studies_c:hover { background-position: 0px -26px !important; } @media (min-width: 701px){ #bm_home_case_studies > a.bm_home_case_studies_3:last-child, #bm_home_case_studies > a.bm_home_case_studies_5:last-child { display: none; } } @media (max-width: 700px){ .et-db #et-boc #et_builder_outer_content #bm_home_case_studies > a { width: calc(100% - 16px); } .et-db #et-boc #et_builder_outer_content #bm_home_case_studies > a:nth-child(5), .et-db #et-boc #et_builder_outer_content #bm_home_case_studies > a:nth-child(6) { display: none; } .et-db #et-boc #et_builder_outer_content #bm_home_case_studies > a:nth-child(2n) { margin-left:8px; } } .bm_home_slidertxt{ padding-top: 3% !important; padding-left:10% !important; } .bm_home_slidertxt h2{ margin-bottom:1% !important; line-height:110% !important; } .bm-casestudy-d h2 { color:#9fb934 !important; } .type-post a { font-weight:100 !important; } .et_pb_post { margin-bottom:10px !important; } .bm-home-section-b .et_pb_module:last-child { margin-bottom: 2% !important; } .infraout { display: flex; flex-wrap: wrap; width: 100%; max-width: 1200px; margin: 0 auto; gap: 20px; padding: 20px; box-sizing: border-box; } .infracol { flex: 1; min-width: 300px; background-color: #f0f0f0; padding: 20px; box-sizing: border-box; } @media (max-width: 768px) { .infracol { flex: 100%; min-width: 100%; } } .et-db #et-boc #et_builder_outer_content .et_pb_accordion p { margin-bottom: 0.8em !important; } .et-db #et-boc #et_builder_outer_content .et_pb_team_member_description { margin-bottom: 0px !important; } .et-db #et-boc #et_builder_outer_content .et_pb_team_member_description p { min-height:3.1em; } @media (max-width: 980px) { .et-db #et-boc #et_builder_outer_content .team-row .et_pb_row { margin-bottom: 0px; } .et-db #et-boc #et_builder_outer_content .team-row .et_pb_column { margin-bottom: 20px !important; } }