/* ========================================================================== Axiom Theme Styles ========================================================================== */ /* ========================================================================== Table of Contents: 1. EXTERNAL RESOURCES 2. GLOBAL VARIABLES AND MACROS 3. BASE STYLES 4. PAGE STRUCTURE 5. HEADER NAVIGATION 6. BLOG 7. FORMS 8. BUTTONS 9. MISCELLANEOUS 10. MEDIA QUERIES ========================================================================== */ /* ========================================================================== 1. EXTERNAL RESOURCES ========================================================================== */ /* =============== @import, @font-face, and CSS File Includes =============== */ /* Axiom @font-face declarations */ /* Missing Template at Path: \'__Archive\/__Axiom Theme\/css\/fonts\/axiom-fonts.css\' */ /* modules.css is required to address style issues with the default modules */ .row-fluid{width:100%;*zoom:1}.row-fluid:before,.row-fluid:after{display:table;content:""}.row-fluid:after{clear:both}.row-fluid [class*="span"]{display:block;float:left;width:100%;min-height:28px;margin-left:2.127659574%;*margin-left:2.0744680846382977%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.row-fluid [class*="span"]:first-child{margin-left:0}.row-fluid .span12{width:99.99999998999999%;*width:99.94680850063828%}.row-fluid .span11{width:91.489361693%;*width:91.4361702036383%}.row-fluid .span10{width:82.97872339599999%;*width:82.92553190663828%}.row-fluid .span9{width:74.468085099%;*width:74.4148936096383%}.row-fluid .span8{width:65.95744680199999%;*width:65.90425531263828%}.row-fluid .span7{width:57.446808505%;*width:57.3936170156383%}.row-fluid .span6{width:48.93617020799999%;*width:48.88297871863829%}.row-fluid .span5{width:40.425531911%;*width:40.3723404216383%}.row-fluid .span4{width:31.914893614%;*width:31.8617021246383%}.row-fluid .span3{width:23.404255317%;*width:23.3510638276383%}.row-fluid .span2{width:14.89361702%;*width:14.8404255306383%}.row-fluid .span1{width:6.382978723%;*width:6.329787233638298%}.container-fluid{*zoom:1}.container-fluid:before,.container-fluid:after{display:table;content:""}.container-fluid:after{clear:both}@media(max-width:767px){.row-fluid{width:100%}.row-fluid [class*="span"]{display:block;float:none;width:auto;margin-left:0}}@media(min-width:768px) and (max-width:1139px){.row-fluid{width:100%;*zoom:1}.row-fluid:before,.row-fluid:after{display:table;content:""}.row-fluid:after{clear:both}.row-fluid [class*="span"]{display:block;float:left;width:100%;min-height:28px;margin-left:2.762430939%;*margin-left:2.709239449638298%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.row-fluid [class*="span"]:first-child{margin-left:0}.row-fluid .span12{width:99.999999993%;*width:99.9468085036383%}.row-fluid .span11{width:91.436464082%;*width:91.38327259263829%}.row-fluid .span10{width:82.87292817100001%;*width:82.8197366816383%}.row-fluid .span9{width:74.30939226%;*width:74.25620077063829%}.row-fluid .span8{width:65.74585634900001%;*width:65.6926648596383%}.row-fluid .span7{width:57.182320438000005%;*width:57.129128948638304%}.row-fluid .span6{width:48.618784527%;*width:48.5655930376383%}.row-fluid .span5{width:40.055248616%;*width:40.0020571266383%}.row-fluid .span4{width:31.491712705%;*width:31.4385212156383%}.row-fluid .span3{width:22.928176794%;*width:22.874985304638297%}.row-fluid .span2{width:14.364640883%;*width:14.311449393638298%}.row-fluid .span1{width:5.801104972%;*width:5.747913482638298%}}@media(min-width:1280px){.row-fluid{width:100%;*zoom:1}.row-fluid:before,.row-fluid:after{display:table;content:""}.row-fluid:after{clear:both}.row-fluid [class*="span"]{display:block;float:left;width:100%;min-height:28px;margin-left:2.564102564%;*margin-left:2.510911074638298%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.row-fluid [class*="span"]:first-child{margin-left:0}.row-fluid .span12{width:100%;*width:99.94680851063829%}.row-fluid .span11{width:91.45299145300001%;*width:91.3997999636383%}.row-fluid .span10{width:82.905982906%;*width:82.8527914166383%}.row-fluid .span9{width:74.358974359%;*width:74.30578286963829%}.row-fluid .span8{width:65.81196581200001%;*width:65.7587743226383%}.row-fluid .span7{width:57.264957265%;*width:57.2117657756383%}.row-fluid .span6{width:48.717948718%;*width:48.6647572286383%}.row-fluid .span5{width:40.170940171000005%;*width:40.117748681638304%}.row-fluid .span4{width:31.623931624%;*width:31.5707401346383%}.row-fluid .span3{width:23.076923077%;*width:23.0237315876383%}.row-fluid .span2{width:14.529914530000001%;*width:14.4767230406383%}.row-fluid .span1{width:5.982905983%;*width:5.929714493638298%}}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;content:""}.clearfix:after{clear:both} /* Images */ img { max-width: 100%; height: auto; border: 0; -ms-interpolation-mode: bicubic; vertical-align: bottom; /* Suppress the space beneath the baseline */ } img.alignRight, img.alignright{ margin: 0 0 5px 15px; } img.alignLeft, img.alignleft{ margin: 0 15px 5px 0; } /* Reduces min-height on bootstrap structure */ .row-fluid [class*="span"] { min-height: 1px; } /* Blog Social Sharing */ .hs-blog-social-share .hs-blog-social-share-list { margin: 0; list-style: none !important; } .hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item { height: 30px; list-style: none !important; } @media (max-width: 479px){ .hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item:nth-child(2) { float: none !important; /* Stack social icons into two rows on phones */ } } .hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item .fb-like > span{ vertical-align: top !important; /* Aligns Facebook icon with other social media icons */ } /* Captcha */ #recaptcha_response_field { width: auto !important; display: inline-block !important; } /* line height fix for reCaptcha theme */ #recaptcha_table td {line-height: 0;} .recaptchatable #recaptcha_response_field { min-height: 0;line-height: 12px; } @media all and (max-width: 400px) { /* beat recaptcha into being responsive, !importants and specificity are necessary */ #captcha_wrapper, #recaptcha_area, #recaptcha_area table#recaptcha_table, #recaptcha_area table#recaptcha_table .recaptcha_r1_c1 { width: auto !important; overflow: hidden; } #recaptcha_area table#recaptcha_table .recaptcha_r4_c4 { width: 67px !important; } #recaptcha_area table#recaptcha_table #recaptcha_image { width:280px !important; } } /* Videos */ video { max-width: 100%; height: auto; } /* Date Picker */ #calroot { width: 202px !important; line-height: normal; } #calroot, #calroot *, #calroot *:before, #calroot *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #calroot select { min-height: 0 !important; padding: 1px 2px !important; font-family: "Lucida Grande", "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet MS", Verdana, sans-serif !important; font-size: 10px !important; line-height: 18px !important; font-weight: normal !important; } #caldays { margin-bottom: 4px; } /* Responsive Embed Container (iFrame, Object, Embed) */ .hs-responsive-embed, .hs-responsive-embed.hs-responsive-embed-youtube, .hs-responsive-embed.hs-responsive-embed-wistia, .hs-responsive-embed.hs-responsive-embed-vimeo { position: relative; height: 0; overflow: hidden; padding-bottom: 56.25%; padding-top: 30px; padding-left: 0; padding-right: 0; } .hs-responsive-embed iframe, .hs-responsive-embed object, .hs-responsive-embed embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .hs-responsive-embed.hs-responsive-embed-instagram { padding-top: 0px; padding-bottom: 116.01%; } .hs-responsive-embed.hs-responsive-embed-pinterest { height: auto; overflow: visible; padding: 0 0 0 0; } .hs-responsive-embed.hs-responsive-embed-pinterest iframe { position: static; width: auto; height: auto; } iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] { width: 100%; max-width: 100%; } @media (max-width: 568px) { iframe { max-width: 100%; } } /* Forms */ textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] select { display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Fix radio button and check box fields in multi column forms*/ .hs-form fieldset[class*="form-columns"] input[type="checkbox"].hs-input, .hs-form fieldset[class*="form-columns"] input[type="radio"].hs-input { width: auto; } /* System Template Forms */ #email-prefs-form .email-edit { width: 100% !important; max-width: 507px !important; } #hs-pwd-widget-password { height: auto !important; } /* Menus */ .hs-menu-wrapper ul { padding: 0; } /* Horizontal Menu ========================================================================== */ .hs-menu-wrapper.hs-menu-flow-horizontal ul { list-style: none; margin: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul { display: inline-block; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul:before { content: " "; display: table; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul:after { content: " "; display: table; clear: both; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 { float: left; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { display: inline-block; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children { position: relative; } .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.4s; position: absolute; z-index: 10; left: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { display: block; white-space: nowrap; } .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper { left: 100%; top: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; } .row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul { margin-bottom: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch { position: relative; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul { margin-bottom: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children { position: static; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper { display: none; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper { display: block; visibility: visible; opacity: 1; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:before { content: " "; display: table; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:after { content: " "; display: table; clear: both; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li { float: left; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a { display: inline-block; } /* Vertical Menu ========================================================================== */ .hs-menu-wrapper.hs-menu-flow-vertical { width: 100%; } .hs-menu-wrapper.hs-menu-flow-vertical ul { list-style: none; margin: 0; } .hs-menu-wrapper.hs-menu-flow-vertical li a { display: block; } .hs-menu-wrapper.hs-menu-flow-vertical > ul { margin-bottom: 0; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a { width: auto; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children { position: relative; } /* Flyouts */ .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.4s; position: absolute; z-index: 10; left: 0; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { display: block; white-space: nowrap; } .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper { left: 100%; top: 0; } .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; } @media (max-width: 767px) { .hs-menu-wrapper, .hs-menu-wrapper * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; } .hs-menu-wrapper.hs-menu-flow-horizontal ul { list-style: none; margin: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul { display: block; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 { float: none; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a, .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a, .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a { display: block; } /* Stacking Horizontal Nav for Mobile */ .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: visible !important; opacity: 1 !important; position: static !important; } .hs-menu-wrapper.hs-menu-flow-horizontal ul ul ul { padding: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { white-space: normal; } /* Stacking Vertical Nav for Mobile */ .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper { position: static; opacity: 1; visibility: visible; } } .hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts .hs-menu-children-wrapper { visibility: visible; opacity: 1; } .hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper { display: block; visibility: visible; opacity: 1; } /* Space Module */ .widget-type-space { visibility: hidden; } /* Blog Author Section */ .hs-author-social-links { display: inline-block; } .hs-author-social-links a.hs-author-social-link { width: 24px; height: 24px; border-width: 0px; border: 0px; line-height: 24px; background-size: 24px 24px; background-repeat: no-repeat; display: inline-block; text-indent: -99999px; } .hs-author-social-links a.hs-author-social-link.hs-social-facebook { background-image: url("//static.hubspot.com/final/img/common/icons/social/facebook-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-linkedin { background-image: url("//static.hubspot.com/final/img/common/icons/social/linkedin-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-twitter { background-image: url("//static.hubspot.com/final/img/common/icons/social/twitter-24x24.png"); } .hs-author-social-links a.hs-author-social-link.hs-social-google-plus { background-image: url("//static.hubspot.com/final/img/common/icons/social/googleplus-24x24.png"); } /* Fix for CTA border box issue */ .hs-cta-wrapper a { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } /* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Wrapper */ .hs_cos_wrapper_type_image_slider { display: block; overflow: hidden } /* Browser Resets */ .hs_cos_flex-container a:active, .hs_cos_flex-slider a:active, .hs_cos_flex-container a:focus, .hs_cos_flex-slider a:focus {outline: none;} .hs_cos_flex-slides, .hs_cos_flex-control-nav, .hs_cos_flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ /* FlexSlider Default Theme *********************************/ .hs_cos_flex-slider {margin: 0 0 60px; padding: 0; background: #fff; border: 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1;} .hs_cos_flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .hs_cos_flex-viewport {max-height: 300px;} .hs_cos_flex-slider .hs_cos_flex-slides {zoom: 1;} .carousel li {margin-right: 5px} /* FlexSlider Necessary Styles *********************************/ .hs_cos_flex-slider .hs_cos_flex-slides > li {display: none; -webkit-backface-visibility: hidden; position: relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .hs_cos_flex-slider .hs_cos_flex-slides img {width: 100%; display: block; border-radius: 0px;} .hs_cos_flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .hs_cos_flex-slides element */ .hs_cos_flex-slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .hs_cos_flex-slides {display: block;} * html .hs_cos_flex-slides {height: 1%;} /* Direction Nav */ .hs_cos_flex-direction-nav {*height: 0;} .hs_cos_flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url("//cdn2.hubspotqa.com/local/hub/124/file-52894-png/bg_direction_nav.png") no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;} .hs_cos_flex-direction-nav .hs_cos_flex-next {background-position: 100% 0; right: -36px; } .hs_cos_flex-direction-nav .hs_cos_flex-prev {left: -36px;} .hs_cos_flex-slider:hover .hs_cos_flex-next {opacity: 0.8; right: 5px;} .hs_cos_flex-slider:hover .hs_cos_flex-prev {opacity: 0.8; left: 5px;} .hs_cos_flex-slider:hover .hs_cos_flex-next:hover, .hs_cos_flex-slider:hover .hs_cos_flex-prev:hover {opacity: 1;} .hs_cos_flex-direction-nav .hs_cos_flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} /* Direction Nav for the Thumbnail Carousel */ .hs_cos_flex_thumbnavs-direction-nav { margin: 0px; padding: 0px; list-style: none; } .hs_cos_flex_thumbnavs-direction-nav {*height: 0;} .hs_cos_flex_thumbnavs-direction-nav a {width: 30px; height: 140px; margin: -60px 0 0; display: block; background: url("//cdn2.hubspotqa.com/local/hub/124/file-52894-png/bg_direction_nav.png") no-repeat 0 40%; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;} .hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next {background-position: 100% 40%; right: 0px; } .hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev {left: 0px;} .hs-cos-flex-slider-control-panel img { cursor: pointer; } .hs-cos-flex-slider-control-panel img:hover { opacity:.8; } .hs-cos-flex-slider-control-panel { margin-top: -30px; } /* Control Nav */ .hs_cos_flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;} .hs_cos_flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .hs_cos_flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);} .hs_cos_flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .hs_cos_flex-control-paging li a.hs_cos_flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } .hs_cos_flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .hs_cos_flex-control-thumbs li {width: 25%; float: left; margin: 0;} .hs_cos_flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .hs_cos_flex-control-thumbs img:hover {opacity: 1;} .hs_cos_flex-control-thumbs .hs_cos_flex-active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .hs_cos_flex-direction-nav .hs_cos_flex-prev {opacity: 1; left: 0;} .hs_cos_flex-direction-nav .hs_cos_flex-next {opacity: 1; right: 0;} } .hs_cos_flex-slider .caption { background-color: black; position: static; font-size: 2em; line-height: 1.1em; color: white; padding: 0px 5% 0px 5%; width: 100%; top: 40%; text-align: center; } .hs_cos_flex-slider .superimpose .caption { color: white; font-size: 3em; line-height: 1.1em; position: absolute; padding: 0px 5% 0px 5%; width: 90%; top: 40%; text-align: center; background-color: transparent; } @media all and (max-width: 400px) { .hs_cos_flex-slider .superimpose .caption { background-color: black; position: static; font-size: 2em; line-height: 1.1em; color: white; width: 90%; padding: 0px 5% 0px 5%; top: 40%; text-align: center; } } .hs_cos_flex-slider h1, .hs_cos_flex-slider h2, .hs_cos_flex-slider h3, .hs_cos_flex-slider h4, .hs_cos_flex-slider h5, .hs_cos_flex-slider h6, .hs_cos_flex-slider p { color: white; } /* Thumbnail only version of the gallery */ .hs-gallery-thumbnails li { display: inline-block; margin: 0px; padding: 0px; margin-right:-4px; } .hs-gallery-thumbnails.fixed-height li img { max-height: 150px; margin: 0px; padding: 0px; border-width: 0px; } /* responsive pre elements */ pre { overflow-x: auto; } /* responsive pre tables */ table pre { white-space: pre-wrap; } /* Corrects width issues in table elements created via the wysiwyg editor */ table tr td img { max-width: initial; } /* adding minimal spacing for blog comments */ .comment { margin: 10px 0 10px 0; } /* make sure lines with no whitespace don't interefere with layout */ .hs_cos_wrapper_type_rich_text, .hs_cos_wrapper_type_text, .hs_cos_wrapper_type_header, .hs_cos_wrapper_type_section_header, .hs_cos_wrapper_type_raw_html, .hs_cos_wrapper_type_raw_jinja, .hs_cos_wrapper_type_page_footer { word-wrap: break-word; } /* HTML 5 Reset */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } /* Support migrations from wordpress */ .wp-float-left { float: left; margin: 0 20px 20px 0; } .wp-float-right { float: right; margin: 0 0 20px 20px; } /* Responsive Google Maps */ #map_canvas img, .google-maps img { max-width: none; } /* ========================================================================== 2. GLOBAL VARIABLES AND MACROS ========================================================================== */ /* =============== Variables =============== */ /* Primary Colors */ /* Secondary Colors */ /* Neutral Colors */ /* Text Colors */ /* Typography */ /* Containers */ /* Used with '.main-content' selector */ /* Misc Variables */ /* =============== Macros =============== */ /* Border Radius */ /* Transition */ /* Transform */ /* Box-Sizing */ /* Box Shadow */ /* ========================================================================== 3. BASE STYLES ========================================================================== */ /* =============== Base =============== */ *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html{ overflow: visible !important; /* overrides cookie plugin */ } html, body, body.axiom-theme { width: 100%; height: 100%; min-height: 100%; margin: 0; padding: 0; font-size: 16px !important; line-height: 1.8125rem; font-weight: 400; } body { background: #fff; color: #5B6471; font-family: 'Walsheim', 'Helvetica', 'Arial', sans-serif; -webkit-font-smoothing: antialiased; padding-top: 66px !important; } body.regional-page { padding-top: 105px !important; } /* Content Wrappers */ .content-wrapper { float: none; max-width: 1368px; margin: 0 auto; padding: 0 1.5rem; } .dnd-section > .row-fluid { max-width: 1368px; margin: 0 auto; padding-left: 1.5rem; padding-right: 1.5rem; } /* .dnd-section[class*=centering] > .row-fluid { padding-left: 1.5rem; padding-right: 1.5rem; } */ .dnd-section[class*=full-width] > .row-fluid { max-width: none; padding-left: 0; padding-right: 0; } /* html:not(.hs-inline-edit) .dnd-section:not([class*=dnd_area]) > .row-fluid { max-width: none; } */ /* Highlighted Text */ ::-moz-selection { color: #fff; background: #313844; text-shadow: none; } ::selection { color: #fff; background: #313844; text-shadow: none; } /* =============== Typography =============== */ /* Basic text */ p {} small {} strong {} em {} cite {} code {} pre { border: 1px solid #5B6471; background-color: #ECF0F0; border-radius: 4px; padding: .5rem; } sup, sub { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Headings */ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin: 0 0 15px 0; font-weight: bold; color: #1C222E; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {} h1, .h1 { font-size: 3.125rem; line-height: 3.5rem; letter-spacing: -1px; } h2, .h2 { font-size: 2.125rem; line-height: 2.5625rem; } h3, .h3 { font-size: 1.375rem; line-height: 2rem; } h4, .h4 { font-size: 1.125rem; line-height: 1.75rem; } h5, .h5 { font-size: 1rem; line-height: 1.625rem; } h6, .h6 { font-size: .875rem; line-height: 1.5rem; } /* Anchor Links */ a { color: #FF5A2D; text-decoration: none; word-break: break-word; } a:hover, a:focus { color: #e03000; text-decoration: underline; } /* Lists */ ul, ol {} ul ul, ul ol, ol ol, ol ul {} li { margin-bottom: 10px; } ul.lawyerlinks { list-style-type: none; padding: 0; grid-template-columns: repeat(4, 1fr); display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: minmax(0px, auto); gap: 8px; margin-bottom: 40px; grid-auto-flow: dense; } ul.lawyerlinks li a { display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 100%; min-height: 68px; border-radius: 8px; background-color: #E3ECEF; padding: 10px; color: #1C222E; text-align: center; font-size: 18px; font-style: normal; font-weight: 400; line-height: 24px; -webkit-transition: background-color 0.3s ease 0s, color 0.3s ease 0s; -moz-transition: background-color 0.3s ease 0s, color 0.3s ease 0s; -o-transition: background-color 0.3s ease 0s, color 0.3s ease 0s; -ms-transition: background-color 0.3s ease 0s, color 0.3s ease 0s; transition: background-color 0.3s ease 0s, color 0.3s ease 0s; } ul.lawyerlinks li a:hover { background-color: #477E96; color: #ffffff; text-decoration: none; } /* Block Quotes */ blockquote { font-family: adobe-caslon-pro,"Garamond","Georgia",serif; font-style: italic; color: #1C222E; font-size: 1.5625rem; margin: 10px 0px; line-height: 2.125rem; padding-top: 40px; } blockquote:before { content: '\201C'; display: block; color: #FF5A2D; font-family: 'Walsheim','Helvetica','Arial',sans-serif; font-size: 100px; line-height: 0; font-style: normal; } blockquote p {} blockquote small {} /* Horizontal Rules */ hr { color: #BFC6CD; background-color: #BFC6CD; height: 1px !important; border: none; } /* icons */ .axiom-icon { display: inline-flex; -webkit-box-pack: center; place-content: center; font-size: 48px; color: #477E96; } /* misc */ svg, svg * { pointer-events: none; } svg:not([fill]) { fill: currentColor; } article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{ display:block; } /* ========================================================================== 4. COS STRUCTURE ========================================================================== */ /* =============== Header =============== */ body header ::-webkit-scrollbar { /* Overwrite Scrollbar styles from Semantic CSS */ width: 0 !important; height: 0 !important; } .header-container-wrapper { position: fixed; top: 0; left: 0; background-color: #fff; border-bottom: 1px solid #ECF0F0; padding: 0; width: 100%; -webkit-transition: top ease-in-out .5s; -moz-transition: top ease-in-out .5s; -o-transition: top ease-in-out .5s; -ms-transition: top ease-in-out .5s; transition: top ease-in-out .5s; z-index: 1501; } body.hide-header .header-container-wrapper { top: -120px; } /* body.show-mobile-menu header.hide-header { top: 0; } */ .header-container-wrapper .content-wrapper { display: flex; justify-content: space-between; align-items: center; position: relative; flex-direction: row; } .header-container-wrapper .logo-wrapper a { display: block; } .header-container-wrapper .logo { width: 200px; height: auto; margin-left: -6px; } .header-container-wrapper.standard .logo { width: 155px; height: auto; margin-left: -6px; } .header-container-wrapper #header-navigation { display: flex; justify-content: space-between; flex-grow: 1; } @media (min-width: 1200px) { .regional-page .header-container-wrapper #header-navigation { flex-grow: unset; } } /* Top Nav */ .header-container-wrapper .top-navigation { background-color: #ECF0F0; padding: 8px 0; } .header-container-wrapper.standard .top-navigation { display: none; } .header-container-wrapper .top-menu { width: 100%; display: flex; justify-content: flex-end; } .header-container-wrapper.standard .top-menu { display: flex; justify-content: flex-end; flex: 1; } .header-container-wrapper .top-menu > ul, .header-container-wrapper .top-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul { list-style-type: none; margin: 0; padding: 0; display: flex; align-items: center; justify-content: space-between; } .header-container-wrapper .top-menu > ul > li, .header-container-wrapper .top-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li { position: relative; width: auto; float: left; font-weight: 700; line-height: 28px; margin: 0 1rem 0 0; padding-right: 1rem; border-right: 1px solid #A3ABB7; } .header-container-wrapper .top-menu > ul > li:last-child, .header-container-wrapper .top-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:last-child { margin-right: 0; padding-right: 0; border-right: none; } .header-container-wrapper .top-menu > ul > li > span { font-size: .9375rem; font-weight: 500; display: none; } .header-container-wrapper .top-menu > ul > li > span.call-desktop { display: initial; } .header-container-wrapper .top-menu > ul > li > a, .header-container-wrapper .top-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > a { text-transform: uppercase; text-decoration: none; color: #1C222E; } .header-container-wrapper .top-menu > ul > li.chatlink > a { font-weight: 600; font-size: 14px; text-transform: none; padding-left: 30px; position: relative; color: #FF5A2D; } .header-container-wrapper .top-menu > ul > li.chatlink > a::before { content: ""; background: url('https://www.axiomlaw.com/hubfs/AxiomTheme/open-chat.png') no-repeat; background-size: 22px; width: 22px; height: 22px; display: inline-block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); margin-right: 10px; } .header-container-wrapper .top-menu > ul > li a:hover { color: #FF5A2D; text-decoration: none; } .header-container-wrapper .top-menu > ul > li a:active { font-weight: inherit; } @media (max-width: 1200px) { .header-container-wrapper.standard .logo { width: 200px; } .header-container-wrapper.standard .content-wrapper { justify-content: space-between; } .header-container-wrapper.standard .top-navigation { display: block } .header-container-wrapper.standard .top-menu.desktop { display: none; } } /* Bottom Nav */ .bottom-main-nav { width: 100%; border-top: 1px solid #CAD0D2; padding: 8px 0 0; } .bottom-main-nav .bottom-nav-container { max-width: 1368px; margin: auto; display: flex; padding: 0 1.5rem; } .bottom-main-nav .bottom-nav-container .chatlink { margin-left: auto; } .bottom-main-nav .bottom-nav-container .chatlink a { font-weight: 600; font-size: 14px; text-transform: none; padding-left: 30px; position: relative; color: #FF5A2D; } .bottom-main-nav .bottom-nav-container .chatlink a::before { content: ""; background: url('https://www.axiomlaw.com/hubfs/AxiomTheme/open-chat.png') no-repeat; background-size: 22px; width: 22px; height: 22px; display: inline-block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); margin-right: 10px; } .bottom-main-nav .bottom-nav ul { padding: 0; list-style-type: none; display: flex; } .bottom-main-nav .bottom-nav ul li { margin: 0 2rem 0 0; padding: 0; } .bottom-main-nav .bottom-nav ul li a { font-size: 16px; color: #1C222E; padding-bottom: 10px; } .bottom-main-nav .bottom-nav ul li a:hover { color: #FF5A2D; text-decoration: none; } .bottom-main-nav .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper { background: #ffffff; box-shadow: 0px 1px 8px 0px #1C222E26; border-radius: 6px; flex-wrap: wrap; width: 550px; padding: 15px 20px 10px; position: absolute; right: 0; } .bottom-main-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li { width: 50%; margin-right: 0; } .bottom-main-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children::after { content: ""; display: inline-block; width: 35px; height: 18px; background: url('https://22576811.fs1.hubspotusercontent-na1.net/hubfs/22576811/Imagery/down_arrow.png') no-repeat center center; background-size: contain; background-position: center; position: relative; top: 5px; margin-left: -5px; transition: transform 0.3s ease; cursor: pointer; } .bottom-main-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover::after { transform: rotate(180deg); cursor: pointer; } .bottom-main-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover { color: #FF5A2D; text-decoration: none; } @media (max-width: 1368px) { .bottom-main-nav .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper { left: -200px; } } @media (max-width: 1200px) { .bottom-main-nav { display: none; } } /* =============== Main Content =============== */ /* Remove padding from barebones template */ body.barebones-template .body-container-wrapper { padding-top: 0; } .body-container {} /* System Page Styles */ .system-content { text-align: center; padding: 80px 0; } .system-content h2 { color: #A3ABB7; } .system-content .password-block, .system-content #hs_cos_wrapper_search_results_page_search_field, .system-content .email-prefs { padding: 20px; background-color: #ECF0F0; } .system-content .password-block { margin: 40px auto 0; max-width: 480px; } .system-content .password-block p { text-align: left; margin: 0 0 30px 0; } .system-content .password-block #hs-pwd-widget-password, .system-content #hs_cos_wrapper_search_results_page_search_field .hs-search-field__input { width: 100%; background-color: #fff; } .system-content .password-block input[type="submit"] { display: block; margin-top: 20px; } .system-content ul.hs-search-field__suggestions li { padding: 5px; } .system-content .hs-search-results__listing { text-align: left; margin-top: 40px; } .system-content #hsresults li { margin-bottom: 20px; } .system-content #email-prefs-form { max-width: 720px; margin: 0 auto; } .system-content .email-prefs { text-align: left; margin-top: 40px; } .system-content .email-prefs .item { text-align: left; margin: 20px 0; } .system-content .email-prefs .item .item-inner{ background-color: #fff; padding: 15px; border: 1px solid #DBE0E2; } .system-content .email-prefs .item .item-inner p { margin: 5px 0 0 23px; font-size: .875rem; } .system-content .email-prefs input[type="checkbox"] { position: relative; left: auto; top: 1px; margin: 0; cursor: pointer; } .system-content .email-prefs input[type=checkbox]+span { font-size: 1rem; letter-spacing: 0; line-height: 1.8125rem; color: #5B6471; font-weight: 700; padding-left: 5px; margin-bottom: 0; cursor: initial; position: static; } .system-content .email-prefs input[type=checkbox]+span:before { display: none; } .system-content #submitbutton { margin-top: 10px; display: block; } .system-content .success { margin-top: 20px; font-size: 1.125rem; font-weight: bold; line-height: 1.75rem; } .system-content #hs_cos_wrapper_email_unsubscribe #email-prefs-form { max-width: 480px; } /* =============== Footer =============== */ .footer-container-wrapper { background-color: #1C222E; padding: 50px 0; } .back-to-top { color: #5B6471; margin: 0 0 20px 0; text-align: right; } .regional-footer .back-to-top { margin-bottom: 60px; position: relative; } .back-to-top a { color: #5B6471; text-decoration: none; line-height: 30px; display: inline-block; } .back-to-top a:hover { color: #FF5A2D; text-decoration: none; } .back-to-top .up-arrow { margin-top: -8px; margin-left: 9px; width: 14px; height: 30px; text-indent: 100%; white-space: nowrap; overflow: hidden; background: url(//1687417.fs1.hubspotusercontent-na1.net/hubfs/1687417/AxiomLaw_March2019/Images/arrow-up.svg) 0 100% no-repeat; display: inline-block; vertical-align: middle; } /* Footer Menu */ .footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul { display: flex; justify-content: space-between; } .footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul:before, .footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul:after { display: none; } .footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li { margin: 0; width: calc(14.2857143% - 20px); float: none; } .footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:nth-child(2) { width: calc(28.5714286% - 20px); } .footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:last-child { margin-right: 0; } .footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > a, .footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > a:hover { color: #5B6471; font-size: 1rem; line-height: 1.625rem; cursor: initial; text-decoration: none; } .footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper > li a { color: #fff; font-size: 1rem; line-height: 1.625rem; white-space: normal; } .footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper > li a:hover { color: #A3ABB7; } .footer-menu.regional .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper > li a { color: #fff; font-size: 0.79rem; line-height: 1.2rem; white-space: normal; } .footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > ul{ display: flex !important; max-height: 665px; flex-direction: column; flex-wrap: wrap; margin-top: 10px; } .footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:first-child > ul{ max-height: 695px; } .footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:nth-child(2) > ul{ margin-right: -20px; } .footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:nth-child(2) > ul > li { width: calc(50% - 20px); margin-right: 20px; } /* Footer Links and Social */ .footer-links { margin-top: 25px; padding-top: 20px; border-top: 1px solid #313844; display: flex; flex-wrap: wrap; } .regional-footer .footer-links { margin-top: 10px; } .footer-links > .hs_cos_wrapper { width: 100%; } .regional-footer .footer-links > .hs_cos_wrapper { width: auto; flex-grow: 1; } .footer-links .copyright { margin-right: 10px; } .footer-links .hs-menu-wrapper ul li { margin: 0 0.8rem 0.5rem 0; font-size: 14px; } .footer-links .hs-menu-wrapper ul li:last-child { margin-right: 0; } .footer-links .hs-menu-wrapper ul li a { color: #fff; } .footer-links .hs-menu-wrapper ul li a:hover { color: #A3ABB7; } .footer-links .hs-menu-wrapper ul li.active a { color: #FF5A2D; } .footer-links .hs-menu-wrapper ul li:first-child a, .footer-links .hs-menu-wrapper ul li:first-child a:hover{ color: #5B6471; pointer-events: none; cursor: initial; } .footer-links .social { list-style-type: none; margin: 20px 0 0 0; padding: 0; flex-grow: 2; } .regional-footer .footer-links .social { margin: 0; flex-grow: inherit; } .footer-links .social li { display: inline; margin-right: 10px; } .footer-links .social li.twitter { text-align: center; } .footer-links .social li.twitter svg { width: 15px; } .footer-links .social a { font-size: 1.875rem; line-height: 1; color: #fff; background-color: #313844; width: 50px; height: 50px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; display: inline-block; } .footer-links .social a:hover { background-color: #FF5A2D; } .footer-links .social a > svg{ height: 100%; width: 100%; fill: currentColor; } /* Regional Footer Elements */ .footer-logo { position: absolute; top: 0; left: 0; } .footer-logo img { width: 140px; } .footer-top { display: flex; justify-content: space-between; margin-bottom: 60px; } .footer-top .footer-contact h4 { font-weight: normal; color: #5B6471; letter-spacing: .02em; margin: 0 0 18px; font-size: 16px; line-height: 26px; } .footer-top .footer-contact p { font-size: 25px; font-family: adobe-caslon-pro, Helvetica, Arial, Sans-serif; line-height: 35px; letter-spacing: -0.01em; color: #fff; margin: 0 0 18px; } .footer-top .footer-contact .contact-btn-cta { font-size: 14px !important; } .footer-top .footer-menu { flex-grow: 1; padding-left: 40px; max-width: 68%; align-self: center; } .footer-top .footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li { width: inherit !important; margin-right: 0; } .footer-top .footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li, .footer-top .footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:nth-child(2) > ul > li { width: inherit !important; margin-right: 0; } .footer-locations .hs-menu-wrapper ul li { margin: 0 10px; } .footer-locations .hs-menu-wrapper ul > li:first-child { margin-left: 0; } .footer-locations .hs-menu-wrapper ul li a { color: #fff; } .footer-locations .hs-menu-wrapper ul li a:hover { color: #A3ABB7; } .footer-disclaimer { font-size: 14px; margin-top: 25px; color: #5B6471; } /* ========================================================================== 5. MAIN NAVIGATION ========================================================================== */ /* =============== Mobile Toggle =============== */ .mobile-toggle { display: none; height: 24px; width: 30px; cursor: pointer; position: relative; border: 0; background: transparent; margin-right: 0 !important; } .mobile-toggle > span, .mobile-toggle > span:before, .mobile-toggle > span:after { content: ''; height: 4px; width: 30px; background-color: #FF5A2D; position: absolute; left: 0; -webkit-transition: all ease-in-out .05s; -moz-transition: all ease-in-out .05s; -o-transition: all ease-in-out .05s; -ms-transition: all ease-in-out .05s; transition: all ease-in-out .05s; transform: rotate(0deg); } .mobile-toggle > span { top: 10px; } .mobile-toggle > span:before { display: block; top: -9px; animation-name: uncrossTop; animation-duration: .25s; animation-fill-mode: forwards; } .mobile-toggle > span:after { display: block; bottom: -9px; animation-name: uncrossBottom; animation-duration: .25s; animation-fill-mode: forwards; } body.show-mobile-menu .mobile-toggle > span { background-color: transparent; } body.show-mobile-menu .mobile-toggle > span:before { animation-name: crossTop; animation-duration: .25s; animation-fill-mode: forwards; } body.show-mobile-menu .mobile-toggle > span:after { animation-name: crossBottom; animation-duration: .25s; animation-fill-mode: forwards; } @keyframes uncrossTop { 0% {top: 0; transform: rotate(45deg)} 50% {top: 0; transform: rotate(0deg)} 100% {top: -9px; transform: rotate(0deg);} } @keyframes crossTop { 0% {top: -9px; transform: rotate(0deg)} 50% {top: 0; transform: rotate(0deg)} 100% {top: 0; transform: rotate(45deg);} } @keyframes uncrossBottom { 0% {bottom: 0; transform: rotate(-45deg)} 50% {bottom: 0; transform: rotate(0deg)} 100% {bottom: -9px; transform: rotate(0deg);} } @keyframes crossBottom{ 0% {bottom: -9px; transform: rotate(0deg)} 50% {bottom: 0; transform: rotate(0deg)} 100% {bottom: 0; transform: rotate(-45deg);} } /* =============== Desktop Menu =============== */ .main-menu { width: 100%; } /* Parent List */ .main-menu > ul { display: block; list-style-type: none; margin: 1rem 0 0 0; padding: 0; } .main-menu > ul > li { margin: 0; padding: 0 0 1rem 0; line-height: 34px; float: left; } .main-menu > ul > li.contact-item { margin-left: auto; } .main-menu > ul > li.contact-item:after { content: ''; height: 26px; width: 1px; background-color: #A3ABB7; position: relative; display: inline-block; vertical-align: middle; top: -2px; } body.authed .main-menu > ul > li:last-child { display: flex; align-items: center; margin-left: auto; } body.authed .main-menu > ul > li:last-child > a > span { background-color: #477e96; color: #fff; border-radius: 50%; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; font-size: 12px; } body.authed .main-menu > ul > li:last-child > a:after { content: ''; border: solid #FF5A2D; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: transform ease-in-out .05s; -moz-transition: transform ease-in-out .05s; -o-transition: transform ease-in-out .05s; -ms-transition: transform ease-in-out .05s; transition: transform ease-in-out .05s; position: absolute; top: 12px; right: 0; } body.authed .main-menu > ul > li:last-child.menu-open > a:after { -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .main-menu > ul > li.has-flyout { position: relative; } .main-menu > ul > li > a { font-size: 1rem; font-weight: 700; text-transform: uppercase; text-decoration: none; color: #1C222E; padding-top: 3px; margin: 0 1rem; border-bottom: 3px solid transparent; line-height: 1.625rem; } body.authed .main-menu > ul > li:last-child > a { border-bottom: none !important; padding-right: 24px; margin-right: 0; } .regional-page .main-menu > ul > li:last-child > a { margin-right: 0px; } .main-menu > ul > li > a:hover, .main-menu > ul > li.menu-open > a, .main-menu > ul > li > a.active, .main-menu > ul > li > a.active-branch { border-color: #FF5A2D; } .main-menu > ul > li.active-branch > a { border-color: #FF5A2D; } .main-menu > ul > li > a.axiom-button, .main-menu > ul > li.active-branch > a.axiom-button { border-color: transparent; color: #fff; } /* Child Flyout Menus */ .main-menu ul.flyout { background-color: #fff; list-style-type: none; margin: 0; padding: 1rem 0; -webkit-box-shadow: 0px 6px 10px rgb(163 171 183 / 24%); -moz-box-shadow: 0px 6px 10px rgb(163 171 183 / 24%); -o-box-shadow: 0px 6px 10px rgb(163 171 183 / 24%); -ms-box-shadow: 0px 6px 10px rgb(163 171 183 / 24%); box-shadow: 0px 6px 10px rgb(163 171 183 / 24%);; position: absolute; top: 100%; border-top: 1px solid #ECF0F0; left: -.5rem; list-style-type: none; display: none; white-space: nowrap; min-width: calc(100% + 1rem); z-index: 1000; } .main-menu ul.flyout > li { margin-bottom: 0; } .main-menu ul.flyout > li > a { font-size: 1rem; font-weight: 500; line-height: 1.125rem; padding: .5rem 1.5rem; text-decoration: none; color: #1C222E; display: block; } .main-menu ul.flyout > li > a:hover, .main-menu ul.flyout > li > a.active, .main-menu ul.flyout > li > a.active-branch { color: #FF5A2D; } /* Child Mega Menus */ .main-menu ul.megamenu { background-color: #fff; margin: 0 1.5rem; -webkit-box-shadow: 0px 6px 10px rgb(163 171 183 / 24%); -moz-box-shadow: 0px 6px 10px rgb(163 171 183 / 24%); -o-box-shadow: 0px 6px 10px rgb(163 171 183 / 24%); -ms-box-shadow: 0px 6px 10px rgb(163 171 183 / 24%); box-shadow: 0px 6px 10px rgb(163 171 183 / 24%);; width: calc(100% - 3rem); position: absolute; left: 0; top: 100%; border-top: 1px solid #ECF0F0; list-style-type: none; display: none; list-style-type: none; padding: 1rem 0 1.5rem 2rem; min-height: 310px; /* This is set to accomodate the Industries list */ flex-direction: column; justify-content: space-evenly; z-index: 1000; } .main-menu ul.megamenu:before { content: ''; display: block; position: absolute; top: 1rem; left: calc(300px + 2rem); width: 2px; height: calc(100% - 2.5rem); background-color: #ECF0F0; } .main-menu ul.megamenu > li { margin-bottom: 0; width: 300px; } .main-menu ul.megamenu > li > a { font-size: 1rem; font-weight: 700; line-height: 1rem; padding: 1.5rem; text-transform: uppercase; text-decoration: none; color: #1C222E; display: block; width: 270px; position: relative; } .main-menu ul.megamenu > li:hover > a, .main-menu ul.megamenu > li.submenu-open > a{ background-color: #ECF0F0; } .main-menu ul.megamenu > li > a:after{ content: ''; border: solid #FF5A2D; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); float: right; margin-top: 3px } /* Child Submenus */ .main-menu .megamenu ul.submenu { width: calc(100% - 302px); padding: 1rem 2rem 1rem 4rem; margin: 0; position: absolute; top: 0; right: 0; height: 100%; display: none; align-items: center; list-style-type: none; } .main-menu .megamenu ul.submenu.our-solutions { flex-wrap: wrap; padding: 1rem 2rem 4rem 4rem; } .main-menu .megamenu ul.submenu.list { flex-direction: column; flex-wrap: wrap; max-height: 100%; align-items: start; } .main-menu .megamenu ul.submenu:not(.list) > li { border: 1px solid #ECF0F0; margin: 0 1rem; width: calc(25% - 2rem); text-align: center; } .main-menu .megamenu ul.submenu.our-solutions:not(.list) > li { width: calc(16.6% - 2rem); display: flex; } .main-menu .megamenu ul.submenu.our-solutions:not(.list) > li:nth-child(2), .main-menu .megamenu ul.submenu.our-solutions:not(.list) > li:nth-child(7) { display: none; } .main-menu .megamenu ul.submenu.our-solutions:not(.list) > li div { font-size: 12px; font-weight: 700; border-bottom: 1px solid #7D8694; text-transform: uppercase; color: #1C222E; line-height: 16px; padding-bottom: 10px; text-align: left; } .main-menu .megamenu ul.submenu:not(.list) > li.titles { border: none; width: 100%; } .main-menu .megamenu ul.submenu.our-solutions:not(.list) > li div.inhouse { width: calc(67% - 1rem); margin-right: 2rem; } .main-menu .megamenu ul.submenu.our-solutions:not(.list) > li div.lawfirm { width: 13.5%; } .main-menu .megamenu ul.submenu.list > li { margin: 0; } .main-menu .megamenu ul.submenu.list > li > a { padding: .5rem 0; line-height: 1.125rem; } .main-menu .megamenu ul.submenu > li > a { text-decoration: none; color: #1C222E; font-weight: 500; } .main-menu .megamenu ul.submenu > li > a:hover, .main-menu .megamenu ul.submenu > li > a.active, .main-menu .megamenu ul.submenu > li > a.active-branch { text-decoration: none; color: #FF5A2D; } .main-menu .megamenu ul.submenu > li > a > span { padding: 0.5rem; line-height: 1.375rem; min-height: 60px; align-items: center; display: flex; justify-content: space-around; } .main-menu .megamenu ul.submenu > li > a > span.smallPrint { display: inline-block; } .main-menu .megamenu ul.submenu > li > small { position: absolute; bottom: 20px; right: 60px; font-size: 14px; } .main-menu .megamenu ul.submenu.practice-areas { padding: 3rem 2rem 3rem 4rem; } .main-menu .megamenu ul.submenu.practice-areas > li:last-child > a, .main-menu .megamenu ul.submenu.industries > li:last-child > a { color: #FF5A2D; } /* Insights SubMenu */ .main-menu .megamenu ul.submenu.insights > li > a > span { min-height: 82px; } /* Featured Post */ .main-menu .megamenu ul.submenu.featured > li { height: 260px; min-width: 182px; } .main-menu .megamenu ul.submenu.featured li.featured-post { display: inline-flex; width: calc(75% - 3rem); align-items: stretch; line-height: 1; } .main-menu .megamenu ul.submenu.featured li.featured-post .post-image { height: 100%; min-width: 25%; background-size: cover; background-position: -20px center; } .main-menu .megamenu ul.submenu.featured li.featured-post .post-content { min-width: 75%; text-align: left; padding: 1rem 1.5rem; max-height: 100%; overflow: hidden; display: flex; flex-direction: column; } .main-menu .megamenu ul.submenu.featured li.featured-post .post-content .post-label { color: #5b6471; text-transform: uppercase; } .main-menu .megamenu ul.submenu.featured li.featured-post .post-content .post-summary { flex-grow: 2; } .main-menu .megamenu ul.submenu.featured li.featured-post .post-content .post-summary p { line-height: 1.6rem; margin: 0; } .main-menu .megamenu ul.submenu.featured li.featured-post .post-content .post-link a { color: inherit; margin: 0 !important; } .main-menu .megamenu ul.submenu.featured li.featured-post .post-content .post-link a:hover { color: #FF5A2D; } /* Hige featured image on smaller desktop screens */ @media (max-width: 1279px) { .main-menu .megamenu ul.submenu.featured li.featured-post .post-image { display: none; } .main-menu .megamenu ul.submenu.featured li.featured-post .post-content { width: 100%; } } /* Override max width on menu links */ nav.main-menu > ul li a, nav.main-menu > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { overflow: visible !important; } /* Ensure menu is visible on desktop after toggling in mobile menu */ @media screen and (min-width: 1200px) { nav.main-menu > ul { display: flex !important; } } /* =============== Mobile Menu =============== */ @media screen and (max-width: 1199px) { body.show-mobile-menu { overflow-y: hidden; } .main-menu { overflow-x: hidden; max-width: 100vw; } .mobile-toggle { display: block; } .main-menu .child-toggle { display: block; } .main-menu > ul { display: none; position: absolute; width: calc(100vw + 20px); padding-right: 20px; padding-bottom: 220px; height: calc(100vh - 104px); top: calc(100% + 1px); left: 0; margin: 0; overflow-y: scroll; overflow-x: hidden; background-color: #fff; } /* Parent List */ .main-menu > ul > li { position: relative; float: none; padding: 0; border-bottom: 1px solid #ECF0F0; } .main-menu:not(.simple) > ul > li:last-child { border-bottom: none; } .main-menu > ul > li.contact-item { margin-left: 0; } .main-menu > ul > li.contact-item:after { display: none; } .main-menu > ul > li > a { display: block; padding: 1rem 0; border-bottom: 0; } .main-menu > ul > li.has-children > a:after{ content: ''; border: solid #FF5A2D; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); float: right; margin-top: 10px; -webkit-transition: transform ease-in-out .05s; -moz-transition: transform ease-in-out .05s; -o-transition: transform ease-in-out .05s; -ms-transition: transform ease-in-out .05s; transition: transform ease-in-out .05s; } .main-menu > ul > li.has-children.menu-open > a:after{ -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } body.authed .main-menu > ul > li:last-child { display: none; } /* .main-menu:not(.simple) > ul > li:last-child { padding: 2rem 1rem 0; } */ .main-menu:not(.simple) > ul > li:nth-last-of-type(2) > a, .main-menu.simple.showContactUs > ul > li:nth-last-of-type(2) > a, .main-menu.simple:not(.showContactUs) > ul > li:nth-last-of-type(1) > a { margin-right: 1rem; } .main-menu > ul > li:nth-last-of-type(1) > a.axiom-button { margin: 0; line-height: 1rem; } /* Mega Menus */ .main-menu ul.megamenu { position: static; padding: 0 0 0 1rem; box-shadow: none; margin: 0; width: 100%; min-height: 0; } .main-menu ul.megamenu:before { display: none; } .main-menu ul.megamenu > li { width: 100%; border-bottom: 1px solid #ECF0F0; position: relative; } .main-menu ul.megamenu > li:last-child { border-bottom: none; } .main-menu ul.megamenu > li > a { width: 100%; padding: 1rem; line-height: 1.625rem; } .main-menu ul.megamenu > li:hover > a, .main-menu ul.megamenu > li.submenu-open > a{ background-color: transparent; } .main-menu ul.megamenu > li > a:after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-top: 10px; -webkit-transition: transform ease-in-out .05s; -moz-transition: transform ease-in-out .05s; -o-transition: transform ease-in-out .05s; -ms-transition: transform ease-in-out .05s; transition: transform ease-in-out .05s; } .main-menu ul.megamenu > li.submenu-open > a:after{ -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } /* Sub Menus */ .main-menu .megamenu ul.submenu, .main-menu .megamenu ul.submenu.our-solutions { width: 100%; position: static; padding: 0 0 1.5rem 0; flex-direction: column; align-items: flex-start; } .main-menu .megamenu ul.submenu > li > a > img { display: none; } .main-menu .megamenu ul.submenu:not(.list) > li, .main-menu .megamenu ul.submenu.list > li, .main-menu .megamenu ul.submenu.our-solutions:not(.list) > li { text-align: left; width: auto; border: none; margin: 0; padding: 0; line-height: 1.125rem; } .main-menu .megamenu ul.submenu.our-solutions:not(.list) > li:nth-child(2), .main-menu .megamenu ul.submenu.our-solutions:not(.list) > li:nth-child(7) { display: block; } .main-menu .megamenu ul.submenu.our-solutions > li:nth-child(2) > a, .main-menu .megamenu ul.submenu.our-solutions > li:nth-child(7) > a { text-transform: uppercase; border-bottom: 1px solid #ECF0F0; color: #1C222E; font-weight: 700; padding: 0 0 10px 0; margin: .75rem 1rem .75rem 2rem; } .main-menu .megamenu ul.submenu.our-solutions > li:last-child > a, .main-menu .megamenu ul.submenu.our-solutions > li:last-child > a { padding: .75rem 1rem .75rem 2rem; } .main-menu .megamenu ul.submenu.our-solutions > li:nth-child(2) > a:hover, .main-menu .megamenu ul.submenu.our-solutions > li:nth-child(7) > a:hover { cursor: auto; } .main-menu .megamenu ul.submenu:not(.list) > li.titles { display: none; } .main-menu .megamenu ul.submenu > li > a, .main-menu .megamenu ul.submenu.list > li > a { padding: .75rem 1rem .75rem 3rem; display: block; } .main-menu .megamenu ul.submenu > li > a > span, .main-menu .megamenu ul.submenu.insights > li > a > span{ text-align: left; display: inline-block; line-height: initial; padding: 0; min-height: 0; } .main-menu .megamenu ul.submenu > li > small { position: absolute; bottom: 10px; right: 16px; } /* List Sub Menus */ .main-menu .megamenu ul.submenu.practice-areas { padding: 0 0 1.5rem 0; } /* Flyout Menus */ .main-menu ul.flyout { position: static; padding: 0 1rem .75rem 1rem; box-shadow: none; border-top: 0; } .main-menu ul.flyout > li > a { padding: .75rem 1rem .75rem 2rem; } /* Blog Featured Post */ .main-menu .megamenu ul.submenu.featured > li { height: auto; min-width: none; } .main-menu .megamenu ul.submenu.featured li.featured-post { display: none; } } @media screen and (max-width: 479px) { .main-menu > ul { height: calc(100vh - 94px); } } /* ========================================================================== 6. BLOG ========================================================================== */ /* =============== General Blog Styles =============== */ .blog {} .blog.content-wrapper { padding-top: 60px; padding-bottom: 60px; } .hs-blog-post .blog.content-wrapper { padding-top: 30px; } .blog .heading { margin-bottom: 40px; } .blog h1{ font-size: 50px; font-weight: 400; line-height: 56px; letter-spacing: -1px; color: #1C222E; } .blog .heading a, .blog .heading a:hover { color: #1C222E; text-decoration: none; } .hs-blog-post .blog .heading h2 { font-size: 34px; font-weight: 400; line-height: 41px; } .hs-blog-post .blog .heading a, .hs-blog-post .blog .heading a:hover { color: #7D8694; } /* =============== Blog Listing Page =============== */ .hs-blog-listing .heading h2 { font-size: 16px; line-height: 1.8125rem; font-weight: 400; } .blog-listing-wrapper { justify-content: space-between; } .blog-listing-wrapper .post-listing { flex-grow: 1; flex-shrink: 1; flex-basis: 0px; padding-right: 40px; } .blog-listing-wrapper .post-listing.cards { display: flex; flex-flow: row wrap; justify-content: space-between; } .blog-listing-wrapper .post-listing:not(.cards) .post-item { border-top: 1px solid #BFC6CD; padding-top: 40px; margin-bottom: 40px; } .blog-listing-wrapper .post-listing.cards .post-item { flex-basis: calc(50% - 20px); max-width: calc(50% - 20px); margin-bottom: 40px; } .blog-listing-wrapper .post-listing .post-item a.featured-image { display: block; padding-top: 75%; background-position: center; background-size: cover; background-repeat: no-repeat; filter: brightness(1); -webkit-transition: filter ease-in-out 200ms; -moz-transition: filter ease-in-out 200ms; -o-transition: filter ease-in-out 200ms; -ms-transition: filter ease-in-out 200ms; transition: filter ease-in-out 200ms; } .blog-listing-wrapper .post-listing .post-item a.featured-image:hover { filter: brightness(.5); } .blog-listing-wrapper .post-listing .post-item .category { color: #FF5A2D; text-transform: uppercase; font-weight: bold; margin: 20px 0; font-size: 14px; } .blog-listing-wrapper .post-listing .post-item h4 a { color: #1C222E; font-size: 30px; line-height: 35px; font-weight: 400; -webkit-transition: color ease-in-out 200ms; -moz-transition: color ease-in-out 200ms; -o-transition: color ease-in-out 200ms; -ms-transition: color ease-in-out 200ms; transition: color ease-in-out 200ms; } .blog-listing-wrapper .post-listing .post-item h4 a:hover { color: #FF5A2D; text-decoration: none; } .blog-listing-wrapper .post-listing .post-item .date { font-size: 14px; margin-bottom: 20px; display: inline-block; color: #5B6471; } /* Featured Post */ .blog-listing-wrapper .post-listing .post-item.featured { flex-basis: 100%; max-width: 100%; padding: 40px; padding-right: calc(50% + 20px); background-size: cover; background-position: center center; color: #fff; } .blog-listing-wrapper .post-listing .post-item.featured .featured-image { display: none; } .blog-listing-wrapper .post-listing .post-item.featured h4 a, .blog-listing-wrapper .post-listing .post-item.featured .date { color: #fff; } .blog-listing-wrapper .post-listing .post-item.featured h4 a:hover { color: #FF5A2D; } .blog-listing-wrapper .post-listing .post-item.featured .continue-reading { color: #fff; font-size: 14px; line-height: 30px; height: 30px; text-transform: uppercase; font-weight: 700; -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; -o-transition: all ease-in-out 200ms; -ms-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; } .blog-listing-wrapper .post-listing .post-item.featured .continue-reading:hover { color: #FF5A2D; text-decoration: none; } .blog-listing-wrapper .post-listing .post-item.featured .continue-reading span { color: #FF5A2D; font-size: 30px; vertical-align: top; line-height: 30px; } /* Events Posts */ .events .blog-listing-wrapper .post-listing.cards { padding-right: 0; } .events .blog-listing-wrapper .post-listing.cards .post-item { border: 3px solid #ECF0F0; } .events .blog-listing-wrapper .post-listing.cards .post-item .date { display: block; background-color: #ECF0F0; color: #1C222E; text-align: center; padding: 20px; font-size: 18px; font-weight: 600; margin-bottom: 0; } .events .blog-listing-wrapper .post-listing.cards .post-item .post-content { padding: 40px; } .events .blog-listing-wrapper .post-listing.cards .post-item .post-content .location { font-size: 15px; margin: 15px 0; } .events .blog-listing-wrapper .post-listing.cards .post-item.featured h4 a:hover { color: #FF5A2D; } /* Featured Event Post */ .events .blog-listing-wrapper .post-listing.cards .post-item.featured-event { padding: 0; display: flex; flex-flow: row wrap; flex-basis: 100%; max-width: 100%; border: 0; } .events .blog-listing-wrapper .post-listing.cards .post-item.featured-event .featured-image { padding: 0; width: 50%; height: 100%; } .events .blog-listing-wrapper .post-listing.cards .post-item.featured-event .post-content { width: 50%; background-color: #1C222E; padding: 40px; color: #fff; } .events .blog-listing-wrapper .post-listing.cards .post-item.featured-event .post-content .location { color: #FF5A2D; text-transform: uppercase; font-weight: 700; } .events .blog-listing-wrapper .post-listing.cards .post-item.featured-event h4 a { color: #fff; } .events .blog-listing-wrapper .post-listing.cards .post-item.featured-event h4 a:hover { color: #FF5A2D; } .events .blog-listing-wrapper .post-listing.cards .post-item.featured-event .date { padding: 0; background-color: transparent; text-align: left; font-size: 14px; font-weight: 400; margin: 20px 0; color: #fff; } .events .blog-listing-wrapper .post-listing.cards .post-item.featured-event .continue-reading { color: #fff; font-size: 14px; line-height: 22px; height: 22px; text-transform: uppercase; font-weight: 700; -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; -o-transition: all ease-in-out 200ms; -ms-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; } .events .blog-listing-wrapper .post-listing.cards .post-item.featured-event .continue-reading:hover { color: #FF5A2D; text-decoration: none; } .events .blog-listing-wrapper .post-listing.cards .post-item.featured-event .continue-reading span { color: #FF5A2D; font-size: 30px; vertical-align: top; line-height: 22px; } /* Pagination */ .blog-pagination { margin-top: 80px; width: 100%; } .events .blog-pagination { flex-basis: 100%; max-width: 100%; } .blog-pagination a { font-size: 14px; margin-right: 10px; } .blog-pagination a:hover { text-decoration: none; } .blog-pagination > div { display: inline-block; } .blog-pagination-left { text-align: right; } .blog-pagination-right { text-align: left; } .blog-pagination-left a:hover, .blog-pagination-right a:hover { color: #1C222E; } .blog-pagination-center a { display: inline-block; text-align: center; padding: 5px 10px; background-color: #ECF0F0; margin-right: 3px; color: #7D8694; font-weight: 500; } .blog-pagination a.elipses { border: 0; } .blog-pagination a.active { color: #FF5A2D; pointer-events: none; cursor: default; } .blog-pagination a.next-link, .blog-pagination a.prev-link { color: #7D8694; font-weight: bold; height: 26px; line-height: 26px; } .blog-pagination a.next-link span, .blog-pagination a.prev-link span { font-weight: bold; font-size: 20px; line-height: 26px; vertical-align: top; } .blog-pagination a.next-link:hover, .blog-pagination a.prev-link:hover { color: #FF5A2D; } /* Blog All Posts Page */ .hs-content-path-blog-all {} div.post-listing-simple {} div.post-listing-simple .post-item {} h2.post-listing-simple {} h2.post-listing-simple a {} /* =============== Blog Post Page =============== */ .blog-post-wrapper {} .blog-post-wrapper .post-item { flex-grow: 1; flex-shrink: 1; flex-basis: 0px; padding-right: 40px; } .blog-post-wrapper .post-item img.featured-image { margin-bottom: 20px; width: 100%; } .blog-post-wrapper .post-item h2 { margin-bottom: 20px; } .blog-post-wrapper #post-author { margin-top: 40px; } .blog-post-wrapper #post-author #author-avatar { width: 100px; height: 100px; background-size: cover; background-repeat: no-repeat; background-position: center; display: inline-block; } .blog-post-wrapper #post-author p { display: inline-block; vertical-align: top; padding: 20px 0 0 40px; } .blog-post-wrapper .social-follow { margin-top: 40px; } .blog-post-wrapper .social-follow .title { font-weight: 700; } /* Related Posts */ .blog-post-wrapper #related-posts { margin-top: 40px; padding-top: 20px; border-top: 1px solid #BFC6CD; display: flex; flex-flow: row wrap; justify-content: space-between; } .blog-post-wrapper #related-posts h3 { flex-basis: 100%; max-width: 100%; margin-bottom: 20px; } .blog-post-wrapper #related-posts .post-item { flex-basis: calc(33% - 15px); max-width: calc(33% - 15px); padding: 0 0 0 0; } .blog-post-wrapper #related-posts .post-item a.featured-image { display: block; padding-top: 75%; background-position: center; background-size: cover; background-repeat: no-repeat; filter: brightness(1); -webkit-transition: filter ease-in-out 200ms; -moz-transition: filter ease-in-out 200ms; -o-transition: filter ease-in-out 200ms; -ms-transition: filter ease-in-out 200ms; transition: filter ease-in-out 200ms; } .blog-post-wrapper #related-posts .post-item a.featured-image:hover { filter: brightness(.5); } .blog-post-wrapper #related-posts .post-item .category { color: #FF5A2D; text-transform: uppercase; font-weight: bold; margin: 20px 0; font-size: 14px; } .blog-post-wrapper #related-posts .post-item h4 a { color: #1C222E; font-size: 30px; line-height: 35px; font-weight: 400; -webkit-transition: color ease-in-out 200ms; -moz-transition: color ease-in-out 200ms; -o-transition: color ease-in-out 200ms; -ms-transition: color ease-in-out 200ms; transition: color ease-in-out 200ms; } .blog-post-wrapper #related-posts .post-item h4 a:hover { color: #FF5A2D; text-decoration: none; } .blog-post-wrapper #related-posts .post-item .date { font-size: 14px; margin-bottom: 20px; display: inline-block; color: #5B6471; } /* Blog Commments */ #comments-listing { border-bottom: 1px solid #ccc; margin-bottom: 30px; margin-top: 30px; } .comment { margin: 10px 0; border-top: 1px solid #ccc; padding: 15px 0; } .comment-date { font-size: 13px; text-align: right; } .comment-from { font-weight: bold; } .comment-body { padding: 10px 0; } /* Blog Comment Labels */ #comment-form .hs-form-field > label {} #comment-form label {} /* Blog Comment Inputs */ #comment-form input[type="text"] {} #comment-form input[type="text"]:focus {} #comment-form textarea {} #comment-form textarea:focus {} #comment-form input[type="checkbox"] {} /* Blog Comment Button */ #add-comment-button.hs-button.primary {} #add-comment-button.hs-button.primary:hover {} #add-comment-button.hs-button.primary:focus {} /* =============== Blog Sidebar =============== */ .blog-sidebar { width: 320px; max-width: 35%; } .blog-sidebar #sidebar-sticky { position: sticky; top: 140px; transition: all .5s; } .blog-sidebar #sidebar-sticky.sticky { top: 40px } .blog-sidebar #sidebar-sticky > div { margin-bottom: 40px; } .blog-sidebar .title { font-weight: 700; margin-bottom: 10px; display: block; color: #1C222E; } /* Media Contacts */ .blog-sidebar #media-contacts { margin-bottom: 100px; padding-bottom: 20px; border-bottom: 1px solid #BFC6CD; } .blog-sidebar #media-contacts h5 { font-weight: 400; margin-bottom: 0; } /* Related Posts */ .blog-sidebar #must-reads { margin-bottom: 100px; } .blog-sidebar .related-blog-item { border-bottom: 1px solid #BFC6CD; padding: 30px 0 15px 0; position: relative; } .blog-sidebar .related-blog-item:after { content: "\0203A"; position: absolute; right: 0; top: calc(50% - 20px); font-size: 30px; color: #FF5A2D; } .blog-sidebar .related-blog-item h5 { width: 95%; margin: 0; } .blog-sidebar .related-blog-item h5 a { color: #1C222E; font-weight: 400; -webkit-transition: color ease-in-out 200ms; -moz-transition: color ease-in-out 200ms; -o-transition: color ease-in-out 200ms; -ms-transition: color ease-in-out 200ms; transition: color ease-in-out 200ms; } .blog-sidebar .related-blog-item h5 a:hover { color: #FF5A2D; text-decoration: none; } .blog-sidebar .related-blog-item .date { font-size: 14px; } /* Search */ .blog-sidebar #search { background-color: transparent; padding: 0; } .blog-sidebar #search input, .blog-sidebar #search input[type="text"]:focus { border: 0; border-bottom: 1px solid #BFC6CD; padding: 10px 0; background-color: transparent; background-image: url(https://go.axiomlaw.com/hubfs/Blog%20Test/search.svg); background-repeat: no-repeat; background-position: right center; background-size: 20px; } .blog-sidebar #search ul.hs-search-field__suggestions { position: absolute; top: calc(100% - 20px); left: 20px; width: calc(100% - 40px); margin: 0; background: #fff; } /* Filters */ .blog-sidebar .filter { cursor: pointer; } .blog-sidebar .filter span.title { display: block; color: #5B6471; margin: 10px 0 20px 0; } .blog-sidebar .filter span.title:after { content: "\0203A"; position: absolute; right: 0; line-height: 15px; height: 18px; font-size: 30px; font-weight: normal; color: #FF5A2D; -webkit-transition: all .25s; -moz-transition: all .25s; -o-transition: all .25s; -ms-transition: all .25s; transition: all .25s; } .blog-sidebar .filter.expanded span.title:after { transform: rotate(90deg); } .blog-sidebar .filter ul { padding-left: 20px; display: none; list-style-type: none; overflow: hidden; margin: 0; } /* Newsletter Sign Up */ .blog-sidebar #newsletter-signup h3.form-title { font-size: 16px; text-transform: uppercase; line-height: normal; margin-bottom: 20px; } /* Social Follow */ .social-follow ul { list-style-type: none; margin: 20px 0 0 0; padding: 0; } .social-follow ul li { display: inline-block; margin-right: 5px; width: 35px; height: 35px; } .social-follow ul li.twitter a svg { width: 12px; margin-top: 11px; margin-left: 11px; } .social-follow ul li a { background-color: #1C222E; width: 35px; height: 35px; display: block; position: absolute; color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-transition: background-color ease-in-out 200ms; -moz-transition: background-color ease-in-out 200ms; -o-transition: background-color ease-in-out 200ms; -ms-transition: background-color ease-in-out 200ms; transition: background-color ease-in-out 200ms; } .social-follow ul li a:hover { background-color: #FF5A2D; } .social-follow ul li a svg path { fill: #fff; } /* Blog Social Sharing Icons */ .hs-blog-social-share { margin-top: 20px; padding: 10px 0 0 0; border-top: 1px solid #BFC6CD; border-bottom: 1px solid #BFC6CD; height: auto; } /* =============== Blog Author Page and Author Bio =============== */ .hs-blog-listing .hs-author-profile { border-bottom: 1px solid #ccc; padding: 0 0 20px 0; margin: 0 0 20px 0; } .hs-blog-post .hs-author-profile { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 20px 0 20px 0; margin: 20px 0 20px 0; } .hs-author-profile .hs-author-profile:after { content: ''; display: block; clear: both; } /* Author Avatar */ .hs-author-profile .hs-author-avatar { float: left; margin-right: 15px; max-width: 100px; } .hs-author-profile .hs-author-avatar img{ -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; max-width: 100%; } /* Author Bio Wrapper*/ .hs-author-profile .hs-author-bio { overflow: hidden; } /* Author Name */ .hs-author-profile h2.hs-author-name { margin: 0 0 10px 0; } /* Author Social Follow Me */ .hs-author-profile .hs-author-social-section {} .hs-author-profile .hs-author-social-label {} .hs-author-profile .hs-author-social-links {} .hs-author-profile .hs-author-social-link {} .hs-author-profile .hs-social-facebook {} .hs-author-profile .hs-social-linkedin {} .hs-author-profile .hs-social-twitter {} .hs-author-profile .hs-social-google-plus {} /* ========================================================================== 7. FORMS ========================================================================== */ /* =============== Global Form Styles =============== */ /* Dorm Fieldset */ .hs-form fieldset { border: 0; padding: 0; margin: 0; } /* Form Field */ .hs-form-field { margin-bottom: 16px; } /* Descriptions */ .hs-field-desc { color: #7D8694; font-size: 12px; font-weight: 400; } /* Labels and Legends */ label {} .hs-form-field > label { font-size: 1rem; font-weight: 700; line-height: 1.125rem; letter-spacing: .04em; color: #1C222E; display: block; margin-bottom: 5px; cursor: pointer; } .hs-form-required { color: #FF5A2D; } .required-fields { font-size: .8rem; text-align: right; color: #1C222E; padding-right: 10px; } /* Dependent Fields */ .hs-dependent-field .hs-form-field { float: none !important; width: 100% !important; } /* One Line Inputs */ input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], input[type="file"], textarea, select { font-family: 'Walsheim', 'Helvetica', 'Arial', sans-serif !important; font-size: 100%; -webkit-appearance: none; line-height: 1.625rem !important; background-color: #ECF0F0; padding: 10px 15px; margin: 0; border: solid 1px transparent; -webkit-transition: border .3s ease-in-out; -moz-transition: border .3s ease-in-out; -o-transition: border .3s ease-in-out; -ms-transition: border .3s ease-in-out; transition: border .3s ease-in-out; color: #1C222E; width: 100%; } .color-bg input[type="text"], .color-bg input[type="password"], .color-bg input[type="datetime"], .color-bg input[type="datetime-local"], .color-bg input[type="date"], .color-bg input[type="month"], .color-bg input[type="time"], .color-bg input[type="week"], .color-bg input[type="number"], .color-bg input[type="email"], .color-bg input[type="url"], .color-bg input[type="search"], .color-bg input[type="tel"], .color-bg input[type="color"], .color-bg input[type="file"], .color-bg textarea, .color-bg select { background-color: #fff; } input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, input[type="file"]:focus, textarea:focus, select:focus { border: solid 1px #DBE0E2; box-shadow: none; } /* Separate Styles for Multiple Line Inputs */ textarea { min-height: 150px; } textarea:focus {} /* Separate Styles for Drop Downs */ select { background-image: url(); background-size: 8px; background-position: calc(100% - 15px) center; background-repeat: no-repeat; cursor: pointer; padding-right: 40px } select:focus {} /* Multiple Selection Inputs */ form.hs-form .hs-form-field ul.inputs-list { list-style: none; padding: 0; margin: 0; } form.hs-form .hs-form-field ul.inputs-list li input {} input[type="radio"] {} input[type="checkbox"] { position: absolute; left: -9999px; } input[type=checkbox] + span { font-size: .8rem; letter-spacing: 0; line-height: 1.625rem; color: #5B6471; display: inline; font-weight: normal; padding-left: 30px; margin-bottom: 5px; cursor: pointer; position: relative; display: inline-block; } /* .color-bg input[type=checkbox] + span { color: #fff; } */ input[type=checkbox]:focus + span { outline: #005fcc solid 1px; } input[type=checkbox] + span:before { content: ""; position: absolute; left: 0; top: 5px; top: 47%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; height: 20px; width: 20px; border: solid 1px transparent; -webkit-transition: border .3s ease-in-out; -moz-transition: border .3s ease-in-out; -o-transition: border .3s ease-in-out; -ms-transition: border .3s ease-in-out; transition: border .3s ease-in-out; background-color: #ECF0F0; } .color-bg input[type=checkbox] + span:before { background-color: #fff; } input[type=checkbox]:checked + span:before { background-image: url(https://go.axiomlaw.com/hubfs/images/checked.svg); } /* Required */ input:focus:required:invalid, textarea:focus:required:invalid, select:focus:required:invalid {} input:focus:required:invalid:focus, textarea:focus:required:invalid:focus, select:focus:required:invalid:focus {} /* Error */ .hs-error-msgs { margin: 0; } .hs-error-msgs label{ color: #FF5A2D; font-size: .875rem; } .hs-input.invalid.error { border: solid 1px #FF5A2D; } /* Placeholder Text */ ::-webkit-input-placeholder { #5B6471 } /* Webkit Browsers */ :-moz-placeholder { #5B6471 } /* Firefox 18- */ ::-moz-placeholder { #5B6471 } /* Firefox 19+ */ :-ms-input-placeholder { #5B6471 } /* IE10 */ /* =============== Multi Column Form =============== */ .hs-form fieldset.form-columns-1 {} .hs-form fieldset.form-columns-1 .hs-form-field {} .hs-form fieldset.form-columns-2 {} .hs-form fieldset.form-columns-2 > .hs-form-field, .hs-form fieldset.form-columns-2 > .hs-dependent-field{ width: 50%; float: left; } .hs-form fieldset.form-columns-3 {} .hs-form fieldset.form-columns-3 .hs-form-field {} /* Multiple Selection Inputs */ form.hs-form .hs-form-field ul.inputs-list li input {} input[type="radio"] { margin-right: 10px; } input[type="checkbox"] {} form.hs-form fieldset { max-width: none; } form.hs-form fieldset > .hs-form-field:not(:last-child), form.hs-form fieldset > .hs-dependent-field:not(:last-child) { padding: 0 10px 0 0; } form.hs-form fieldset[class*="form-columns"] .input { margin-right: 0; } form.hs-form fieldset[class*="form-columns"] .hs-input { width: 100%; } form.hs-form fieldset[class*="form-columns"] .hs-input[type="checkbox"] { width: auto; } form.hs-form fieldset.form-columns-3 > .hs-form-field { width: 33.33%; } @media (max-width: 480px) { form.hs-form fieldset.form-columns-2 > .hs-dependent-field, form.hs-form fieldset .hs-form-field, form.hs-form fieldset .hs-form-field:not(:last-child) { padding: 0; } .hs-form fieldset.form-columns-2 > .hs-form-field, .hs-form fieldset.form-columns-2 > .hs-dependent-field, form.hs-form fieldset.form-columns-3 .hs-form-field, form.hs-form .form-columns-2 .hs-form-field .hs-input, form.hs-form .form-columns-3 .hs-form-field .hs-input { width: 100% !important; float: none; } form.hs-form .form-columns-3 .hs-form-field .hs-input[type="checkbox"] { width: auto; } } /* =============== Blog Subscription Form =============== */ /* Label */ #hs_form_target_blog_subscription .hs-form-field > label {} #hs_form_target_blog_subscription label {} /* Inputs */ #hs_form_target_blog_subscription input[type="email"] {} #hs_form_target_blog_subscription input[type="email"]:focus {} #hs_form_target_blog_subscription input[type="radio"], #hs_form_target_blog_subscription input[type="checkbox"] { width: auto; margin-right: 10px; } /* =============== Google Search Form =============== */ /* Label */ .widget-type-google_search label {} /* Input */ .widget-type-google_search input[type="text"] {} .widget-type-google_search input[type="focus"] {} /* ========================================================================== 8. BUTTONS ========================================================================== */ /* =============== All Global Buttons (Excluding CTAs) =============== */ /* Orange Button (Primary Button) */ .axiom-button, input[type="submit"], input[type="button"], .hs-button { cursor: pointer; border: none; -webkit-appearance: none; text-decoration: none !important; color: #fff; background-color: #FF5A2D; text-transform: uppercase; font-family: 'Walsheim', 'Helvetica', 'Arial', sans-serif; font-size: 1rem; line-height: 50px; font-weight: 600; text-align: center; padding: 0 25px; letter-spacing: .04em; display: inline-block; -webkit-border-radius: 25px; -moz-border-radius: 25px; -o-border-radius: 25px; -ms-border-radius: 25px; border-radius: 25px; -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; -o-transition: all ease-in-out 200ms; -ms-transition: all ease-in-out 200ms; transition: all ease-in-out 200ms; white-space: nowrap; } @media (max-width: 768px) { .axiom-button, input[type="submit"], input[type="button"], .hs-button { white-space: normal; line-height: 1.2rem; padding: 15px 25px; } } .axiom-button:hover, input[type="submit"]:hover, input[type="button"]:hover, .hs-button:hover { background-color: #1C222E; color: #fff; } .axiom-button:focus, input[type="submit"]:focus, input[type="button"]:focus, .hs-button:focus {} /* Outlined Button */ .axiom-button.outlined, input[type="submit"].outlined, input[type="button"].outlined { border: 2px solid #FF5A2D; background-color: #fff; color: #FF5A2D; } .axiom-button.outlined:hover, input[type="submit"].outlined:hover, input[type="button"].outlined:hover { color: #fff; background-color: #FF5A2D; } .axiom-button.outlined:focus, input[type="submit"].outlined:focus, input[type="button"].outlined:focus {} /* White Button */ .axiom-button.white-btn, input[type="submit"].white-btn, input[type="button"].white-btn { color: #FF5A2D; background-color: #fff; } .axiom-button.white-btn:hover, input[type="submit"].white-btn:hover, input[type="button"].white-btn:hover { color: #fff; background-color: #FF5A2D; } .axiom-button.white-btn:focus, input[type="submit"].white-btn:focus, input[type="button"].white-btn:focus {} /* Gray Button */ .axiom-button.gray-btn, input[type="submit"].gray-btn, input[type="button"].gray-btn { color: #1C222E; background-color: #ECF0F0; } .axiom-button.gray-btn:hover, input[type="submit"].gray-btn:hover, input[type="button"].gray-btn:hover { color: #fff; background-color: #FF5A2D; } .axiom-button.gray-btn:focus, input[type="submit"].gray-btn:focus, input[type="button"].gray-btn:focus {} /* Blue (Dark Gray) Button */ .axiom-button.blue-btn, input[type="submit"].blue-btn, input[type="button"].blue-btn { color: #fff; background-color: #1C222E; } .axiom-button.blue-btn:hover, input[type="submit"].blue-btn:hover, input[type="button"].blue-btn:hover { color: #fff; background-color: #FF5A2D; } .axiom-button.blue-btn:focus, input[type="submit"].blue-btn:focus, input[type="button"].blue-btn:focus {} /* Orange Underlined Link */ .axiom-link, input[type="submit"].axiom-link, input[type="button"].axiom-link { cursor: pointer; border: none; -webkit-appearance: none; text-decoration: none !important; color: #1C222E; font-family: 'Walsheim', 'Helvetica', 'Arial', sans-serif; font-size: 1rem; background-color: transparent; padding: 0; line-height: 1.8125rem; border-bottom: 4px solid #FF5A2D; text-transform: uppercase; font-weight: 600; text-align: center; letter-spacing: .04em; display: inline-block; -webkit-transition: all cubic-bezier(0.4,0,0.2,1) 150ms; -moz-transition: all cubic-bezier(0.4,0,0.2,1) 150ms; -o-transition: all cubic-bezier(0.4,0,0.2,1) 150ms; -ms-transition: all cubic-bezier(0.4,0,0.2,1) 150ms; transition: all cubic-bezier(0.4,0,0.2,1) 150ms; } .axiom-link:hover, input[type="submit"].axiom-link:hover, input[type="button"].axiom-link:hover { color: #FF5A2D; } .axiom-link:focus, input[type="submit"].axiom-link:focus, input[type="button"].axiom-link:focus {} /* =============== Form Module Button =============== */ .hs_cos_wrapper_type_form .hs-button.primary.large {} .hs_cos_wrapper_type_form .hs-button.primary.large:hover {} .hs_cos_wrapper_type_form .hs-button.primary.large:focus {} /* =============== Blog Subscription Button =============== */ #hs_form_target_blog_subscription .hs-button.primary.large {} #hs_form_target_blog_subscription .hs-button.primary.large:hover {} #hs_form_target_blog_subscription .hs-button.primary.large:focus {} /* =============== Google Search Button =============== */ .widget-type-google_search .hs-button.primary {} .widget-type-google_search .hs-button.primary:hover {} .widget-type-google_search .hs-button.primary:focus {} /* ========================================================================== 9. MISCELLANEOUS ========================================================================== */ /* =============== Page Editor Styles =============== */ .hs-editor-placeholder { display: flex; background-color: rgb(245, 248, 250); border: 1px solid rgb(81, 111, 144); border-radius: 4px; color: rgb(124, 152, 182); position: relative; margin: 4px; min-height: 72px; flex-direction: row; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; text-align: center; padding: 24px 20px; line-height: 24px; } body.skeleton { background-color: #ECF0F0; } /* =============== Australia Page Styles =============== */ .footer-container-wrapper.australia .footer-menu li:has(> a[href*="litigation"]) { display: none !important; } /* =============== Section Styles =============== */ /* Hero Section */ .hero-section > .row-fluid > .dnd-column.dnd-column:first-child { padding-left: calc((100vw - 1318px)/2) !important; position: relative; } .hero-section > .row-fluid > .dnd-column.dnd-column:first-child:before { content: ''; width: 100%; height: 100%; background-image: linear-gradient(90deg, rgba(28, 34, 46,0.8)0%, rgba(28, 34, 46,0.8)100%); position: absolute; top: 0; left: 0; z-index: 1; } .hero-section > .row-fluid > .dnd-column.dnd-column:first-child > div { position: relative; z-index: 2; } .hero-section > .row-fluid > .dnd-column.dnd-column:last-child { padding-right: calc((100vw - 1318px)/2) !important; } .hero-section > .row-fluid > .dnd-column.dnd-column, .hero-section > .row-fluid > .dnd-column.dnd-column h1, .hero-section > .row-fluid > .dnd-column.dnd-column h2, .hero-section > .row-fluid > .dnd-column.dnd-column h3, .hero-section > .row-fluid > .dnd-column.dnd-column h4, .hero-section > .row-fluid > .dnd-column.dnd-column h5, .hero-section > .row-fluid > .dnd-column.dnd-column h6, .hero-section > .row-fluid > .dnd-column.dnd-column .axiom-link { color: #fff; } @media (max-width: calc(1368px - 1px)) { .hero-section > .row-fluid > .dnd-column.dnd-column:first-child { padding-left: 1.5rem !important; } .hero-section > .row-fluid > .dnd-column.dnd-column:last-child { padding-right: 1.5rem !important; } } @media (max-width: 767px) { .hero-section > .row-fluid > .dnd-column.dnd-column:first-child, .hero-section > .row-fluid > .dnd-column.dnd-column:last-child { padding-right: 16px !important; padding-left: 16px !important; } } /* Overlay Section */ .overlay-section { position: relative; } .overlay-section:before { content: ''; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(28, 34, 46,0.8)0%, rgba(28, 34, 46,0.8)100%); position: absolute; top: 0; left: 0; z-index: 1; } .overlay-section > div { position: relative; z-index: 2; } /* =============== Inverted text color styles =============== */ .invert-text-color, .invert-text-color h1, .invert-text-color h2, .invert-text-color h3, .invert-text-color h4, .invert-text-color h5, .invert-text-color h6, .invert-text-color .axiom-link { color: #fff; } /* =============== ALT Interstial modal styles =============== */ body.ACTIVE-INTERSTITIAL .header-container-wrapper .top-navigation, body.ACTIVE-INTERSTITIAL .header-container-wrapper .top-menu, body.ACTIVE-INTERSTITIAL #header-navigation, body.ACTIVE-INTERSTITIAL .footer-container-wrapper, body.ACTIVE-INTERSTITIAL #ALT-Hero-HIW, body.ACTIVE-INTERSTITIAL #form, body.ACTIVE-INTERSTITIAL .hs-accordion, body.ACTIVE-INTERSTITIAL #main-content .row-number-5, body.ACTIVE-INTERSTITIAL .embeddedServiceHelpButton, body.ACTIVE-INTERSTITIAL #ot-sdk-btn, body.ACTIVE-INTERSTITIAL .ot-sdk-show-settings, body.ACTIVE-INTERSTITIAL #hubspot-messages-iframe-container { display: none !important; } body.ACTIVE-INTERSTITIAL .header-container-wrapper { border-bottom-color: transparent; } body.ACTIVE-INTERSTITIAL #main-content { padding-top: 66px !important; } /* =============== HubSpot Chatbot Styles =============== */ #hubspot-messages-iframe-container { z-index: 2147483645 !important } /* =============== Hide Cookies Banner in page editor =============== */ html.hs-inline-edit #onetrust-consent-sdk { display: none !important; } /* =============== Hide Cookies Badge =============== */ #ot-sdk-btn-floating.ot-floating-button { display: none !important; } /* =============== Okta Notification Page =============== */ .full-width-rt.okta-notification { text-align: center; } .full-width-rt.okta-notification img{ margin-bottom: 20px; } .full-width-rt.okta-notification .sub-text { font-size: 22px; line-height: 29px; color: #7D8694; font-weight: 500; max-width: 380px; margin: 20px auto; } .full-width-rt.okta-notification .axiom-button{ margin-top: 20px; } @media (min-width: 768px) { .full-width-rt.okta-notification { padding: 160px 0; } } /* =============== Bench Top Nav Styles =============== */ .hubspot-inject-shell .rd-menu-subnav + .body-container { margin-top: 66px; } body.authed .hubspot-inject-shell .rd-menu-subnav + .body-container { margin-top: 115px; } /* =============== Case Study Rich Text Styles =============== */ .case-study-rt .content-wrapper { max-width: 860px; } .case-study-rt h2 { font-size: 30px; font-family: adobe-caslon-pro, Helvetica, Arial, Sans-serif; line-height: 42px; font-weight: 400; margin-bottom: 30px; } .case-study-rt .small-para { color: #BFC6CD; } /* =============== Resources LP Sticky Form Styles =============== */ .has-sticky-form .overlay-section + .dnd-section > .row-fluid > .dnd-column:last-child { position: sticky; top: 111px; z-index: 100; -webkit-border-radius: 16px; -moz-border-radius: 16px; -o-border-radius: 16px; -ms-border-radius: 16px; border-radius: 16px; -webkit-box-shadow: 0px 6px 10px rgb(163 171 183 / 24%); -moz-box-shadow: 0px 6px 10px rgb(163 171 183 / 24%); -o-box-shadow: 0px 6px 10px rgb(163 171 183 / 24%); -ms-box-shadow: 0px 6px 10px rgb(163 171 183 / 24%); box-shadow: 0px 6px 10px rgb(163 171 183 / 24%);; overflow: hidden; } @media (max-width: 767px) { .has-sticky-form .overlay-section + .dnd-section > .row-fluid > .dnd-column:last-child { position: static; margin-top: 16px !important; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } } /* =============== ABM Landing Pages =============== */ .full-width-rt.abm-rt { padding-bottom: 0; } /* =============== CTA Button Styles =============== */ .cta_button.contact-btn-cta, .cta_button.contact-btn-cta-secondary{ font-size: 14px !important; } /* =============== Horizontal Scrolling for larger images on mobile =============== */ @media (max-width: 767px) { .mobile-scroll { overflow-x: scroll; position: relative; background-color: #000; scrollbar-height: 0px !important; /* For FireFox */ } .mobile-scroll:after { content: ''; background-color: transparent; background-image: url(); width: 50px; height: 86px; background-size: cover; position: absolute; left: calc(50% - 25px); top: calc(50% - 43px); margin-left: -4px; animation: scrollFinger 2s infinite; } .mobile-scroll::-webkit-scrollbar { display: none !important; } .mobile-scroll img { max-width: none !important; opacity: .6; } .mobile-scroll:active img, .mobile-scroll:hover img, .mobile-scroll:focus img { opacity: 1; } .mobile-scroll:active:after, .mobile-scroll:hover:after, .mobile-scroll:focus:after { display: none; } } @keyframes scrollFinger { 0% {margin-left: -4px;} 50% {margin-left: 4px;} 0% {margin-left: -4px;} } /* =============== CTA Button Styles for Hero Homepage =============== */ ul.bubble-cta { display: flex; flex-wrap: wrap; list-style-type: none; padding: 0 0 0 4px; } ul.bubble-cta li { width: 33.33333%; } ul.bubble-cta li a { text-decoration: none; font-size: 16px; font-weight: 400; line-height: 24px; color: #1C222E; box-shadow: 0px 1px 8px 0px #1C222E26; border-radius: 4px; padding: 3px 6px; background: #ffffff; } ul.bubble-cta li a:hover { box-shadow: 0px 0px 8px 0px #FF5A2D; background: #FFE5DE; } @media (max-width: 768px) { ul.bubble-cta li { width: 100%; } } /* =============== MISC Injected Element Styles =============== */ /* Buttons */ button { color: #5B6471; font-family: 'Walsheim', 'Helvetica', 'Arial', sans-serif; padding: 0; border: 0; background-color: transparent; background-image: none; } button svg { vertical-align: middle; display: inline-block; } /* Modal text fields */ .ui.page.modals input[type="text"], .ui.page.modals input[type="password"], .ui.page.modals input[type="datetime"], .ui.page.modals input[type="datetime-local"], .ui.page.modals input[type="date"], .ui.page.modals input[type="month"], .ui.page.modals input[type="time"], .ui.page.modals input[type="week"], .ui.page.modals input[type="number"], .ui.page.modals input[type="email"], .ui.page.modals input[type="url"], .ui.page.modals input[type="search"], .ui.page.modals input[type="tel"], .ui.page.modals input[type="color"], .ui.page.modals input[type="file"], .ui.page.modals textarea, .ui.page.modals select { background-color: #fff; } /* Horizontal Rule in Filters */ .hubspot-inject-shell div[class^='TalentSearchFiltersStyles'] hr { color: #000; background-color: #000; margin-bottom: 0; } /* IE Styles */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .hide-for-ie { display: none !important; } .show-for-ie { display: block !important; } } .show-for-ie { display: none; } /* =============== MISC Form Styles =============== */ div.tabber-menu-wrap.has-query, div.hs_i_am_interested_in.hs-i_am_interested_in.hs-fieldtype-select.field.hs-form-field { display: none; } /* =============== OneTrust Cookie Button Styles =============== */ #ot-sdk-btn.ot-sdk-show-settings, #ot-sdk-btn.optanon-show-settings { color: #477E96 !important; border: 1px solid #477E96 !important; position: fixed; bottom: 10px; left: 10px; background-color: #d5e0e5; z-index: 1502; } #ot-sdk-btn.ot-sdk-show-settings:hover, #ot-sdk-btn.optanon-show-settings:hover, #ot-sdk-btn.ot-sdk-show-settings:active, #ot-sdk-btn.optanon-show-settings:active { background-color: #477E96 !important; color: #fff !important; } #onetrust-pc-sdk .ot-btn-container button { margin-bottom: 19px !important; } /* =============== Flex Grid Styles =============== */ .flex-row { box-sizing: border-box; display: flex; flex-flow: row wrap; margin: 0; } [class*="col-"], [class~="col"] { max-width: 100%; } [class~="col"] { flex-grow: 1; flex-shrink: 1; flex-basis: 0px; } [class*="col-"] { flex: none; } .flex-row [class~="col"] { margin: 0; padding: 0; } .flex-row > [class*="col-1"] { flex-basis: 8.33333%; max-width: 8.33333%; } .flex-row > [class*="col-2"] { flex-basis: 16.66667%; max-width: 16.66667%; } .flex-row > [class*="col-3"] { flex-basis: 25%; max-width: 25%; } .flex-row > [class*="col-4"] { flex-basis: 33.33333%; max-width: 33.33333%; } .flex-row > [class*="col-5"] { flex-basis: 41.66667%; max-width: 41.66667%; } .flex-row > [class*="col-6"] { flex-basis: 50%; max-width: 50%; } .flex-row > [class*="col-7"] { flex-basis: 58.33333%; max-width: 58.33333%; } .flex-row > [class*="col-8"] { flex-basis: 66.66667%; max-width: 66.66667%; } .flex-row > [class*="col-9"] { flex-basis: 75%; max-width: 75%; } .flex-row > [class*="col-10"] { flex-basis: 83.33333%; max-width: 83.33333%; } .flex-row > [class*="col-11"] { flex-basis: 91.66667%; max-width: 91.66667%; } .flex-row > [class*="col-12"] { flex-basis: 100%; max-width: 100%; } .flex-row.logo-row { align-items: center; justify-content: space-between; } /* =============== Projects Helper Styles =============== */ #TalentModalPortal { position: relative; z-index: 9991; } /* ========================================================================== 10. MEDIA QUERIES ========================================================================== */ /* =============== Screen sizes smaller than .content-wrapper =============== */ @media (max-width: calc(1368px - 1px)) { .header-container-wrapper #header-navigation { flex-direction: row-reverse; } /* Body Container Styles */ body.authed .body-container-wrapper { padding-top: calc(115px + 12px); } /* Footer Styles */ .footer-links { flex-direction: column; } .footer-links .hs-menu-wrapper ul { margin-top: 20px; } .footer-links .hs-menu-wrapper ul li:first-child { margin-left: 0; } /* Bench Top Nav Styles */ .hubspot-inject-shell .rd-menu-subnav { display: none; } .hubspot-inject-shell .rd-menu-subnav + .body-container { margin-top: 47px; } } /* =============== Smaller Desktop Screen Sizes =============== */ @media (max-width: 1023px) { /* Header Styles */ .header-container-wrapper .top-menu > ul > li:nth-child(2) { display: none; } ul.lawyerlinks { grid-template-columns: repeat(2, 1fr) !important; } /* Footer Styles */ .footer-top { flex-direction: column; } .footer-top .footer-menu { padding-left: 0; max-width: none; width: 100%; margin-top: 80px; } .footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul { flex-direction: column } .footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > ul {} .footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li, .footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:nth-child(2) { margin: 0 0 20px 0; width: 100%; } .footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:last-child { margin-bottom: 0; } .footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:first-child > ul { max-height: 280px; } .footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:nth-child(3) > ul, .footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:nth-last-child(2) > ul { max-height: 220px; } .footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:last-child > ul { max-height: 280px; } .footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > ul > li, .footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:nth-child(2) > ul > li { width: calc(50% - 30px); margin-right: 30px; } } /* =============== Landscape tablet and smaller devices =============== */ @media (max-width: 767px) { body { padding-top: 105px !important; } /* Content Wrappers */ .content-wrapper { padding: 0 16px } .dnd-section[class*=centering] > .row-fluid { padding-left: 16px; padding-right: 16px; } ul.lawyerlinks { grid-template-columns: repeat(1, 1fr) !important; } /* Header Styles */ .header-container-wrapper .top-menu > ul { width: 100%; } .header-container-wrapper .top-menu > ul > li { border-right: none; } .header-container-wrapper .top-menu > ul > li:last-child { float: right; } .header-container-wrapper .top-menu > ul > li > span.call-desktop { display: none; } .header-container-wrapper .top-menu > ul > li > span.call-mobile { display: initial; } /* Footer Styles */ .footer-links .hs-menu-wrapper ul li, .footer-locations .hs-menu-wrapper ul li{ margin: 0 0 10px 0; } .footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:first-child > ul { max-height: 390px; } /* Blog Styles */ .blog-listing-wrapper .post-listing.cards, .blog-sidebar { width: 100%; max-width: none; } .blog-listing-wrapper .post-listing, .blog-listing-wrapper .post-listing.cards, .blog-post-wrapper > .post-item{ padding-right: 0; margin-bottom: 80px; } .blog-listing-wrapper .post-listing.cards .post-item, .blog-post-wrapper #related-posts .post-item { flex-basis: 100%; max-width: 100%; margin-bottom: 40px; } .blog-listing-wrapper .post-listing .post-item.featured { padding: 0 0 0 0; background-image: none !important; color: #1C222E; } .blog-listing-wrapper .post-listing .post-item.featured .featured-image { display: block; } .blog-listing-wrapper .post-listing .post-item.featured h4 a { color: #1C222E; } .blog-listing-wrapper .post-listing .post-item.featured .date { color: #BFC6CD; } .blog-listing-wrapper .post-listing .post-item.featured .continue-reading { display: none; } .events .blog-listing-wrapper .post-listing.cards .post-item.featured-event .featured-image { display: none; } .events .blog-listing-wrapper .post-listing.cards .post-item.featured-event .post-content{ flex-basis: 100%; max-width: 100%; } /* MISC */ .dnd-section.invert-columns > .row-fluid { display: flex; flex-direction: column-reverse; } } /* =============== Landscape phones and smaller devices =============== */ @media (max-width: 479px) { .header-container-wrapper .logo { width: 200px; height: 56px; } .footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > ul { max-height: none !important; } /* Misc Styles */ .hubspot-inject-shell .rd-menu-subnav { top: 101px; } .hubspot-inject-shell .rd-menu-subnav + .body-container { margin-top: 101px; } } @media (max-width: 350px) { .footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > ul { max-height: none !important; } }