/* * Theme Name: ZoneStrap * Theme URI: http://www.topzonemedia.com/zonestrap * Author: TopZone Media Group * Author URI: http://www.topzonemedia.com * Description: A mobile-first, responsive WordPress theme by TopZone Media. * Version: 1.0 * License: GNU General Public License v3 or later * License URI: http://www.gnu.org/licenses/gpl.html * Tags: two-columns, right-sidebar * Text Domain: ZoneStrap */ /* * This program is free software; you can redistribute it and/or modify * it under the terms of the GNU General Public License, version 2, as * published by the Free Software Foundation. * * This program is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * GNU General Public License for more details. * * You should have received a copy of the GNU General Public License * along with this program; if not, write to the Free Software * Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA */ /* Mobile First CSS - look at responsive.css for the media queries */ /* This adds padding to accommodate for the TopZone Toolbar */ /* This adds padding to accommodate for the TopZone Toolbar */ @font-face { font-family: 'font'; src: url('/web/20200611084039im_/https://www.bf-law.com/wp-content/themes/zonestrap/fonts/font.eot'); /* IE9 Compat Modes */ src: url('/web/20200611084039im_/https://www.bf-law.com/wp-content/themes/zonestrap/fonts/font.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/web/20200611084039im_/https://www.bf-law.com/wp-content/themes/zonestrap/fonts/font.woff2') format('woff2'), /* Super Modern Browsers */ url('/web/20200611084039im_/https://www.bf-law.com/wp-content/themes/zonestrap/fonts/font.woff') format('woff'), /* Pretty Modern Browsers */ url('/web/20200611084039im_/https://www.bf-law.com/wp-content/themes/zonestrap/fonts/font.ttf') format('truetype'), /* Safari, Android, iOS */ url('/web/20200611084039im_/https://www.bf-law.com/wp-content/themes/zonestrap/fonts/font.svg#svgFontName') format('svg'); /* Legacy iOS */ } body { padding-bottom: 56px; font-family: 'Lato', sans-serif; font-size: 1.5em; color: #000000; line-height: 1.5; word-wrap: break-word; } .alignright { float: right; margin: 0 0 1em 1em; max-width: 100%; height: auto} .alignleft { float: left; margin: 0 2em 1em 0; max-width: 100%; height: auto} .aligncenter { display: block; margin-left: auto; margin-right: auto; max-width: 100%; height: auto} .alignright { float: right; } .alignleft { float: left; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignnone.size-full{max-width: 100%; height: 100%} a{color: #880b10;text-decoration: none;} .fa-envelope-square { font-size: 2em !important; } h1, h2, h3, h4, h5, h6{color: #363333; font-family: 'Roboto Slab', serif;} p{margin: 0 0 20px;} ul{margin: 0 0 20px;} li{margin: 0 0 10px;} .marginb70{margin-bottom: 70px} .marginb20{margin-bottom: 20px} .margint50{margin-top: 50px} .ml-1 {margin-left: 10px;} .ml-2 {margin-left: 20px;} .mr-1 {margin-right: 10px;} .btn-default{background: #B72127; color: #fff;font-size: 1.1em;padding: 7px 30px 7px 30px;border-radius: 0px;text-transform: uppercase; border: 0} .fancy-title span {display: inline-block;padding: 0 15px;position: relative;font-size: 1.5em;text-transform: uppercase;} .fancy-title span:before, .fancy-title span:after {background: #8d8d8d;content: "";display: block;height: 1px;position: absolute;top: 50%;width: 400%;} .fancy-title span:before {right: 100%;} .fancy-title span:after {left: 100%;} .fancy-title {overflow: hidden;text-align: center; font-family: 'Roboto Slab', serif;margin-right: 30%;} .sidebar-title{margin-top: 2em !important;} .bf.fancy-title{width: 210px;margin: 0px auto 15px;} .bf.fancy-title span{padding: 0px 5px} .bf.fancy-title img{width: 32px} .bf.fancy-title span::before, .bf.fancy-title span::after {background: #b72127;} /********************************************************** S O C I A L S H A R I N G C S S S T Y L I N G **********************************************************/ .single-post .social-sharing{padding:.5rem;-webkit-box-shadow:1px 1px 3px #2d2d2d;box-shadow:1px 1px 3px #2d2d2d;border-radius:3px;max-width:100%;text-align:center;margin-left:auto;margin-right:auto} .single-post .social-sharing span.top{font-size:2.2rem;display:inline} .single-post .social-sharing span.top:after{display:block;content:"";clear:both} @media (min-width: 992px) { .single-post .social-sharing{max-width:50%} } /* TopZone Toolbar */ /* This puts the Primary Navigation in the TopZone Toolbar */ #main-nav{background: #363333} #primaryNavigation {bottom: 0; width: 100%; margin: 0; z-index: 999; left: 0; } #main-nav .navbar-nav{text-align: center;} #main-nav .navbar-default{min-height: 45px; background: transparent;border: 0px;border-radius: 0px;} #main-nav .navbar-default .navbar-nav > li > a{ padding-top: 13px; padding-bottom: 12px; color: #cecece; text-transform: uppercase; padding-left: 15px; padding-right: 15px; font-size: 1.1em; transition: all 0.5s ease;} #main-nav .navbar-default .navbar-nav > li > a:hover{color: #fff !important; background: #b72127;} #primaryNavigation .navbar-collapse, #socialDropup { position: absolute; bottom: 54px; width: 101%; background: #283890; border: none; text-align: center; border-bottom: 1px solid #fff} .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{background: #b72127; color: #fff} #primaryNavigation .dropdown-menu { text-align: center; } .row.full-mobile-nav{margin: 0 auto;} .x1 {width: 20%;border-right: 1px solid #ddd;text-align:center;} .x1:last-child{border: none;} .x1 a.btn-primary{background-color: transparent;border: none;} .x1 a.btn{ padding: unset !important;} .x1 a.btn-primary:focus, .x1 a.btn-primary:hover, .x1 a.btn-primary:active{background-color: transparent;border: none;box-shadow: unset;} i.fa.big-icon{font-size: 25px !important;margin-top: 20px;} a.toggle-btn{width: auto;} .navbar-toggle{float: unset;} .navBarsBtn {height: 5em;width: 100%;margin: 0px !important;} .navBarsBtn:hover, .navBarsBtn:focus { background: none; } #navBars {font-size: 1.3em; } #mobileIcons { height: 67px; line-height: 65px; width: 100%; } #mobileIcons a {display: inline-block;color: #fff;} #socialDropup a { font-size: 1.7em; color: #000; } #socialDropup a .fa { margin: 1em 0.9em; } #mobileIcons a:hover, #mobileIcons a:focus { text-decoration: none; color: #000; } #scroll { position:fixed; right:50px; bottom:50px; cursor:pointer; width:45px; height:45px; border-radius:100%; background-color:#E1000A; display:none; box-shadow: 1px 2px 7px 0px #731a1a; transition: background-color 0.3s ease; } #scroll i { position: absolute; left: 12%; color: #fff; height: 20px; width: 20px; z-index: 9999; top: -15%; font-size: 3.5em; font-weight: 300; transition: color 0.3s ease;} #scroll:hover { background-color:#9e1111} #scroll:hover i{color: #ddd} /************************************************************* H E A D E R C S S S T Y L I N G **************************************************************/ #header{position: relative;padding: 0px 0px 28px;} #header h2{font-family: 'Lato', sans-serif;color: #7f7f83;font-size: 1.375em;font-weight: 600;word-spacing: 3px;margin-top: 38px;} #header .telephone{margin-top: 35px;} #header .head-text{color: #7f7f83;font-size: 1em;font-weight: 600; font-style: italic; position: relative;} #header .telephone a{color: #7f7f83;font-size: 1.375em;font-weight: 600; position: relative;text-transform: none;} #header .telephone a:before{font-family: FontAwesome;content: "\f2a0";position: absolute;left: -45px;border: 3px solid #7f7f83;width: 40px;height: 40px;text-align: center;border-radius: 30px; font-size: 1.2em;line-height: 33px;top: -6px;} /************************************************************* F O O T E R C S S S T Y L I N G **************************************************************/ #contact-details .social-link { margin-right: 10px; } /************************************************************* S E C O N D A R Y C S S S T Y L I N G **************************************************************/ #secondary-nav{background: #363333;} #secondary-nav .secondary-menu ul,div.menu ul {padding-left: 0px;margin-bottom: 0px;list-style: none; float: right;} #secondary-nav .secondary-menu li,div.menu li {display: inline-block;padding: 13px 20px;position: relative;transition: all 0.3s ease; margin: 0 !important;} #secondary-nav .secondary-menu li:hover, div.menu li:hover{background: #B72127} #secondary-nav .secondary-menu ul ul {display: none;position: absolute;top: 52px;left: 0;float: left;width: 250px;z-index: 99999;} #secondary-nav .secondary-menu a {display:block; color: #cecece;font-size: 1.175em;text-decoration: none;} #secondary-nav .secondary-menu ul li:hover > ul {display: block;} #secondary-nav .secondary-menu ul ul a:hover {color: #fff;background: #B72127} #secondary-nav .secondary-menu ul ul li{padding: 0px} #secondary-nav .secondary-menu ul ul a {background: #333;line-height: 1em; padding: 7px 10px;width: 272px;height: auto;font-size: 0.9em;border-bottom: 1px solid #464646;text-transform: uppercase; transition: all 0.5s ease;} #secondary-nav .secondary-menu ul ul ul{width: 180px !important} #secondary-nav .secondary-menu ul ul ul li{left: 270px;position: absolute;top: -51px;} #secondary-nav .secondary-menu ul ul ul a{width: 180px !important} #secondary-nav .secondary-menu ul li.current_page_item li, #secondary-nav .secondary-menu ul li.current-menu-ancestor li, #secondary-nav .secondary-menu ul li.current-menu-item li, #secondary-nav .secondary-menu ul li.current-menu-parent li {color: #fff;background: #B72127} #menu-secondary-nav li:last-child .sub-menu{ /* Prevents last menu item from opening outside page bounds */ left: unset !important; right: -5.625% !important; } /********************************************************** P A G E C S S S T Y L I N G **********************************************************/ #pageTemplate{padding: 20px 0px 50px} #pageTemplate header{margin-bottom: 20px; padding-bottom: 0px; margin-top: 10px; border-bottom: 1px solid #ccc} #pageTemplate header h1{color: #880b10; font-weight: 600} #pageTemplate h3{margin-top: 20px; margin-bottom: 20px} #pageTemplate ul{margin: 25px 0px} #pageTemplate ul li{padding-top: 2px; padding-bottom: 2px} #pageTemplate p { text-align: justify; } .page-id-15 #pageTemplate iframe{border:0px; width: 100%; height: 550px} #pageTemplate .v-card{padding: 10px 0px;background: #f2f2f2;margin-bottom: 10px;} #pageTemplate .Htitle{font-size: 1.5em;color: #880b10; margin-top: 30px} /********************************************************** P R A C T I C E P A G E C S S S T Y L I N G **********************************************************/ .page-template-practice-page .attorneys { display: flex; flex-wrap: wrap; } .page-template-practice-page .attorney { display: flex; flex-flow: column; } .pageTemplate .row:after, .row:before { position: absolute; } /************************************************************ B L O G C S S S T Y L I N G ************************************************************/ .excerpt { margin-bottom: 1em; } .post-categories { list-style-type: none; padding: 0; margin: 0; clear: both; } .post-categories li { display: inline-block; margin: 1em 1em 1em 0; } .post-categories li a { background: #ccc; padding: 0.7em 1.3em; color: #000; text-decoration: none; } #blogTemplate{padding: 20px 0px 40px} #blogTemplate .excerpt p{margin-bottom: 5px} #blogTemplate .read-more{padding: 4px 15px 4px 15px; font-size: 0.9em} #blogTemplate .blogTime i{padding-right: 5px} #blogTemplate header{margin-bottom: 20px; padding-bottom: 0px; margin-top: 10px; border-bottom: 1px solid #ccc} #blogTemplate article { display: flow-root; padding: 0 0 1em; border-bottom: 1px solid #ccc; } #blogTemplate.blog-list article{ margin: 2em 0; -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); box-shadow: 0px 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); border-radius: 3px; padding: 0.8em 1em; border: none; } #blogTemplate article header{padding-bottom: 5px;border-bottom: 1px solid #ccc;margin-bottom: 35px;} #blogTemplate article .thumbnail-blog{margin-right: 15px;margin-bottom: 10px} #blogTemplate article .thumbnail-blog img{max-width: 100%;height: auto;margin-left: auto;margin-right: auto;} #blogTemplate article .blogTime{color: #B72127} #blogTemplate .archive_title {color: #880b10; font-weight: 600} #content-team article .thumbnail-blog{margin-left: auto;margin-right: auto;} #content-team article ul{float: left; padding-left: 40px} /************************************************************ S L I D E R C S S S T Y L I N G ************************************************************/ #slider-home { background: #f5f5f5; padding: 0px } #carousel-custom, #tesimonial { position: relative; } #slider-home .carousel-control {background: none;color: #CACACA;font-size: 2.3em;text-shadow: none;margin-top: 30px;} #slider-home .carousel-control.left {z-index: 999; opacity: 1; top: 35%;} #slider-home .carousel-control.right {z-index: 999; opacity: 1; top: 35%;} #ctas div[id^="cta"] li { height: 300px; height: inherit; height: 90px; width: 24%; text-indent: inherit; position: relative !important; background: url(/web/20200611084039im_/https://www.bf-law.com/wp-content/themes/zonestrap/images/carousel.png); background-size: 100% !important; background-repeat: no-repeat !important; border: 0px !important; border-radius: 0px !important; transition: all 0.3s ease;color: #B72127; } #ctas div[id^="cta"] .cta-inner h3{padding-top: 40px;/* padding-bottom: 10px; */text-transform: uppercase;font-size: 1.3em;font-weight: 600;color: #B72127;} #ctas div[id^="cta"] .cta-inner:before{ content: ""; position: absolute; width: 90px; height: 84px; top: 5px; left: 50%; margin-left: -45px; } #ctas div[id^="cta"] .cta-inner.first:before{background: url(/web/20200611084039im_/https://www.bf-law.com/wp-content/themes/zonestrap/images/4-red.png);} #ctas div[id^="cta"] .cta-inner.second:before{background: url(/web/20200611084039im_/https://www.bf-law.com/wp-content/themes/zonestrap/images/3-red.png);} #ctas div[id^="cta"] .cta-inner.third:before{background: url(/web/20200611084039im_/https://www.bf-law.com/wp-content/themes/zonestrap/images/2-red.png);} #ctas div[id^="cta"] .cta-inner.fourth:before{background: url(/web/20200611084039im_/https://www.bf-law.com/wp-content/themes/zonestrap/images/1-red.png);} #ctas div[id^="cta"] .cta-inner:hover { background: url(/web/20200611084039im_/https://www.bf-law.com/wp-content/themes/zonestrap/images/carousel-hover.png); background-position-x: center; border: 0px ;} #ctas div[id^="cta"] .cta-inner:hover a{color: #fff; transition: all 0.3s ease} #ctas div[id^="cta"] .cta-inner h3 a{color: #B72127;text-decoration: none;display: inline-block;width: 100%;/* background-color: #ff00dd3a; */padding-top: 10px;padding-bottom: 10px;} #slider-home .carousel-inner .item{height: 100%} #slider-home .masthead .slider-desc{background: rgba(0, 0, 0, 0.6);padding: 30px 30px;} #slider-home .masthead .slider-desc .left-box{border-right: 4px solid #b72127;position: relative;} #slider-home .masthead .slider-desc .left-box:after{content:""; position: absolute;width: 0;height: 0;border-left: 15px solid #b72127;border-top: 10px solid transparent;border-bottom: 10px solid transparent; right: -16px;top: 42%;} #slider-home .masthead .slider-desc .left-box h2{color: #fff;text-transform: uppercase;font-weight: 600;font-size: 3.175em;margin: 0px; margin-bottom: 20px; } #slider-home .masthead .slider-desc .left-box h3{font-family: 'Lato', sans-serif;color: #fff;margin-top: 2px;} #slider-home .masthead .slider-desc .left-box .fancy-title{color: #fff;} #slider-home .masthead .slider-desc .right-box p{color: #fff;font-size: 1.5em;margin-left: 10%;margin-bottom: 0;padding-top: 25px;} .carousel.slide .item{transition-property: opacity;} .carousel.slide .item, .carousel.slide .active.left, .carousel.slide .active.right {opacity: 0;} .carousel.slide .item, .carousel.slide .active.left, .carousel.slide .active.right { opacity: 0;} .carousel.slide .active, .carousel.slide .next.left, .carousel.slide .prev.right { opacity: 1; } .carousel.slide .next, .carousel.slide .prev, .carousel.slide .active.left, .carousel.slide .active.right { left: 0; transform: translate3d(0, 0, 0);} .carousel.slide .carousel-control {z-index: 2;} /************************************************************ T E A M S M E M B E R C S S S T Y L I N G ************************************************************/ #atorney-profile{margin-top: 60px} #atorney-profile h2, #serving h2, #why-choose h2, #practice h2{text-transform: uppercase;font-weight: 600;font-size: 2.7em;} #atorney-profile p, #serving p, #why-choose p, #practice p{color: #646464;font-style: italic;font-size: 18px;margin-bottom: 50px;} #atorney-profile .team-members{text-align: center;} #atorney-profile .team-members .team-box{border: 1px solid #ddd;} #atorney-profile .team-members .team-box .desc{display: block; padding: 20px 3px 10px; position: relative;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;text-decoration: none; height: 75px} #atorney-profile .team-members .team-box img{width: 100%; height: auto; object-fit: cover; max-height: 21.5em;} #atorney-profile .team-members .team-box .desc:hover{background: #b12329;} #atorney-profile .team-members .team-box .desc:hover:before{font-family: FontAwesome;content: "\f067";position: absolute;border: 5px solid #fff;width: 45px;height: 45px;text-align: center;line-height: 1.3; border-radius: 24px;color: #fff;top: -22px;font-size: 2em;font-weight: normal;background: #b12329;left: 39%;} #atorney-profile .team-members .team-box .desc h4{font-weight: bold;margin-bottom: 0px;font-size: 1em; -webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;} #atorney-profile .team-members .team-box .desc:hover h4, #atorney-profile .team-members .team-box .desc:hover span{color: #fff} #atorney-profile .team-members .team-box .desc span{color: #2b2b2b} #content-team .thumbnail-blog img{} .btn-view-attorney a{background: #949495;color: #fff;text-transform: capitalize;font-size: 1.7em;font-weight: 600;transition: all 0.5s ease;margin-top: 50px;margin-bottom: 90px;} .btn-view-attorney a:hover {background: #B72127; color: #fff} .card{display:block;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);border-radius:3px;padding:.8em 1em;margin-bottom:1em} .panel-primary{border-color:#d3d3d3} .badges-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:flex-start} .single-badge{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:10px;width:calc(1/1*100% - (1 - 1/1)*10px);background-color:#00008011;padding:0 10px;-webkit-box-shadow:2px 2px 3px 1px #3d3d3d66;box-shadow:2px 2px 3px 1px #3d3d3d66} .single-badge p,.single-badge div{margin:0;margin-left:auto;margin-right:auto;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;-ms-grid-column-align:center;justify-self:center} .single-badge .alignleft{margin:0} .badge-single{ position: relative; display:inline-block; width:100%; } .badge-single img{ width: 100%; } .badge-single p { margin: 0; padding: 0; } @media screen and (min-width: 992px) { .badges-row{height:200px;margin:0 -5px} } @media screen and ( min-width: 767px ) { .single-badge{width:calc(1/2*100% - (1 - 1/2)*10px)} } @media screen and ( min-width: 992px ) { .single-badge{width:calc(1/4*100% - (1 - 1/4)*10px)} } /************************************************************ A B O U T C S S S T Y L I N G ************************************************************/ #about{padding: 100px 0px; background: url(/web/20200611084039im_/https://www.bf-law.com/wp-content/themes/zonestrap/images/about-us-logo.png); background-repeat: no-repeat;background-position: bottom right;background-size: 165px;} #about h1{font-family: 'Lato', sans-serif; margin-top: 10px;font-weight: 600;text-transform: uppercase; margin-bottom: 24px;} #about h2{color: #7f7f83;text-transform: uppercase;font-family: 'Lato', sans-serif;font-size: 1.7em;font-weight: 600;margin-bottom: 0px;} #about h3{font-family: 'Lato', sans-serif;background: #b72127; color: #fff;margin-left: -70px;padding-left: 70px;padding-top: 10px;padding-bottom: 8px;font-style: italic; margin-bottom: 40px; position: relative;} #about p{color: #7f7f83;line-height: 1.6;font-size: 1.175em;text-align: justify;} #about img{max-width: 100%; height: auto} /************************************************************ P R A C T I C E C S S S T Y L I N G ************************************************************/ #practice{margin-bottom: 70px;} #practice p{margin-bottom: 100px;} #practice a{ text-decoration: none; } #practice .box-icon{border: 1px solid #d6d6d6;position: relative;padding-top: 35px;padding-left: 10px;padding-right: 10px;margin-bottom: 90px;max-height: 190px;min-height: 190px; } #practice .box-icon:before{content: ""; position: absolute; width: 90px;height: 84px;background-size: 90px !important;background-repeat: no-repeat !important;top: -46px;left: 32%;} #practice .box-icon:hover{background: #b72127} #practice .box-icon:hover:before{background-position: 0px -85px !important;} #practice .box-icon:hover h3, #practice .box-icon:hover p{color: #fff} #practice .box-icon.box1:before{background: url(/web/20200611084039im_/https://www.bf-law.com/wp-content/themes/zonestrap/images/finance.jpg);} #practice .box-icon.box2:before{background: url(/web/20200611084039im_/https://www.bf-law.com/wp-content/themes/zonestrap/images/bank.jpg);} /* needs changed: Government Affairs */ #practice .box-icon.box3:before{background: url(/web/20200611084039im_/https://www.bf-law.com/wp-content/themes/zonestrap/images/health.jpg);} #practice .box-icon.box4:before{background: url(/web/20200611084039im_/https://www.bf-law.com/wp-content/themes/zonestrap/images/labor.jpg);} #practice .box-icon.box5:before{background: url(/web/20200611084039im_/https://www.bf-law.com/wp-content/themes/zonestrap/images/litigation.jpg);} #practice .box-icon.box6:before{background: url(/web/20200611084039im_/https://www.bf-law.com/wp-content/uploads/2018/11/Municipalcourt-min.png);} /* needs changed: Municipalities */ #practice .box-icon.box7:before{background: url(/web/20200611084039im_/https://www.bf-law.com/wp-content/themes/zonestrap/images/oil.jpg);} #practice .box-icon.box8:before{background: url(/web/20200611084039im_/https://www.bf-law.com/wp-content/themes/zonestrap/images/real.jpg);} #practice .box-icon h3{font-weight: 600;font-size: 1.375em} #practice .box-icon p{font-size: 1.175em;} #practice .btn{background: #949495;color: #fff;text-transform: capitalize;font-size: 1.7em;font-weight: 600;transition: all 0.5s ease;} #practice .btn i{padding-left: 10px;} #practice .btn:hover{background: #B72127;} /********************************************************** W H Y C H O O S E C S S S T Y L I N G ***********************************************************/ #why-choose{margin-top: 50px; display: none;} #why-choose .video{margin-bottom: -250px; border: 2px solid #fff; max-width: 100%; height: auto; margin-left: -5em;} #why-choose-1{background: url(/web/20200611084039im_/https://www.bf-law.com/wp-content/themes/zonestrap/images/why-choose-bg.jpg); padding: 250px 0px 90px;background-repeat: no-repeat;background-size: cover; min-height: 463px; display: none;} #why-choose-1 p{color: #fff;font-size: 1.3em;} #why-choose-1 .name{color: #f6262e;font-size: 2em;font-family: 'Playball', cursive;} /********************************************************** C A L L T O A C T I O N C S S S T Y L I N G ***********************************************************/ #call-to-us{background: #b72127; color: #fff; box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3), 0px -3px 4px rgba(0, 0, 0, 0.2);} #call-to-us .phone{color: #fff;font-size: 4em;font-weight: 600;padding-top: 20px;display: block;text-decoration: none} #call-to-us .day{background: url(/web/20200611084039im_/https://www.bf-law.com/wp-content/themes/zonestrap/images/call-to-action-bg.jpg);background-size: 170px;background-repeat: no-repeat;background-position: center;padding: 35px 15px; text-transform: uppercase;font-size: 1.175em;} /********************************************************** A T T O R N E Y P R O F I L E C S S S T Y L I N G ***********************************************************/ .single-attorney-profile #content-team h1{font-family: 'Lato', sans-serif; color: #880b10} .single-attorney-profile #content-team h2{margin-bottom: 15px} .single-attorney-profile #content-team .thumbnail-blog h3{font-family: 'Lato', sans-serif; margin-top: 10px; font-size: 1em} /*.single-attorney-profile #content-team ul{float: left;}*/ .single-attorney-profile #content-team ul ul{float: inherit; padding-left: 30px} .teams-list{padding-left: 0px} .teams-list, .sidebar-list ul{display: block;clear: both;padding-left: 0px;list-style: none;margin-top: 25px;} .teams-list li, .sidebar-list li{padding: 3px 0px;} .teams-list li a, .sidebar-list li a{text-transform: uppercase;font-family: 'Roboto Slab', serif;font-weight: 600;} /********************************************************** S E R V I N G C S S S T Y L I N G ***********************************************************/ #serving{margin: 70px 0px 105px;} #serving img{max-width: 100%;height: auto;} /************************************************************ P R A C T I C E A R E A S I D E B A R C S S S T Y L I N G ************************************************************/ .practice-area--panel { box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24) !important; border: none; } .practice-area--panel .panel-heading { padding: 1em; } .practice-area--panel .panel-heading h3 { margin: 0 !important; } .panel-list--item { margin: 0 0 0.4em; } .panel-list--item:last-child { border: none; } /********************************************************** G O O G L E M A P C S S S T Y L I N G ***********************************************************/ #google-map {padding-left: 0px; padding-right: 0px;margin-bottom: -5px} #google-map iframe, .youtube-video{width: 100%; border: 0px; height: 350px;} /********************************************************** S I D E B A R C S S S T Y L E **********************************************************/ #sidebar {border: 1px solid #ccc; border-radius: 5px; padding-top: 20px} #sidebar .widget{margin-bottom: 20px} #sidebar .widget ul{padding-left: 30px} #sidebar .widget-title{background:#B72127; color: #fff; padding: 10px 10px; text-transform: uppercase; font-size: 1.575em;} #sidebar .text-center{text-align: center;} .widget .screen-reader-text{display: none;} #searchsubmit{background: #B72127;color: #fff;border: 0px solid #B72127;padding: 2px 10px;} #searchform #s { padding: 0; } .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover{background: rgb(207,1,57); border-color: rgb(207,1,57)} .pagination > li > a, .pagination > li > span{color: rgb(207,1,57)} /********************************************************** M O D A L C S S S T Y L I N G ***********************************************************/ .panel-primary > .panel-heading{background:#B72127; border: 0} .panel-body ul{margin: 0 !important} .panel-primary > .panel-heading h3{margin: 0px !important;text-transform: uppercase;font-weight: 600;} /********************************************************** C O N T A C T C S S S T Y L E **********************************************************/ input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #717171 !important;} input[type="text"]:-moz-placeholder, input[type="email"]:-moz-placeholder, textarea:-moz-placeholder {color: #717171 !important; } input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, textarea::-moz-placeholder {color: #717171 !important; } input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #717171 !important; } /********************************************************** S C H E D U L E C S S S T Y L E **********************************************************/ .red-list {list-style: none;} .red-list li::before {content: "\2022";color: #880b10;font-weight: bold;display: inline-block; width: 1em;margin-left: -1em; } /********************************************************** F O O T E R C S S S T Y L E **********************************************************/ #footer{color: #76767a; padding: 20px 0px 20px;-webkit-box-shadow: 0px 0px 30px rgba(195, 195, 195, 0.8); -moz-box-shadow: 0px 0px 30px rgba(195, 195, 195, 0.8); box-shadow: 0px 0px 30px rgba(195, 195, 195, 0.8); margin-top: 60px} #footer a{color:#b72127; text-decoration: none} #footer .footer-logo{margin-top: -2px;background: #fff; margin-bottom: 15px} #footer .footer-menu ul{text-align: center;background: #f1efe9;margin-bottom: 30px;clear: both;padding-left: 0} #footer .footer-menu ul li{display: inline-block;} #footer .footer-menu ul li a{color: #363333;text-transform: uppercase;padding: 13px 13px;display: block;transition: all 0.5s ease;} #footer .footer-menu ul li a:hover{background: #B72127; color: #fff} #footer .textwidget{font-size: 1em; line-height: 2;} #footer .widget-title{text-transform: uppercase; color: #363333; font-size: 1.4em; margin-bottom: 20px; font-family: 'Roboto Slab', serif;font-weight: 600;} #footer .widget .menu{padding-left: 0px;list-style: none;} #footer .widget .menu li a{color: #76767a;padding: 4px 0px;display: block; text-transform: uppercase;} #footer .widget .menu li a:hover{color:#b72127;} .btn-review { background: #949495; color: #fff !important; text-transform: capitalize; font-size: 1.7em; font-weight: 600; transition: all 0.5s ease; margin-top: 20px; } .btn-review:hover { background: #B72127; color: #fff !important; } #contact-details .social-link { font-size: 150%; } #contact-details p { margin-bottom: 0; } #contact-details br { display: block; margin-bottom: 10px; line-height: 12px; content: " "; height: 12px; } #bottom{text-align: center;padding: 15px 0px 0px;color: #76767a; font-size: 1em;margin-top: 30px;} #bottom a{color: #b72127} #bottom span{font-weight: 800} #bottom .topzone span{color:#508400 !important;} #bottom .topzone a{color:#76767a !important;} @media(max-width: 1300px){ #slider-home .carousel-inner .item{height: 100%} } @media(max-width: 1220px){ .container{width: 100%} #ctas div[id^="cta"] .cta-inner {background: #fff !important} #ctas div[id^="cta"] .cta-inner:hover{background: #b72127 !important} /* #ctas div[id^="cta"] .cta-inner::before{background-image: none !important} */ #ctas div[id^="cta"] .cta-inner h3 {/* padding-top: 10px; */margin-top: 50px;} #practice .box-icon p{font-size: 1em} #practice .box-icon{max-height: 200px; min-height: 200px} #practice .box-icon::before{left: 29%} #atorney-profile .team-members .team-box .desc:hover:before{left: 35%} } @media (min-width: 1221px) { #ctas { width: 100%; padding-left: 0; padding-right: 0; } .cta-wrap { background-color: #edededaa; padding-top: 40px; } #ctas div[id^="cta"] .cta-inner h3 { margin-bottom: 0; } } @media(max-width: 1020px){ .navbar-nav {float: unset;} #ctas { margin-top: 0; } #primaryNavigation{position: fixed !important;background: #000 !important; border: 0px !important} .navbar-collapse.collapse{display: none !important} #main-nav .navbar-default .navbar-nav{text-align: center !important;padding: 10px 0px;width: 100%;max-height: 50vh;overflow-y: scroll;} .navbar-nav > li{display: block !important; float: inherit !important;} #main-nav .navbar-default .navbar-nav > li > a{font-size: 1em !important;color: #000 ; padding:5px 0px !important;} .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{color: #fff !important} .navbar-header{float: right !important; width: 100%} #main-nav .navbar-default .navbar-nav > li > a:hover{color: #fff !important} #primaryNavigation .navbar-collapse, #socialDropup{background: #f0efef} .navbar-toggle, #mobileIcons, .visible-mobile, .navbar-collapse.collapse.in{display: inherit !important;} #mobileIcons{float: left !important} #navBarsBtn i:before, #mobileIcons i{color: #fff !important} #primaryNavigation .navbar-nav{margin:0px !important;} .navbar-nav .open .dropdown-menu > li > a {line-height: 12px;font-size: 1em;} .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none;box-shadow: none;} .navbar-default .navbar-nav .open .dropdown-menu > li > a{color: #000} #header .col-sm-7{width: 100%} #slider-home .masthead .slider-desc .left-box h2{font-size:2.7em;} #secondary-nav .secondary-menu ul li{padding: 10px 5px;} #secondary-nav .secondary-menu ul li a{font-size: 0.9em;} #secondary-nav .secondary-menu ul ul{top: 39px;} #secondary-nav .secondary-menu ul ul{right: 22px; left: inherit;} #secondary-nav .secondary-menu ul ul ul li{right: 250px; left: inherit;} #ctas div[id^="cta"] {display: none} #atorney-profile .team-members .team-box{margin-bottom: 30px;} #atorney-profile .team-members .team-box .desc:hover:before{left: 32%} #practice .box-icon::before {left: 24%;} #practice .box-icon{max-height: 270px;min-height: 270px;} #socialDropup a .fa{color: #B72127} #socialDropup a{color: #fff !important} #scroll{bottom: 80px} #primaryNavigation .navbar-collapse, #socialDropup{bottom: 67px} } @media(min-width: 1020px){ #primaryNavigation .navbar-collapse{border: 0px !important;} .navbar-header{display: none !important} #primaryNavigation .navbar-collapse{border: 0px !important; text-align: right !important;} #topzone-navbar-mobile { display: none !important;} #about h3:after{content:""; position: absolute;border-bottom: 45px solid #fff;border-left: 25px solid transparent;border-right: 0px solid transparent;height: 0;width: 200px;right: 0px;top: 0px;} } @media(max-width: 1440px){ #atorney-profile .team-members .team-box img{max-height: 16.5em; } } @media(max-width: 990px){ #atorney-profile .team-members .team-box .desc:hover::before{left: 39%} } @media(max-width: 890px){ #practice .box-icon::before {left: 20%;} } @media ( min-width : 769px) { #main-nav .navbar-nav, .navbar-nav > li{float: inherit; display: inline-block; margin: 0 !important;} #primaryNavigation .mobile-visible{display: none} #carousel-custom .item img{ width: 100%; } #about .content-desc{padding-left: 40px} #header .logo{position: absolute;background: #fff;padding: 26px 0px;} #header .logo:after{content:"";width: 0; height: 0; border-top: 55px solid #fff; border-right: 41px solid transparent; position: absolute; bottom: 0px; right: -41px} #header .logo:before{content:"";width: 0; height: 0; border-top: 55px solid #fff;border-left: 41px solid transparent;position: absolute;bottom: 0px;left: -41px;} } @media ( max-width : 769px) { .masthead{display: none} .alignright, .alignleft, .aligncenter { max-width: 100%; height: 100% } ol, ul{padding-left: 15px} #pageTemplate{padding: 0px 0px 30px} #header .text-right, #header .col-sm-3, #about .col-sm-5, #call-to-us{text-align: center !important} #header h2{margin-top: 0px} #secondary-nav .secondary-menu ul{float: inherit;text-align: center;} #secondary-nav .secondary-menu ul li{display: block;} #secondary-nav .secondary-menu ul li {display: block;padding: 5px 20px;border-bottom: 1px solid #6d6d6d;} #secondary-nav .secondary-menu ul li a{font-size: 1em} #secondary-nav .secondary-menu ul li:hover{background: #b72127} #slider-home, #secondary-nav .secondary-menu ul ul{display: none !important} #content-team article ul{padding-left: 20px} #about h3{margin-left: 0px; padding-left: 20px} #practice .box-icon{max-height: inherit; min-height: inherit;} #practice .box-icon p{margin-bottom: 20px } #footer .footer-info, #primaryNavigation .caret{display: none} #scroll{right: 5px !important; width: 40px; height: 40px;} #scroll i{left: 10%; top: -25%; font-size: 3.5em;} } @media (max-width: 767px) { #practice .box-icon::before {left: 43%;} } @media (max-width: 768px){ #header{ margin-top: 1em; } #pageTemplate header h1{ font-size: 2.1em; } #about{ padding: 0; } #bottom{ display: block; } } @media ( max-width : 528px){ #mobileIcons a{margin: 0 0.7em;} #atorney-profile h2, #serving h2, #why-choose h2, #practice h2{font-size: 2em} #call-to-us .phone{font-size: 2.5em} #call-to-us .day{padding: 15px 15px 30px;} #practice .btn{font-size: 1em} #practice .box-icon::before {left: 38%;} } @media ( max-width : 390px){ #practice .box-icon::before {left: 32%;} #atorney-profile .team-members .team-box .desc:hover::before{content: none;} } @media(hover: none) { #ctas div[id^="cta"] .cta-inner:hover{background: unset !important} #ctas div[id^="cta"] .cta-inner:hover a { color: #b72127; } } @media (max-width: 767px) { .full-img-xs, .full-img-sm { min-width: 100%; } } @media (min-width: 768px) and (max-width: 992px ) { .full-img-sm { min-width: 100%; } } @media (min-width: 993px) { .full-img-sm, .full-img-xs { max-width: 50%; } } /* FILE ARCHIVED ON 08:40:39 Jun 11, 2020 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 17:55:09 Dec 24, 2021. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 68.958 exclusion.robots: 0.106 exclusion.robots.policy: 0.1 RedisCDXSource: 6.827 esindex: 0.008 LoadShardBlock: 44.634 (3) PetaboxLoader3.datanode: 133.192 (4) CDXLines.iter: 14.97 (3) load_resource: 171.691 PetaboxLoader3.resolve: 42.287 */