/* ==========================================================================
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 */
@font-face {
font-family: 'Walsheim';
src: url("//1687417.fs1.hubspotusercontent-na1.net/hubfs/1687417/raw_assets/public/__Axiom%20Theme/assets/fonts/GTWalsheimPro/GTWalsheimProThin.ttf") format('truetype');
font-weight: 100;
font-display: block;
}
@font-face {
font-family: 'Walsheim';
src: url("//1687417.fs1.hubspotusercontent-na1.net/hubfs/1687417/raw_assets/public/__Axiom%20Theme/assets/fonts/GTWalsheimPro/GTWalsheimProLight.ttf") format('truetype');
font-weight: 300;
font-display: block;
}
@font-face {
font-family: 'Walsheim';
src: url("//1687417.fs1.hubspotusercontent-na1.net/hubfs/1687417/raw_assets/public/__Axiom%20Theme/assets/fonts/GTWalsheimPro/GTWalsheimProRegular.ttf") format('truetype');
font-weight: 400;
font-display: block;
}
@font-face {
font-family: 'Walsheim';
src: url("//1687417.fs1.hubspotusercontent-na1.net/hubfs/1687417/raw_assets/public/__Axiom%20Theme/assets/fonts/GTWalsheimPro/GTWalsheimProMedium.ttf") format('truetype');
font-weight: 500;
font-display: block;
}
@font-face {
font-family: 'Walsheim';
src: url("//1687417.fs1.hubspotusercontent-na1.net/hubfs/1687417/raw_assets/public/__Axiom%20Theme/assets/fonts/GTWalsheimPro/GTWalsheimProBold.ttf") format('truetype');
font-weight: 700;
font-display: block;
}
@font-face {
font-family: 'Walsheim';
src: url("//1687417.fs1.hubspotusercontent-na1.net/hubfs/1687417/raw_assets/public/__Axiom%20Theme/assets/fonts/GTWalsheimPro/GTWalsheimProBlack.ttf") format('truetype');
font-weight: 900;
font-display: block;
}
@font-face {
font-family: adobe-caslon-pro;
src: url("//1687417.fs1.hubspotusercontent-na1.net/hubfs/1687417/raw_assets/public/__Axiom%20Theme/assets/fonts/AdobeCaslonPro/ACaslonPro-Regular.ttf") format('truetype');
font-weight: 400;
font-display: block;
}
@font-face {
font-family: adobe-caslon-pro;
src: url("//1687417.fs1.hubspotusercontent-na1.net/hubfs/1687417/raw_assets/public/__Axiom%20Theme/assets/fonts/AdobeCaslonPro/ACaslonPro-Semibold.ttf") format('truetype');
font-weight: 600;
font-display: block;
}
@font-face {
font-family: adobe-caslon-pro;
src: url("//1687417.fs1.hubspotusercontent-na1.net/hubfs/1687417/raw_assets/public/__Axiom%20Theme/assets/fonts/AdobeCaslonPro/ACaslonPro-Bold.ttf") format('truetype');
font-weight: 700;
font-display: block;
}
/* Styling for Resource Centre Blog Templates */
/* Resource Centre Posts */
.resources #newsletter-signup {
border-radius: 12px;
background: #ECF0F0;
padding: 37px 27px;
}
.resources .filter-type {
margin: 55px 0;
}
.resources #newsletter-signup h3 {
font-size: 20px;
font-weight: 700;
line-height: 24px;
color: #1C222E;
}
.resources #newsletter-signup p {
font-size: 16px;
font-weight: 400;
line-height: 20px;
color: #5B6471;
}
.resources #newsletter-signup p.required-fields {
display: none;
}
.resources #newsletter-signup .hs-input {
background: #ffffff;
border-radius: 6px;
}
.resources #newsletter-signup input[type=checkbox] + span:before{
background-color: #ffffff;
border-radius: 2px;
}
.resources #newsletter-signup input[type="submit"] {
width: 100%;
}
.resources .blog-sidebar {
width: 30%;
}
.resources .blog-sidebar #newsletter-signup h3.form-title {
font-size: 16px;
font-weight: 400;
line-height: 20px;
color: #5B6471;
text-transform: none;
}
.resources h4 {
text-transform: uppercase;
line-height: 24px;
}
.resources #filters ul {
margin: 0;
padding: 0;
list-style-type: none;
display: flex;
gap: 8px;
flex-wrap: wrap;
}
.resources #filters ul li {
background: #DEF1FF;
padding: 0px 16px;
border-radius: 46px;
color: #2A6179;
margin-bottom: 0;
}
.resources #filters ul li a {
color: #2A6179;
}
.resources #filters ul li.active {
background: #386077;
color: #ffffff;
}
.resources #filters ul li.active a {
color: #ffffff;
}
.resources #filters ul li:hover {
background: #1D222D;
}
.resources #filters ul li:hover a {
text-decoration: none;
color: #ffffff;
}
.resources .border {
max-width: 1320px;
height: 5px;
background: #EEF2F2;
margin: auto;
margin-bottom: 25px;
display: block;
}
.resources .hero-list {
gap: 20px;
display: flex;
flex-direction: column;
}
.resources .hero-list div {
background: #fff;
padding: 20px;
border-radius: 12px;
display: flex;
gap: 20px;
align-items: center;
}
.resources .hero-list h3 {
font-size: 24px;
font-weight: 500;
line-height: 32px;
text-transform: none;
letter-spacing: normal;
margin-bottom: 0px;
}
.resources .hero-list div p {
font-size: 18px;
font-weight: 400;
line-height: 22px;
color: #5B6471;
}
.resources .social-follow ul {
margin: 0;
}
.resources .social-follow ul li a {
background: none;
}
.resources .grey-bg {
background: #ECF0F0;
padding: 60px 0;
}
.resources .form-wrapper h3 {
font-weight: 500;
font-size: 24px;
line-height: 32px;
color: #1A2129;
letter-spacing: normal;
text-transform: none;
margin-bottom: 20px;
}
.resources .form-wrapper .required-fields {
display: none;
}
.resources form.hs-form fieldset[class*="form-columns"] .hs-input {
border-radius: 6px;
}
.resources .grey-bg .form-wrapper p {
font-size: 16px;
line-height: 22px;
color: #5C6471;
}
.resources .tab-wrapper h3 {
color: #1C222E;
font-size: 32px;
font-weight: 500;
line-height: 40px;
}
.resources .tab-wrapper p {
line-height: 22px;
font-size: 16px;
font-weight: 400;
color: #5B6471;
}
.resources-detail-hero {
background: linear-gradient(48.23deg, #1C222E 3.41%, #2C3649 95.88%);
padding: 70px 0;
}
.resources-detail-hero.case-studies {
margin-bottom: 70px;
}
.resources-detail-hero.case-studies p {
color: #7d8694;
font-size: 20px;
font-weight: 400;
}
.resources-detail-hero h1 {
font-size: 40px;
font-weight: 700;
line-height: 48px;
color: #FFFFFF;
margin-bottom: 35px;
}
.resources-detail-hero h3 {
color: #ffffff;
font-size: 20px;
margin-bottom: 35px;
line-height: 24px;
font-weight: 500;
letter-spacing: 2px;
text-transform: uppercase;
}
.resources-detail-hero .col-5 {
display: flex;
flex-direction: column;
align-self: center;
color: #fff;
font-size: 22px;
line-height: 28px;
}
.resources-detail-hero .col-6 {
display: flex;
flex-direction: column;
align-self: center;
}
.resources-detail-hero .col-6 .form-wrapper {
padding: 40px !important;
}
.resources-detail-hero .col-5 p {
line-height: 28px;
}
.resources-detail-hero-cle {
padding: 70px 0 45px;
}
.resources .bubble-wrap {
display: flex;
margin-bottom: 5px;
}
.resources .category-tag {
background: #DEF1FF;
padding: 0px 16px;
border-radius: 46px;
color: #2A6179;
display: inline-block;
margin-bottom: 23px;
width: fit-content;
font-size: 16px;
line-height: 1.8rem;
}
.resources .bubble-wrap .ribbon {
background: #00AC6E;
padding: 0px 16px;
color: #fff;
display: inline-block;
margin: 0 0 23px -10px;
width: fit-content;
font-size: 16px;
line-height: 1.8rem;
z-index: -1;
--r: .8em; /* control the ribbon shape */
padding-inline: calc(var(--r) + .3em);
padding-right: calc(var(--r) + 0.3em + 10px);
line-height: 1.8;
clip-path: polygon(0 0, 100% 0, calc(100% - var(--r)) 50%, 100% 100%, 0 100%);
}
.resources .bubble-wrap .ribbon.demand {
background: #D11559;
}
.resources .date-published {
font-size: 14px;
line-height: 16px;
color: #BFC6CD;
margin-top: 35px;
display: flex;
align-items: center;
background-image: url('https://www.axiomlaw.com/hubfs/Calendar.png');
background-repeat: no-repeat;
background-size: 13px 15px;
background-position: left center;
padding-left: 20px;
}
.resources .date-author {
display: flex;
gap: 20px;
font-size: 14px;
line-height: 16px;
color: #BFC6CD;
margin-top: 0px;
display: flex;
align-items: center;
background-image: url('https://www.axiomlaw.com/hubfs/Calendar.png');
background-repeat: no-repeat;
background-size: 13px 15px;
background-position: left top;
padding-left: 20px;
}
.resources .date-author .cal {
margin-bottom: 15px;
}
.resources .date-author .cal,
.resources .date-author .author {
display: flex;
align-items: center;
gap: 10px;
}
.resources .blog-hero {
padding: 60px 0 0;
}
.resources .blog-hero {
background-size: cover;
background-image: url('https://www.axiomlaw.com/hubfs/resource-bg.png');
padding: 80px 0 0 0;
}
.resources .blog-hero.advanced {
background-image: url('https://www.axiomlaw.com/hubfs/Resources-Blog-BG.png');
padding: 50px 0 0 0;
}
.resources .blog-hero.cle {
background-image: url('https://www.axiomlaw.com/hubfs/Resources-Blog-BG.png');
padding: 60px 0 0 0;
}
.resources .blog-hero .heading .heading-info {
margin: 0 0 80px 0;
}
.resources .blog-hero .blurb {
color: #5B6471;
font-size: 22px;
font-weight: 400;
line-height: 28px;
}
.resources .blog-hero .blurb h1 {
margin: 0 0 20px 0;
}
.resources .blog-hero .blog-hero-footer {
padding: 70px 0 0;
border-radius: 60px 60px 0 0;
background: #ffffff;
}
.resources .blog.content-wrapper {
padding-top: 0;
}
.resources .blog-listing-wrapper .post-listing {
line-height: 22px;
}
.resources .blog-listing-wrapper .post-listing .blog-post__body {
color: #5B6471;
font-size: 16px;
font-weight: 400;
line-height: 22px;
}
.resources .blog-listing-wrapper .post-listing .blog-post__body p {
margin-bottom: 20px;
}
.resources .blog-listing-wrapper .post-listing .blog-post__body h3 {
color: #FF5A2D;
font-size: 24px;
font-weight: 500;
line-height: 32px;
}
.resources .blog-listing-wrapper .post-listing .blog-post__body h3:not(:first-of-type) {
margin-top: 40px;
}
.resources .blog-listing-wrapper .post-listing:not(.cards) .post-item {
border-top: 0;
padding: 0 0 40px 0;
border-bottom: 1px solid #DBE0E2;
margin-bottom: 40px;
}
.resources .blog-listing-wrapper .post-listing:not(.cards) .post-item h3 {
font-size: 20px;
line-height: 24px;
}
.resources .blog-listing-wrapper .post-listing:not(.cards) .post-item p {
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.resources .blog-listing-wrapper .post-listing:not(.cards) .post-item p span {
/*color: #5E6B74 !important; */
}
.resources .date-author,
.resources .date-author p,
.resources .date-author span {
display: flex;
gap: 20px;
font-size: 14px !important;
color: #A3ABB7;
}
.resources .blog-listing-wrapper .post-item .start-reading {
font-size: 16px;
font-weight: 700;
text-decoration-line: underline;
text-transform: uppercase;
}
.resources .orange-section {
background: url("https://www.axiomlaw.com/hubfs/orange-section-bg.png") no-repeat center center;
background-size: cover;
border-radius: 20px;
margin: 70px 0 50px;
width: 100%;
padding: 60px 12%;
color:#fff;
text-align: center;
font-size: 18px;
line-height: 24px;
font-weight: 400;
}
.resources .orange-section.extra-padding {
margin: 70px 0 70px;
}
.resources .orange-section h2 {
color: #fff;
font-size: 32px;
font-weight: 700;
line-height: 40px;
}
.resources .flex-row {
justify-content: space-between;
}
.resources .event-details {
color: #FF5A2D;
font-weight: 400;
font-size: 14px;
line-height: 16px;
letter-spacing: 0px;
display: flex;
gap: 25px;
margin-bottom: 25px;
}
.resources .event-details {
display: flex;
}
.resources .event-details .block {
display: flex;
}
.resources .event-details img {
margin-right: 7px;
height:17px;
}
.resources .post-body-cle {
margin: 29px 0 15px;
font-weight: 400;
font-size: 16px;
line-height: 22px;
letter-spacing: 0px;
color: #5B6471;
}
.resources a.underline {
color: #FF5A2D;
font-weight: 700;
font-size: 16px;
line-height: 16px;
letter-spacing: 1px;
text-decoration: underline;
text-transform: uppercase;
}
.resources-detail-hero-cle h1 {
font-weight: 700;
font-size: 32px;
line-height: 40px;
letter-spacing: 0px;
color: #1C222E;
margin-bottom: 30px;
}
.resources-detail-hero-cle .cle-form {
padding: 50px 60px;
background: #ECF0F0;
border-radius: 12px;
}
.resources-detail-hero-cle .cle-form h2 {
font-weight: 500;
font-size: 24px;
line-height: 32px;
letter-spacing: 0px;
color: #1A2129;
}
.resources-detail-hero-cle .cle-form p {
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: 0px;
color: #5B6471;
}
.resources .hs-form-field > label {
font-weight: 500;
font-size: 14px;
line-height: 20px;
letter-spacing: 0px;
}
.resources .post-listing-cle h2 {
font-weight: 500;
font-size: 32px;
line-height: 40px;
letter-spacing: 0px;
color: #1C222E;
margin-bottom: 30px;
}
.resources .post-listing-cle h3 {
font-weight: 700;
font-size: 18px;
line-height: 24px;
letter-spacing: 0px;
color: #1C222E;
}
.resources .post-listing-cle {
font-weight: 400;
font-size: 16px;
line-height: 22px;
letter-spacing: 0px;
color: #5B6471;
width: 68%;
}
.resources .post-listing-cle ul {
padding: 0 0 0 20px;
margin: 0 0 25px 0;
}
.resources .post-listing-cle ul ul {
padding: 0 0 0 25px;
list-style-type: disc;
}
.resources .post-listing-cle li {
padding-top: 0;
padding-bottom: 0;
margin-top: 0;
margin-bottom: 0;
}
@media screen and (max-width: 1200px) {
.resources .flex-row > [class*="col-4"],
.resources .flex-row > [class*="col-5"],
.resources .flex-row > [class*="col-6"],
.resources .flex-row > [class*="col-7"]{
flex-basis: 100%;
max-width: 100%;
}
.resources .flex-row > [class*="col-5"] {
margin-bottom: 35px;
}
.resources-detail-hero {
padding: 40px 0;
}
.resources-detail-hero.case-studies {
margin-bottom: 40px;
}
.resources .blog-hero .blurb {
font-size: 20px;
line-height: 24px;
}
.resources-detail-hero h3,
.resources-detail-hero h1 {
margin-bottom: 20px;
}
.resources h1 {
font-size: 32px;
line-height: 40px;
}
.resources .date-published {
margin-top: 20px;
}
.resources .blog-listing-wrapper .post-listing {
padding-right: 0px;
margin-bottom: 0;
}
.resources .blog-sidebar {
max-width: 100%;
width: 100%;
}
.resources .blog-sidebar #sidebar-sticky > div {
margin: 40px 0 0 0;
}
.resources .social-follow {
display: none;
}
.resources .padding-top {
padding-top: 40px;
}
.resources .blog-hero {
padding: 50px 0 0 0 ;
}
.resources .blog-hero .heading .heading-info {
margin: 0 0 50px 0;
}
.resources .blog-hero .blog-hero-footer {
padding: 50px 0 0;
border-radius: 30px 30px 0 0;
}
.resources .form-wrapper h3 {
font-size: 22px;
line-height: 28px;
margin-bottom: 15px;
}
.resources .hs-form-field > label {
font-size: 12px;
line-height: 20px;
font-weight: 600;
}
.resources form.hs-form fieldset[class*="form-columns"] .hs-input {
padding: 4px 10px;
}
.resources .hs-form-field {
margin-bottom: 10px;
}
.resources .tab-wrapper h3 {
color: #1C222E;
font-size: 22px;
font-weight: 600;
line-height: 28px;
}
.resources .grey-bg {
padding: 40px 0;
}
.resources .orange-section {
margin: 40px 0;
padding: 30px 23px;
font-size: 16px;
font-weight: 400;
line-height: 22px;
}
.resources .orange-section h2 {
font-size: 22px;
line-height: 28px;
}
.resources-detail-hero .col-6 .form-wrapper {
padding: 30px 23px !important;
}
.resources .hs-button {
width: 100%;
display: block;
}
.resources .event-details {
display: inline;
}
.resources .event-details .block {
margin-bottom: 15px;
}
.resources .border {
display: none;
}
.resources .post-body-cle {
margin-top: 20px;
}
.resources-detail-hero-cle .cle-form {
padding: 30px 23px;
}
.resources.cle .blog-sidebar {
order: 1;
}
.resources.cle .post-listing-cle{
order: 2;
margin-top: 25px;
width: 100%;
}
.resources.cle .blog-sidebar #sidebar-sticky > div {
margin-top: 0;
}
.resources .post-listing-cle h2 {
font-size: 28px;
line-height: 34px;
}
.resources .blog.content-wrapper {
padding-bottom: 35px;
}
}
@media screen and (max-width: 767px) {
.resources-detail-hero-cle {
padding: 35px 0 0;
}
.resources .blog-hero.cle {
padding: 40px 0 0 0;
}
}
/* 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;
}
@media (max-width: 1200px) {
body{
padding-top: 59px !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;
}
.main-menu > ul > li.sign-up a {
color: #FF5A2D;
border-radius: 50px;
border: 2px solid #FF5A2D;
padding: 5px 24px;
}
}
/* 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: 25px 0 5px;
position: relative;
background: #fff;
}
body.authed .bottom-main-nav {
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 .bottom-nav ul li.hs-item-has-children:hover > a {
color: #FF5A2D;
}
.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 10px 15px 0px #0000000D;
flex-wrap: wrap;
width: 550px;
padding: 9px;
position: absolute;
left: -150px;
}
.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: 8px;
height: 4px;
background-image: url("data:image/svg+xml;charset=UTF-8,");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
position: relative;
top: -3px;
margin-left: 0px;
cursor: pointer;
}
.bottom-main-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover::after {
background-image: url("data:image/svg+xml;charset=UTF-8,");
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 {
padding: 10px;
}
.bottom-main-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover {
text-decoration: none;
background: #FFF4F1;
border-radius: 5px;
color: #1C222E;
}
@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;
}
.disclaimer-back-top {
display: flex;
justify-content: space-between;
border-bottom: 1px solid #FFFFFF33;
padding-bottom: 30px;
margin-bottom: 30px;
margin-top: 20px;
}
.disclaimer-back-top .footer-disclaimers {
color: #fff;
}
.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.regional .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
display: flex;
justify-content: space-between;
gap: 5px;
}
.footer-menu.regional .hs-menu-wrapper.hs-menu-flow-horizontal > ul:before,
.footer-menu.regional .hs-menu-wrapper.hs-menu-flow-horizontal > ul:after {
display: none;
}
.footer-menu.regional .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li {
margin: 0;
width: calc(14.2857143% - 20px);
float: none;
}
.footer-menu.regional .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:nth-child(2) {
width: calc(28.5714286% - 20px);
}
.footer-menu.regional .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:last-child {
margin-right: 0;
}
.footer-menu.regional .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > a,
.footer-menu.regional .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.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: 1rem;
line-height: 1.625rem;
white-space: normal;
}
.footer-menu.regional .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.regional .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.regional .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:first-child > ul{
max-height: 800px;
}
.footer-menu.regional .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:nth-child(2) > ul{
margin-right: -20px;
}
.footer-menu.regional .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:nth-child(2) > ul > li {
width: calc(50% - 20px);
margin-right: 20px;
}
.footer-menu.regional .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:nth-child(1),
.footer-menu.regional .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:nth-child(5){
width: auto;
}
.footer-menu.regional .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:nth-child(1) > ul.hs-menu-children-wrapper > li,
.footer-menu.regional .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:nth-child(5) > ul.hs-menu-children-wrapper > li {
width: 100%;
}
.footer-menu.regional .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
display: flex;
justify-content: space-between;
gap: 5px;
flex-wrap: nowrap;
}
/* Footer Nav 2025 Non Regional */
.hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
display: flex;
}
.footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
display: flex;
justify-content: space-between;
gap: 5px;
flex-wrap: wrap;
}
.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 0 20px 0;
width: calc(15% - 20px);
float: none;
}
.footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:nth-child(1),
.footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:nth-child(5){
width: calc(46% - 20px);
}
.footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:nth-child(1) > ul.hs-menu-children-wrapper > li,
.footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:nth-child(5) > ul.hs-menu-children-wrapper > li {
width: 33.3%;
}
.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: #fff;
font-size: 16px;
line-height: 1.625rem;
cursor: initial;
text-decoration: none;
font-weight: 500;
}
.footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper > li {
margin-bottom: 10px;
}
.footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper > li a {
color: #7D8694;
font-weight: 400;
font-size: 13px;
line-height: 100%;
letter-spacing: 0px;
white-space: pre-wrap;
line-height: 16px;
}
.footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper > li.view-all {
display: none;
}
.footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > ul{
display: flex;
max-height: 300px;
flex-direction: column;
flex-wrap: wrap;
margin-top: 13px;
}
.footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:first-child > ul{
max-height: 160px;
}
.footer-disclaimers {
border-top: 1px solid #7D8694;
padding-top: 30px;
color: #fff;
font-weight: 400;
font-size: 13px;
line-height: 18px;
text-align: center;
vertical-align: middle;
}
.footer-disclaimers .hs-menu-wrapper {
max-width: 650px;
margin: auto;
}
.footer-disclaimers .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.footer-disclaimers .hs-menu-wrapper.hs-menu-flow-horizontal > ul li {
margin-right: 5px;
color: #7D8694;
}
.footer-disclaimers .hs-menu-wrapper.hs-menu-flow-horizontal > ul li:last-child {
margin-right: 0;
}
.footer-disclaimers .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
color: #7D8694;
font-weight: 400;
font-size: 13px;
vertical-align: middle;
}
.footer-disclaimers .hs-menu-wrapper.hs-menu-flow-horizontal > ul li::after {
content: ' • ' !important;
padding-left: 4px;
}
.footer-disclaimers .hs-menu-wrapper.hs-menu-flow-horizontal > ul li:last-child::after,
.footer-disclaimers .hs-menu-wrapper.hs-menu-flow-horizontal > ul li:nth-child(5)::after{
content: '' !important;
}
.footer-disclaimers ul.social {
list-style-type: none;
display: inline-flex;
gap: 18px;
align-items: center;
padding: 0;
}
@media (min-width: 1201px) {
.footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > a.title {
cursor: pointer;
}
.footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > a.title::after {
content: '';
display: inline-block;
margin-left: 0.25em;
width: 12px;
height: 12px;
background: url('data:image/svg+xml;utf8,') no-repeat center center;
background-size: contain;
transition: transform 0.3s ease;
}
.footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > a.title:hover::after {
transform: translateX(3px);
}
}
@media (max-width: 1200px) {
.footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li,
.footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:nth-child(1),
.footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:nth-child(5),
.footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:nth-child(1) > ul.hs-menu-children-wrapper > li,
.footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:nth-child(5) > ul.hs-menu-children-wrapper > li,
.footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > a {
width: 100%;
}
.footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > ul,
.footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:first-child > ul {
max-height: none;
}
.footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li {
border-top: 1px solid #7D8694;
margin: 0;
}
.footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > a {
display: flex;
align-items: center;
justify-content: flex-end;
position: relative;
padding: 16px 0;
}
.footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > a::after {
content: '';
display: inline-block;
width: 12px;
height: 6px;
background-image: url("data:image/svg+xml,%3Csvg width='12' height='6' viewBox='0 0 12 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 5L11 1' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-size: contain;
margin-left: auto;
transition: transform 0.3s ease;
}
.footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.open > a::after {
transform: rotate(180deg);
}
.hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper,
.footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > ul {
display: none;
}
.footer-disclaimers .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
display: flex;
margin-top: 22px;
}
.footer-disclaimers .hs-menu-wrapper.hs-menu-flow-horizontal > ul li {
float: left;
width: auto;
display: flex;
}
.footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper > li a {
padding: 5px 0;
}
.footer-menu .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper > li.view-all {
display: block;
}
}
/* 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;
}
/* ==========================================================================
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;
}
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(20% - 2rem);
display: flex;
}
.main-menu .megamenu ul.submenu.our-solutions:not(.list) > li:nth-child(2) {
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: 100%;
}
.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) {
display: block;
}
.main-menu .megamenu ul.submenu.our-solutions > li:nth-child(2) > 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:nth-child(2) > 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;
}
.resources .blog-pagination {
margin-top: 40px;
width: 100%;
}
.resources .blog-pagination a {
font-size: 14px;
margin-right: 10px;
}
.resources .blog-pagination a:hover {
text-decoration: none;
}
.resources .blog-pagination > div {
display: inline-block;
}
.resources .blog-pagination-left img,
.resources .blog-pagination-right img {
width: 28px;
height: 28px;
}
.resources .blog-pagination-right img {
margin-left: 10px;
}
.resources .blog-pagination-left a:hover,
.resources .blog-pagination-right a:hover {
color: #1C222E;
}
.resources .blog-pagination-center a {
display: inline-block;
text-align: center;
margin-right: 3px;
color: #5B6471;
font-size: 14px;
font-weight: 400;
line-height: 20px;
border-radius: 100%;
width: 28px;
height: 28px;
padding-top: 4px;
background-color: transparent;
}
.resources .blog-pagination a.elipses {
border: 0;
}
.resources .blog-pagination a.active {
color: #fff;
pointer-events: none;
cursor: default;
background-color: #FF5A2D;
}
.resources .blog-pagination a.next-link,
.resources .blog-pagination a.prev-link {
color: #7D8694;
font-weight: bold;
height: 26px;
line-height: 26px;
}
.resources .blog-pagination a.next-link span,
.resources .blog-pagination a.prev-link span {
font-weight: bold;
font-size: 20px;
line-height: 26px;
vertical-align: top;
}
.resources .blog-pagination a.next-link:hover,
.resources .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 =============== */
/* Form 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: normal;
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(//1687417.fs1.hubspotusercontent-na1.net/hubfs/1687417/raw_assets/public/__Axiom%20Theme/assets/images/TriangleArrow-Down.svg);
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"] {}
/* Form Loader */
div[id^="hs_form_target"].loading {
display: flex;
justify-content: center;
align-items: center;
height: 100px; /* Set an appropriate height */
position: relative;
justify-self: center;
background-color: #477E96;
border-radius: 1em;
height: 1em;
width: 1em;
animation: loadingAnimation 1s ease-in-out infinite;
margin-top: 120px;
}
div[id^="hs_form_target"].loading::before,
div[id^="hs_form_target"].loading::after {
content: '';
background-color: #477E96;
border-radius: 1em;
display: inline-block;
height: 1em;
width: 1em;
position: absolute;
animation: loadingAnimation 1s ease-in-out infinite;
}
div[id^="hs_form_target"].loading::before {
left: -28px;
animation-delay: 0ms;
}
div[id^="hs_form_target"].loading::after {
left: 28px; /* Adjusted for symmetry */
animation-delay: 320ms;
}
div[id^="hs_form_target"].loading > form,
div[id^="hs_form_target"].loading > form *,
div[id^="hs_form_target"].loading > div {
display: none !important;
}
@keyframes loadingAnimation {
0%, 80%, 100% {
opacity: 0;
}
40% {
opacity: 1;
}
}
/* ==========================================================================
8. BUTTONS
========================================================================== */
/* =============== All Global Buttons (Excluding CTAs) =============== */
/* Orange Button (Primary Button) */
.axiom-button,
input[type="submit"],
input[type="button"],
.hs-button,
.hs-button-outline {
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;
}
.hs-button-outline {
border: 2px solid #FF5A2D;
border-radius: 28px;
background: #ffffff;
color: #FF5A2D;
line-height: 48px;
}
@media (max-width: 768px) {
.axiom-button,
input[type="submit"],
input[type="button"],
.hs-button,
.hs-button-outline {
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;
}
.hs-button-outline:hover {
background-color: #FF5A2D;
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
}
/* =============== Drift Chat Styles =============== */
#drift-frame-controller {
z-index: 20000000 !important;
}
.openChatButton {
display: none;
}
.openChatButton.loaded {
display: inline-block;
}
/* =============== 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(//1687417.fs1.hubspotusercontent-na1.net/hubfs/1687417/raw_assets/public/__Axiom%20Theme/assets/images/scroll-finger.svg);
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 !important;
z-index: 1502;
height: auto;
white-space: normal;
word-wrap: break-word;
padding: .8em 2em;
font-size: .8em;
line-height: 1.2;
cursor: pointer;
-moz-transition: .1s ease;
-o-transition: .1s ease;
-webkit-transition: 1s ease;
transition: .1s ease;
}
#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: 1200px) {
/* Header Styles */
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 0px 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: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: 100%;
margin-right: 30px;
}
.footer-menu.regional .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li {
width: 100%;
}
.footer-menu.regional .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:nth-child(2) {
width: 100%;
}
.footer-menu.regional .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li {
border-top: none;
margin: 0;
}
.footer-menu.regional .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > a {
display: flex;
align-items: center;
justify-content: flex-start;
position: relative;
padding: 16px 0;
}
.footer-menu.regional .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > a::after {
display: none;
}
.footer-menu.regional .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.open > a::after {
transform: none;
}
.footer-menu.regional .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children > ul.hs-menu-children-wrapper > li {
margin: 0;
}
/* =============== Landscape tablet and smaller devices =============== */
@media (max-width: 767px) {
body {
padding-top: 59px !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:first-child {
margin-right: auto;
}
.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;
}
/* 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;
}
}