/* compiled by scssphp v0.6.3 on Fri, 17 Aug 2018 06:10:01 +0200 (7.6181s) */ /* style.scss */ /* helpers.scss */ /* end helpers.scss */ /* settings.scss */ .print { display: none; } .pageText, .bodyText, .metaLinks a .desc, .mainText .articleHead .articleMeta .articleLinks a .desc, .relatedAttys a .desc, div.source .desc, a.theVerdict .desc, .verdictsDisplay ul li .desc, span.theVerdict .desc, .postLink .postText, .shareTools .shareLabel, .ui-dialog-titlebar .ui-button.ui-dialog-titlebar-close .ui-button-text, #pgLightbox .pgLightboxItem .pgCaption, #footerCTA, footer#footer, .theContent, .theContent blockquote .bquoteCredit, #searchResultForm .result .resultCount, #searchResultForm .criteriaSelector .checkboxContainer label, #content.searchResults .postSearchLink a .postExc, #attorneyFilterForm .lettersIntro, #attorneyFilterForm .practAreaWrap .practAreasIntro, #attyMenuSorter .attyLettersWrap .lettersIntro, .pageTextMed, .theHighlight, .highlightLinks a, .mainText .articleHead .articleMeta .articleHighlights a, .postLink .postText .postPract, #content.searchResults .postSearchLink a .postTitleWrap .postType, .metaLinks a .title, .mainText .articleHead .articleMeta .articleLinks a .title, .relatedAttys a .title, div.source .title, .practAreas a, .mainText .theContent > p:first-child, .bioContent.bioBigSix .bioPortrait .bigSixText .bigSixIntro, #content.practAreaContent .practAreaHead .practAreaDesc, #content.attorneyLanding .attySearchDisplay #allResults .postSearchLink a .attyNameWrap .attyName, #footerCTA p, .pageTextBold, .practAreas h3.practAreasTitle, a.theVerdict .super, .verdictsDisplay ul li .super, span.theVerdict .super, .postLink .postText .postTitle, .btnLink, .gform_button, .theContent h2, .theContent h3, .theContent h4, .theContent h5, .theContent h6, .mainText .articleHead .articleMeta .articleDate, .relatedAttys h3, #attyNav a .title, #practNav a .title, #searchResultForm .criteriaSelector .criteriaText, #content.searchResults .postSearchLink a .postTitleWrap .postTitle, #breakingNews #bnBtn, #breakingNews .bnItem a .bnTitle, #breakingNews .bnItem div.bnews .bnTitle, .bodyText strong, .metaLinks a .desc strong, .mainText .articleHead .articleMeta .articleLinks a .desc strong, .relatedAttys a .desc strong, a.theVerdict .desc strong, .verdictsDisplay ul li .desc strong, span.theVerdict .desc strong, .postLink .postText strong, .shareTools .shareLabel strong, .ui-dialog-titlebar .ui-button.ui-dialog-titlebar-close .ui-button-text strong, #pgLightbox .pgLightboxItem .pgCaption strong, #footerCTA strong, footer#footer strong, .theContent strong, .theContent blockquote .bquoteCredit strong, #searchResultForm .result .resultCount strong, #searchResultForm .criteriaSelector .checkboxContainer label strong, #content.searchResults .postSearchLink a .postExc strong, #attorneyFilterForm .lettersIntro strong, #attorneyFilterForm .practAreaWrap .practAreasIntro strong, #attyMenuSorter .attyLettersWrap .lettersIntro strong, .bodyText b, .metaLinks a .desc b, .mainText .articleHead .articleMeta .articleLinks a .desc b, .relatedAttys a .desc b, a.theVerdict .desc b, .verdictsDisplay ul li .desc b, span.theVerdict .desc b, .postLink .postText b, .shareTools .shareLabel b, .ui-dialog-titlebar .ui-button.ui-dialog-titlebar-close .ui-button-text b, #pgLightbox .pgLightboxItem .pgCaption b, #footerCTA b, footer#footer b, .theContent b, .theContent blockquote .bquoteCredit b, #searchResultForm .result .resultCount b, #searchResultForm .criteriaSelector .checkboxContainer label b, #content.searchResults .postSearchLink a .postExc b, #attorneyFilterForm .lettersIntro b, #attorneyFilterForm .practAreaWrap .practAreasIntro b, #attyMenuSorter .attyLettersWrap .lettersIntro b, .readMore, .readMoreNo, a.theVerdict, span.theVerdict, .smbbInput, form.search-form input[type="search"], .smbbForm .inputContainer input, .smbbForm li input, .smbbForm .inputContainer textarea, .smbbForm li textarea, .smbbForm .inputContainer select, .smbbForm li select, #attorneyFilterForm .practAreaWrap .selectContainer select, .smbbForm .inputContainer label, .smbbForm li label, .smbbForm .inputContainer.termsContainer, .smbbForm li .termsContainer, .attyLetters .showLetter, header#header #headerMenu a, #content.homePage section#homeHero .homeHeroSlide .heroSlideText h3.lineTwo, #content.homePage section#homeHero .homeHeroSlide .heroSlideText h3.taglineTwo, .sideLinks .sideLinksReveal a .linkText { font-family: 'Montserrat', sans-serif, serif; font-weight: 400; } .bodyText, .metaLinks a .desc, .mainText .articleHead .articleMeta .articleLinks a .desc, .relatedAttys a .desc, div.source .desc, a.theVerdict .desc, .verdictsDisplay ul li .desc, span.theVerdict .desc, .postLink .postText, .shareTools .shareLabel, .ui-dialog-titlebar .ui-button.ui-dialog-titlebar-close .ui-button-text, #pgLightbox .pgLightboxItem .pgCaption, #footerCTA, footer#footer, .theContent, .theContent blockquote .bquoteCredit, #searchResultForm .result .resultCount, #searchResultForm .criteriaSelector .checkboxContainer label, #content.searchResults .postSearchLink a .postExc, #attorneyFilterForm .lettersIntro, #attorneyFilterForm .practAreaWrap .practAreasIntro, #attyMenuSorter .attyLettersWrap .lettersIntro { font-weight: 300; } .pageTextMed, .theHighlight, .highlightLinks a, .mainText .articleHead .articleMeta .articleHighlights a, .postLink .postText .postPract, #content.searchResults .postSearchLink a .postTitleWrap .postType, .metaLinks a .title, .mainText .articleHead .articleMeta .articleLinks a .title, .relatedAttys a .title, div.source .title, .practAreas a, .mainText .theContent > p:first-child, .bioContent.bioBigSix .bioPortrait .bigSixText .bigSixIntro, #content.practAreaContent .practAreaHead .practAreaDesc, #content.attorneyLanding .attySearchDisplay #allResults .postSearchLink a .attyNameWrap .attyName, #footerCTA p { font-weight: 500; } .pageTextBold, .practAreas h3.practAreasTitle, a.theVerdict .super, .verdictsDisplay ul li .super, span.theVerdict .super, .postLink .postText .postTitle, .btnLink, .gform_button, .theContent h2, .theContent h3, .theContent h4, .theContent h5, .theContent h6, .mainText .articleHead .articleMeta .articleDate, .relatedAttys h3, #attyNav a .title, #practNav a .title, #searchResultForm .criteriaSelector .criteriaText, #content.searchResults .postSearchLink a .postTitleWrap .postTitle, #breakingNews #bnBtn, #breakingNews .bnItem a .bnTitle, #breakingNews .bnItem div.bnews .bnTitle, .bodyText strong, .metaLinks a .desc strong, .mainText .articleHead .articleMeta .articleLinks a .desc strong, .relatedAttys a .desc strong, a.theVerdict .desc strong, .verdictsDisplay ul li .desc strong, span.theVerdict .desc strong, .postLink .postText strong, .shareTools .shareLabel strong, .ui-dialog-titlebar .ui-button.ui-dialog-titlebar-close .ui-button-text strong, #pgLightbox .pgLightboxItem .pgCaption strong, #footerCTA strong, footer#footer strong, .theContent strong, .theContent blockquote .bquoteCredit strong, #searchResultForm .result .resultCount strong, #searchResultForm .criteriaSelector .checkboxContainer label strong, #content.searchResults .postSearchLink a .postExc strong, #attorneyFilterForm .lettersIntro strong, #attorneyFilterForm .practAreaWrap .practAreasIntro strong, #attyMenuSorter .attyLettersWrap .lettersIntro strong, .bodyText b, .metaLinks a .desc b, .mainText .articleHead .articleMeta .articleLinks a .desc b, .relatedAttys a .desc b, a.theVerdict .desc b, .verdictsDisplay ul li .desc b, span.theVerdict .desc b, .postLink .postText b, .shareTools .shareLabel b, .ui-dialog-titlebar .ui-button.ui-dialog-titlebar-close .ui-button-text b, #pgLightbox .pgLightboxItem .pgCaption b, #footerCTA b, footer#footer b, .theContent b, .theContent blockquote .bquoteCredit b, #searchResultForm .result .resultCount b, #searchResultForm .criteriaSelector .checkboxContainer label b, #content.searchResults .postSearchLink a .postExc b, #attorneyFilterForm .lettersIntro b, #attorneyFilterForm .practAreaWrap .practAreasIntro b, #attyMenuSorter .attyLettersWrap .lettersIntro b { font-weight: 600; } .fontOswald, .fontOswaldMed, #footerCTA h3, a.theVerdict .settlement, .verdictsDisplay ul li .settlement, span.theVerdict .settlement, .theContent.dropCap > p:first-child::first-letter, #searchResultForm .result h2, .contactContainer .contactContent.theContent h2, #content.homePage section#homeHero .homeHeroSlide .heroSlideText h2.lineOne, #content.homePage section#homeHero .homeHeroSlide .heroSlideText h2.taglineOne { font-family: 'Oswald', sans-serif; font-weight: 400; text-transform: uppercase; } .fontOswaldMed, #footerCTA h3 { font-weight: 500; } .fontEsteban, .theContent blockquote, .aboutNext a .aboutContent .readNext, .bioContent .bioPortrait .bioTitle, .bioContent.bioBigSix .bioPortrait .bioImage .bigSixQuote, #attyNav a .desc, #practNav a .desc, .practLandContainer .practAreaLink a span, #content.attorneyLanding #bigSixAttys .postSearchLink a .attyNameWrap, #content.attorneyLanding #bigSevenAttys .postSearchLink a .attyNameWrap, #content.attorneyLanding #bigSevenAttys .postSearchLink .attyNameWrap, #content.attorneyLanding .attySearchDisplay #allResults .postSearchLink a .attyNameWrap .attyTitle, #content.homePage section#homeBios .homeBioSlide .bioSlideText .bioSlideQuote, #content.homePage section#homeAchievements .homeAchievementsSlide .achievementsSlideText .achievementsSlideQuote, #content.homePage section#homeHero .homeHeroSlide .heroSlideText h2.quote, #content.homePage section#homeHero .homeHeroSlide .heroSlideText h2.byline { font-family: 'Esteban', serif; font-weight: 400; } @font-face { font-family: "Ionicons"; src: url("/wp-content/themes/smbb/fonts/ionicons/ionicons.eot?v=2.0.0"); src: url("/wp-content/themes/smbb/fonts/ionicons/ionicons.eot?v=2.0.0#iefix") format("embedded-opentype"), url("/wp-content/themes/smbb/fonts/ionicons/ionicons.ttf?v=2.0.0") format("truetype"), url("/wp-content/themes/smbb/fonts/ionicons/ionicons.woff?v=2.0.0") format("woff"), url("/wp-content/themes/smbb/fonts/ionicons/ionicons.svg?v=2.0.0#Ionicons") format("svg"); font-weight: normal; font-style: normal; } .fontIonicon, .readMore::after, .followTools, .shareTools .shareLink::before, #pgBar .pgBarContents .pgBarItem .pgUnderPhoto::before, #pgBar .pgBarContents .pgBarItem.isVideo a .imgWrap::after, .ui-dialog-titlebar .ui-button.ui-dialog-titlebar-close::after, #pgLightbox .pgLightboxItem .pgCredit::before, #pgLightbox .slick-arrow::before, .smbbForm .inputContainer.selectContainer::after, .smbbForm li.selectContainer::after, .smbbForm .inputContainer.termsContainer label::before, .smbbForm li.termsContainer label::before, .theContent .questionList li::before, .mainText .articleHead .articleMeta .articleLinks.articleNewsSrc a::after, #searchResultForm .criteriaSelector .checkboxContainer label::before, #attorneyFilterForm .practAreaWrap .selectContainer::after, #breakingNews #bnBtn::before, #breakingNews #bnBtn::after, header#header #headerMenu ul.menu > li.menu-item.menu-item-has-children > a::after, header#header #headerMenu ul.menu > li.menu-item.menuItemHasMegaMenu.menuSearch > a::before, header#header #headerMenu ul.menu > li.menu-item.menuItemHasMegaMenu.menuSearch > a::after, #searchInMenu .searchInputContainer .criteriaSelector::after { font-family: 'Ionicons'; speak: none; } @font-face { font-family: 'simple-line-icons'; src: url('/wp-content/themes/smbb/fonts/simple-line-icons/Simple-Line-Icons.eot?v=2.4.0'); src: url('/wp-content/themes/smbb/fonts/simple-line-icons/Simple-Line-Icons.eot?v=2.4.0#iefix') format('embedded-opentype'), url('/wp-content/themes/smbb/fonts/simple-line-icons/Simple-Line-Icons.woff2?v=2.4.0') format('woff2'), url('/wp-content/themes/smbb/fonts/simple-line-icons/Simple-Line-Icons.ttf?v=2.4.0') format('truetype'), url('/wp-content/themes/smbb/fonts/simple-line-icons/Simple-Line-Icons.woff?v=2.4.0') format('woff'), url('/wp-content/themes/smbb/fonts/simple-line-icons/Simple-Line-Icons.svg?v=2.4.0#simple-line-icons') format('svg'); font-weight: normal; font-style: normal; } .fontSimpleLineIcons, .bioContent .bioPortrait .bioContact a::before, #attyNav a .arrow::before, #practNav a .arrow::before, #content.practAreaContent .practAreaHead #scrollDown::before, #content.practAreaContent .practAreaHead #practBack::before, .sideLinks .sideLinksReveal a .arrow::before { font-family: 'simple-line-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* end settings.scss */ /* resets.scss */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { font-size: 100%; font: inherit; padding: 0; border: 0; margin: 0; vertical-align: baseline; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } .clear { clear: both; } * { margin: 0; padding: 0; border: 0 solid #1d1d1d; } a { color: inherit; text-decoration: none; outline: 0; } ul, ol { list-style: none; } strong { font-weight: bold; } em { font-style: italic; } sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; top: -0.5em; } header, footer, nav, aside { display: block; } html, body, input, textarea, button { font: normal normal normal 100% 'Montserrat', sans-serif, serif; text-align: center; line-height: normal; background: #fff; color: #333; -webkit-text-size-adjust: 100%; } form input, form textarea, form select { box-sizing: border-box; outline: 0; max-width: 100%; border-radius: 0; } form textarea { resize: none; } form input[type="submit"] { font-family: inherit; text-shadow: inherit; text-align: inherit; cursor: pointer; } button { cursor: pointer; } input::-moz-focus-inner, button::-moz-focus-inner, select::-moz-focus-inner, option::-moz-focus-inner { border: 0; } input[type="text"], input[type="email"], input[type="tel"], input[type="search"], input[type="number"], input[type="url"], input[type="submit"], textarea, select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .video-responsive{ overflow:hidden; padding-bottom:56.25%; position:relative; height:0; } .video-responsive iframe{ left:0; top:0; height:100%; width:100%; position:absolute; } .theContent { text-align: left; } .theContent::after { content: ''; display: block; clear: both; } .theContent a { text-decoration: underline; } .theContent a:hover { text-decoration: none; } .theContent p, .theContent ul, .theContent ol, .theContent blockquote, .theContent h1, .theContent h2, .theContent h3, .theContent h4, .theContent h5, .theContent h6 { margin-bottom: 1rem; } .theContent ul { list-style: disc outside; } .theContent ol { list-style: decimal outside; } .theContent li { margin-bottom: 0.5rem; margin-left: 2rem; } .theContent blockquote { color: #666; padding-left: 5%; padding-right: 5%; } .alignleft, .alignright, .aligncenter { display: block; margin: 0, auto, 1rem; max-width: 75%; } .alignleft img, .alignright img, .aligncenter img { max-width: 100%; } .aligncenter { text-align: center; } .aligncenter img, .aligncenter > a { display: inline-block; } .theContent img { height: auto !important; } .wp-caption-text { max-width: 100%; } .wp-caption .wp-caption-text, .gallery-caption, .entry-caption { font-style: italic; margin-bottom: 0; text-align: center; } .embed { position: relative; padding-bottom: 56.25%; height: 0; } .embed iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .smbbLightbox { display: none; } .ui-dialog::after { /* this is needed to prop open the lightbox width, if the interior content isn't already wide enough */ content: ''; display: block; width: 320px; } #mediaQueryDetector { display: none; height: 1px; background: red; } @media screen and (min-width: 700px) { #mediaQueryDetector { height: 2px; background: yellow; } .alignleft { float: left; margin: 0.5rem, 1rem, 0.5rem, 0; } .alignright { float: right; margin: 0.5rem, 0, 0.5rem, 1rem; } .alignleft, .alignright, .aligncenter { max-width: 100%; } .ui-dialog { position: fixed !important; } } @media screen and (min-width: 1010px) { #mediaQueryDetector { height: 3px; background: blue; } } /* end resets.scss */ /* slidernav.scss */ /* styles from this example ("fill-path"): https://tympanus.net/Development/ArrowNavigationStyles/ */ .sliderNav { /* Individual styles */ /*--------------------*/ /* Fillpath (http://www.nizuka.fr/)*/ /*--------------------*/ } .sliderNav nav a { position: absolute; top: 50%; display: block; outline: none; text-align: left; z-index: 1000; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .sliderNav nav a.prev { left: 0; } .sliderNav nav a.next { right: 0; } .sliderNav nav a svg { display: block; margin: 0 auto; padding: 0; } .sliderNav .color-10 { background: #f3cf3f; } .sliderNav .nav-fillpath a { width: 100px; height: 100px; } .sliderNav .nav-fillpath .icon-wrap { position: relative; display: block; width: 100%; height: 100%; } .sliderNav .nav-fillpath a::before, .sliderNav .nav-fillpath a::after, .sliderNav .nav-fillpath .icon-wrap::before, .sliderNav .nav-fillpath .icon-wrap::after { position: absolute; left: 50%; width: 3px; height: 50%; background: #566475; content: ''; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; outline: 1px solid transparent; /* for FF */ } .sliderNav .nav-fillpath .icon-wrap::before, .sliderNav .nav-fillpath .icon-wrap::after { z-index: 100; height: 0; background: #fff; -webkit-transition: height 0.3s, -webkit-transform 0.3s; transition: height 0.3s, transform 0.3s; } .sliderNav .nav-fillpath a::before, .sliderNav .nav-fillpath .icon-wrap::before { top: 50%; -webkit-transform: translateX(-50%) rotate(-135deg); transform: translateX(-50%) rotate(-135deg); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } .sliderNav .nav-fillpath a.next::before, .sliderNav .nav-fillpath a.next .icon-wrap::before { -webkit-transform: translateX(-50%) rotate(135deg); transform: translateX(-50%) rotate(135deg); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } .sliderNav .nav-fillpath a::after, .sliderNav .nav-fillpath .icon-wrap::after { top: 50%; -webkit-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotate(-45deg); -webkit-transform-origin: 0 0; transform-origin: 0 0; } .sliderNav .nav-fillpath a.next::after, .sliderNav .nav-fillpath a.next .icon-wrap::after { -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; } .sliderNav .nav-fillpath h3 { position: absolute; top: 50%; margin: 0; color: #fff; text-transform: uppercase; font-weight: 300; font-size: 0.85em; opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; } .sliderNav .nav-fillpath a.prev h3 { left: 100%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } .sliderNav .nav-fillpath a.next h3 { right: 100%; text-align: right; -webkit-transform: translateY(-50%) translateX(50%); transform: translateY(-50%) translateX(50%); } .sliderNav .nav-fillpath a:hover .icon-wrap::before, .sliderNav .nav-fillpath a:hover .icon-wrap::after { height: 50%; } .sliderNav .nav-fillpath a:hover::before, .sliderNav .nav-fillpath a:hover .icon-wrap::before { -webkit-transform: translateX(-50%) rotate(-125deg); transform: translateX(-50%) rotate(-125deg); } .sliderNav .nav-fillpath a.next:hover::before, .sliderNav .nav-fillpath a.next:hover .icon-wrap::before { -webkit-transform: translateX(-50%) rotate(125deg); transform: translateX(-50%) rotate(125deg); } .sliderNav .nav-fillpath a:hover::after, .sliderNav .nav-fillpath a:hover .icon-wrap::after { -webkit-transform: translateX(-50%) rotate(-55deg); transform: translateX(-50%) rotate(-55deg); } .sliderNav .nav-fillpath a.next:hover::after, .sliderNav .nav-fillpath a.next:hover .icon-wrap::after { -webkit-transform: translateX(-50%) rotate(55deg); transform: translateX(-50%) rotate(55deg); } .sliderNav .nav-fillpath a:hover h3 { opacity: 1; -webkit-transform: translateY(-50%) translateX(0); transform: translateY(-50%) translateX(0); } /* end slidernav.scss */ /* design.scss */ * { box-sizing: border-box; outline: 0; } input[type="search"]::-webkit-search-cancel-button { display: none; } html, body, input, textarea, button { color: #1d1d1d; } button { outline: 0; } ::selection { background: #dadada; } ::-moz-selection { background: #dadada; } .screen-reader-text { position: absolute; overflow: hidden; clip: rect(0, 1px, 1px, 0); } .containWidth, header#header #headerMenu { margin: 0 auto; max-width: 950px; } #wrapper { overflow: hidden; } header#header, section#content, #footerCTA, footer#footer { position: relative; z-index: 100; } header#header { z-index: 1000; } .hasStickyNav .stickyNav { position: relative; top: 0; left: 0; right: 0; padding: 0; z-index: 100; } .hasStickyNav.isStuck .stickyNav { position: fixed; padding: 0 1.125rem; } .linkStyle, .theContent a, #content.searchResults .postSearchLink a .postTitleWrap .postTitle { color: #ed3226; text-decoration: none; background-color: transparent; border-bottom: 1px solid #dadada; transition: all 0.3s; } .linkHover, .theContent a:hover, #content.searchResults .postSearchLink a:hover .postTitleWrap .postTitle { background-color: #efefef; border-bottom-color: #ed3226; } .theHighlight, .highlightLinks a, .mainText .articleHead .articleMeta .articleHighlights a, .postLink .postText .postPract, #content.searchResults .postSearchLink a .postTitleWrap .postType { color: #fff; font-size: 0.875rem; line-height: 1.125rem; text-align: center; display: inline-block; margin-right: 0.625rem; margin-bottom: 0.625rem; padding: 0.375rem 0.75rem; background-color: #7a7a7a; transition: background-color 0.3s; } .theHighlightHover, .highlightLinks a:hover, .mainText .articleHead .articleMeta .articleHighlights a:hover { background-color: #cb170c; } .highlightLinks, .mainText .articleHead .articleMeta .articleHighlights { margin: 1.5rem 0; } .highlightLinks li, .mainText .articleHead .articleMeta .articleHighlights li { display: inline-block; } .readMore { color: #ed3226; font-size: 1rem; line-height: 1.25rem; display: inline-block !important; position: relative; } .readMore::after { content: '\f3d6'; font-size: 1.5rem; line-height: 1; display: inline-block; padding-left: 1rem; vertical-align: middle; position: absolute; top: 0; left: 100%; margin-top: -1px; } .readMoreNo { color: #ed3226; font-size: 1rem; line-height: 1.25rem; display: inline-block !important; position: relative; } a.readMore { border-bottom: 1px solid transparent; transition: border-color 0.3s; } a.readMore:hover { border-color: #ed3226; } .metaLinks ul, .mainText .articleHead .articleMeta .articleLinks ul, .relatedAttys ul { list-style: none; } .metaLinks li, .mainText .articleHead .articleMeta .articleLinks li, .relatedAttys li { display: inline-block; margin: 0; } .metaLinks li::before, .mainText .articleHead .articleMeta .articleLinks li::before, .relatedAttys li::before { content: '' !important; display: none !important; } .metaLinks a, .mainText .articleHead .articleMeta .articleLinks a, .relatedAttys a { display: inline-block; margin-right: 0.625rem; margin-bottom: 0.625rem; height: 3.25rem; position: relative; padding: 0.625rem 0.75rem; line-height: 1.3; border: 1px solid #dadada; -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2); -mox-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2); background-color: #fff; text-align: center; font-size: 0.75rem; color: #4a4a4a; transition: all 0.3s; } .articleLinks div.source { display: inline-block; margin-right: 0.625rem; margin-bottom: 0.625rem; height: 3.25rem; position: relative; padding: 0.625rem 0.75rem; line-height: 1.3; border: 1px solid #dadada; -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2); -mox-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2); background-color: #fff; text-align: center; font-size: 0.75rem; color: #4a4a4a; transition: all 0.3s; } .metaLinks a:hover, .mainText .articleHead .articleMeta .articleLinks a:hover, .relatedAttys a:hover { border-color: #dadada; background-color: #efefef; -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2); -mox-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2); } .metaLinks a *, .mainText .articleHead .articleMeta .articleLinks a *, .relatedAttys a * { display: none; } .metaLinks a .title, .mainText .articleHead .articleMeta .articleLinks a .title, .relatedAttys a .title, div.source .title { display: block; } .metaLinks a .desc, .mainText .articleHead .articleMeta .articleLinks a .desc, .relatedAttys a .desc, div.source .desc { display: block; } .metaLinks a img, .mainText .articleHead .articleMeta .articleLinks a img, .relatedAttys a img { display: none; } .practAreas { margin: 2rem 1.25rem 1.25rem; border-top: 2px solid #000; border-bottom: 2px solid #000; text-align: center; } .practAreas h3.practAreasTitle { padding: 1.25rem 0; margin: 0; text-transform: uppercase; font-size: 1rem; line-height: 1.25rem; color: #000; } .practAreas ul { margin: 0 auto 1.875rem; max-width: 21.25rem; list-style: none; } .practAreas li { margin: 0; } .practAreas li::before { content: '' !important; display: none !important; } .practAreas a { font-size: 1rem; line-height: 1.25rem; display: block; padding: 1.25rem 0.5rem; margin: 0 0.5rem 0.625rem; background-color: transparent; color: #1d1d1d; border-top: 4px solid #000; border-bottom: 0; -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.2); -mox-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.2); transition: all 0.3s; } .practAreas a:hover { background-color: #efefef; border-color: #ed3226; -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2); -mox-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2); } .practAreas:last-child { margin-bottom: 2.625rem; } a.theVerdict, div.theVerdict, span.theVerdict { color: #000; font-size: 1rem; line-height: 1.25rem; text-align: left; display: block; background-color: #fff; border-top: 4px solid #ed3226; border-bottom: 0; -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.2); -mox-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.2); transition: all 0.3s; margin-right: 0.5rem; margin-bottom: 1.875rem; padding: 0.875rem 1rem; transition: border-color 0.3s, background-color 0.3s, box-shadow 0.3s; } a.theVerdict:hover, div.theVerdict:hover, span.theVerdict:hover { border-color: #000; background-color: #efefef; -webkit-box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.2); -mox-box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.2); } a.theVerdict > *, div.theVerdict > *, span.theVerdict > * { display: block; } a.theVerdict .settlement, .verdictsDisplay ul li .settlement, div.theVerdict .settlement, span.theVerdict .settlement { color: #ed3226; font-size: 1.75rem; line-height: 2.8125rem; padding-top: 0.5rem; cursor: pointer; } a.theVerdict .super, .verdictsDisplay ul li .super, div.theVerdict .super, span.theVerdict .super { font-size: 0.6875rem; line-height: 0.75rem; text-transform: uppercase; display: block; } a.theVerdict .super + .settlement, .verdictsDisplay ul li .super + .settlement, div.theVerdict .super + .settlement, span.theVerdict .super + .settlement { padding-top: 0.125rem; } a.theVerdict .desc, .verdictsDisplay ul li .desc, div.theVerdict .desc, span.theVerdict .desc { font-size: 0.875rem; margin-bottom: 0.5rem; } .verdictsDisplay ul { margin: 1.75rem 0; text-align: center; } .verdictsDisplay li { margin: 0; display: inline-block; } .verdictsDisplay li::before { content: '' !important; display: none !important; } .verdictsDisplay a.theVerdict, .verdictsDisplay .theVerdict, .verdictsDisplay span.theVerdict { max-width: 16.25rem; min-height: 14.8125rem; } .landing-page-v2 .verdictsDisplay.icons li { text-align: center; padding:20px; } .landing-page-v2 .verdictsDisplay.icons li img { width:90%; max-width:150px; } .postLink { display: block; width: 100%; max-width: 18.5rem; margin-right: 0.625rem; padding-bottom: 0.625rem; } .postLink a { display: block; background-color: #fff; -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.2); -mox-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.2); transition: background-color 0.3s, box-shadow 0.3s; border-top: 1px solid rgba(0, 0, 0, 0.2); } .postLink a:hover { background-color: #efefef; -webkit-box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.2); -mox-box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.2); } .postLink * { display: block; } .postLink .postImg { height: 0; padding-bottom: 58%; background-size: cover; background-position: center center; background-repeat: no-repeat; } .postLink .postText { padding: 1.5rem; text-align: left; } .postLink .postText .postDate { color: #7a7a7a; font-size: 0.75rem; line-height: 1rem; margin-bottom: 0.75rem; } .postLink .postText .postTitle { font-size: 1.125rem; line-height: 1.625rem; padding: 0.25rem 0 1rem; border-bottom: 1px solid #ed3226; margin-bottom: 0.875rem; } .postLink .postText .postExcerpt { font-size: 1.125rem; line-height: 1.75rem; margin-bottom: 1.125rem; } .masonryGridSizer { opacity: 0; height: 0; width: 100%; max-width: 18.5rem; } .masonry { margin-left: auto !important; margin-right: auto !important; } .masonry .postLink { margin-right: 0; } .allPostsWrap { position: relative; } .allPostsWrap::after { content: ''; display: block; position: absolute; top: 100%; left: 0; right: 0; height: 1rem; margin-top: 2rem; background-image: url('/wp-content/themes/smbb/images/smbb-ajax-loader.gif'); background-position: center center; background-repeat: no-repeat; opacity: 0; transition: opacity 0.3s; } .allPostsWrap.loading::after { opacity: 1; } .shareTools .shareLabel { font-size: 0.75rem; line-height: 1rem; display: block; margin-bottom: 0.25rem; } .shareTools li { display: inline-block; } .shareTools .shareLink { display: inline-block; overflow: hidden; position: relative; width: 2.5rem; height: 2.5rem; margin-bottom: 1.5rem; text-indent: -999999px; overflow: hidden; border: 1px solid #1d1d1d; -webkit-border-radius: 1.25rem; -moz-border-radius: 1.25rem; border-radius: 1.25rem; margin-right: 0.625rem; background-color: transparent; transition: background-color 0.3s; } .shareTools .shareLink::before { content: 'X'; text-indent: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 1.25rem; line-height: 2.5rem; text-align: center; transition: color 0.3s; } .shareTools .shareLink:hover { background-color: #1d1d1d; } .shareTools .shareLink:hover::before { color: #fff; } .shareTools .shareLink.shareFb::before { content: '\f231'; } .shareTools .shareLink.shareLi::before { content: '\f239'; } .shareTools .shareLink.shareTw::before { content: '\f243'; } .shareTools .shareLink.shareEm::before { content: '\f423'; } .followTools li { display: inline-block; } .followTools .followLink { display: inline-block; overflow: hidden; position: relative; width: 2.5rem; height: 2.5rem; margin-bottom: 0; text-indent: -999999px; overflow: hidden; background-color: transparent; transition: background-color 0.3s; } .followTools .followLink::before { text-indent: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 1.25rem; line-height: 2.5rem; text-align: center; transition: color 0.3s; } .followTools .followLink:hover { color: #ed3226; } .followTools .followLink:hover::before { color: #ed3226; } .followTools .followLink.shareFb::before { content: '\f231'; } .followTools .followLink.shareLi::before { content: '\f239'; } .followTools .followLink.shareTw::before { content: '\f243'; } .followTools .followLink.shareGp::before { content: '\f235'; } .followTools .followLink.shareYt::before { content: '\f24d'; } .btnLink, .gform_button { text-transform: uppercase; color: #fff; border: 1px solid #ed3226 !important; display: inline-block; text-align: center; font-size: 14px; line-height: 1.125rem; min-width: 12.5rem; padding: 1rem 0.5rem; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; position: relative; z-index: 0; } .btnLink::before, .btnLink::after, .gform_button::before, .gform_button::after { content: ''; display: block; position: absolute; top: 0; left: 0; height: 100%; } .btnLink::before, .gform_button::before { z-index: -10; background-color: #ed3226; width: 100%; } .btnLink::after, .gform_button::after { z-index: -1; width: 0; background-color: #cb170c; transition: all 0.3s; } .btnLink:hover::after, .btnLink:focus::after, .gform_button:hover::after, .gform_button:focus::after { width: 100%; } body.pageLoaded .btnLink, body.pageLoader .gform_button { transition: color 0.3s; } input.btnLink, input.gform_button { background-color: #ed3226; transition: all 0.3s; text-align: center !important; } input.btnLink:hover, input.btnLink:focus, input.gform_button:hover, input.gform_button:focus { background-color: #cb170c; } .validation_error { font-weight: bold; padding-bottom: 15px; color: red; } .validation_message { border-top: 1px solid #dadada; background: red; padding-left: 20px; color: white; padding-top: 5px; padding-bottom: 5px; } .slick-dots { text-align: center; position: absolute; left: 0; right: 0; bottom: 1rem; } .slick-dots li { display: inline-block; margin: 0 0.25rem !important; padding: 0 !important; position: relative; width: 1rem; height: 1rem; font-size: 0.5rem !important; line-height: 1 !important; } .slick-dots li button { display: inline-block; text-indent: -99999px; overflow: hidden; background-color: transparent; width: 1rem; height: 1rem; } .slick-dots li button::before { content: ''; display: block; position: absolute; top: 50%; left: 50%; margin: -0.25rem 0 0 -0.25rem; width: 0.5rem; height: 0.5rem; line-height: 0.5rem; -webkit-border-radius: 0.25rem; -moz-border-radius: 0.25rem; border-radius: 0.25rem; background-color: #b0b0b0; transition: background-color 0.3s; } .slick-dots li.slick-active button::before, .slick-dots li:hover button::before { background-color: #ed3226; } #homeAchievementsSlider .slick-dots { text-align: center; position: absolute; left: 0; right: 0; bottom: 1rem; } #homeAchievementsSlider .slick-dots li { display: inline-block; margin: 0 0.25rem !important; padding: 0 !important; position: relative; width: 1rem; height: 1rem; font-size: 0.5rem !important; line-height: 1 !important; } #homeAchievementsSlider .slick-dots li button { display: inline-block; text-indent: -99999px; overflow: hidden; background-color: transparent; width: 1rem; height: 1rem; } #homeAchievementsSlider .slick-dots li button::before { content: ''; display: block; position: absolute; top: 50%; left: 50%; margin: -0.25rem 0 0 -0.25rem; width: 0.5rem; height: 0.5rem; line-height: 0.5rem; -webkit-border-radius: 0.25rem; -moz-border-radius: 0.25rem; border-radius: 0.25rem; background-color: #ffffff; transition: background-color 0.3s; } #homeAchievementsSlider .slick-dots li.slick-active button::before, #homeAchievementsSlider .slick-dots li:hover button::before { background-color: #b0b0b0; } .sliderNav nav a.prev { margin-left: -36px; } .sliderNav nav a.next { margin-right: -36px; } .sliderNav .nav-fillpath a::before, .sliderNav .nav-fillpath a::after { background: #dadada; } .sliderNav .nav-fillpath .icon-wrap::before, .sliderNav .nav-fillpath .icon-wrap::after { background: #fff; } .sliderNav .nav-fillpath h3 { font-size: 0.75rem; } .sliderNav .nav-fillpath a.prev h3 { left: 90%; white-space: nowrap; } .sliderNav .nav-fillpath a.next h3 { rignt: 90%; white-space: nowrap; } #pgBar { margin: 2.375rem 0; padding: 2.375rem 0 3.375rem; background: #efefef; position: relative; } #pgBar ul { margin-bottom: 0; } #pgBar ul li { margin: 0; } #pgBar ul li::before { display: none; } #pgBar .pgBarContents .slick-list { overflow: visible !important; } #pgBar .pgBarContents .pgBarItem { color: #7a7a7a; font-size: 0.75rem; line-height: 1rem; margin-right: 1.25rem; } #pgBar .pgBarContents .pgBarItem a { color: inherit; border: 0; background-color: transparent; } #pgBar .pgBarContents .pgBarItem img { height: 10rem !important; width: auto; } #pgBar .pgBarContents .pgBarItem .imgWrap { display: block; } #pgBar .pgBarContents .pgBarItem .pgUnderPhoto { display: block; position: relative; padding-left: 1.5rem; padding-top: 0.75rem; } #pgBar .pgBarContents .pgBarItem .pgUnderPhoto::before { content: '\f2d3'; display: block; position: absolute; top: 0.75rem; left: 0; margin-top: -1px; font-size: 1.0625rem; line-height: 1; color: #b0b0b0; } #pgBar .pgBarContents .pgBarItem .pgUnderPhoto span { display: inline-block; } #pgBar .pgBarContents .pgBarItem .pgCaption { display: none; } #pgBar .pgBarContents .pgBarItem.isVideo a .imgWrap { position: relative; } #pgBar .pgBarContents .pgBarItem.isVideo a .imgWrap::before { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; background-color: rgba(0, 0, 0, 0.5); transition: background-color 0.3s; } #pgBar .pgBarContents .pgBarItem.isVideo a .imgWrap::after { content: '\f24d'; display: block; position: absolute; top: 50%; left: 50%; z-index: 20; height: 5rem; width: 5rem; margin-top: -2.5rem; margin-left: -2.5rem; line-height: 5rem; text-align: center; font-size: 4.375rem; color: #efefef; transition: color 0.3s; } #pgBar .pgBarContents .pgBarItem.isVideo a:hover .imgWrap::before { background-color: rgba(0, 0, 0, 0.4); } #pgBar .pgBarContents .pgBarItem.isVideo a:hover .imgWrap::after { color: #fff; } #pgBar .pgBarContents .pgBarItem.isPhoto a .imgWrap { position: relative; } #pgBar .pgBarContents .pgBarItem.isPhoto a .imgWrap::before { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; background-color: rgba(239, 239, 239, 0); transition: background-color 0.3s; } #pgBar .pgBarContents .pgBarItem.isPhoto a:hover .imgWrap::before { background-color: rgba(239, 239, 239, 0.1); } #pgBar .pgBarContents .pgBarItem .pgUnderPhoto p { margin: 0; } .ui-dialog { background: transparent; -webkit-box-shadow: none; -mox-box-shadow: none; box-shadow: none; } .ui-dialog .ui-resizable-handle { display: none; } .ui-dialog-titlebar { background: transparent; border: 0; height: 4rem; position: relative; } .ui-dialog-titlebar .ui-button.ui-dialog-titlebar-close { top: auto; bottom: 1rem; width: auto; height: 2.25rem; transform: none !important; margin-right: 2.625rem; color: #fff !important; opacity: 0.75; transition: opacity 0.3s; } .ui-dialog-titlebar .ui-button.ui-dialog-titlebar-close:hover { opacity: 1; } .ui-dialog-titlebar .ui-button.ui-dialog-titlebar-close::before { display: none; } .ui-dialog-titlebar .ui-button.ui-dialog-titlebar-close::after { content: '\f128'; font-size: 1.75rem; display: inline-block; padding-left: 0.625rem; height: 2.25rem; line-height: 2.25rem; vertical-align: bottom; } .ui-dialog-titlebar .ui-button.ui-dialog-titlebar-close .ui-button-text { font-size: 0.875rem; display: inline-block; font-size: 0.875rem; line-height: 2.25rem; } .ui-widget-overlay { opacity: 0.85; } #pgLightbox { width: 98vw; padding: 0 8vw; position: relative; overflow: hidden; } #pgLightbox .pgLightboxItem { width: 82vw; margin: 0 0.5rem; height: 86vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #pgLightbox .pgLightboxItem .imgWrap, #pgLightbox .pgLightboxItem .vidWrap { display: block; } #pgLightbox .pgLightboxItem img { width: 100%; height: auto; } #pgLightbox .pgLightboxItem .pgCredit, #pgLightbox .pgLightboxItem .pgCaption { display: block; color: #fff; text-align: left; } #pgLightbox .pgLightboxItem .pgCredit { position: relative; padding-left: 1.5rem; padding-top: 0.75rem; font-size: 0.75rem; line-height: 1rem; margin-bottom: 1rem; } #pgLightbox .pgLightboxItem .pgCredit::before { content: '\f2d3'; display: block; position: absolute; top: 0.75rem; left: 0; margin-top: -1px; font-size: 1.0625rem; line-height: 1; } #pgLightbox .pgLightboxItem .pgCaption { font-size: 1rem; line-height: 1.625rem; max-height: 50vh; min-height: 3rem !important; overflow: auto; } #pgLightbox .pgLightboxItem .pgCaption.scrollbar-inner.scroll-scrolly_visible { padding-right: 16px; } #pgLightbox .pgLightboxItem .pgCaption.scrollbar-inner > .scroll-element.scroll-y { right: 0; width: 10px; } #pgLightbox .pgLightboxItem .pgCaption.scrollbar-inner > .scroll-element.scroll-y div { left: auto; right: 0; } #pgLightbox .pgLightboxItem .pgCaption.scrollbar-inner > .scroll-element.scroll-y .scroll-element_outer, #pgLightbox .pgLightboxItem .pgCaption.scrollbar-inner > .scroll-element.scroll-y .scroll-element_track, #pgLightbox .pgLightboxItem .pgCaption.scrollbar-inner > .scroll-element.scroll-y .scroll-bar { -webkit-border-radius: 2.5px; -moz-border-radius: 2.5px; border-radius: 2.5px; opacity: 1; } #pgLightbox .pgLightboxItem .pgCaption.scrollbar-inner > .scroll-element.scroll-y .scroll-element_outer { width: 5px; transition: width 0.3s; } #pgLightbox .pgLightboxItem .pgCaption.scrollbar-inner > .scroll-element.scroll-y .scroll-element_track { background-color: #4a4a4a; } #pgLightbox .pgLightboxItem .pgCaption.scrollbar-inner > .scroll-element.scroll-y .scroll-bar { background-color: #dadada; height: 3rem; } #pgLightbox .pgLightboxItem .pgCaption:hover.scrollbar-inner > .scroll-element.scroll-y.scroll-scrolly_visible .scroll-element_outer { width: 10px; } #pgLightbox .pgLightboxItem.isVideo .vidWrap { position: relative; padding-bottom: 56.25%; height: 0; } #pgLightbox .pgLightboxItem.isVideo .vidWrap iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } #pgLightbox .pgLightboxItem.isVideo .vidWrap::before { content: ''; display: block; position: absolute; width: 128px; height: 15px; top: 50%; left: 50%; margin: -7px 0 0 -64px; background-image: url('/wp-content/themes/smbb/images/smbb-ajax-loader-transparent.gif'); background-position: center center; background-repeat: no-repeat; } #pgLightbox .slick-arrow { background: transparent; position: absolute; top: 50%; right: 100%; margin-right: 0.125rem; width: 1.5rem; height: 6rem; margin-top: -3rem; } #pgLightbox .slick-arrow::before { content: '\f3cf'; color: rgba(255, 255, 255, 0.2); font-size: 3.75rem; line-height: 6rem; position: absolute; top: 0; right: 0; bottom: 0; left: 0; text-align: left; transition: color 0.3s; } #pgLightbox .slick-arrow span { position: absolute; clip: rect(0, 1px, 1px, 0); overflow: hidden; } #pgLightbox .slick-arrow.slick-next { left: 100%; margin-left: 0.125rem; right: auto; margin-right: 0; } #pgLightbox .slick-arrow.slick-next::before { content: '\f3d1'; text-align: right; } #pgLightbox .slick-arrow:hover::before { color: rgba(255, 255, 255, 0.5); } .smbbInput, form.search-form input[type="search"], .smbbForm .inputContainer input, .smbbForm li input, .smbbForm .inputContainer textarea, .smbbForm li textarea, .smbbForm .inputContainer select, .smbbForm li select, #attorneyFilterForm .practAreaWrap .selectContainer select { font-size: 1.125rem; line-height: 1.5rem; color: #1d1d1d; background: transparent; border: 1px solid #dadada; display: block; padding: 1.125rem 1.125rem 1rem; text-align: left; width: 100%; position: relative; z-index: 10; } .gform_hidden { display: none !important; } .smbbInputFocus, form.search-form input[type="search"]:focus { border-color: #000; } ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #1d1d1d; opacity: 1; /* Firefox */ } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #1d1d1d; } ::-ms-input-placeholder { /* Microsoft Edge */ color: #1d1d1d; } form.search-form input[type="search"] { width: 100%; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding-top: 0.9375rem; padding-bottom: 0.6875rem; } .smbbForm { display: block; max-width: 31rem; margin: 0 auto; } .smbbForm2 { display: block; max-width: 100%; margin: 0 auto; } .smbbForm .inputContainer, .smbbForm li { display: block; width: 100%; margin-bottom: 1.125rem; position: relative; border: 1px solid #dadada; margin-left: 0; } .smbbForm li.gfield_html, #field_2_17, #field_1_13, #field_3_13 { display: block; width: 100%; margin-bottom: 1.125rem; position: relative; border: none; margin-left: 0; } .smbbForm .inputContainer input, .smbbForm li input, .smbbForm .inputContainer textarea, .smbbForm li textarea, .smbbForm .inputContainer select, .smbbForm li select { border: 0; } .smbbForm .inputContainer textarea, .smbbForm li textarea { height: 10.25rem; vertical-align: top; margin-top: 0; } .smbbForm .inputContainer label, .smbbForm li label { color: #efefef; font-size: 0.6875rem; line-height: 1.125rem; padding: 0 1.25rem; background: #000; display: block; position: absolute; top: 0; left: 0; right: 0; opacity: 0; } .smbbForm .inputContainer.selectContainer::after, .smbbForm li.selectContainer::after { content: '\f35f'; color: #1d1d1d; font-size: 1.5rem; display: block; position: absolute; top: 50%; margin-top: -0.75rem; right: 1.5rem; height: 1.5rem; opacity: 1; transition: opacity 0.3s; } .smbbForm .inputContainer.selectContainer.selectChanged::after, .smbbForm li.selectContainer.selectChanged::after { opacity: 0 !important; } .smbbForm .inputContainer.focused, .smbbForm li.focused { border-color: #000; } .smbbForm .inputContainer.focused input, .smbbForm li.focused input, .smbbForm .inputContainer.focused textarea, .smbbForm li.focused textarea { padding-top: 1.625rem; padding-bottom: 0.5rem; } .smbbForm .inputContainer.focused textarea, .smbbForm li.focused textarea { padding-top: 0; margin-top: 1.625rem; height: 8.625rem; } .smbbForm .inputContainer.focused label, .smbbForm li.focused label { opacity: 1; } .smbbForm .inputContainer.focused.selectContainer label, .smbbForm li.focused.selectContainer label { opacity: 0; } .smbbForm .inputContainer.focused.selectContainer::after, .smbbForm li.focused.selectContainer::after { opacity: 1; } .smbbForm .inputContainer.termsContainer, .smbbForm li.termsContainer { border: 0; padding-left: 1.75rem; font-size: 0.875rem; line-height: 1.125rem; } .smbbForm .inputContainer.termsContainer input, .smbbForm li.termsContainer input { display: none; } .smbbForm .inputContainer.termsContainer label, .smbbForm li.termsContainer label { display: block; position: absolute; top: -0.5rem; left: -0.5rem; height: 2.125rem; width: 2.125rem; padding: 0; opacity: 1; text-indent: -99999999px; overflow: hidden; background-color: transparent; cursor: pointer; } .smbbForm .inputContainer.termsContainer label::before, .smbbForm li.termsContainer label::before { content: '\f372'; color: #b0b0b0; font-size: 1.125rem; text-indent: 0; display: block; position: absolute; top: 0.5rem; right: 0; bottom: 0; left: 0.5rem; padding-left: 0.125rem; } .smbbForm .inputContainer.termsContainer input:checked + label::before, .smbbForm li.termsContainer input:checked + label::before { content: '\f374'; color: #4a4a4a; } .smbbForm .buttonContainer, .smbbForm .gform_footer { display: block; padding: 0.75rem 0 2.125rem; text-align: center; } body.pageLoaded .smbbInput, body.pageLoaded form.search-form input[type="search"], form.search-form body.pageLoaded input[type="search"], body.pageLoaded .smbbForm .inputContainer input, body.pageLoaded .smbbForm li input, .smbbForm .inputContainer body.pageLoaded input, .smbbForm li body.pageLoaded input, body.pageLoaded .smbbForm .inputContainer textarea, body.pageLoaded .smbbForm li textarea, .smbbForm .inputContainer body.pageLoaded textarea, .smbbForm li body.pageLoaded textarea, body.pageLoaded .smbbForm .inputContainer select, body.pageLoaded .smbbForm li select, .smbbForm .inputContainer body.pageLoaded select, .smbbForm li body.pageLoaded select, body.pageLoaded #attorneyFilterForm .practAreaWrap .selectContainer select, #attorneyFilterForm .practAreaWrap .selectContainer body.pageLoaded select { transition: all 0.3s; } body.pageLoaded .smbbForm .inputContainer, body.pageLoaded .smbbForm li { transition: border-color 0.3s; } body.pageLoaded .smbbForm .inputContainer label, body.pageLoaded .smbbForm li label { transition: opacity 0.3s; } body.pageLoaded .smbbForm li.captcha { border:0; } .attyLetters { text-align: left; display: block; margin: 0 -0.125rem; line-height: 2.75rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .attyLetters input { display: none; } .attyLetters .showLetter { font-size: 2.25rem; line-height: 1; padding: 0 0.125rem; display: inline-block; color: #dadada; } .attyLetters .showLetter label { color: #ed3226; cursor: pointer; padding: 0 0.25rem; } .attyLetters .showLetter.disabled { padding: 0 0.25rem; cursor: default; } .clearAll { color: #b0b0b0; } .filterForm.boxChecked .clearAll { color: #ed3226; cursor: pointer; } .filterForm.boxChecked .attyLetters .showLetter label { color: #4a4a4a; } .filterForm.boxChecked .attyLetters .showLetter input:checked + label { color: #ed3226; } .horizScroll { position: relative; } .horizScroll::before, .horizScroll::after { content: ''; display: block; position: absolute; top: 0; bottom: 0; width: 2.375rem; z-index: 1; } .horizScroll::before { left: 0; background: linear-gradient(to right, #fff 0, #fff 10%, rgba(255, 255, 255, 0)); } .horizScroll::after { right: 0; background: linear-gradient(to left, #fff 0, #fff 10%, rgba(255, 255, 255, 0)); } .horizScroll .scrollTrack { padding-left: 2.375rem; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; } .horizScroll .scrollTrack::-webkit-scrollbar { display: none; } .horizScroll .scrollTrack::after, .horizScroll .scrollTrack > * { display: inline-block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .horizScroll .scrollTrack::after { content: ''; width: 2.375rem; } #attyMenuList .scrollbar-inner > .scroll-element.scroll-y { height: 13.75rem; right: 0; width: 16px; } #attyMenuList .scrollbar-inner > .scroll-element.scroll-y .scroll-element_outer, #attyMenuList .scrollbar-inner > .scroll-element.scroll-y .scroll-element_track, #attyMenuList .scrollbar-inner > .scroll-element.scroll-y .scroll-bar { -webkit-border-radius: 2.5px; -moz-border-radius: 2.5px; border-radius: 2.5px; opacity: 1; } #attyMenuList .scrollbar-inner > .scroll-element.scroll-y .scroll-element_outer { width: 5px; transition: width 0.3s; } #attyMenuList .scrollbar-inner > .scroll-element.scroll-y .scroll-element_track { background-color: #dadada; } #attyMenuList .scrollbar-inner > .scroll-element.scroll-y .scroll-bar { background-color: #ed3226; } #attyMenuList:hover .scrollbar-inner > .scroll-element.scroll-y .scroll-element_outer { width: 10px; } #menuPractice #menuPracticeScroll { overflow: hidden !important; } #menuPractice .scroll-wrapper > .scroll-element.scroll-y { display: none !important; } #menuPractice .scrollbar-outer > .scroll-element.scroll-x { height: 10px; background-color: transparent; } #menuPractice .scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer, #menuPractice .scrollbar-outer > .scroll-element.scroll-x .scroll-element_track, #menuPractice .scrollbar-outer > .scroll-element.scroll-x .scroll-bar { -webkit-border-radius: 2.5px; -moz-border-radius: 2.5px; border-radius: 2.5px; opacity: 1; } #menuPractice .scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer { height: 5px; transition: height 0.3s; top: 0; } #menuPractice .scrollbar-outer > .scroll-element.scroll-x .scroll-element_track { background-color: #dadada; } #menuPractice .scrollbar-outer > .scroll-element.scroll-x .scroll-bar { background-color: #ed3226; } #menuPractice .megaMenuContent:hover .scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer { height: 10px; } #bigSixScroll { padding-bottom: 2.5rem; } #bigSixScroll #bigSixScrollInner .scrollTrack { width: 37rem; } #bigSixScroll #bigSixScrollbar { position: absolute; left: 1rem; right: 1rem; bottom: 1.5rem; width: auto; height: 12px; display: none; opacity: 0; transition: opacity 0.3s; } #bigSixScroll #bigSixScrollbar.scroll-scrollx_visible { display: block; } #bigSixScroll #bigSixScrollbar .scroll-element_outer, #bigSixScroll #bigSixScrollbar .scroll-element_track, #bigSixScroll #bigSixScrollbar .scroll-bar { position: absolute; left: 0; top: 0; height: 100%; width: 100%; opacity: 1; height: 10px; -webkit-border-radius: 2.5px; -moz-border-radius: 2.5px; border-radius: 2.5px; } #bigSixScroll #bigSixScrollbar .scroll-element_outer { height: 10px; } #bigSixScroll #bigSixScrollbar .scroll-element_track { background-color: #dadada; } #bigSixScroll #bigSixScrollbar .scroll-bar { background-color: #ed3226; width: 33%; z-index: 12; } #bigSixScroll:hover #bigSixScrollbar { opacity: 1; } .paneSwitcher a, .paneSwitcher > span { color: #000; transition: color 0.3s, background-color 0.3s; } .paneSwitcher a:hover, .paneSwitcher > span:hover { color: #ed3226; } .paneSwitcher a.paneActive, .paneSwitcher a.paneActive + span { color: #ed3226; cursor: default; } .paneWrap { max-height: 250rem; transition: max-height 0.3s; overflow: hidden; } .paneWrap::after { content: ''; display: block; clear: both; } .pane { min-height: 15rem; float: right; clear: none; margin-left: -100%; width: 100%; position: relative; z-index: 0; opacity: 0; transition: all 0.1s; } .pane.paneActive { opacity: 1; z-index: 20; transition: all 0.3s; } h1, .h1, h2 { font-size: 1rem; font-weight: bold; } h3 { font-size: 1rem; font-weight: normal; } h4, h5 { font-size: 0.83rem; text-transform: uppercase; } h6 { font-size: 0.67rem; color: #999; text-transform: uppercase; } header#header { background-color: #fff; } header#header #branding { padding: 1rem; position: relative; background-color: #fff; border-bottom: 1px solid #dadada; } header#header #branding #siteTitle a { display: block; width: 75%; height:95px; max-width: 15.3125rem; text-indent: -9999999px; overflow: hidden; background-image: url('/wp-content/themes/smbb/images/SMB.svg'); background-position: center center; background-size: contain; background-repeat: no-repeat; } .landing-page-v2 header#header #branding #siteTitle a { margin:0 auto; } header#header #branding #siteTitle a::before { content: ''; display: inline-block; height: 0; padding: 0 0 16% 16%; } header#header #topBtns { background-color: #efefef; width: 100%; } header#header #topBtns .btnLink { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; width: 50%; min-width: 0; height: 2.75rem; line-height: 2.75rem; padding: 0; } header#header #topBtns .btnLink.topRef { border-color: #4a4a4a !important; } header#header #topBtns .btnLink.topRef::before { background-color: #4a4a4a; } header#header #topBtns .btnLink.topRef::after { background-color: #7a7a7a; } header#header .menuBtnWrap { position: absolute; top: 50%; right: 1.375rem; margin-top: -1.1875rem; height: 2.375rem; width: 1.75rem; } .landing-page-v2 header#header .menuBtnWrap { display: none; } header#header #menuDrawer { overflow: hidden; max-height: 0; } header#header #languageSwitcher { display: none; } header#header #headerMenu a { font-size: 0.875rem; line-height: 1.125rem; display: inline-block; padding: 0.875rem; color: #000; } header#header #headerMenu a:hover { color: #ed3226; } header#header #headerMenu ul.menu > li.menu-item > a { text-transform: uppercase; } header#header #headerMenu ul.menu > li.menu-item:hover > a { background-color: #efefef; } header#header #headerMenu ul.menu > li.menu-item .sub-menu, header#header #headerMenu ul.menu > li.menu-item .megaMenu { opacity: 0; max-height: 0; overflow: hidden; display: none; } #megaMenuContents { display: none; } #footerCTA { background-color: #4a4a4a; color: #fff; font-size: 1rem; line-height: 1.5625; padding: 1.875rem 0 2.5rem; } #footerCTA .containWidth, #footerCTA header#header #headerMenu, header#header #footerCTA #headerMenu { padding: 0 1.125rem; } #footerCTA h3 { font-size: 1.625rem; line-height: 1.875rem; margin-bottom: 0.625rem; } #footerCTA .ctaBtns { padding-top: 1.875rem; } #footerCTA .ctaBtns span { display: block; padding: 0.3125rem 0 0.5rem; } #footerCTA .ctaBtns .ctaContact { border: 1px solid #fff !important; } #footerCTA .ctaBtns .ctaContact::before { background-color: transparent; } #footerCTA .ctaBtns .ctaContact::after { background-color: #fff; } #footerCTA .ctaBtns .ctaContact:hover { color: #4a4a4a; } .landingPage .mainText + #footerCTA .ctaBtns .ctaContact { border-color: #cb170c !important; color: #cb170c; } .landingPage .mainText + #footerCTA .ctaBtns .ctaContact::after { background-color: #cb170c; } .landingPage .mainText + #footerCTA .ctaBtns .ctaContact:hover, .landingPage .mainText + #footerCTA .ctaBtns .ctaContact:focus { color: #efefef; } .landingPage .mainText + #footerCTA { background-color: #efefef; color: #000; padding: 1.5rem 0 2.875rem; } footer#footer { background-color: #4a4a4a; color: #fff; font-size: 0.75rem; line-height: 1.25; text-align: left; border-top: 1px solid #b0b0b0; padding: 1.25rem 1rem 1.5rem; } footer#footer .containWidth, footer#footer header#header #headerMenu, header#header footer#footer #headerMenu { position: relative; overflow: hidden; } footer#footer #footerMenu { padding-top: 0.5rem; float: left; } footer#footer #footerMenu ul li { display: inline-block; } footer#footer #footerMenu ul li::before { content: '\00A0\007C'; } footer#footer #footerMenu ul li:first-child::before { content: ''; } footer#footer #footerMenu a { display: inline-block; padding-top: 0.5rem; margin-bottom: 0.5rem; border-bottom: 1px solid transparent; transition: border-color 0.3s; } footer#footer #footerMenu a:hover { border-color: #fff; } footer#footer #credit { display: block; float: right; text-indent: -9999999px; overflow: hidden; height: 30px; width: 50px; margin-top: 1rem; background-image: url('/wp-content/themes/smbb/images/lisi.svg'); background-position: center center; background-size: contain; background-repeat: no-repeat; } section#content { min-height: 25rem; } section#content h1, section#content .h1 { font-size: 1.875rem; line-height: 1.05; } section#content h1 span.focus, section#content .h1 span.focus { color: #ed3226; display: inline-block; } .theContent { font-size: 1rem; line-height: 1.5625rem; } .theContent img { max-width: 100%; } .theContent h2, .theContent h3, .theContent h4, .theContent h5, .theContent h6 { text-transform: uppercase; color: #ed3226; font-size: 1.125rem; line-height: 1.25rem; margin-top: 1.875rem; margin-bottom: 0.25rem; } .landingPage .theContent h2 { text-transform: uppercase; color: #fff; font-size: 1.125rem; line-height: 1.875rem; margin-top: 0; margin-bottom: 0; font-size: 25px; text-align: center; } .theContent h2 { color: #000; } .theContent p { margin-bottom: 1.5625rem; } .theContent ul { margin-bottom: 1.75rem; list-style: none; } .theContent ul li { position: relative; } #content.homePage section#homeCTA .homeCTAIntro .theContent h2 { margin-top:0; color:#fff; font-size: 1.4rem; margin-bottom: 1rem; } #content.homePage section#homeCTA .homeCTAIntro .theContent .subheader { font-weight: 700; } .sitemap ul { margin-bottom:1.75rem } .sitemap li { margin-bottom:1.75rem } .sitemap ul li ul li { margin-bottom:.5rem } .theContent ul li::before { content: '\00B7'; position: absolute; top: -0.3125rem; left: -1.5rem; display: block; color: inherit; font-size: 4.5rem; } .theContent .smbbForm ul li::before { content:none; } .theContent .questionList ul { margin-top: -0.5rem; margin-bottom: 1.5rem; } .theContent .questionList li { margin-bottom: 0.75rem; } .theContent .questionList li::before { content: '\f142'; font-size: 1.6875rem; z-index: 10; text-align: center; line-height: 1.5rem; color: #ed3226; display: block; position: absolute; top: 1px; left: -2rem; width: 1.5rem; height: 1.5rem; } .theContent blockquote { padding: 0; margin: 3.125rem -3% 1.5rem; font-size: 1.25rem; line-height: 1.33; position: relative; z-index: 1; color: #000; } .theContent blockquote::before { content: '\201C'; display: block; position: absolute; top: -2.625rem; left: -0.75rem; z-index: -1; color: #ed3226; font-size: 8rem; } .theContent blockquote p { margin-left: 4rem; } .theContent blockquote .bquoteCredit { color: #7a7a7a; font-size: 0.75rem; line-height: 1rem; display: block; margin-top: -1.25rem; } .theContent blockquote .bquoteCredit::before { content: '\2013\00A0'; } .theContent.dropCap > p:first-child::first-letter { font-size: 3.75rem; background-color: #ed3226; color: #fff; display: block; float: left; padding: 0.5rem 1.75rem 0.875rem; line-height: 4rem; margin: 0.375rem 0.75rem 0.375rem 0; } .credentials, #bioDetails #detailsContents .pane.detailsPane, .bigSixPaneContent .bigSixCreds { font-size: 0.875rem; line-height: 1.125rem; } .credentials h4, #bioDetails #detailsContents .pane.detailsPane h4, .bigSixPaneContent .bigSixCreds h4 { margin-top: 0; margin-bottom: 0.625rem; text-transform: none; font-size: 0.875rem; line-height: 1.125rem; color: #000; } .credentials .column, #bioDetails #detailsContents .pane.detailsPane .column, .bigSixPaneContent .bigSixCreds .column { max-width: 16.375rem; padding-right: 1rem; padding-bottom: 0.625rem; display: inline-block; vertical-align: top; } .credentials ul, #bioDetails #detailsContents .pane.detailsPane ul { margin-bottom: 0; } .credentials ul li, #bioDetails #detailsContents .pane.detailsPane ul li, .bigSixPaneContent .bigSixCreds ul li { margin-bottom: 0.625rem; margin-left: 1.75rem; } .mainText { padding: 0 1.125rem; position: relative; z-index: 1; } .mainText .mainTextSpacer { display: none; } .mainText > .containWidth, .mainText > header#header #headerMenu, header#header .mainText > #headerMenu { background: #fff; } .mainText .articleHead { padding-top: 1.5rem; margin: 0 1.25rem 1.125rem; position: relative; } .mainText .articleHead h1, .mainText .articleHead .h1 { margin-bottom: 2rem; } .mainText .articleHead .articleMeta { text-align: left; width: 100%; } .textPage .mainText .articleHead .articleMeta { display: inline-block; } .mainText .articleHead .articleMeta .articleDate { text-transform: uppercase; font-size: 1rem; line-height: 1.25rem; margin-bottom: 1.5rem; } .mainText .articleHead .articleMeta .articleLinks.articleNewsSrc a { padding-right: 2.625rem; } .articleLinks.articleNewsSrc div.source { padding-right: 0.75rem; } .mainText .articleHead .articleMeta .articleLinks.articleNewsSrc a::after { content: '\f39c'; position: absolute; top: 0; right: 0; bottom: 0; width: 1.875rem; line-height: 3.25rem; font-size: 1.25rem; background-color: #efefef; transition: background-color 0.3s; } .articleLinks.articleNewsSrc div.source::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 1.875rem; line-height: 3.25rem; font-size: 1.25rem; transition: background-color 0.3s; } .mainText .articleHead .articleMeta .articleLinks.articleNewsSrc a:hover::after { background-color: #dadada; } .mainText .theContent { margin: 0 1.25rem 2.625rem; } .mainText .theContent > p:first-child { border-bottom: 2px solid #ed3226; padding-bottom: 1.875rem; } .landingPage .mainText .theContent > p:first-child { border-bottom: none; padding-bottom: inherit; font-weight: 300; } .landingPage .mainText .theContent { margin: 0 8.4% 0; } .mainText .noBold > p:first-child { border-bottom: 0; padding-bottom: 0; font-weight: 300;} .practAreaContent .theContent > p:first-child { border-bottom: none; padding-bottom: 0; font-weight: 300; } .featuredImg { position: absolute; top: 0; left: 0; right: 0; z-index: 0; } .featuredImg .featImgDisplay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-position: center top; background-size: cover; background-repeat: no-repeat; } .featuredImg .featImgSpacer { width: 50%; max-width: 40rem; } .featuredImg .featImgSpacer::after { content: ''; display: block; height: 0; width: 20px; padding-bottom: 75%; } .featuredImg + .mainText { padding-top: 0; } .featuredImg + .mainText .mainTextSpacer { display: block; width: 25%; max-width: 20rem; } .featuredImg + .mainText .mainTextSpacer::after { content: ''; display: block; height: 0; width: 20px; padding-bottom: 100%; } .featuredImg + .mainText .articleHead { padding-top: 1rem; } .articleAttys a { min-width: 11.125rem; } .relatedAttys { border-top: 2px solid #ed3226; border-bottom: 2px solid #ed3226; text-align: center; margin-top: 1.875rem; margin-bottom: 1.875rem; } .relatedAttys h3 { margin: 0; padding: 1.25rem 0; text-transform: uppercase; font-size: 1rem; line-height: 1.25rem; color: #000; } .relatedAttys ul { padding-bottom: 1.25rem; margin-bottom: 0; } .relatedAttys li { display: block; } .relatedAttys a { margin-right: 0; } .mainText .theContent > p:first-child + .relatedAttys { margin-top: -1.5625rem; border-top: 0; } .transPgContent { position: relative; z-index: 1; } .aboutNext { display: block; margin-left: -100vw; margin-right: -100vw; } .aboutNext a { display: block; margin: 0 auto; width: 100vw; position: relative; } .aboutNext a .aboutNextImg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-position: center top; background-size: cover; background-repeat: no-repeat; z-index: 0; } .aboutNext a .aboutSpacer { display: block; width: 50%; max-width: 30rem; min-height: 9.375rem; } .aboutNext a .aboutSpacer::after { content: ''; display: block; height: 0; width: 20px; padding-bottom: 75%; } .aboutNext a .aboutContent { background-color: rgba(0, 0, 0, 0.55); transition: background-color 0.3s; color: #fff; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } .aboutNext a .aboutContent .aboutContentInner { padding: 1rem 1.25rem; width: 100%; } .aboutNext a .aboutContent .readNext { font-size: 0.875rem; line-height: 1.125rem; display: block; margin-bottom: 0.375rem; } .aboutNext a .aboutContent .aboutNextTitle { display: block; font-size: 1.875rem; line-height: 1.05; } .aboutNext a .aboutContent .aboutNextTitle span.focus { color: #ed3226; display: inline-block; } .aboutNext a:hover .aboutContent { background-color: rgba(0, 0, 0, 0.7); } .transitionPage .transPgContent { opacity: 1; } .transitionPage .transPgContent .aboutNext { position: relative; z-index: 2; max-height: 22.5rem; opacity: 1; overflow: hidden; transition: max-height 1.2s, opacity 0.2s; } .transitionPage .transPgContent .aboutNext a .aboutSpacer::after { transition: all 1.2s; } .transitionPage .transPgContent .mainText .mainTextSpacer::after { transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1); } .transitionPage .transPgContent .mainText > .containWidth, .transitionPage .transPgContent .mainText > header#header #headerMenu, header#header .transitionPage .transPgContent .mainText > #headerMenu { overflow: hidden; transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1); } .transitionPage .transPgContent.transPgInTransit { transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1); } .transitionPage .transPgContent.transPgCurrent .aboutNext, .transitionPage .transPgContent.transPgHide .aboutNext { max-height: 0; opacity: 0; } .transitionPage .transPgContent.transPgCurrent .featImgDisplay, .transitionPage .transPgContent.transPgHide .featImgDisplay { min-height: 0 !important; } .transitionPage .transPgContent.transPgNext .mainText .mainTextSpacer::after { padding-bottom: 0; } .transitionPage .transPgContent.transPgNext .mainText > .containWidth, .transitionPage .transPgContent.transPgNext .mainText > header#header #headerMenu, header#header .transitionPage .transPgContent.transPgNext .mainText > #headerMenu { max-height: 0 !important; } .transitionPage .transPgContent.transPgHide { opacity: 0; transition: opacity 0.5s; } .transitionPage .transPgContent.transPgHide .mainText .mainTextSpacer::after { padding-bottom: 0; transition: padding-bottom 0s ease 1s; } .transitionPage .transPgContent.transPgHide .mainText > .containWidth, .transitionPage .transPgContent.transPgHide .mainText > header#header #headerMenu, header#header .transitionPage .transPgContent.transPgHide .mainText > #headerMenu { overflow: hidden; max-height: 0 !important; transition: max-height 0s ease 1s; } .bioContent { padding: 0 1.125rem; position: relative; } .bioContent .bioPortrait { padding-top: 0.625rem; margin-bottom: 1.5rem; } .bioContent .bioPortrait .bioBackdrop { position: absolute; top: 0; left: 0; right: 0; z-index: 0; padding: 0.625rem 1.125rem 0; background-image: url('/wp-content/themes/smbb/images/smbb-bio-bg.jpg'); background-size: cover; background-position: center center; background-repeat: no-repeat; } .bioContent .bioPortrait .bioImage, .bioContent .bioPortrait .bioBackdropSpacer { width: 100%; max-width: 17.875rem; } .bioContent .bioPortrait .bioImage::after, .bioContent .bioPortrait .bioBackdropSpacer::after { content: ''; display: block; height: 0; padding-bottom: 140%; } .bioContent .bioPortrait .bioImage { margin: 0 auto; position: relative; z-index: 1; } .bioContent .bioPortrait .bioImage .portraitImg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: contain; background-position: center top; background-repeat: no-repeat; } .bioContent .bioPortrait h1.bioName { font-weight: normal; line-height: 1.4; padding-top: 1.25rem; color: #000; } .bioContent .bioPortrait .bioTitle { color: #4a4a4a; font-size: 1rem; line-height: 1.125rem; padding: 0.25rem 0 1.375rem; } .bioContent .bioPortrait .bioContact { border: 1px solid #b0b0b0; border-right: 0; border-left: 0; padding: 1.25rem 0 0.125rem; } .bioContent .bioPortrait .bioContact li { text-align: left; width: 100%; max-width: 14.625rem; margin: 0 auto 1.125rem; } .bioContent .bioPortrait .bioContact a { padding-left: 1.875rem; font-size: 1.125rem; position: relative; cursor: default; } .bioContent .bioPortrait .bioContact a::before { content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 1.25rem; margin-right: 0.625rem; color: #ed3226; font-size: 1.25rem; line-height: 1.25rem; } .bioContent .bioPortrait .bioContact a.bioPhone::before { content: '\e600'; } .bioContent .bioPortrait .bioContact a.bioFax::before { content: '\e02e'; } .bioContent .bioPortrait .bioContact a.bioEm::before { content: '\e01f'; } .bioContent .bioPortrait .bioContact .vcard span { color: #ed3226; margin-right: 0.625rem; } .bioContent .bioPortrait .bioContact .vcard a { padding-left:0; cursor: pointer; } .bioContent .bioPortrait .bioContact .vcard a:hover { color: #ed3226; text-decoration: underline; } .bioContent .bioPortrait .bioContact a span { border-bottom: 1px solid transparent; color: inherit; transition: all 0.3s; } .bioContent .bioPortrait .bioContact a.bioPhone, .bioContent .bioPortrait .bioContact a.bioEm { cursor: pointer; } .bioContent .bioPortrait .bioContact a.bioPhone:hover span, .bioContent .bioPortrait .bioContact a.bioEm:hover span, .bioContent .bioPortrait .bioContact a.bioPhone:active span, .bioContent .bioPortrait .bioContact a.bioEm:active span { color: #ed3226; border-color: #ed3226; } .bioContent .bioText .theContent { margin: 0 1.25rem 2.625rem; } .bioContent .bioText .theContent .practAreas { margin-left: 0; margin-right: 0; } #bioDetails .horizScroll { bottom: -1px; } #bioDetails #detailsMenu.scrollTrack.paneSwitcher a, #bioDetails #detailsMenu.scrollTrack.paneSwitcher > span { padding: 0.75rem 1rem; margin-left: -1px; font-size: 0.875rem; line-height: 1.125rem; border: 1px solid #efefef; } #bioDetails #detailsMenu.scrollTrack.paneSwitcher a.paneActive, #bioDetails #detailsMenu.scrollTrack.paneSwitcher a.paneActive + span { background-color: #efefef; } #bioDetails #detailsContents { padding: 0 1.125rem; background-color: #efefef; } #bioDetails #detailsContents .pane.detailsPane { padding: 2.125rem 1.25rem 0.625rem; color: #4a4a4a; } .landingPage #bioDetails #detailsContents .pane.detailsPane { padding: 2.125rem 0 0.625rem; color: #4a4a4a; font-size: 1.125rem; line-height: 1.75rem; } .landingPage #bioDetails #detailsContents .pane.detailsPane p { margin: 0 0 1rem 0; } #bioDetails #detailsContents .pane.detailsPane p { margin: 1rem; } .landingPage #bioDetails #detailsContents .pane.detailsPane .split-list { columns: 2; -webkit-columns: 2; -moz-columns: 2; } @media screen and (max-width: 500px) { .landingPage #bioDetails #detailsContents .pane.detailsPane .split-list { columns: 1; -webkit-columns: 1; -moz-columns: 1; } } .landingPage #bioDetails #detailsContents .pane.detailsPane ul { margin: 1rem 0 !important; } .landingPage .split-list li { display: table; } .bioContent.bioBigSix { padding: 0; } .bioContent.bioBigSix .bioPortrait { padding-top: 0; margin-bottom: 0.375rem; } .bioContent.bioBigSix .bioPortrait .bioBackdrop { padding: 0; background: transparent !important; } .bioContent.bioBigSix .bioPortrait > .containWidth, .bioContent.bioBigSix .bioPortrait > header#header #headerMenu, header#header .bioContent.bioBigSix .bioPortrait > #headerMenu { max-width: 1440px; } .bioContent.bioBigSix .bioPortrait .bioImage { max-width: none; position: relative; background: transparent; } .bioContent.bioBigSix .bioPortrait .bioImage::after { display: none; } .bioContent.bioBigSix .bioPortrait .bioImage .portraitImg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 5; background-size: cover; background-position: center top; background-repeat: no-repeat; } .bioContent.bioBigSix .bioPortrait .bioImage .bigSixImageSpc { width: 100%; max-width: 25.75rem; } .bioContent.bioBigSix .bioPortrait .bioImage .bigSixImageSpc::after { content: ''; display: block; padding-bottom: 109%; } .bioContent.bioBigSix .bioPortrait .bioImage .bigSixQuote { position: absolute; left: 0; right: 0; bottom: 0; padding: 1.125rem; color: #fff; font-size: 1.5rem; line-height: 1.875rem; text-align: left; z-index: 10; } .bioContent.bioBigSix .bioPortrait .bigSixText { padding: 0 1.125rem; position: relative; } .bioContent.bioBigSix .bioPortrait .bigSixText::before { content: ''; display: block; position: absolute; top: 2.25rem; left: 0; right: 0; height: 26.25rem; z-index: -1; } .bioContent.bioBigSix .bioPortrait .bigSixText .bigSixIntro { font-size: 1.125rem; line-height: 1.625rem; text-align: left; padding-top: 1.125rem; } .bioContent.bioBigSix .bioPortrait .bigSixText .horizScroll { margin: 1.25rem -1.125rem 0; } .bioContent.bioBigSix .bioPortrait .bigSixText .horizScroll::before, .bioContent.bioBigSix .bioPortrait .bigSixText .horizScroll::after { width: 1.125rem; } .bioContent.bioBigSix .bioPortrait .bigSixText .verdictsDisplay { padding-left: 0; } .bioContent.bioBigSix .bioPortrait .bigSixText .verdictsDisplay::after { width: 0; } .bioContent.bioBigSix .bioPortrait .bigSixText .verdictsDisplay ul { margin: 0; padding: 0 0.625rem 0 1.125rem; width: 37rem; } .bioContent.bioBigSix .bioPortrait .bigSixText .verdictsDisplay a.theVerdict, .bioContent.bioBigSix .bioPortrait .bigSixText .verdictsDisplay .theVerdict, .bioContent.bioBigSix .bioPortrait .bigSixText .verdictsDisplay span.theVerdict { position: relative; border-top-width: 5px; padding: 0.625rem; margin-bottom: 0.5rem; max-width: 11.25rem; min-height: 12.125rem; height: 12.125rem; } .bioContent.bioBigSix .bioPortrait .bigSixText .verdictsDisplay a.theVerdict .settlement, .bioContent.bioBigSix .bioPortrait .bigSixText .verdictsDisplay ul li .settlement, .bioContent.bioBigSix .bioPortrait .bigSixText .verdictsDisplay span.theVerdict .settlement { padding-top: 0; } .bioContent.bioBigSix .bioPortrait .bigSixText .verdictsDisplay a.theVerdict .desc, .bioContent.bioBigSix .bioPortrait .bigSixText .verdictsDisplay ul li .desc, .bioContent.bioBigSix .bioPortrait .bigSixText .verdictsDisplay span.theVerdict .desc { padding-top: 0.625rem; display: table; } .bioContent.bioBigSix .bioPortrait .bigSixText .verdictsDisplay a.theVerdict .readMore, .bioContent.bioBigSix .bioPortrait .bigSixText .verdictsDisplay span.theVerdict .readMore { position: absolute; left: 0.625rem; bottom: 0.875rem; font-size: 0.875rem; line-height: 1.125rem; } .bioContent.bioBigSix .bioPortrait .bigSixText .verdictsDisplay a.theVerdict .readMore::after, .bioContent.bioBigSix .bioPortrait .bigSixText .verdictsDisplay span.theVerdict .readMore::after { padding-left: 0.625rem; } #bigSixNav { height: 3rem; position: relative; } #bigSixNav .stickyNav { padding: 0 1.125rem; } #bigSixNav .stickyNav::before { content: ''; display: block; position: absolute; top: 0; right: 0; left: 0; height: 3rem; border: 1px solid #dadada; border-left: 0; border-right: 0; background-color: #efefef; box-sizing: border-box; } #bigSixNav .horizScroll { margin: 0 -1.125rem; } #bigSixNav .horizScroll::before, #bigSixNav .horizScroll::after { top: 1px; bottom: 1px; width: 1.125rem; } #bigSixNav .horizScroll::before { background: linear-gradient(to right, #efefef 0, #efefef 10%, rgba(239, 239, 239, 0)); } #bigSixNav .horizScroll::after { background: linear-gradient(to left, #efefef 0, #efefef 10%, rgba(239, 239, 239, 0)); } #bigSixNav .horizScroll .scrollTrack { padding-left: 1.125rem; } #bigSixNav .horizScroll .scrollTrack::after { width: 1.125rem; } #bigSixNav #bigSixMenu a, #bigSixNav #bigSixMenu > span { font-size: 0.875rem; line-height: 3rem; padding: 0 1.125rem; } #bigSixSwitcher { position: relative; padding: 0; } #bigSixSwitcher #bigSixContents { margin: 1.625rem 0 0; } #bigSixSwitcher #bigSixContents .paneWrap { padding: 0 1.125rem; } #bigSixSwitcher #bigSixContents .pane { min-height: 12.375rem; } .bigSixPaneContent { margin: 0 1.25rem; } .bigSixPaneContent .theContent .practAreas { margin-left: 0; margin-right: 0; } .bigSixPaneContent .allPostsWrap { margin-bottom: 3.75rem; } .bigSixPaneContent .allPostsWrap .postLink, .bigSixPaneContent .allPostsWrap .masonryGridSizer { max-width: 24.375rem; } #attyNav, #practNav { border-top: 1px solid #b0b0b0; overflow: hidden; position: relative; width: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: stretch; -webkit-align-items: stretch; -webkit-box-align: stretch; align-items: stretch; } #attyNav a, #practNav a { width: 49%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 1.375rem 1rem 1.5rem 1.875rem; text-align: left; position: relative; background-color: transparent; transition: background-color 0.3s; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } #attyNav a:hover, #practNav a:hover { background-color: #dadada; } #attyNav a .arrow, #practNav a .arrow { text-indent: -999999px; overflow: hidden; width: 0.75rem; height: 0.75rem; position: absolute; top: 50%; left: 0.5625rem; } #attyNav a .arrow::before, #practNav a .arrow::before { content: '\e605'; position: absolute; top: 0; right: 0; bottom: 0; left: 0; text-indent: 0; font-size: 0.75rem; line-height: 0.75rem; line-height: 1; color: #ed3226; } #attyNav a .navImg, #practNav a .navImg { display: none; } #attyNav a .title, #practNav a .title { text-transform: uppercase; font-size: 0.875rem; line-height: 1.125rem; color: #000; display: block; } #attyNav a .desc, #practNav a .desc { font-size: 0.875rem; line-height: 1.125rem; color: #ed3226; } #attyNav a.right, #practNav a.right { border-left: 1px solid #b0b0b0; padding-left: 1rem; padding-right: 1.875rem; text-align: right; } #attyNav a.right .arrow, #practNav a.right .arrow { text-indent: 999999px; left: auto; right: 0.5625rem; } #attyNav a.right .arrow::before, #practNav a.right .arrow::before { content: '\e606'; } #attyNav a.right .text, #practNav a.right .text { margin-left: auto; } #content.practAreaContent { position: relative; top: -6.25rem; } #content.practAreaContent .mainText .articleHead { padding-top: 0 !important; } #content.practAreaContent .practImg { position: absolute; top: 0; right: 0; left: 0; min-height: 100vh; z-index: 0; } #content.practAreaContent .practImg .practImgDisplay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; z-index: 0; } #content.practAreaContent .practImg::before, #content.practAreaContent .practImg::after { content: ''; display: block; position: absolute; top: 6.125rem; right: 0; bottom: 0; left: 0; transition: all 0.3s; } #content.practAreaContent .practImg::before { z-index: 10; background-color: rgba(0, 0, 0, 0.6); opacity: 1; } #content.practAreaContent .practImg::after { z-index: 20; background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, #fff 100%); opacity: 0; } #content.practAreaContent .practImg.pageLoaded { transition: all 0.3s; } #content.practAreaContent .practImg.pageLoaded .practImgDisplay { transition: all 0.3s; } #content.practAreaContent .practAreaHead { opacity: 0; position: relative; min-height: 94vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #content.practAreaContent .practAreaHead.pageLoaded { opacity: 1; transition: all 0.3s; } #content.practAreaContent .practAreaHead.pageLoaded * { transition: color 0.3s; } #content.practAreaContent .practAreaHead * { color: #fff; width: 100%; } #content.practAreaContent .practAreaHead::before { content: ''; display: block; height: 6.25rem; } #content.practAreaContent .practAreaHead h1 { padding-top: 4rem; margin-bottom: 2.25rem; margin-left: 0 !important; margin-right: 0 !important; } #content.practAreaContent .practAreaHead h2 { font-size: 1.5rem; line-height: 1.05; padding-top: 40px; } #content.practAreaContent .practAreaHead .practAreaDesc { font-size: 1rem; line-height: 1.5625rem; text-align: left; padding-bottom: 4rem; } .landing-page-v2.hasScrolled #content.practAreaContent .practAreaHead .practAreaDesc { padding-bottom: 0; } #content.practAreaContent .practAreaHead #scrollDown { display: block; width: 2rem; height: 2rem; z-index: 20; position: absolute; left: 50%; margin-left: -0.875rem; bottom: 3.5rem; text-indent: -9999999px; overflow: hidden; opacity: 1; color: #dadada; transition: all 0.3s ease 0.3s; } #content.practAreaContent .practAreaHead #scrollDown::before { content: '\e07b'; font-size: 1.75rem; line-height: 1; text-align: center; display: block; position: absolute; top: 0.25rem; right: 0; bottom: 0; left: 0; text-indent: 0; } #content.practAreaContent .practAreaHead #practBack { display: none; } #content.practAreaContent .articleMeta { margin-top: 0; padding: 0.5rem 0 0.125rem; transition: margin-top 0.3s; } #content.practAreaContent .mainText > .containWidth, #content.practAreaContent .mainText > header#header #headerMenu, header#header #content.practAreaContent .mainText > #headerMenu { background: transparent; } body.hasScrolled #content.practAreaContent .practImg { min-height: 15.625rem; } body.hasScrolled #content.practAreaContent .practImg::after { opacity: 1; } body.hasScrolled #content.practAreaContent .practAreaHead { min-height: 33.125rem; } body.landing-page-v2.hasScrolled #content.practAreaContent .practAreaHead { min-height: auto; } body.hasScrolled #content.practAreaContent .practAreaHead * { color: #000; } body.hasScrolled #content.practAreaContent .practAreaHead #scrollDown { opacity: 0; z-index: -1; transition: all 0.3s; } body.hasScrolled #content.practAreaContent .articleMeta { margin-top: -4rem; } #content.practAreaContent + #footerCTA { margin-top: -6.25rem; } #content.blogArchive .archiveHead, #content.searchResults .archiveHead, #content.blogArchive .allPostsWrap, #content.searchResults .allPostsWrap, #content.blogArchive #searchResultForm, #content.searchResults #searchResultForm, #content.blogArchive #allResults, #content.searchResults #allResults { margin: 0 1.25rem; } #content.blogArchive .archiveHead, #content.searchResults .archiveHead { padding-top: 1rem; padding-top: 1.75rem; padding-bottom: 2.5rem; } #content.blogArchive .allPostsWrap, #content.searchResults .allPostsWrap { min-height: 20rem; margin-bottom: 6.25rem; } #content.blogArchive #searchResultForm, #content.searchResults #searchResultForm { margin-bottom: 2.5rem; } #content.blogArchive #allResults, #content.searchResults #allResults { margin-bottom: 2.5rem; } #searchResultForm { position: relative; padding-bottom: 11.5rem; } #searchResultForm .searchInputContainer { margin-bottom: 1rem; } #searchResultForm .result { padding-top: 2rem; padding-bottom: 1.5rem; text-align: left; } #searchResultForm .result h2 { font-size: 1.875rem; line-height: 2.25rem; color: #000; margin-bottom: 1rem; } #searchResultForm .result .resultCount { color: #7a7a7a; font-size: 0.75rem; line-height: 1rem; } #searchResultForm .criteriaSelector { position: absolute; left: 0; bottom: 0; right: 0; text-align: left; } #searchResultForm .criteriaSelector .drilldown { display: none; } #searchResultForm .criteriaSelector .criteriaText { font-size: 1.125rem; line-height: 1.25rem; display: block; margin-bottom: 0.75rem; } #searchResultForm .criteriaSelector .checkboxContainer { display: block; margin-bottom: 0.25rem; } #searchResultForm .criteriaSelector .checkboxContainer input { display: none; } #searchResultForm .criteriaSelector .checkboxContainer label { font-size: 1.125rem; line-height: 1.75rem; cursor: pointer; display: inline-block; padding-left: 1.75rem; position: relative; } #searchResultForm .criteriaSelector .checkboxContainer label::before { content: '\f401'; font-size: 1.375rem; line-height: 1; display: block; position: absolute; top: 0.1875rem; left: 0; width: 1.375rem; height: 1.375rem; color: #dadada; } #searchResultForm .criteriaSelector .checkboxContainer input:checked + label::before { content: '\f3ff'; color: #ed3226; } #content.searchResults .postSearchLink { display: block; padding: 0; border-top: 1px solid #dadada; text-align: left; max-height: 37.5rem; opacity: 1; transition: max-height 0.3s, opacity 0.3s; } #content.searchResults .postSearchLink a { display: block; position: relative; margin: 1.125rem 0 1rem; transition: all 0.3s; } #content.searchResults .postSearchLink a .postImg { display: none; } #content.searchResults .postSearchLink a .postTitleWrap { display: block; padding-bottom: 0.25rem; line-height: 1.6rem; } #content.searchResults .postSearchLink a .postTitleWrap .postTitle { font-size: 1rem; line-height: 1.6; margin-right: 0.75rem; } #content.searchResults .postSearchLink a .postTitleWrap .postType { margin-top: 2px; margin-bottom: 0; padding: 0.25rem 0.5rem; font-size: 0.75rem; line-height: 1; vertical-align: bottom; position: relative; bottom: 2px; } #content.searchResults .postSearchLink a .postExc { display: block; color: #1d1d1d; font-size: 1rem; line-height: 1.55; } #content.searchResults #allResults .postSearchLink.hideResult { opacity: 0 !important; max-height: 0 !important; } #content.searchResults #allResults .postSearchLink.hideResult a { border: 0; margin: 0; } #content.attorneyLanding .attySearchDisplay #allResults .postSearchLink.hideResult, #content.attorneyLanding .attySearchDisplay #allResults.searchNotActive .postSearchLink.isBigSix { opacity: 0 !important; width: 0 !important; max-height: 0 !important; padding: 0 !important; transition: opacity 0.3s ease 0s, width 0s ease 0.3s, max-height 0s ease 0.3s, padding 0s ease 0.3s !important; } #attorneyFilterForm { padding-top: 2rem; padding-bottom: 2.5rem; text-align: left; } #attorneyFilterForm .lettersIntro { color: #7a7a7a; font-style: italic; font-size: 0.875rem; line-height: 1.25rem; padding-bottom: 1rem; } #attorneyFilterForm .attyLettersWrap { padding-bottom: 1rem; border-bottom: 1px solid #dadada; margin-bottom: 1.5rem; } #attorneyFilterForm .practAreaWrap { background-color: #efefef; padding: 1.5rem 10% 0rem; } #attorneyFilterForm .practAreaWrap > span { display: block; margin: 0 auto; max-width: 37.5rem; } #attorneyFilterForm .practAreaWrap .practAreasIntro { color: #7a7a7a; font-style: italic; font-size: 0.875rem; line-height: 1.25rem; } #attorneyFilterForm .practAreaWrap .selectContainer { margin-top: 0.75rem; background-color: #fff; border: 1px solid #dadada; transition: border-color 0.3s; margin-bottom: 0.25rem; position: relative; } #attorneyFilterForm .practAreaWrap .selectContainer.focused { border-color: #000; } #attorneyFilterForm .practAreaWrap .selectContainer select { border: 0; padding-top: 0.75rem; padding-bottom: 0.75rem; } #attorneyFilterForm .practAreaWrap .selectContainer::after { content: '\f35f'; color: #1d1d1d; font-size: 1.5rem; display: block; position: absolute; top: 50%; margin-top: -0.75rem; right: 1.5rem; height: 1.5rem; opacity: 1; transition: opacity 0.3s; } #attorneyFilterForm .practAreaWrap .selectContainer.selectChanged::after { opacity: 0 !important; } #attorneyFilterForm .practAreaWrap .clearAll { text-align: center; font-size: 0.875rem; line-height: 1.125rem; padding: 1.5rem; } #content.blogArchive + #footerCTA, #content.contactPage + #footerCTA, #content.practiceLanding + #footerCTA { display: none; } .contactContainer { padding: 0 1.125rem; position: relative; z-index: 1; } .contactContainer .contactHead, .contactContainer .contactContent { margin: 0 1.25rem; } .contactContainer .contactHead { padding-top: 1.5rem; padding-bottom: 1rem; } .contactContainer .contactContent { padding-bottom: 1rem; } .contactContainer .contactContent > * { margin-left: auto; margin-right: auto; max-width: 31rem; } .contactContainer .contactContent .smbbForm { margin-top: 1.625rem; } .contactContainer .contactContent.theContent h2 { color: #ed3226; margin-top: 0; padding-top: 1.5rem; font-size: 2rem; line-height: 1.1; margin-bottom: 1.25rem; } .landing-page-v2 .contactContainer .contactContent.theContent h2 { color: #ed3226; margin-top: 0; padding-top: 0; font-size: 2rem; line-height: 1.1; margin-bottom: 1.75rem; } .contactContainer .contactContent.theContent h2:first-child { padding-top: 1rem; } .contactContainer .contactOverlay { margin-left: -1.125rem; margin-right: -1.125rem; padding: 2.5rem 1.125rem 1.125rem; min-height: 12.5rem; position: relative; } .landing-page-v2 .contactContainer .contactOverlay { padding: 0 1.125rem 1.125rem; } .landing-page-v2 .contactContainer .contactOverlay .theContent iframe { min-height: 840px; } .contactContainer .contactOverlay .theContent { position: relative; z-index: 10; margin: 0 1.25rem; color: #fff; font-size: 1.125rem; line-height: 1.625rem; } .contactContainer .contactOverlay .theContent h3 { margin-top: 0; margin-bottom: 0.75rem; color: inherit; } .contactContainer .contactOverlay .theContent p { margin-bottom: 1.875rem; } .contactImageBG { display: none; } .overlayImg { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; z-index: 0; } .overlayImg::after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(29, 29, 29, 0.6); z-index: 1; } #content.practiceLanding { position: relative; } #content.practiceLanding .practLandingBG { position: fixed; top: 117px; right: 0; left: 0; height: 100vh; background-color: #000; } #content.practiceLanding .practLandingBG .practLandImg, #content.practiceLanding .practLandingBG .practLandImgSwitcher { position: absolute; top: 0; right: 0; left: 0; height: 100vh; background-size: cover; background-position: center center; background-repeat: no-repeat; } #content.practiceLanding .practLandingBG .practLandImg { top: -6.25rem; } #content.practiceLanding .practLandingBG .practLandImgSwitcher { opacity: 0; transition: opacity 0.3s; } #content.practiceLanding .practLandingBG .practLandImgSwitcher.hovered { opacity: 1; } .practLandContainer { position: relative; z-index: 10; background-color: rgba(0, 0, 0, 0.6); } .practLandContainer ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; border: 1px solid rgba(239, 239, 239, 0.2); } .practLandContainer .practAreaLink { border: 1px solid rgba(239, 239, 239, 0.2); height: 8.875rem; width: 18rem; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: auto; flex-basis: auto; position: relative; } .practLandContainer .practAreaLink a { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; line-height: 8.875rem; } .practLandContainer .practAreaLink a span { color: #fff; display: inline-block; font-size: 1.5rem; line-height: 2rem; vertical-align: middle; padding: 1rem; position: relative; z-index: 10; } .practLandContainer .practAreaLink a::before { content: ''; display: block; position: absolute; top: -2px; right: -2px; bottom: -2px; left: -2px; border: 2px solid #ed3226; background-color: rgba(0, 0, 0, 0.4); z-index: 1; opacity: 0; transition: opacity 0.3s; } .practLandContainer .practAreaLink a:hover::before { opacity: 1; } #content.offsetGridPage .ogBackground, #homeVerdicts.offsetGridPage .ogBackground { position: absolute; top: -6.25rem; bottom: -6.25rem; left: 0; right: 0; z-index: -1; transition: transform 0.01s; } #homeVerdicts.offsetGridPage .ogBackground .ogBackgroundImg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: center; background-repeat: no-repeat; background-image: url('/wp-content/themes/smbb/images/smbb-og-bg.jpg'); z-index: 1; } #content.offsetGridPage .ogBackground .ogBackgroundImg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: 100%; background-position: top; background-repeat: no-repeat; background-image: url('/wp-content/themes/smbb/images/smbb-og-bg-black-fade.jpg'); background-color: #000000; z-index: 1; } .ogBackgroundImg.locked { background-attachment: fixed; } #content.offsetGridPage .ogBackground::after, #homeVerdicts.offsetGridPage .ogBackground::after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(#fff, #000); background: linear-gradient(rgba(255, 255, 255, 0.25) 0, rgba(255, 255, 255, 0.25) 16%, rgba(0, 0, 0, 0.25) 40%, rgba(0, 0, 0, 0.5) 60%, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 1) 100%); z-index: 5; } #content.offsetGridPage .ogPageHead, #homeVerdicts.offsetGridPage .ogPageHead { padding-top: 1.5rem; margin: 0 1.25rem 2rem; } #offsetGrid { padding: 0 1.125rem 1.75rem; } #offsetGrid .verdictsDisplay ul { margin: 0; } #offsetGrid .verdictsDisplay ul li { transition: transform 0.1s; transform-origin: 50.01%; } #offsetGrid .verdictsDisplay ul a.theVerdict, #offsetGrid .verdictsDisplay ul div.theVerdict, #offsetGrid .verdictsDisplay ul span.theVerdict { padding: 1.125rem 0.875rem; max-width: 20.625rem; height: 15.375rem; min-height: 15.375rem; position: relative; } #offsetGrid .verdictsDisplay ul a.theVerdict .settlement, #offsetGrid .verdictsDisplay ul li .settlement, #offsetGrid .verdictsDisplay ul div.theVerdict .settlement, #offsetGrid .verdictsDisplay ul span.theVerdict .settlement { font-size: 1.625rem; line-height: 2.375rem; padding-bottom: 0.375rem; } #offsetGrid .verdictsDisplay ul a.theVerdict .desc, #offsetGrid .verdictsDisplay ul li .desc, #offsetGrid .verdictsDisplay ul div.theVerdict .desc, #offsetGrid .verdictsDisplay ul span.theVerdict .desc { font-size: 1rem; line-height: 1.5rem; } #offsetGrid .verdictsDisplay ul a.theVerdict .readMore, #offsetGrid .verdictsDisplay ul div.theVerdict .readMore, #offsetGrid .verdictsDisplay ul span.theVerdict .readMore { position: absolute; left: 0.875rem; bottom: 1.125rem; } .verdictsDisplay .page-numbers { color:#ffffff; } .verdictsDisplay .current { color:#ed3226; } .verdictsDisplay a.page-numbers:hover { color:#ed3226; } #content.attorneyLanding #bigSixAttys { position: relative; background: linear-gradient(#424846, #000); max-height: 75rem; transition: max-height 0.3s; transition: max-height 0s; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #content.attorneyLanding #bigSixAttys.slideUp { max-height: 0 !important; overflow: hidden; } #content.attorneyLanding #bigSixAttys .postSearchLink { position: relative; width: 14.5rem; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } #content.attorneyLanding #bigSixAttys .postSearchLink span, #content.attorneyLanding #bigSixAttys .postSearchLink a { display: block; } #content.attorneyLanding #bigSixAttys .postSearchLink a { position: relative; width: 100%; } #content.attorneyLanding #bigSixAttys .postSearchLink a .sizer { opacity: 0; width: 100%; } #content.attorneyLanding #bigSixAttys .postSearchLink a .sizer::before { content: ''; display: block; height: 0; padding-bottom: 125%; } #content.attorneyLanding #bigSixAttys .postSearchLink a .attyImg { position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-size: cover; background-repeat: no-repeat; background-position: center top; } #content.attorneyLanding #bigSixAttys .postSearchLink a .attyImg::before { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background: rgba(0, 0, 0, 0.2); border: 2px solid #ed3226; opacity: 0; transition: opacity 0.3s; } #content.attorneyLanding #bigSixAttys .postSearchLink a .attyNameWrap { position: absolute; z-index: 10; left: 0.75rem; right: 0.75rem; bottom: 1.125rem; } #content.attorneyLanding #bigSixAttys .postSearchLink a .attyNameWrap .attyName { font-size: 1.875rem; line-height: 1.2; color: #fff; padding-bottom: 0.125rem; } #content.attorneyLanding #bigSixAttys .postSearchLink a .attyNameWrap .attyTitle { font-size: 0.875rem; line-height: 1.125rem; color: #ed3226; font-weight: bold; } #content.attorneyLanding #bigSixAttys .postSearchLink a:hover .attyImg::before { opacity: 1; } #content.attorneyLanding #bigSevenAttys { position: relative; background: linear-gradient(#424846, #000); max-height: 75rem; transition: max-height 0.3s; transition: max-height 0s; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; } #content.attorneyLanding #bigSevenAttys.slideUp { max-height: 0 !important; overflow: hidden; } #content.attorneyLanding #bigSevenAttys .postSearchLink { position: relative; width: 14.5rem; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } #content.attorneyLanding #bigSevenAttys .postSearchLink span, #content.attorneyLanding #bigSevenAttys .postSearchLink a, #content.attorneyLanding #bigSevenAttys .postSearchLink { display: block; } #content.attorneyLanding #bigSevenAttys .postSearchLink a, #content.attorneyLanding #bigSevenAttys .postSearchLink { position: relative; } #content.attorneyLanding #bigSevenAttys .postSearchLink a .sizer, #content.attorneyLanding #bigSevenAttys .postSearchLink .sizer { opacity: 0; width: 100%; } #content.attorneyLanding #bigSevenAttys .postSearchLink a .sizer::before, #content.attorneyLanding #bigSevenAttys .postSearchLink .sizer::before { content: ''; display: block; height: 0; padding-bottom: 125%; } #content.attorneyLanding #bigSevenAttys .postSearchLink a .attyImg, #content.attorneyLanding #bigSevenAttys .postSearchLink .attyImg { position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-size: cover; background-repeat: no-repeat; background-position: center top; } #content.attorneyLanding #bigSevenAttys .postSearchLink a .attyImg::before, #content.attorneyLanding #bigSevenAttys .postSearchLink .attyImg::before { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background: rgba(0, 0, 0, 0.2); border: 2px solid #ed3226; opacity: 0; transition: opacity 0.3s; } #content.attorneyLanding #bigSevenAttys .postSearchLink a .attyNameWrap, #content.attorneyLanding #bigSevenAttys .postSearchLink .attyNameWrap { position: absolute; z-index: 10; left: 0.75rem; right: 0.75rem; bottom: 1.125rem; height: auto; } #content.attorneyLanding #bigSevenAttys .postSearchLink a .attyNameWrap .attyName, #content.attorneyLanding #bigSevenAttys .postSearchLink .attyNameWrap .attyName { font-size: 1.5rem; line-height: 1.2; color: #fff; padding-bottom: 0.125rem; } #content.attorneyLanding #bigSevenAttys .postSearchLink .attyNameWrap { bottom: 2.25rem; height:50%; } #content.attorneyLanding #bigSevenAttys .postSearchLink a .attyNameWrap .attyTitle, #content.attorneyLanding #bigSevenAttys .postSearchLink .attyNameWrap .attyTitle { font-size: 1.125rem; line-height: 1.125rem; color: #ed3226; } #content.attorneyLanding #bigSevenAttys .postSearchLink a:hover .attyImg::before { opacity: 1; } #content.attorneyLanding .attySearchDisplay { padding: 0 1.125rem 1.25rem; } #content.attorneyLanding .attySearchDisplay #allResults { margin: 0 -0.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #content.attorneyLanding .attySearchDisplay #allResults .postSearchLink { padding: 0 0.3125rem 1.875rem; width: 100%; max-width: 20%; max-height: auto; opacity: 1; padding: 0; transition: opacity 0.3s, width 0s, max-height 0s, padding 0s; } @media screen and (min-width: 500px) { #content.attorneyLanding .attySearchDisplay #allResults .postSearchLink { width: 33.3333%; max-width: 33.3333%; } } @media screen and (min-width: 700px) { #content.attorneyLanding .attySearchDisplay #allResults .postSearchLink { width: 25%; max-width: 25%; } } @media screen and (min-width: 1010px) { #content.attorneyLanding .attySearchDisplay #allResults .postSearchLink { width: 20%; max-width: 20%; } } @media screen and (min-width: 1300px) { #content.attorneyLanding .attySearchDisplay #allResults .postSearchLink { width: 20%; max-width: 20%; } } @media screen and (max-width: 500px) { #content.attorneyLanding .attySearchDisplay #allResults .postSearchLink { width: 50%; max-width: 50%; } } #content.attorneyLanding .attySearchDisplay #allResults .postSearchLink span, #content.attorneyLanding .attySearchDisplay #allResults .postSearchLink a { display: block; } #content.attorneyLanding .attySearchDisplay #allResults .postSearchLink a { position: relative; } #content.attorneyLanding .attySearchDisplay #allResults .postSearchLink a:before { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; transition: opacity 0.3s; } #content.attorneyLanding .attySearchDisplay #allResults .postSearchLink a .sizer { display: none; } #content.attorneyLanding .attySearchDisplay #allResults .postSearchLink a .attyImg { width: 100%; height: 0; padding-bottom: 130%; background-size: cover; background-position: center bottom; background-repeat: no-repeat; } #content.attorneyLanding .attySearchDisplay #allResults .postSearchLink a .attyNameWrap { background-color: #1d1d1d; transition: background-color 0.3s; padding: 0.75rem 0.875rem; color: #fff; height: 4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #content.attorneyLanding .attySearchDisplay #allResults .postSearchLink a .attyNameWrap .attyName { font-size: 1rem; line-height: 1.2; padding-bottom: 0.125rem; } #content.attorneyLanding .attySearchDisplay #allResults .postSearchLink a .attyNameWrap .attyTitle { font-size: 0.875rem; line-height: 1.2; } #content.attorneyLanding .attySearchDisplay #allResults .postSearchLink a:hover::before { opacity: 1; } #content.attorneyLanding .attySearchDisplay #allResults .postSearchLink a:hover .attyNameWrap { background-color: #ed3226; } #content.attorneyLanding .attyDisplay { padding: 0; } #content.attorneyLanding .attyDisplay .containWidth { max-width: 100%; padding: 0; } #content.homePage section#homeHero { background-color: #121212; position: relative; } #content.homePage section#homeHero .sliderNav { display: none; } #content.homePage section#homeHero #homeHero { background-color: #121212; text-align: left; } #content.homePage section#homeHero .homeHeroSlide { position: relative; } #content.homePage section#homeHero .homeHeroSlide .heroSlideImage { position: relative; } #content.homePage section#homeHero .homeHeroSlide .heroSlideImage .heroSlideBG { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: center left; background-repeat: no-repeat; } #content.homePage section#homeHero .homeHeroSlide .heroSlideImage .heroSlideSpacer { width: 100%; max-width: 45.375rem; } #content.homePage section#homeHero .homeHeroSlide .heroSlideImage .heroSlideSpacer::before { content: ''; display: block; height: 0; padding-bottom: 70%; } #content.homePage section#homeHero .homeHeroSlide .heroSlideText { padding: 0 1.125rem; text-align: center; } #content.homePage section#homeHero .homeHeroSlide .heroSlideText .containWidth, #content.homePage section#homeHero .homeHeroSlide .heroSlideText header#header #headerMenu, header#header #content.homePage section#homeHero .homeHeroSlide .heroSlideText #headerMenu { height: 8.625rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #content.homePage section#homeHero .homeHeroSlide .heroSlideText h2.lineOne { text-transform: uppercase; color: #fff; font-size: 3rem; line-height: 1; padding-bottom: 0.5rem; } #content.homePage section#homeHero .homeHeroSlide .heroSlideText h3.lineTwo { color: #ed3226; font-size: 1.25rem; line-height: 1; } #content.homePage section#homeHero .homeHeroSlide .heroSlideText h2.taglineOne { text-transform: uppercase; color: #fff; font-size: 3rem; line-height: 1; padding-bottom: 0.5rem; } #content.homePage section#homeHero .homeHeroSlide .heroSlideText h3.taglineTwo { color: #ed3226; font-size: 1.75rem; line-height: 1; } #content.homePage section#homeHero .homeHeroSlide .heroSlideText h2.quote { text-transform:none; color: #fff; font-size: 1.4rem; line-height: 1.33; padding-bottom: 0.5rem; text-align: left; } #content.homePage section#homeHero .homeHeroSlide .heroSlideText h3.byline { color: #ed3226; font-size: .85rem; line-height: 1; text-align: left; } #content.homePage section#homeHero .slick-dots { margin-bottom: 0.75rem; bottom: 8.625rem; } #content.homePage section#homeVerdicts.offsetGridPage { position: relative; } #content.homePage section#homeVerdicts.offsetGridPage .ogBackground::after { background: linear-gradient(#fff, #efefef); background: linear-gradient(rgba(239, 239, 239, 1) 0, rgba(239, 239, 239, 1) 10%, rgba(239, 239, 239, 0.25) 100%); } #content.homePage section#homeVerdicts.offsetGridPage .offsetGridIntro { padding: 0 1.125rem; } #content.homePage section#homeVerdicts.offsetGridPage .offsetGridIntro .theContent { padding-top: 1.5rem; margin: 0 auto; max-width: 950px; margin-bottom: 2.5rem; } #content.homePage section#homeVerdicts.offsetGridPage a.theVerdict:hover, #content.homePage section#homeVerdicts.offsetGridPage span.theVerdict:hover { background-color: #fbfbfb; } #content.homePage section#homeBios { background-color: #fff; } #content.landingPage section#homeBios { } #content.landingPage section#homeBios + .mainText { background: #efefef; display: block; padding-top: 1.75rem; } #content.landingPage section#homeBios + .mainText> .containWidth { background: #efefef; } #content.landingPage section#homeBios + .mainText> .containWidth p:last-child { margin-bottom:0; } #content.homePage section#homeBios .homeBiosIntro { background-color: #4b5e5b; padding: 2rem 1.125rem; } #content.homePage section#homeBios .homeBiosIntro .theContent { color: #fff; } #content.homePage section#homeBios .homeBiosIntro p { margin: 0; } #content.landingPage section#homeBios .homeBiosIntro { background-color: #ED3226; padding: 2rem 1.125rem; } #content.homePage section#homeBios #homeBiosDisplay { position: relative; } #content.homePage section#homeBios .sliderNav { display: none; } #content.homePage section#homeBios .homeBioSlide { position: relative; } #content.homePage section#homeBios .homeBioSlide .bioSlideImage { position: relative; } #content.homePage section#homeBios .homeBioSlide .bioSlideImage .bioSlideBG { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: center left; background-repeat: no-repeat; } #content.homePage section#homeBios .homeBioSlide .bioSlideImage .bioSlideSpacer { width: 100%; max-width: 56.25rem; } #content.homePage section#homeBios .homeBioSlide .bioSlideImage .bioSlideSpacer::before { content: ''; display: block; height: 0; padding-bottom: 70%; } #content.homePage section#homeBios .homeBioSlide .bioSlideText { padding: 0 1.125rem; text-align: left; } #content.homePage section#homeBios .homeBioSlide .bioSlideText .containWidth, #content.homePage section#homeBios .homeBioSlide .bioSlideText header#header #headerMenu, header#header #content.homePage section#homeBios .homeBioSlide .bioSlideText #headerMenu { height: 18.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #content.homePage section#homeBios .homeBioSlide .bioSlideText .bioSlideName { position: absolute; clip: rect(0 1px 1px 0); overflow: hidden; } #content.homePage section#homeBios .homeBioSlide .bioSlideText .bioSlideQuote { font-size: 1.5625rem; line-height: 1.875rem; margin-bottom: 1.25rem; } #content.homePage section#homeBios .homeBioSlide .bioSlideText .readMore { display: inline-block; } #content.homePage section#homeBios .homeBioSlide .bioSlideText .bioSlideTextInner .bioSlideQuote blockquote { padding: 0; margin: 3.125rem -3% 1.5rem; font-size: 1.75rem; line-height: 1.33; position: relative; z-index: 1; color: inherit; } #content.homePage section#homeBios .homeBioSlide .bioSlideText .bioSlideTextInner .bioSlideQuote blockquote::before { content: '\201C'; display: block; position: absolute; top: -2.625rem; left: -0.75rem; z-index: -1; color: #ed3226; font-size: 10rem; } #content.homePage section#homeBios .homeBioSlide .bioSlideText .bioSlideTextInner .bioSlideQuote blockquote p { margin-left: 3.5rem; } #content.homePage section#homeBios .homeBioSlide .bioSlideText .bioSlideTextInner .bioSlideQuote blockquote .bquoteCredit { color: inherit; font-size: 0.75rem; line-height: 1rem; display: block; margin-top: 10px; } #content.homePage section#homeBios .homeBioSlide .bioSlideText .bioSlideTextInner .bioSlideQuote blockquote .bquoteCredit::before { content: '\2013\00A0'; } #content.homePage section#homeBios .slick-dots { margin-bottom: 0.875rem; bottom: 18.5rem; } #content.homePage section#homeMedia { background-color: #efefef; text-align: center; overflow: hidden; } #content.homePage section#homeMedia ul { padding-top: 30px; } #content.homePage section#homeMedia ul li { display: inline-block; vertical-align: middle; margin: 0 18px 30px; } #content.homePage section#homeMedia ul li a, #content.homePage section#homeMedia ul li img { display: inline-block; } #content.homePage section#homeMedia ul li a { opacity: 0.8; transition: opacity 0.3s; } #content.homePage section#homeMedia ul li a:hover { opacity: 1; } #content.homePage section#homeMedia ul li img.fullSize { display: none; } #content.homePage section#homeCTA .homeCTAIntro { background-color: #ED3226; padding: 2rem 1.125rem; } #content.homePage section#homeCTA .homeCTAIntro.gray { background-color: #4a4a4a; } #content.homePage section#homeCTA .homeCTAIntro .theContent { color: #fff; } #content.homePage section#homeCTA .homeCTAIntro p { margin: 0; font-weight: 400; } #content.homePage section#homeCTA .homeCTAIntro a { color:#fff; font-weight: 700;} #content.homePage section#homeCTA .homeCTAIntro a:hover { color: #000; border-bottom-color: #000; background-color: transparent;} #content.landingPage section#homeCTA .homeCTAIntro { background-color: #ED3226; padding: 2rem 1.125rem; } #content.homePage section#homeAchievements { background-color: #fff; } #content.homePage section#homeAchievements .homeAchievementsIntro { background-color: #ED3226; padding: 2rem 1.125rem; } #content.homePage section#homeAchievements .homeAchievementsIntro .theContent { color: #fff; text-align: center; font-family: 'Oswald', sans-serif; font-weight: 300; } #content.homePage section#homeAchievements .homeAchievementsIntro p { margin: 0; } #content.homePage section#homeAchievements #homeAchievementsDisplay { position: relative; background: #ED3226; } #content.homePage section#homeAchievements .sliderNav { display: none; } #content.homePage section#homeAchievements .homeAchievementsSlide { position: relative; } #content.homePage section#homeAchievements .homeAchievementsSlide .achievementsSlideImage { position: relative; } #content.homePage section#homeAchievements .homeAchievementsSlide .achievementsSlideImage .achievementsSlideBG { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: center left; background-repeat: no-repeat; } #content.homePage section#homeAchievements .homeAchievementsSlide .achievementsSlideImage .achievementsSlideSpacer { width: 100%; max-width: 56.25rem; } #content.homePage section#homeAchievements .homeAchievementsSlide .achievementsSlideImage .achievementsSlideSpacer::before { content: ''; display: block; height: 0; padding-bottom: 70%; } #content.homePage section#homeAchievements .homeAchievementsSlide .achievementsSlideText { padding: 0 1.125rem; text-align: center; min-height: 200px; } #content.homePage section#homeAchievements .homeAchievementsSlide .achievementsSlideText .containWidth, #content.homePage section#homeAchievements .homeAchievementsSlide .achievementsSlideText header#header #headerMenu, header#header #content.homePage section#homeAchievements .homeAchievementsSlide .achievementsSlideText #headerMenu { height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #content.homePage section#homeAchievements .homeAchievementsSlide .achievementsSlideText .achievementsSlideName { position: relative; clip: rect(0 1px 1px 0); overflow: hidden; font-family: 'Open Sans', sans-serif;; font-size: 40px; color: #fff; font-weight: 400; } #content.homePage section#homeAchievements .homeAchievementsSlide .achievementsSlideText .achievementsSlideQuote { font-size: 1.5625rem; line-height: 1.875rem; margin-bottom: 1.25rem; } #content.homePage section#homeAchievements .homeAchievementsSlide .achievementsSlideText .readMore { display: inline-block; } #content.homePage section#homeAchievements .homeAchievementsSlide .achievementsSlideText .achievementsSlideTextInner .achievementsSlideQuote blockquote { padding: 0; margin: 3.125rem -3% 1.5rem; font-size: 1.75rem; line-height: 1.33; position: relative; z-index: 1; color: inherit; } #content.homePage section#homeAchievements .homeAchievementsSlide .achievementsSlideText .achievementsSlideTextInner .achievementsSlideQuote blockquote::before { content: '\201C'; display: block; position: absolute; top: -2.625rem; left: -0.75rem; z-index: -1; color: #ed3226; font-size: 10rem; } #content.homePage section#homeAchievements .homeAchievementsSlide .achievementsSlideText .achievementsSlideTextInner .achievementsSlideQuote blockquote p { margin-left: 3.5rem; } #content.homePage section#homeAchievements .homeAchievementsSlide .achievementsSlideText .achievementsSlideTextInner .achievementsSlideQuote blockquote .bquoteCredit { color: inherit; font-size: 0.75rem; line-height: 1rem; display: block; margin-top: 10px; } #content.homePage section#homeAchievements .homeAchievementsSlide .achievementsSlideText .achievementsSlideTextInner .achievementsSlideQuote blockquote .bquoteCredit::before { content: '\2013\00A0'; } #content.homePage section#homeAchievements .slick-dots { margin-bottom: 0.875rem; bottom: 0; } section#homeMedia h2 { margin-top: 2%; font-style: italic; } section#homeMedia { background-color: #efefef; text-align: center; overflow: hidden;} .page-template-pagetransition section#homeMedia { margin-top:20px;} section#homeMedia ul { padding-top: 30px; } section#homeMedia ul li { display: inline-block; vertical-align: middle; margin: 0 18px 30px; } section#homeMedia ul li a, section#homeMedia ul li img { display: inline-block; } section#homeMedia ul li a { opacity: 0.8; transition: opacity 0.3s; } section#homeMedia ul li a:hover { opacity: 1; } section#homeMedia ul li img.fullSize { display: none; } #content.homePage section#homePracticeAreas { background-color: #fff; padding: 0 1.125rem; } #content.homePage section#homePracticeAreas .theContent { margin: 0 0.25rem; padding-top: 1.75rem; } #content.homePage section#homePracticeAreas .theContent p { margin-bottom: 1.5rem; } #content.homePage section#homePracticeAreas .practAreas { border: 0; margin: 0 0.75rem 2.5rem; } #content.homePage section#homePracticeAreas .practAreas h3.practAreasTitle { padding-top: 1rem; padding-bottom: 2.125rem; font-size: 1.125rem; } #content.homePage section#homePracticeAreas .practAreas a:hover { background-color: #fbfbfb; } #content.homePage section#homePracticeAreas .homePractView { text-align: center; padding-bottom: 3rem; } #content.homePage section#homePracticeAreas .homePractView .btnLink { width: 14.375rem; } #content.homePage section#homePracticeAreas .homePractView .btnLink::before { background-color: transparent; } #content.homePage section#homePracticeAreas .homePractView .btnLink::after { background-color: #ed3226; } #content.homePage section#homePracticeAreas .homePractView .btnLink:hover, #content.homePage section#homePracticeAreas .homePractView .btnLink:focus { color: #fff; } #breakingNews { position: relative; z-index: 100; } #breakingNews #bnBtn { background-color: #ed3226; color: #fff; text-transform: uppercase; height: 3.025rem; line-height: 3.025rem; font-size: 1rem; width: 100%; max-width: 27.75rem; text-align: center; position: relative; } #breakingNews #bnBtn::before, #breakingNews #bnBtn::after { display: block; position: absolute; top: 0; bottom: 0; right: 0.625rem; text-align: center; font-size: 1.5rem; opacity: 0; } #breakingNews #bnBtn::before { content: '\f3d8'; opacity: 1; } #breakingNews #bnBtn::after { content: '\f3d0'; opacity: 0; } #breakingNews .bnContainer { background: #fff; max-height: 0; max-width: 27.75rem; margin: 0 auto; overflow: hidden; transition: max-height 0.3s; } #breakingNews .bnItem a, #breakingNews .bnItem div.bnews { display: block; width: 100%; max-width: 27.75rem; text-align: left; font-size: 1.0625rem; line-height: 1.75rem; padding: 0.5rem 0.625rem; background-color: #fff; transition: background-color 0.3s; } #breakingNews .bnItem a:hover, #breakingNews .bnItem a div.bnews:hover { background-color: #efefef; } #breakingNews .bnItem a span, #breakingNews .bnItem div.bnews span { display: block; } #breakingNews .bnItem a .bnTitle, #breakingNews .bnItem div.bnews .bnTitle { padding-top: 0.125rem; padding-bottom: 0.5rem; } #breakingNews .bnItem a .bnImg, #breakingNews .bnItem div.bnews .bnImg { display: none; } #breakingNews .bnItem a .bnExcerpt, #breakingNews .bnItem div.bnews .bnExcerpt { padding-bottom:0; } #breakingNews .bnItem a .bnExcerpt a, #breakingNews .bnItem .bnExcerpt p { padding-bottom: 0.875rem; } #breakingNews .bnItem a .bnExcerpt a, #breakingNews .bnItem .bnExcerpt a { display: inline; border: none; color: #ed3226; padding: 0; } #breakingNews .bnItem a .readMore { font-weight: 600; } #breakingNews .bnItem a .readMore::after { font-weight: normal; } #breakingNews .bnItem:first-child a, #breakingNews .bnItem:first-child div.bnews { border-bottom: 1px solid #b0b0b0; } #breakingNews.bnActive #bnBtn::before { opacity: 0; } #breakingNews.bnActive #bnBtn::after { opacity: 1; } #breakingNews.bnActive .bnContainer { max-height: 25.75rem; -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.2); -mox-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.2); } .sideLinks { display: none; } #hoverBlocker { display: none; } html.noJS #content.practAreaContent .practAreaHead { opacity: 1; } html.noJS #hoverBlocker { display: none !important; } /* MEDIA QUERIES */ @media screen and (max-width: 699px) { header#header #topBtns { display: -webkit-box; display: -ms-flexbox; display: flex; align-item: stretch; } header#header #topBtns .btnLink { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; height: auto; line-height: 0.875rem; font-size: 0.8125rem; padding: 0.75rem 0.25rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #homeVerdicts.offsetGridPage .ogBackground .ogBackgroundImg { background-image: none !important; background-color: #EFEFEF; } #footerCTA .ctaBtns .btnLink { width: 100%; max-width: 18rem; } #footerCTA .ctaBtns .btnLink.ctaPhone { font-size: 1.25rem; } #footerCTA .ctaBtns .btnLink.ctaContact { padding-top: 0.8125rem; padding-bottom: 0.8125rem; } .allPostsWrap { text-align: center; } .allPostsWrap .postLink { display: inline-block; margin-right: 0; } .practLandContainer .practAreaLink { height: 6rem; } .practLandContainer .practAreaLink a { line-height: 6rem; } #offsetGrid .verdictsDisplay ul li { -ms-transform: translate(0, 0) !important; /* IE 9 */ -webkit-transform: translate(0, 0) !important; /* Safari */ transform: translate(0, 0) !important; } #offsetGrid .verdictsDisplay ul li a.theVerdict, #offsetGrid .verdictsDisplay ul li span.theVerdict { margin-right: 0; } #content.attorneyLanding .attySearchDisplay #allResults .postSearchLink a .attyNameWrap { height: 5.5rem; } #breakingNews { position: fixed; left: 0; bottom: 0; right: 0; } #breakingNews #bnBtn { height: 2rem; line-height: 2rem; } } @media screen and (max-width: 500px) { header#header #menuDrawer { max-width: 100% !important; border-left: 0 !important; } } @media screen and (max-width: 465px) { #bigSevenAttys article:last-child { } } @media screen and (max-width: 365px) { .btnLink, .gform_button { min-width: 100%; } .smbbForm .inputContainer.selectContainer::after, .smbbForm li.selectContainer::after { opacity: 0 !important; } #attorneyFilterForm .practAreaWrap .selectContainer::after { opacity: 0 !important; } #pgBar .pgBarContents .pgBarItem img { height: 7.5rem !important; } #pgLightbox .slick-arrow { margin-right: 0; width: 1.125rem; } #pgLightbox .slick-arrow::before { font-size: 3rem; } #pgLightbox .slick-arrow.slick-next { margin-left: 0; } header#header #topBtns .btnLink { padding: 0.25rem 1.25rem; } header#header #menuDrawer { max-width: 100% !important; border-left: 0 !important; } #content.practAreaContent .practAreaHead h1 { padding-top: 2rem; margin-bottom: 1.5rem; } #content.practAreaContent .practAreaHead .practAreaDesc { font-size: 0.875rem; line-height: 1.3; } body.hasScrolled #content.practAreaContent .articleMeta { margin-top: -5rem; } #content.blogArchive .archiveHead { padding-top: 1rem; } .allPosts.masonry { width: 100% !important; } #offsetGrid .verdictsDisplay ul a.theVerdict, #offsetGrid .verdictsDisplay ul span.theVerdict { height: auto; padding-bottom: 3rem; } #content.homePage section#homeHero .homeHeroSlide .heroSlideText h2.lineOne { font-size: 2.25rem; } #content.homePage section#homeHero .homeHeroSlide .heroSlideText h3.lineTwo { font-size: 1.3125rem; } #content.homePage section#homeHero .homeHeroSlide .heroSlideText h2.taglineOne { font-size: 2.25rem; } #content.homePage section#homeHero .homeHeroSlide .heroSlideText h3.taglineTwo { font-size: 1.3125rem; } #content.homePage section#homeHero .homeHeroSlide .heroSlideText h2.quote { font-size: 2rem; } #content.homePage section#homeHero .homeHeroSlide .heroSlideText h3.byline { font-size: 1rem; } #content.homePage section#homeBios .homeBioSlide .bioSlideText .bioSlideQuote { font-size: 1.375rem; line-height: 1.2; } #content.homePage section#homeAchievements .homeAchievementsSlide .achievementsSlideText .achievementsSlideQuote { font-size: 1.375rem; line-height: 1.2; } #breakingNews.bnActive .bnContainer { max-height: 90vh; overflow: auto; } } /* end design.scss */ /* design-tablet.scss */ @media screen and (min-width: 700px) { .verdictsDisplay ul { text-align: left; } .verdictsDisplay a.theVerdict .desc, .verdictsDisplay ul li .desc, .verdictsDisplay span.theVerdict .desc { max-height: 7.5rem; min-height: 7.5rem; overflow: hidden; } .postLink { width: 18.5rem; } .shareTools { float: right; margin-top: -0.625rem; } .shareTools .shareLabel { display: inline-block; height: 2.5rem; line-height: 2.5rem; margin-right: 0.875rem; vertical-align: top; } .shareTools ul { display: inline-block; vertical-align: top; } body.page-template-about .shareTools, .transitionPage .shareTools { float: none; margin-top: -0.375rem; } .horizScroll .scrollTrack { padding-left: 8.4%; } .horizScroll .scrollTrack > *:first-child { margin-left: 1.125rem !important; } .horizScroll .scrollTrack::after { width: 8.4%; margin-left: 1.125rem; } #pgBar { padding: 3.5rem 0 4.5rem; } #pgBar .pgBarContents .pgBarItem { margin-right: 0.625rem; } #pgBar .pgBarContents .pgBarItem img { height: 21.875rem !important; } #pgBar .pgBarContents .pgBarItem .pgUnderPhoto { padding-top: 0.375rem; } #pgBar .pgBarContents .pgBarItem .pgUnderPhoto p { margin: 0; } #pgBar .pgBarContents .pgBarItem .pgUnderPhoto::before { top: 0.375rem; } #pgLightbox .pgLightboxItem { margin: 0 2.5rem; } #pgLightbox .slick-arrow { margin-right: 0; width: 2.5rem; } #pgLightbox .slick-arrow::before { font-size: 5.625rem; } #pgLightbox .slick-arrow.slick-next { margin-left: 0; } header#header #branding { padding-left: 1.375rem; padding-right: 1.375rem; } header#header #branding #siteTitle a { max-width: 19.125rem; } header#header #topBtns { text-align: right; } header#header #topBtns .btnLink { width: auto; padding-left: 1.375rem; padding-right: 1.375rem; } #footerCTA { padding: 3.125rem 0 2.875rem; } #footerCTA h3 { font-size: 1.875rem; line-height: 2.25rem; margin-bottom: 0.75rem; } #footerCTA p { font-size: 1.125rem; line-height: 1.625rem; } .landing-page-v2 #footerCTA p { margin-bottom: 1.75rem; } .landing-page-v2 #footerCTA p:last-of-type { margin-bottom: 0; } #footerCTA .ctaBtns { padding-top: 2.125rem; direction: rtl; } #footerCTA .ctaBtns * { direction: ltr; vertical-align: middle; } #footerCTA .ctaBtns span { display: inline-block; font-size: 0.875rem; line-height: 3.125rem; padding: 0 1.125rem; } #footerCTA .ctaBtns .btnLink.ctaContact { width: 16.875rem; } .theContent.dropCap > p:first-child::first-letter { font-size: 5rem; padding: 0.25rem 1.625rem 0.625rem; line-height: 5rem; margin-right: 0.875rem; margin-bottom: 0.75rem; } section#content.textPage + #footerCTA, section#content.searchResults + #footerCTA, .landingPage .mainText + #footerCTA { background-color: #efefef; color: #000; padding: 1.5rem 0 2.875rem; } section#content.textPage + #footerCTA .ctaBtns .ctaContact, section#content.searchResults + #footerCTA .ctaBtns .ctaContact, .landingPage .mainText + #footerCTA .ctaBtns .ctaContact { border-color: #cb170c !important; color: #cb170c; } section#content.textPage + #footerCTA .ctaBtns .ctaContact::after, section#content.searchResults + #footerCTA .ctaBtns .ctaContact::after, .landingPage .mainText + #footerCTA .ctaBtns .ctaContact::after { background-color: #cb170c; } section#content.textPage + #footerCTA .ctaBtns .ctaContact:hover, section#content.textPage + #footerCTA .ctaBtns .ctaContact:focus, section#content.searchResults + #footerCTA .ctaBtns .ctaContact:hover, section#content.searchResults + #footerCTA .ctaBtns .ctaContact:focus, .landingPage .mainText + #footerCTA .ctaBtns .ctaContact:hover, .landingPage .mainText + #footerCTA .ctaBtns .ctaContact:focus { color: #efefef; } footer#footer { font-size: 0.875rem; line-height: 1.25rem; padding-top: 0.875rem; padding-bottom: 0.125rem; } footer#footer #footerMenu { padding-top: 0; } footer#footer #footerMenu li { font-weight: 500; } footer#footer #footerMenu a { padding-top: 0.125rem; margin-bottom: 0.125rem; } footer#footer #credit { margin-top: 0; margin-bottom: 1.5rem; } section#content h1, section#content .h1 { font-size: 2.5rem; line-height: 1.05; } .theContent { font-size: 1.125rem; line-height: 1.75rem; } .theContent p { margin-bottom: 1.75rem; } .theContent blockquote { margin: 3.5rem -5% 1.875rem; font-size: 1.75rem; } .theContent blockquote::before { font-size: 10rem; top: -2.625rem; } .mainText .articleHead { padding-top: 5.125rem; margin-left: 8.4%; margin-right: 8.4%; } .mainText .articleHead h1, .mainText .articleHead .h1 { margin: 0 -2rem 5rem; } .mainText .theContent { margin: 0 8.4% 3.125rem; } .landingPage .mainText .theContent { margin: 0 8.4% 0; } .mainText .theContent > p:first-child { border-bottom-width: 1px; padding-bottom: 1.125rem; } .mainText .noBold > p:first-child { border-bottom-width: 0; padding-bottom: 0; font-weight: 300; } .practAreaContent .theContent > p:first-child { padding-bottom: 0; } .mainText .practAreas { margin-left: 8.4%; margin-right: 8.4%; } .featuredImg + .mainText .articleHead { padding-top: 2.25rem; } .articleAttys a { padding-left: 4rem !important; min-width: 14.375rem; } .articleAttys a span.partnerImg { display: block !important; position: absolute; top: 0; left: 0; bottom: 0; width: 3.25rem; border-right: 1px solid #dadada; background-repeat: no-repeat; background-position: top center; background-size: cover; } .relatedAttys { border-top-width: 1px; border-bottom-width: 1px; } .relatedAttys h3 { padding-top: 2.5rem; padding-bottom: 1rem; } .relatedAttys ul { padding-bottom: 1.875rem; } .relatedAttys li { display: inline-block; margin: 0 0.3125rem; } .mainText .theContent > p:first-child + .relatedAttys { background: #fff; margin-top: -2.875rem; padding-top: 1.875rem; } .mainText .theContent > p:first-child + .relatedAttys h3 { border-top: 1px solid #ed3226; } .aboutNext a .aboutContent .readNext { margin-bottom: 0.875rem; } .aboutNext a .aboutContent .aboutNextTitle { font-size: 2.5rem; line-height: 1.05; } .transitionPage .transPgContent .mainText .theContent { margin-bottom: 5rem; } .bioContent { padding: 0 1.125rem; } .bioContent .bioPortrait { padding-top: 1.875rem; margin-bottom: 3.5rem; } .bioContent .bioPortrait .bioBackdrop { padding-top: 1.875rem; } .bioContent .bioPortrait .bioImage, .bioContent .bioPortrait .bioBackdropSpacer { width: 34%; max-width: 20rem; } .bioContent .bioPortrait .bioImage { float: right; margin-left: 1%; margin-right: 3%; } .bioContent .bioPortrait > .containWidth, .bioContent .bioPortrait > header#header #headerMenu, header#header .bioContent .bioPortrait > #headerMenu { overflow: hidden; } .bioContent .bioPortrait .bioName, .bioContent .bioPortrait .bioTitle, .bioContent .bioPortrait .bioContact { position: relative; z-index: 20; } .bioContent .bioPortrait h1.bioName { padding-top: 7%; } .bioContent .bioPortrait .bioTitle { font-size: 0.875rem; font-size: 1rem; line-height: 1.125rem; padding-top: 1rem; padding-bottom: 3%; } .bioContent .bioPortrait .bioContact { width: 62%; } .bioContent .bioText .theContent { margin: 0 8.4% 3.125rem; } .bioContent .bioText .theContent .practAreas { margin-bottom: 2.5rem; } #bioDetails { margin-top: 4.25rem; } #bioDetails #detailsMenu.scrollTrack.paneSwitcher a, #bioDetails #detailsMenu.scrollTrack.paneSwitcher > span { padding: 1rem 3rem 0.75rem; } #bioDetails #detailsContents .paneWrap { padding: 0 8.4%; } #bioDetails #detailsContents .pane.detailsPane { padding: 2.125rem 0 1.25rem; } .bioContent.bioBigSix .bioPortrait { margin-bottom: 0; } .bioContent.bioBigSix .bioPortrait > .containWidth, .bioContent.bioBigSix .bioPortrait > header#header #headerMenu, header#header .bioContent.bioBigSix .bioPortrait > #headerMenu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .bioContent.bioBigSix .bioPortrait .bioImage { min-height: 26rem; margin-right: 0; width: 36%; } .bioContent.bioBigSix .bioPortrait .bigSixText { width: 62%; } .bioContent.bioBigSix .bioPortrait .bigSixText .bioContact { width: 100%; } .bioContent.bioBigSix .bioPortrait .bigSixText .verdictsDisplay { padding-left: 0; } .bioContent.bioBigSix .bioPortrait .bigSixText .verdictsDisplay ul { margin-left: 0 !important; } #bigSixNav .horizScroll { padding-left: 1.125rem; padding-right: 1.125rem; } #bigSixNav .horizScroll .scrollTrack { padding-left: 8.4%; } #bigSixNav .horizScroll .scrollTrack::after { width: 8.4%; } #bigSixNav .horizScroll .scrollTrack > *:first-child { margin-left: 0 !important; padding-left: 0 !important; } #bigSixSwitcher #bigSixContents { margin: 2.5rem 0 2rem; } .bigSixPaneContent { margin: 0 8.4%; } .bigSixPaneContent .theContent .practAreas { margin-bottom: 2.5rem; } .bigSixPaneContent .verdictsDisplay { margin-top: 2.5rem; } .bigSixPaneContent .allPostsWrap .postLink, .bigSixPaneContent .allPostsWrap .masonryGridSizer { width: 24.375rem; } #attyNav a, #practNav a { padding: 3.625rem 2rem 3.5rem 8.25rem; } #attyNav a .arrow, #practNav a .arrow { height: 2.875rem; margin-top: -1.4375rem; width: 2rem; left: 2.5rem; text-indent: 0; text-transform: uppercase; font-size: 0.625rem; line-height: 1; color: #b0b0b0; text-align: right; padding-top: 2.25rem; transition: color 0.3s; } #attyNav a .arrow::before, #practNav a .arrow::before { text-align: left; font-size: 1.375rem; } #attyNav a.right, #practNav a.right { padding-right: 8.375rem; padding-left: 2rem; } #attyNav a.right .arrow, #practNav a.right .arrow { text-indent: 0; left: auto; right: 2.5rem; text-align: left; } #attyNav a.right .arrow::before, #practNav a.right .arrow::before { text-align: right; } #attyNav a .title, #practNav a .title { font-size: 1.125rem; line-height: 1.25rem; padding-bottom: 0.125rem; } #attyNav a:hover .arrow, #practNav a:hover .arrow { color: #ed3226; } #content.practAreaContent .practImg { top: -1.5rem; } #content.practAreaContent .practAreaHead::before { height: 12.5rem; } #content.practAreaContent .practAreaHead .practAreaDesc { font-size: 1.25rem; line-height: 1.75rem; } #content.practAreaContent .practAreaHead #practBack { display: block; position: absolute; top: 7.375rem; left: 0; width: 12.5rem; text-align: left; opacity: 1; z-index: 20; padding-left: 1.875rem; line-height: 1.375rem; color: #b0b0b0; text-transform: uppercase; font-size: 0.625rem; } #content.practAreaContent .practAreaHead #practBack::before { content: '\e605'; position: absolute; top: 0; bottom: 0; left: 0; width: 1.375rem; color: #ed3226; font-size: 1.375rem; line-height: 1; } #content.practAreaContent .practAreaHead #practBack span { color: inherit; border-bottom: 1px solid transparent; transition: border-color 0.3s; } #content.practAreaContent .practAreaHead #practBack:hover span { border-color: #b0b0b0; } #content.practAreaContent .practAreaHead.pageLoaded #practBack { transition: all 0.3s ease 0.3s; } #content.practAreaContent .articleMeta .shareTools { margin-top: 0.5rem; } #content.practAreaContent .mainText .theContent { margin-bottom: 4.125rem; } .landing-page-v2 #content.practAreaContent .mainText .theContent { margin-bottom: 0; } #content.practAreaContent .callOut { margin-bottom: 1.75rem; background: #ed3226; color: white; padding: 20px; font-weight: bold; } #content.practAreaContent .callOut a { color: white; border: none; } #content.practAreaContent .callOut a:hover { color: white; text-decoration: underline; background-color: transparent; } body.hasScrolled #content.practAreaContent .practImg { min-height: 34.375rem; } body.hasScrolled #content.practAreaContent .practAreaHead { min-height: 36.875rem; } body.hasScrolled #content.practAreaContent .practAreaHead #practBack { opacity: 0; z-index: -1; transition: all 0.3s; } body.hasScrolled #content.practAreaContent .articleMeta { margin-top: 0; } #content.blogArchive .archiveHead, #content.searchResults .archiveHead { padding-top: 2.25rem; padding-bottom: 4.125rem; } #content.blogArchive #searchResultForm, #content.searchResults #searchResultForm, #content.blogArchive #allResults, #content.searchResults #allResults { margin-left: 8.4%; margin-right: 8.4%; } #content.blogArchive #searchResultForm, #content.searchResults #searchResultForm { padding-bottom: 3.75rem; } #content.blogArchive #allResults, #content.searchResults #allResults { margin-bottom: 4.375rem; } #searchResultForm .searchInputContainer { margin-bottom: 0; margin-right: 13.125rem; } #searchResultForm .searchBtnWrap { position: absolute; top: 0; right: 0; } #searchResultForm .result { padding-top: 2.375rem; } #searchResultForm .criteriaSelector .criteriaText { display: inline-block; font-size: 1rem; padding-right: 0.625rem; } #searchResultForm .criteriaSelector .checkboxFilters { display: inline-block; margin-right: -1rem; } #searchResultForm .criteriaSelector .checkboxContainer { display: inline-block; margin-right: 1.5rem; } #searchResultForm .criteriaSelector .checkboxContainer label { padding-left: 1.625rem; font-size: 1rem; } #content.searchResults .postSearchLink.hasImg a { padding-left: 7.875rem; } #content.searchResults .postSearchLink.hasImg a .postImg { display: block; position: absolute; top: 0.5rem; left: 0; bottom: 0; width: 6.25rem; max-height: 6.25rem; background-size: cover; background-position: center center; background-repeat: no-repeat; } #content.searchResults .postSearchLink.hasImg a .postExc { min-height: 4.5rem; } .contactContainer .contactHead { padding-top: 5.125rem; margin-left: 8.4%; margin-right: 8.4%; } .contactContainer .contactContent { max-width: 31rem; margin-left: auto; margin-right: auto; } .contactContainer .contactContent.theContent h2 { font-size: 1.875rem; padding-top: 2rem; } .contactContainer .contactContent.theContent h2:first-child { padding-top: 1.25rem; } .contactContainer .contactOverlay { padding-top: 3.75rem; padding-bottom: 2.625rem; } .contactContainer .contactOverlay .theContent { max-width: 31rem; margin-left: auto; margin-right: auto; } section#content.offsetGridPage .containWidth, section#content.offsetGridPage header#header #headerMenu, header#header section#content.offsetGridPage #headerMenu, section#homeVerdicts.offsetGridPage .containWidth, section#homeVerdicts.offsetGridPage header#header #headerMenu, header#header section#homeVerdicts.offsetGridPage #headerMenu { max-width: 1300px; } section#content.offsetGridPage .ogPageHead, section#homeVerdicts.offsetGridPage .ogPageHead { padding-top: 7rem; margin-bottom: 4.375rem; } #offsetGrid { padding-bottom: 0.625rem; } #offsetGrid .verdictsDisplay ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; } #offsetGrid .verdictsDisplay ul li { -ms-flex-negative: 1; flex-shrink: 1; } #offsetGrid .verdictsDisplay ul a.theVerdict, #offsetGrid .verdictsDisplay ul div.theVerdict, #offsetGrid .verdictsDisplay ul span.theVerdict { padding: 1.25rem 1rem; width: 18.5rem; height: 19rem; margin: 0 0.75rem 3.125rem; } #offsetGrid .verdictsDisplay ul a.theVerdict .settlement, .verdictsDisplay ul li .settlement, #offsetGrid .verdictsDisplay ul span.theVerdict .settlement { padding: 0.5rem 0 0.125rem; font-size: 1.75rem; line-height: 2.875rem; } #offsetGrid .verdictsDisplay ul a.theVerdict .desc, #offsetGrid .verdictsDisplay ul li .desc, #offsetGrid .verdictsDisplay ul span.theVerdict .desc { font-size: 1.125rem; max-height: none; } #offsetGrid .verdictsDisplay ul a.theVerdict .readMore, #offsetGrid .verdictsDisplay ul span.theVerdict .readMore { left: 1rem; } #content.attorneyLanding #bigSixAttys .postSearchLink { width: 33%; } #content.attorneyLanding #bigSixAttys .postSearchLink a .attyImg { width: 100%; } #attorneyFilterForm { padding-top: 4.5rem; padding-bottom: 2.875rem; } #content.attorneyLanding #bigSevenAttys .postSearchLink a .attyImg, #content.attorneyLanding #bigSevenAttys .postSearchLink .attyImg { width: 100%; } #attorneyFilterForm { padding-top: 4.5rem; padding-bottom: 2.875rem; } #content.practiceLanding .practLandingBG .practLandImg { top: -7.75rem; } #content.homePage section#homeVerdicts.offsetGridPage .offsetGridIntro .theContent { padding-top: 4.375rem; margin-bottom: 2.5rem; } #content.homePage section#homeBios .homeBiosIntro { padding-top: 3.375rem; padding-bottom: 3.375rem; } #content.homePage section#homeBios .homeBiosIntro .theContent { font-weight: 500; padding-left: 1rem; padding-right: 1rem; } #content.landingPage section#homeBios .homeBiosIntro { padding-top: 2rem; padding-bottom: 2rem; } #content.homePage section#homeBios .homeBioSlide .bioSlideText .containWidth, #content.homePage section#homeBios .homeBioSlide .bioSlideText header#header #headerMenu, header#header #content.homePage section#homeBios .homeBioSlide .bioSlideText #headerMenu { height: 11rem; } #content.homePage section#homeBios .slick-dots { bottom: 11rem; } #content.homePage section#homePracticeAreas .theContent { margin: 0 8.4%; padding-top: 2rem; } #content.homePage section#homePracticeAreas .theContent p { margin-bottom: 1.5rem; } #content.homePage section#homePracticeAreas .practAreas { margin-left: 0; margin-right: 0; } #content.homePage section#homePracticeAreas .practAreas h3.practAreasTitle { padding-top: 1rem; padding-bottom: 2.125rem; } #content.homePage section#homePracticeAreas .homePractView { padding-bottom: 4.375rem; } #content.homePage section#homePracticeAreas .homePractView .btnLink { width: 16.25rem; } #content.homePage section#homeCTA .homeCTAIntro { padding-top: 2.275rem; padding-bottom: 2.275rem; } #content.homePage section#homeCTA .homeCTAIntro .theContent { font-weight: 500; padding-left: 0; padding-right: 0; } #content.homePage section#homeCTA .homeCTAIntro .theContent h2 { margin-top: 0; font-size: 1.5rem; color: #fff; margin-bottom: 1rem; } #content.homePage section#homeCTA .homeCTAIntro .theContent .subheader { font-weight: 700; } #content.landingPage section#homeCTA .homeCTAIntro { padding-top: 2rem; padding-bottom: 2rem; } #content.homePage section#homeAchievements .homeAchievementsIntro { padding-top: 3.375rem; padding-bottom: 2.375rem; } #content.homePage section#homeAchievements .homeAchievementsIntro .theContent { font-family: 'Oswald', sans-serif; font-weight: 300; padding-left: 1rem; padding-right: 1rem; } #content.homePage section#homeAchievements .homeAchievementsSlide .achievementsSlideText .containWidth, #content.homePage section#homeAchievements .homeAchievementsSlide .achievementsSlideText header#header #headerMenu, header#header #content.homePage section#homeAchievements .homeAchievementsSlide .achievementsSlideText #headerMenu { height: auto; } #content.homePage section#homeAchievements .slick-dots { bottom: 0; } #breakingNews { position: absolute; right: 0; top: 40%; margin-top: -11rem; } #breakingNews #bnBtn { width: 22rem; transform: rotate(-90deg); transform-origin: right bottom 0; position: absolute; top: 0; right: 100%; margin-top: -3.025rem; } #breakingNews .bnContainer { width: 0; max-width: none; max-height: none; height: 22rem; overflow: hidden; transition: width 0.3s; } #breakingNews .bnItem a, #breakingNews .bnItem div.bnews { height: auto; max-width: 41rem; padding-left: 14.875rem; position: relative; } #breakingNews .bnItem a .bnImg, #breakingNews .bnItem div.bnews .bnImg { display: block; position: absolute; top: 0.625rem; left: 0.625rem; bottom: 0.625rem; width: 12.25rem; background-size: cover; background-position: center center; background-repeat: no-repeat; } #breakingNews .bnItem a .bnImg img, #breakingNews .bnItem div.bnews .bnImg img { width:100%; } #breakingNews.bnActive .bnContainer { width: 41rem; } .bioContent.bioBigSix .bioPortrait .bigSixText { width:auto; } } @media screen and (max-width: 1299px) { header#header #headerMenu ul.menu > li.menu-item.menuItemHasMegaMenu.menuPractice:hover::before { max-height: 0 !important; } #menuPractice { display: none !important; } } @media screen and (min-width: 1300px) { header#header #headerMenu ul.menu > li.menu-item.menuItemHasMegaMenu.menuPractice:hover::before { max-height: auto !important; } #menuPractice { display: block !important; } } @media screen and (max-width: 1009px) { .hidden { display:none !important; } header#header .menuBtnWrap { overflow: hidden; } header#header .menuBtnWrap #menuBtn { width: 1.75rem; height: 2.375rem; display: block; position: relative; background: transparent; } header#header .menuBtnWrap #menuBtn .btnText { height: 0; width: 0; } header#header .menuBtnWrap #menuBtn .hamburger { position: absolute; top: 50%; margin-top: -0.875rem; height: 1.75rem; left: 0; right: 0; } header#header .menuBtnWrap #menuBtn .hamburger .hamburgerInner { top: 50%; margin-top: -1px; left: 0; transition-duration: 0.075s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } header#header .menuBtnWrap #menuBtn .hamburger .hamburgerInner, header#header .menuBtnWrap #menuBtn .hamburger .hamburgerInner::before, header#header .menuBtnWrap #menuBtn .hamburger .hamburgerInner::after { width: 1.75rem; height: 3px; background-color: #000; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; } header#header .menuBtnWrap #menuBtn .hamburger .hamburgerInner::before, header#header .menuBtnWrap #menuBtn .hamburger .hamburgerInner::after { content: ''; display: block; } header#header .menuBtnWrap #menuBtn .hamburger .hamburgerInner::before { top: -7px; } header#header .menuBtnWrap #menuBtn .hamburger .hamburgerInner::after { bottom: -7px; } header#header .menuBtnWrap #menuBtn .hamburger .hamburgerInner::before { transition: top 0.075s 0.12s ease, opacity 0.075s ease; } header#header .menuBtnWrap #menuBtn .hamburger .hamburgerInner::after { transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); } header#header .menuBtnWrap #menuBtn.menuActive .hamburger .hamburgerInner { transform: rotate(45deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } header#header .menuBtnWrap #menuBtn.menuActive .hamburger .hamburgerInner::before { top: 0; opacity: 0; transition: top 0.075s ease, opacity 0.075s 0.12s ease; } header#header .menuBtnWrap #menuBtn.menuActive .hamburger .hamburgerInner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } header#header #menuDrawer { max-height: 0; position: absolute; top: 100%; right: 0; width: 100%; max-width: 18rem; background: #fff; transition: max-height 0.3s; border-left: 1px solid #dadada; } header#header #menuDrawer.menuActive { max-height: 45rem; transition: max-height 0.6s; } header#header #menuDrawer #languageSwitcher { display: none; } header#header #headerMenu li.menu-item > a { display: block; width: 100%; } header#header #headerMenu ul.menu > li.menu-item { border-bottom: 1px solid #dadada; } header#header #headerMenu ul.menu > li.menu-item > a { font-size: 1rem; line-height: 1.5rem; transition: all 0.3s; } header#header #headerMenu ul.menu > li.menu-item.menu-item-has-children > a::after { content: '\f3d0'; display: inline-block; font-size: 1.375rem; line-height: 1.5rem; color: #dadada; padding-left: 1rem; margin-right: -1.875rem; position: relative; top: 0.125rem; transition: color 0.3s; } header#header #headerMenu ul.menu > li.menu-item .sub-menu { display: block; background-color: #efefef; transition: all 0.3s; } header#header #headerMenu ul.menu > li.menu-item .sub-menu::before { content: ''; display: block; height: 0.25rem; } header#header #headerMenu ul.menu > li.menu-item .sub-menu::after { content: ''; display: block; height: 0.5rem; } header#header #headerMenu ul.menu > li.menu-item .sub-menu a { font-size: 1rem; } body.notTouch header#header #headerMenu ul.menu > li.menu-item:hover > a, body.isTouch header#header #headerMenu ul.menu > li.menu-item.menuActive > a { background-color: #fff; color: #ed3226; } body.notTouch header#header #headerMenu ul.menu > li.menu-item:hover > a::after, body.isTouch header#header #headerMenu ul.menu > li.menu-item.menuActive > a::after { color: #ed3226; } body.notTouch header#header #headerMenu ul.menu > li.menu-item:hover > .sub-menu, body.isTouch header#header #headerMenu ul.menu > li.menu-item.menuActive > .sub-menu { opacity: 1; max-height: 12rem; } section#content::before { content: ''; display: block; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.75); z-index: -10; opacity: 0; transition: opacity 0.3s, z-index 0s ease 0.3s; } section#content.menuActive::before { z-index: 1000; opacity: 1; transition: opacity 0.3s, z-index 0s; } header#header #headerMenu ul.menu > li.menu-item.menuSearch > a { display: none; } header#header #headerMenu ul.menu > li.menu-item.menuSearch #menuSearch.megaMenu { opacity: 1; max-height: none; display: block; padding: 0.875rem 1rem 1rem; background-color: #efefef; } #searchInMenu .searchInputContainer input[type="search"] { background-color: #fff; } #searchInMenu .criteriaSelector { display: none; } #searchInMenu .searchBtnWrap { padding-top: 0.625rem; } #content.homePage section#homeBios .homeBioSlide .bioSlideText .bioSlideTextInner .bioSlideQuote blockquote { padding: 0; margin: 0; font-size: 1.75rem; line-height: 1.33; position: relative; z-index: 1; color: inherit; } #content.homePage section#homeBios .homeBioSlide .bioSlideText .bioSlideTextInner .bioSlideQuote blockquote::before { content: '\201C'; display: block; position: absolute; top: -2.625rem; left: -0.75rem; z-index: -1; color: #ed3226; font-size: 8rem; } #content.homePage section#homeBios .homeBioSlide .bioSlideText .bioSlideTextInner .bioSlideQuote blockquote p { margin-left: 2.5rem; font-size:1.5rem; color:#000000;} #content.homePage section#homeBios .homeBioSlide .bioSlideText .bioSlideTextInner .bioSlideQuote blockquote p span { color:#000000;} #content.homePage section#homeBios .homeBioSlide .bioSlideText .bioSlideTextInner .bioSlideQuote blockquote .bquoteCredit { color: inherit; font-size: 0.75rem; line-height: 1rem; display: block; margin-top: 0; } #content.homePage section#homeBios .homeBioSlide .bioSlideText .bioSlideTextInner .bioSlideQuote blockquote .bquoteCredit::before { content: '\2013\00A0'; } #content.homePage section#homeAchievements .homeAchievementsSlide .achievementsSlideText .achievementsSlideName { font-size: 30px; } #content.homePage section#homeAchievements .homeAchievementsIntro .theContent { font-size: .85rem; } #content.homePage section#homeAchievements .homeAchievementsSlide .achievementsSlideText .achievementsSlideTextInner .achievementsSlideQuote blockquote { padding: 0; margin: 0; font-size: 1.75rem; line-height: 1.33; position: relative; z-index: 1; color: inherit; } #content.homePage section#homeAchievements .homeAchievementsSlide .achievementsSlideText .achievementsSlideTextInner .achievementsSlideQuote blockquote::before { content: '\201C'; display: block; position: absolute; top: -2.625rem; left: -0.75rem; z-index: -1; color: #ed3226; font-size: 8rem; } #content.homePage section#homeAchievements .homeAchievementsSlide .achievementsSlideText .achievementsSlideTextInner .achievementsSlideQuote blockquote p { margin-left: 2.5rem; font-size:1.5rem; color:#000000;} #content.homePage section#homeAchievements .homeAchievementsSlide .achievementsSlideText .achievementsSlideTextInner .achievementsSlideQuote blockquote p span { color:#000000;} #content.homePage section#homeAchievements .homeAchievementsSlide .achievementsSlideText .achievementsSlideTextInner .achievementsSlideQuote blockquote .bquoteCredit { color: inherit; font-size: 0.75rem; line-height: 1rem; display: block; margin-top: 0; } #content.homePage section#homeAchievements .homeAchievementsSlide .achievementsSlideText .achievementsSlideTextInner .achievementsSlideQuote blockquote .bquoteCredit::before { content: '\2013\00A0'; } } @media screen and (min-width: 700px) and (max-width: 1009px) { #offsetGrid .verdictsDisplay ul li:nth-child(odd) { -ms-transform: translate(0, 0) !important; /* IE 9 */ -webkit-transform: translate(0, 0) !important; /* Safari */ transform: translate(0, 0) !important; } #offsetGrid .verdictsDisplay ul li:nth-child(even) { -ms-transform: translate(0, 3.75rem) !important; /* IE 9 */ -webkit-transform: translate(0, 3.75rem) !important; /* Safari */ transform: translate(0, 3.75rem) !important; } #offsetGrid .verdictsDisplay ul::after { content: ''; display: inline-block; width: 20rem; height: 0.5rem; -ms-flex-negative: 1; flex-shrink: 1; } } /* end design-tablet.scss */ /* design-desktop.scss */ @media screen and (min-width: 1010px) { #footerSpacer { position: relative; z-index: 100; height: 0; } #footerSpacer .footerSpacerBG { position: absolute; top: 0; right: 0; left: 0; height: 0; background-color: #4a4a4a; } .attyLetters .showLetter { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .practAreas { border-top-width: 1px; border-bottom-width: 1px; } .practAreas h3 { padding: 2.5rem 0; } .practAreas ul { max-width: none; margin: 0 -2rem 2.5rem 0; text-align: left; } .practAreas li { display: inline-flex; text-align: center; } .practAreas a { font-size: 0.875rem; padding-top: 1.125rem; padding-bottom: 1.125rem; display: inline-block; width: 11.875rem; margin: 0 0.625rem 0.625rem 0; } .verdictsDisplay ul { margin-right: -0.5rem; } .verdictsDisplay li { width: 33%; } .verdictsDisplay .theVerdict { max-width: 97%; } .horizScroll .scrollTrack > *:first-child { margin-left: 0 !important; } .horizScroll .scrollTrack::after { margin-left: 0; } #pgLightbox .pgLightboxItem .imgWrap, #pgLightbox .pgLightboxItem .vidWrap { margin: 0 auto; max-width: 75vw; width: 100%; } header#header #branding { padding-top: 0.75rem; } header#header #branding #siteTitle a { margin-left: auto; margin-right: auto; } header#header .menuBtnWrap { display: none; } header#header #menuDrawer { height: auto; overflow: visible; max-height: none; } header#header #menuDrawer::after { content: ''; display: block; position: absolute; top: 100%; left: 0; right: 0; height: 0; border-bottom: 1px solid #dadada; margin-top: -1px; } header#header #languageSwitcher { position: absolute; top: 0; right: 28.75rem; height: 2.75rem; } header#header #headerMenu { position: relative; position: relative; } header#header #headerMenu ul.menu { margin-left: -1.25rem; margin-right: -2rem; text-align: left; } header#header #headerMenu ul.menu > li.menu-item { display: inline-block; padding-right: 0; vertical-align: top; height: 2.9375rem; } header#header #headerMenu ul.menu > li.menu-item > a { border-bottom: 1px solid #dadada; position: relative; z-index: 300; padding-right: 1.85rem; padding-left: 1.85rem; } header#header #headerMenu ul.menu > li.menu-item::before { content: ''; display: block; position: absolute; top: 100%; margin-top: -1px; left: -100vw; right: -100vw; background-color: #efefef; height: 28.25rem; max-height: 0; transition: max-height 0.3s ease 0.25s; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; } header#header #headerMenu ul.menu > li.menu-item > .sub-menu, header#header #headerMenu ul.menu > li.menu-item > .megaMenu { transition: all 0s; display: block; position: absolute; top: 100%; margin-top: -1px; left: -0.875rem; right: -1.125rem; text-align: left; z-index: -1; } header#header #headerMenu ul.menu > li.menu-item > #menuPractice { right: -100%; left: -15%; } header#header #headerMenu ul.menu > li.menu-item > .sub-menu.locked { left: auto; right: auto; } header#header #headerMenu ul.menu > li.menu-item > .sub-menu.lockedright { left: auto; right: 0; } header#header #headerMenu ul.menu > li.menu-item > .sub-menu > .menu-item, header#header #headerMenu ul.menu > li.menu-item > .megaMenu > .menu-item { display: inline-block; margin-right: 0.125rem; } header#header #headerMenu ul.menu > li.menu-item > .sub-menu .sub-menu, header#header #headerMenu ul.menu > li.menu-item > .megaMenu .sub-menu { display: none !important; } header#header #headerMenu ul.menu > li.menu-item.doNotOpen > a { color: #000 !important; background-color: transparent !important; } header#header #headerMenu ul.menu > li.menu-item.doNotOpen > .sub-menu, header#header #headerMenu ul.menu > li.menu-item.doNotOpen > .megaMenu, header#header #headerMenu ul.menu > li.menu-item.doNotOpen::before { max-height: 0 !important; } header#header #headerMenu ul.menu > li.menu-item:hover > .sub-menu, header#header #headerMenu ul.menu > li.menu-item.menuActive > .sub-menu, header#header #headerMenu ul.menu > li.menu-item:hover > .megaMenu, header#header #headerMenu ul.menu > li.menu-item.menuActive > .megaMenu { transition: max-height 0.3s, opacity 0.3s ease 0.1s; max-height: 2.875rem; opacity: 1; z-index: 100; } header#header #headerMenu ul.menu > li.menu-item.menu-item-has-children:hover > a, header#header #headerMenu ul.menu > li.menu-item.menuItemHasMegaMenu:hover > a { border-bottom: 1px solid transparent; } header#header #headerMenu ul.menu > li.menu-item.menu-item-has-children:hover::before, header#header #headerMenu ul.menu > li.menu-item.menuItemHasMegaMenu:hover::before { transition: max-height 0.3s; } header#header #headerMenu ul.menu > li.menu-item.menu-item-has-children:hover::before, header#header #headerMenu ul.menu > li.menu-item.menu-item-has-children.menuActive::before { max-height: 2.875rem; } header#header #headerMenu ul.menu > li.menu-item.menuItemHasMegaMenu .megaMenuContent { padding: 1.375rem 0.875rem; } header#header #headerMenu ul.menu > li.menu-item.menuItemHasMegaMenu.menuAttorney .megaMenuContent { padding-top: 0; padding-bottom: 0; } header#header #headerMenu ul.menu > li.menu-item.menuItemHasMegaMenu.menuAttorney:hover .megaMenu, header#header #headerMenu ul.menu > li.menu-item.menuItemHasMegaMenu.menuAttorney.menuActive .megaMenu, header#header #headerMenu ul.menu > li.menu-item.menuItemHasMegaMenu.menuAttorney:hover::before, header#header #headerMenu ul.menu > li.menu-item.menuItemHasMegaMenu.menuAttorney.menuActive::before { max-height: 29.75rem; } header#header #headerMenu ul.menu > li.menu-item.menuItemHasMegaMenu.menuPractice .megaMenuContent { height: 40.5rem; padding-left: 0.875rem; padding-right: 0; padding-bottom: 1rem; } header#header #headerMenu ul.menu > li.menu-item.menuItemHasMegaMenu.menuPractice .megaMenuContent #menuPracticeScroll { overflow: auto; } header#header #headerMenu ul.menu > li.menu-item.menuItemHasMegaMenu.menuPractice .megaMenuContent ul { height: 24.25rem; margin-left: -0.875rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: start; align-content: flex-start; } header#header #headerMenu ul.menu > li.menu-item.menuItemHasMegaMenu.menuPractice .megaMenuContent .menu-item a { padding-top: 0; padding-bottom: 0.375rem; margin-bottom: 0.25rem; margin-right: 0.25rem; } header#header #headerMenu ul.menu > li.menu-item.menuItemHasMegaMenu.menuPractice:hover .megaMenu, header#header #headerMenu ul.menu > li.menu-item.menuItemHasMegaMenu.menuPractice.menuActive .megaMenu, header#header #headerMenu ul.menu > li.menu-item.menuItemHasMegaMenu.menuPractice:hover::before, header#header #headerMenu ul.menu > li.menu-item.menuItemHasMegaMenu.menuPractice.menuActive::before { max-height: 50.5rem; } header#header #headerMenu ul.menu > li.menu-item.menuItemHasMegaMenu.menuSearch > a { width: 3.5rem; overflow: hidden; position: relative; text-indent: -9999999px; text-align: center; } header#header #headerMenu ul.menu > li.menu-item.menuItemHasMegaMenu.menuSearch > a::before, header#header #headerMenu ul.menu > li.menu-item.menuItemHasMegaMenu.menuSearch > a::after { content: '\f4a4'; text-indent: 0; font-size: 1.5rem; line-height: 3rem; position: absolute; top: 0; right: 0; left: 0; bottom: 0; opacity: 1; } header#header #headerMenu ul.menu > li.menu-item.menuItemHasMegaMenu.menuSearch > a::after { content: '\f2d7'; opacity: 0; } header#header #headerMenu ul.menu > li.menu-item.menuItemHasMegaMenu.menuSearch .megaMenuContent { padding: 0.875rem; padding-right: 0; } header#header #headerMenu ul.menu > li.menu-item.menuItemHasMegaMenu.menuSearch:hover > a { border-bottom: 1px solid #dadada; } header#header #headerMenu ul.menu > li.menu-item.menuItemHasMegaMenu.menuSearch:hover .megaMenu { max-height: 0; } header#header #headerMenu ul.menu > li.menu-item.menuItemHasMegaMenu.menuSearch.menuActive > a { border-bottom: 1px solid transparent; color: #ed3226; background-color: #efefef; } header#header #headerMenu ul.menu > li.menu-item.menuItemHasMegaMenu.menuSearch.menuActive > a::before { opacity: 0; } header#header #headerMenu ul.menu > li.menu-item.menuItemHasMegaMenu.menuSearch.menuActive > a::after { opacity: 1; } header#header #headerMenu ul.menu > li.menu-item.menuItemHasMegaMenu.menuSearch.menuActive .megaMenu, header#header #headerMenu ul.menu > li.menu-item.menuItemHasMegaMenu.menuSearch.menuActive::before { max-height: 5rem; opacity: 1; z-index: 100; } header#header #headerMenu ul.menu > li.menu-item.menuItemHasMegaMenu.menuSearch.menuActive .megaMenu.filterActive { overflow: visible; } body.pageLoaded header#header #headerMenu li.menu-item > a { transition: color 0.3s, background-color 0.1s; } #searchInMenu { position: relative; padding-right: 13.125rem; } #searchInMenu .searchInputContainer { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: #fff; position: relative; padding-right: 12.5rem; border: 1px solid #dadada; transition: border-color 0.3s; } #searchInMenu .searchInputContainer.focused { border-color: #000; } #searchInMenu .searchInputContainer::before { content: ''; display: block; position: absolute; top: 0.625rem; bottom: 0.625rem; right: 11.875rem; width: 2px; background-color: #dadada; } #searchInMenu .searchInputContainer input[type="search"] { border: 0 !important; display: block; font-size: 0.875rem; padding-top: 0.875rem; padding-bottom: 0.75rem; } #searchInMenu .searchInputContainer .criteriaSelector { width: 11.875rem; position: absolute; top: 0; right: 0; bottom: 0; } #searchInMenu .searchInputContainer .criteriaSelector::after { content: '\f35f'; display: block; position: absolute; top: 50%; right: 1.75rem; width: 0.625rem; height: 1.125rem; line-height: 1.125rem; margin-top: -0.5625rem; font-size: 1.125rem; color: #000; cursor: pointer; } #searchInMenu .searchInputContainer .criteriaSelector * { display: block; } #searchInMenu .searchInputContainer .criteriaSelector .criteriaText { display: none; } #searchInMenu .searchInputContainer .criteriaSelector .drilldown { display: block; position: absolute; top: 0; right: 0; left: 0; bottom: 0; font-size: 0.875rem; line-height: 3.125rem; padding: 0 1.75rem; cursor: pointer; } #searchInMenu .searchInputContainer .criteriaSelector .checkboxFilters { display: block; position: absolute; margin-top: -0.125rem; top: 100%; left: 0; right: 0; height: 7.5rem; max-height: 0; overflow: hidden; background: #fff; transition: max-height 0s; } #searchInMenu .searchInputContainer .criteriaSelector .checkboxFilters .checkboxContainer:first-child { padding-top: 0.25rem; } #searchInMenu .searchInputContainer .criteriaSelector .checkboxFilters input { display: none; } #searchInMenu .searchInputContainer .criteriaSelector .checkboxFilters label { cursor: pointer; height: 1.75rem; line-height: 1.75rem; font-size: 0.875rem; padding-left: 2rem; position: relative; } #searchInMenu .searchInputContainer .criteriaSelector .checkboxFilters label::before { content: ''; display: block; position: absolute; top: 0.5625rem; left: 0.6875rem; width: 0.625rem; height: 0.625rem; margin-top: -1px; border: 1px solid #b0b0b0; background-color: #efefef; transition: background-color 0.3s; } #searchInMenu .searchInputContainer .criteriaSelector .checkboxFilters input:checked + label::before { background-color: #ed3226; } #searchInMenu .searchInputContainer .criteriaSelector.filterActive::after { content: '\f365'; } #searchInMenu .searchInputContainer .criteriaSelector.filterActive .checkboxFilters { max-height: 7.5rem; transition: max-height 0.3s; } #searchInMenu .searchBtnWrap { position: absolute; top: 0; right: 0; } #attyMenuSorter .attyLettersWrap { padding-bottom: 1rem; border-bottom: 1px solid #dadada; margin-bottom: 1.375rem; } #attyMenuSorter .attyLettersWrap .lettersIntro { height: 3.125rem; line-height: 3.125rem; font-size: 1rem; font-style: italic; } #attyMenuSorter .attySearchRow, #attyMenuSorter .menuAttysWrap { position: relative; padding-right: 15.375rem; } #attyMenuSorter .attySearchRow .searchInputContainer input[type="search"], #attyMenuSorter .menuAttysWrap .searchInputContainer input[type="search"] { background: #fff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border-color: transparent; padding-left: 1.5rem; } #attyMenuSorter .attySearchRow .searchBtnWrap, #attyMenuSorter .menuAttysWrap .searchBtnWrap { position: absolute; top: 0; right: 0; } #attyMenuSorter .attySearchRow .clearAll, #attyMenuSorter .menuAttysWrap .clearAll { position: absolute; top: 100%; margin-top: 1rem; right: 0; height: 3.25rem; width: 12.5rem; line-height: 3.25rem; text-align: center; opacity: 0; transition: all 0.3s; } #attyMenuSorter #menuAttyFilter.boxChecked .attySearchRow { z-index: 2; } #attyMenuSorter #menuAttyFilter.boxChecked .attySearchRow .clearAll { opacity: 1; } #attyMenuSorter #attyMenuList { border-top: 1px solid #dadada; background: #fff; height: 15.75rem; padding-top: 0.375rem; } #attyMenuSorter #attyMenuList .scroll-wrapper { height: 15.3125rem; } #attyMenuSorter #attyMenuList #menuAttysScroll { overflow: auto; } #attyMenuSorter #attyMenuList .postSearchLink { display: block; } #attyMenuSorter #attyMenuList .postSearchLink a { font-size: 1.125rem; line-height: 1.5rem; padding: 0.625rem 1.5rem; overflow: hidden; display: block; } #attyMenuSorter #attyMenuList .postSearchLink.hideResult { display: none; } #attyMenuSorter #attyMenuList.spellingMatchActive .postSearchLink b { font-weight: bold; } #attyMenuSorter #attyMenuList.spellingMatchActive .postSearchLink.noSpellingMatch { display: none; } .bioContent { padding: 0 1.125rem; } .bioContent .bioPortrait h1.bioName { padding-top: 7.75rem; } .bioContent .bioPortrait .bioContact { padding: 1.125rem 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .bioContent .bioPortrait .bioContact li { margin-left: 0.75rem; margin-right: 0.75rem; width: auto; max-width: none; } .bioContent .bioPortrait .bioContact a.bioPhone { cursor: default; } .bioContent .bioPortrait .bioContact a.bioPhone span { color: inherit !important; border-color: transparent !important; } .bioContent .bioText .theContent { margin: 0 8.4% 3.125rem; } .bioContent .bioText .theContent .practAreas h3.practAreasTitle { padding-top: 2.5rem; padding-bottom: 2.5rem; } #bioDetails #detailsMenu { padding: 0; margin: 0 auto; max-width: 49.375rem; } #bioDetails #detailsMenu::after { display: none; } #bioDetails #detailsMenu a:first-child { margin-left: 0; } .bioContent.bioBigSix .bioPortrait { margin-bottom: 0; } .bioContent.bioBigSix .bioPortrait > .containWidth, .bioContent.bioBigSix .bioPortrait > header#header #headerMenu, header#header .bioContent.bioBigSix .bioPortrait > #headerMenu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .bioContent.bioBigSix .bioPortrait .bioImage, .bioContent.bioBigSix .bioPortrait .bigSixText { width: 49%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .bioContent.bioBigSix .bioPortrait .bioImage { margin-left: 0; } .bioContent.bioBigSix .bioPortrait .bioImage .bigSixImageSpc { max-width: 45rem; } .bioContent.bioBigSix .bioPortrait .bioImage .bigSixQuote { padding: 1.875rem 4.25rem; font-size: 1.875rem; line-height: 2.5rem; } .bioContent.bioBigSix .bioPortrait .bigSixText { padding-left: 0; padding-right: 0; padding-bottom: 2rem; } .bioContent.bioBigSix .bioPortrait .bigSixText .bigSixInner { margin-right: 8.6%; margin-left: auto; max-width: 38.5rem; padding-left: 1.125rem; } .bioContent.bioBigSix .bioPortrait .bigSixText .bioName, .bioContent.bioBigSix .bioPortrait .bigSixText .bioTitle, .bioContent.bioBigSix .bioPortrait .bigSixText .bioContact, .bioContent.bioBigSix .bioPortrait .bigSixText .bigSixIntro { width: auto; } .bioContent.bioBigSix .bioPortrait .bigSixText h1.bioName { padding-top: 23%; } .bioContent.bioBigSix .bioPortrait .bigSixText .bioTitle { padding-top: 0.75rem; padding-bottom: 2.125rem; } .bioContent.bioBigSix .bioPortrait .bigSixText .bigSixIntro { padding-top: 1.25rem; } .bioContent.bioBigSix .bioPortrait .bigSixText .horizScroll { margin-top: 1.5rem; } .bioContent.bioBigSix .bioPortrait .bigSixText .verdictsDisplay li { width: auto; } .bigSixPaneContent .theContent .practAreas h3.practAreasTitle { padding-top: 2.5rem; padding-bottom: 2.5rem; } #attyNav a, #practNav a { padding-left: 20.25rem; } #attyNav a .navImg, #practNav a .navImg { display: block; position: absolute; left: 8.5rem; bottom: 0; width: 8.5rem; height: 8.5rem; background-position: top center; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; } #attyNav a.right, #practNav a.right { padding-left: 2rem; padding-right: 20.25rem; } #attyNav a.right .navImg, #practNav a.right .navImg { left: auto; right: 8.5rem; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; } #practNav a { padding: 4.125rem 2rem 4rem 26%; } #practNav a .navImg { width: 12.5rem; width: 28%; max-width: 12.5rem; height: 5.625rem; bottom: 50%; margin-bottom: -2.8125rem; background-size: cover; left: 17.2%; } #practNav a.right { padding-left: 2rem; padding-right: 26%; } #practNav a.right .navImg { right: 17.2%; } #content.practAreaContent .practImg { top: -4.5rem; } #content.practAreaContent .practAreaHead { top: -4.5rem; min-height: 96vh; } #content.practAreaContent .practAreaHead #practBack { top: 11.875rem; left: -10%; } #content.practAreaContent .practAreaHead #scrollDown { bottom: 2rem; } body.hasScrolled #content.practAreaContent .practAreaHead { min-height: 43.75rem; } body.hasScrolled #content.practAreaContent .articleMeta { margin-top: -9.375rem; min-height: 4.5rem; } #content.searchResults #searchResultForm { padding-bottom: 2.5rem; } .contactContainer { overflow: hidden; } .contactContainer .contactMain { float: left; width: 50%; margin-right: 4px; } .contactContainer .contactHead, .contactContainer .contactContent { margin-right: 0; margin-left: auto; padding-left: 1.875rem; padding-right: 2.125rem; } .contactContainer .contactHead { padding-top: 3.75rem; max-width: 31rem; } .contactContainer .contactContent { padding-bottom: 0; } .contactContainer .contactOverlay { float: right; width: 50%; padding-left: 5.375rem; } .contactContainer .contactOverlay .overlayImg { display: none; } .contactContainer .contactOverlay .theContent { font-size: 1rem; line-height: 1.75rem; } .contactImageBG { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 50%; z-index: 0; } .practLandContainer .practAreaLink { width: 25%; } #offsetGrid .verdictsDisplay ul li { width: auto; } #offsetGrid .verdictsDisplay ul a.theVerdict, #offsetGrid .verdictsDisplay ul div.theVerdict, #offsetGrid .verdictsDisplay ul span.theVerdict { width: 22.875rem; height: 17.125rem; } #content.attorneyLanding #bigSixAttys .postSearchLink a .sizer { max-width: 30rem; } #content.attorneyLanding #bigSixAttys .postSearchLink a .attyNameWrap { bottom: 2.25rem; } #content.attorneyLanding #bigSevenAttys .postSearchLink a .sizer, #content.attorneyLanding #bigSevenAttys .postSearchLink .sizer { } #content.attorneyLanding #bigSevenAttys .postSearchLink a .attyNameWrap { bottom: 2.25rem; height:auto; } #content.attorneyLanding #bigSevenAttys .postSearchLink .attyNameWrap { bottom: 2.25rem; height:50%; } #attorneyFilterForm .practAreaWrap { padding: 1rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #attorneyFilterForm .practAreaWrap > span { display: inline-block; margin-left: 0; margin-right: 0; max-width: none; vertical-align: middle; } #attorneyFilterForm .practAreaWrap .practAreasIntro { padding-left: 1.375rem; padding-right: 2.125rem; } #attorneyFilterForm .practAreaWrap .selectContainer { margin: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } #attorneyFilterForm .practAreaWrap .clearAll { padding-top: 1rem; padding-bottom: 1rem; } #content.practiceLanding .practLandingBG .practLandImg { top: -10.75rem; } #content.homePage section#homeHero .sliderNav { opacity: 0; transition: opacity 0.3s; } #content.homePage section#homeHero .sliderNav nav a.prev { margin-left: -40px; } #content.homePage section#homeHero .sliderNav nav a.next { margin-right: -40px; } #content.homePage section#homeHero .sliderNav .nav-fillpath a::before, #content.homePage section#homeHero .sliderNav .nav-fillpath a::after { background: #b0b0b0; } #content.homePage section#homeHero .sliderNav .nav-fillpath .icon-wrap::before, #content.homePage section#homeHero .sliderNav .nav-fillpath .icon-wrap::after { background: #fff; } #content.homePage section#homeHero:hover .sliderNav { opacity: 1; } #content.homePage section#homeHero .homeHeroSlide .heroSlideImage .heroSlideSpacer { max-width: 63.5rem; } #content.homePage section#homeHero .homeHeroSlide .heroSlideImage .heroSlideSpacer::before { padding-bottom: 50%; } #content.homePage section#homeHero .homeHeroSlide .heroSlideText { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 0 2rem; } #content.homePage section#homeHero .homeHeroSlide .heroSlideText .containWidth, #content.homePage section#homeHero .homeHeroSlide .heroSlideText header#header #headerMenu, header#header #content.homePage section#homeHero .homeHeroSlide .heroSlideText #headerMenu { height: 100%; max-width: 1150px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } #content.homePage section#homeHero .homeHeroSlide .heroSlideText .heroSlideTextInner { margin: 0; width: 38%; } #content.homePage section#homeHero .homeHeroSlide .heroSlideText .heroSlideTextInner h2.lineOne { font-size: 4.25rem; } #content.homePage section#homeHero .homeHeroSlide .heroSlideText .heroSlideTextInner h3.lineTwo { font-size: 2rem; } #content.homePage section#homeHero .homeHeroSlide .heroSlideText .heroSlideTextInner h2.taglineOne { font-size: 4.25rem; } #content.homePage section#homeHero .homeHeroSlide .heroSlideText .heroSlideTextInner h3.taglineTwo { font-size: 2.5rem; } #content.homePage section#homeHero .homeHeroSlide .heroSlideText .heroSlideTextInner h2.quote { font-size: 2rem; } #content.homePage section#homeHero .homeHeroSlide .heroSlideText .heroSlideTextInner h3.byline { font-size: 1rem; } #content.homePage section#homeHero .slick-dots { margin-bottom: 0.875rem; bottom: 0; } #content.homePage section#homeBios .sliderNav { display: block; } #content.homePage section#homeBios .homeBioSlide .bioSlideImage .bioSlideSpacer { max-width: 78.75rem; } #content.homePage section#homeBios .homeBioSlide .bioSlideImage .bioSlideSpacer::before { padding-bottom: 50%; } #content.homePage section#homeBios .homeBioSlide .bioSlideText { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 0 6rem; } #content.homePage section#homeBios .homeBioSlide .bioSlideText .containWidth, #content.homePage section#homeBios .homeBioSlide .bioSlideText header#header #headerMenu, header#header #content.homePage section#homeBios .homeBioSlide .bioSlideText #headerMenu { height: 100%; max-width: 1150px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } #content.homePage section#homeBios .homeBioSlide .bioSlideText .bioSlideTextInner { margin: 0; width: 33%; } #content.landingPage section#homeBios .homeBioSlide .bioSlideText .bioSlideTextInner { margin: 0; width: 60%; } #content.homePage section#homeBios .homeBioSlide .bioSlideText .bioSlideTextInner .bioSlideQuote { font-size: 1.875rem; line-height: 2.5rem; } #content.homePage section#homeBios .homeBioSlide .bioSlideText .bioSlideTextInner .readMore { font-size: 1.125rem; font-weight: 600; line-height: 1.75rem; z-index: 99999; } #content.homePage section#homeBios .homeBioSlide .bioSlideText .bioSlideTextInner .readMore::after { font-size: 1.75rem; font-weight: normal; padding-left: 0.625rem; } #content.homePage section#homeBios .homeBioSlide .bioSlideImage .bioSlideBG { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: contain; background-position: center left; background-repeat: no-repeat; } #content.homePage section#homeBios .slick-dots { margin-bottom: 2.375rem; bottom: 0; width: 12rem; left: 50%; right: auto; margin-left: -6rem; } #content.homePage section#homeAchievements .sliderNav { display: block; } #content.homePage section#homeAchievements .homeAchievementsSlide .achievementsSlideImage .achievementsSlideSpacer { max-width: 78.75rem; } #content.homePage section#homeAchievements .homeAchievementsSlide .achievementsSlideImage .achievementsSlideSpacer::before { padding-bottom: 50%; } #content.homePage section#homeAchievements .homeAchievementsSlide .achievementsSlideText { top: 0; right: 0; bottom: 0; left: 0; padding: 0 6rem; min-height: 200px; } #content.homePage section#homeAchievements .homeAchievementsSlide .achievementsSlideText .containWidth, #content.homePage section#homeAchievements .homeAchievementsSlide .achievementsSlideText header#header #headerMenu, header#header #content.homePage section#homeAchievements .homeAchievementsSlide .achievementsSlideText #headerMenu { height: 100%; max-width: 1150px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } #content.homePage section#homeAchievements .homeAchievementsSlide .achievementsSlideText .achievementsSlideTextInner { margin: 0; width: 100%; text-align: center; } #content.homePage section#homeAchievements .homeAchievementsSlide .achievementsSlideText .achievementsSlideTextInner .achievementsSlideQuote { font-size: 1.875rem; line-height: 2.5rem; } #content.homePage section#homeAchievements .homeAchievementsSlide .achievementsSlideText .achievementsSlideTextInner .readMore { font-size: 1.125rem; font-weight: 600; line-height: 1.75rem; z-index: 99999; } #content.homePage section#homeAchievements .homeAchievementsSlide .achievementsSlideText .achievementsSlideTextInner .readMore::after { font-size: 1.75rem; font-weight: normal; padding-left: 0.625rem; } #content.homePage section#homeAchievements .homeAchievementsSlide .achievementsSlideImage .achievementsSlideBG { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: contain; background-position: center left; background-repeat: no-repeat; } #content.homePage section#homeAchievements .slick-dots { margin-bottom: 2.375rem; bottom: 0; width: 12rem; left: 50%; right: auto; margin-left: -6rem; } #content.homePage section#homeMedia ul { padding-top: 66px; } #content.homePage section#homeMedia ul li { margin: 0 30px 62px; } #content.homePage section#homeMedia ul li img.halfSize { display: none; } #content.homePage section#homeMedia ul li img.fullSize { display: inline-block; } section#homeMedia h2 { margin-top: 2%; font-style: italic; } section#homeMedia ul { padding-top: 33px; } section#homeMedia ul li { margin: 0 30px 62px; } section#homeMedia ul li img.halfSize { display: none; } section#homeMedia ul li img.fullSize { display: inline-block; } #breakingNews { top: 50%; } #hoverBlocker { display: block; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: -1000000; background-color: transparent; } body.pageLoaded #hoverBlocker { display: none; } .bioContent.bioBigSix .bioPortrait .bigSixText { width:70%; } } @media screen and (min-width: 1010px) and (max-width: 1120px) { #offsetGrid .verdictsDisplay ul a.theVerdict, #offsetGrid .verdictsDisplay ul span.theVerdict { width: 18rem; height: 19rem; } } @media screen and (min-width: 1310px) { .sideLinks { display: none; position: fixed; bottom: 420px; left: 0; right: 0; height: 100vh; z-index: -2; } .sideLinks.showSideLinks { display: block; } .sideLinks .sideLinksMask, .sideLinks .sideLinksReveal { position: absolute; left: 0; right: 0; bottom: 0; } .sideLinks .sideLinksMask { z-index: 0; height: 150vh; background: #fff; } .sideLinks .sideLinksReveal { z-index: -1; height: 0; } .sideLinks .sideLinksReveal .containWidth, .sideLinks .sideLinksReveal header#header #headerMenu, header#header .sideLinks .sideLinksReveal #headerMenu { position: relative; max-width: 1436px; } .sideLinks .sideLinksReveal::after { content: ''; display: block; clear: both; } .sideLinks .sideLinksReveal a { position: absolute; bottom: 0; display: block; width: 9.5rem; color: #000; transition: color 0.3s; } .sideLinks .sideLinksReveal a:hover { color: #ed3226; } .sideLinks .sideLinksReveal a .arrow { display: block; text-transform: uppercase; font-size: 0.625rem; line-height: 1; color: #b0b0b0; margin-bottom: 0.75rem; } .sideLinks .sideLinksReveal a .arrow::before { content: '\e605'; display: block; font-size: 1.375rem; line-height: 1; color: #ed3226; margin-bottom: 0.75rem; position: relative; left: -0.375rem; } .sideLinks .sideLinksReveal a .linkText { font-size: 0.75rem; line-height: 1rem; display: block; height: 5rem; } .sideLinks .sideLinksReveal a.sideLinkLeft { left: 1.125rem; text-align: left; } .sideLinks .sideLinksReveal a.sideLinkRight { right: 1.125rem; text-align: right; } .sideLinks .sideLinksReveal a.sideLinkRight .arrow::before { content: '\e606'; left: 0.375rem; } .bioContent.bioBigSix .bioPortrait > .containWidth, .bioContent.bioBigSix .bioPortrait > header#header #headerMenu, header#header .bioContent.bioBigSix .bioPortrait > #headerMenu { max-width: none; } .bioContent.bioBigSix .bioPortrait .bigSixText { width: 45rem; } } .bioContent.bioBigSix .bioPortrait > .containWidth { max-width: 2000px; } /* end design-desktop.scss */ /* end style.scss */ @media screen and (min-width: 700px) { #content.attorneyLanding #bigSevenAttys .postSearchLink { width: 33.3333%; max-width: 33.3333%; } } @media screen and (min-width: 1010px) { #content.attorneyLanding #bigSevenAttys .postSearchLink { width: 25%; max-width: 25%; } } @media screen and (min-width: 1300px) { #content.attorneyLanding #bigSevenAttys .postSearchLink { width: 25%; max-width: 25%; } } @media screen and (max-width: 700px) { #content.attorneyLanding #bigSevenAttys .postSearchLink { width: 50%; max-width: 50%; } }