.sr-only,
body.is-nav-open {
overflow: hidden
}
h1,
h2 {
text-shadow: 0 2px 4px rgba(0, 0, 0, .25)
}
.sidenav,
.site-header {
background-color: #fff;
z-index: 1000
}
.blue-text,
.italic,
h1 {
font-style: italic
}
:root {
--font-body: "Open Sans", sans-serif;
--font-heading: "Merriweather", serif
}
*,
::after,
::before {
box-sizing: border-box
}
img,
picture,
svg,
video {
max-width: 100%;
height: auto;
display: block
}
a {
color: var(--color-accent);
text-decoration: none
}
a:focus,
a:hover {
text-decoration: underline
}
.content-link,
.sidenav a {
text-decoration: none
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--font-heading);
color: #0c6c74;
margin: 0 0 .5em;
line-height: 1.25
}
h1 {
font-size: 48px;
line-height: 48px;
font-weight: 700
}
h2 {
font-size: 32px;
line-height: 36px;
padding-bottom: 10px
}
p {
font-family: var(--font-body);
font-size: 18px;
color: #2f3333;
line-height: 1.6;
padding-bottom: 18px;
margin: 0
}
.site-header {
color: #fff;
position: sticky;
top: var(--sticky-top, 0);
will-change: top
}
.logo img {
height: auto;
max-height: 60px
}
.sidenav {
position: fixed;
top: 80px;
left: 0;
right: auto;
bottom: 0;
width: min(100%, 100%);
color: #096c74;
transform: translateX(-100%);
transition: transform .25s;
padding: 2rem 1rem
}
.is-nav-open .sidenav {
display: flex;
flex-direction: column;
gap: 15px;
transform: translateX(0)
}
.site-overlay {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, .45);
opacity: 0;
pointer-events: none;
transition: opacity .2s;
z-index: 999
}
.is-nav-open .site-overlay {
pointer-events: auto
}
#location-bold-text-desktop,
#mobile-nav-img-close,
.header-menu-item br,
.hide-mobile,
.hide-tablet,
.logo-desktop,
.meso-page-navbar-container {
display: none
}
.grecaptcha-badge,
.hidden,
.is-nav-open #mobile-nav-img-open {
display: none !important
}
.is-nav-open #mobile-nav-img-close {
display: inline !important
}
.btn,
.contact-button-inner,
.header-menu-mobile-cta {
display: inline-block;
background: var(--color-accent);
color: #fff;
padding: .75rem 1.25rem;
border-radius: 999px;
text-align: center;
font-weight: 600;
transition: background .2s
}
.btn:hover,
.contact-button-inner:hover,
.header-menu-mobile-cta:hover {
background: #044d61
}
.mobile-menu {
width: 58px;
height: 44px;
display: flex;
justify-content: center;
align-items: center
}
#mobile-menu-btn {
border: none;
background-color: transparent
}
.logo,
.mobile-phone {
width: fit-content;
height: fit-content
}
.top-header {
display: flex;
justify-content: space-between;
align-items: center;
height: 80px;
padding: 20px 10px
}
.sidenav .dropdown-menu a,
.sidenav .header-menu-item {
color: #0c6c74;
font-family: Open Sans;
text-transform: uppercase;
font-weight: 700;
box-sizing: border-box
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0
}
.header-menu-item-container .dropdown-menu {
display: flex;
flex-direction: column;
gap: 10px;
padding-left: 1rem;
max-height: 0;
overflow: hidden;
opacity: 0;
visibility: hidden;
padding-block: 0;
transition: max-height .3s, opacity .3s, padding .3s, visibility 0s linear .3s
}
.header-menu-item-container.is-open .dropdown-menu {
max-height: 150px;
opacity: 1;
visibility: visible;
padding-top: 10px;
padding-bottom: 5px;
transition: max-height .3s, opacity .3s, padding .3s
}
.mobile-arrow {
width: 36px;
height: 36px;
display: grid;
place-items: center;
border: 0;
background: 0 0;
cursor: pointer
}
.mobile-arrow img {
transition: transform .2s;
transform: rotate(90deg)
}
.header-menu-item-container.is-open .mobile-arrow img {
transform: rotate(270deg)
}
.header-menu-item-container {
display: block;
position: relative
}
.menu-parent {
display: flex;
align-items: center;
justify-content: space-between;
max-width: 425px;
height: 30px
}
.menu-link {
flex: 1 1 auto;
display: block
}
.header-menu-item {
font-size: 16px;
display: block
}
#contact-us-link,
#industry-news-link,
#learn-about-mesothelioma-link {
height: 30px;
display: flex;
align-items: center
}
.header-menu-mobile-only-cta {
display: block;
font-size: 18px;
text-decoration: none;
margin-top: 15px;
color: #fcf8f8;
text-align: center;
background-color: #0c6c74;
border-radius: 3px;
font-weight: 700;
border: none;
width: 250px;
padding: 15px 0;
box-shadow: 0 2px 4px 0 rgba(9, 8, 8, .3);
font-family: Open Sans Condensed, sans-serif
}
.admin-bar .site-header {
--sticky-top: 32px
}
.site-footer {
font-family: 'Open Sans';
background-color: #f7f1ea;
}
.site-footer .container {
max-width: 1000px;
margin: 0 auto;
padding-left: 20px;
padding-right: 20px
}
.site-footer .footer-left {
margin: 0 auto 15px;
text-align: center;
color: #0e6673
}
.site-footer .footer-right {
margin: 0 auto;
text-align: center;
color: #0e6673
}
.site-footer .footer-left .footer-logo {
display: flex;
flex-direction: column;
align-items: center;
font-size: 38px;
padding: 15px 0
}
.site-footer .footer-left .footer-logo .footer-logo-img {
margin-bottom: 23px;
width: 153px
}
.site-footer .footer-left .footer-logo .footer-underline-text {
text-decoration: underline;
text-transform: uppercase;
font-weight: 700;
font-size: 18px;
color: #0c6c74
}
.location-address {
margin-bottom: 20px
}
.location-address p {
padding-bottom: 5px
}
.footer-underline-text,
.site-footer p {
margin: 0;
line-height: 22px
}
.site-footer .location-bold-text {
color: #f7b11c;
letter-spacing: 2.67px;
text-transform: uppercase;
font-size: 18px;
margin-top: 10px;
font-weight: 700;
margin-bottom: 0
}
.site-footer .footer-right .footer-contact-info {
margin-bottom: 15px
}
.footer-social-info #connect-with-us-bold-text {
padding-bottom: 0;
margin-bottom: 0
}
.site-footer .footer-right .footer-social-icons {
display: flex;
max-width: 320px;
justify-content: space-between;
margin: 0 auto 25px;
width: 285px;
align-items: flex-end
}
.site-footer .footer-right .footer-social-icons img {
max-width: 30px
}
.footer-social-icons a:nth-of-type(6) .footer-social-icon {
position: relative;
top: 20px;
margin: 0 -22px 0 -16px
}
.footer-social-icons a:nth-of-type(6) .footer-social-icon img {
width: 52px;
height: 52px;
max-width: 52px
}
.site-footer .footer-right .footer-social-links {
max-width: 320px;
margin: 0 auto 20px;
font-weight: 700;
text-decoration: underline;
text-transform: uppercase
}
.site-footer .footer-right .footer-social-links a {
color: #0c6c74;
font-family: 'Open Sans', sans-serif;
text-decoration: underline
}
.site-footer p {
color: #0e6673;
font-size: 16px
}
.site-footer .footer-lower p {
font-family: "Open Sans";
text-align: center;
color: #0e6673;
padding-bottom: 20px;
font-size: 16px;
font-weight: 700;
padding-top: 12px
}
.footer-nav {
display: flex;
}
.footer-nav-container {
display: flex;
background-color: #0c6c74;
padding: 10px;
justify-content: center;
}
.footer-nav-container h2 {
padding: 0;
margin: 0;
font-size: 18px;
text-shadow: none;
font-family: "Open Sans";
line-height: 18px;
color: #fff;
}
.footer-nav .footer-menu {
list-style-type: none;
padding-left: 10px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 10px;
margin: 0;
}
.footer-nav .footer-menu li {
text-transform: uppercase;
font-weight: 600;
font-size: 16px;
color: #fff;
line-height: 18px;
width: 140px;
}
.footer-nav .footer-menu li a {
text-decoration: none;
}
.text-center {
text-align: center
}
.blue-text,
.content-link {
color: #0c6c74;
font-weight: 700
}
.sm-light-underline {
border-top: 3px solid #ece2d7;
width: 90px;
margin: auto;
padding-bottom: 20px
}
@media (min-width:426px) {
.sidenav {
width: min(100%, 360px)
}
}
@media (max-width:782px) {
.admin-bar .site-header {
--sticky-top: 46px
}
}
@media (min-width:768px) {
.meso-page-navbar-container {
display: block;
background-color: #efebe6;
position: sticky;
top: var(--secondary-top, 0);
z-index: 900;
margin-top: -1px
}
.meso-page-navbar-container.is-stuck {
box-shadow: 0 2px 12px rgba(0, 0, 0, .12)
}
.meso-page-navbar-container,
.meso-page-navbar-container>* {
overflow: visible !important
}
.meso-page-secondary-nav ul {
display: flex;
justify-content: space-between;
max-width: 700px;
margin: 0 auto;
box-sizing: border-box;
padding: 12px 0;
list-style: none;
align-items: center
}
.meso-page-secondary-nav ul li {
color: #0c6c74;
font-weight: 700;
font-family: "Open Sans";
text-transform: uppercase;
text-align: center;
line-height: 18px;
width: 125px
}
.meso-page-secondary-nav ul li:hover {
text-decoration: underline;
cursor: pointer
}
.logo-mobile {
display: none
}
.logo-desktop {
display: block
}
.footer-flex-container {
display: flex;
align-items: center
}
.site-footer .footer-left,
.site-footer .footer-right {
width: 50%
}
#location-bold-text-mobile {
width: 375px;
margin: 10px auto 0
}
.site-footer .location-bold-text {
padding-bottom: 18px
}
.footer-social-info #connect-with-us-bold-text {
margin-top: 17px
}
.site-footer .footer-right .footer-social-icons {
margin: -5px auto 20px
}
.site-footer p {
padding-bottom: 10px;
margin-top: 0
}
.site-footer .footer-left .footer-logo {
padding: 20px 0 15px
}
.footer-nav-container {
align-items: center;
}
.footer-nav-container h2 {
display: none;
}
.footer-nav {
background-color: #0c6c74;
max-width: 960px;
margin: auto;
width: 100%;
}
.footer-nav .footer-menu {
margin: 0;
max-width: 960px;
justify-content: space-between;
flex-direction: row;
width: 100%;
}
.footer-nav .footer-menu li {
font-size: 15px;
text-align: center;
}
.footer-nav .footer-menu li a {
color: white;
}
.footer-nav .footer-menu li a:hover {
color: #f7b11c;
}
.ngage_chat_frame_container_wrapper {
justify-content: flex-end !important;
}
#ngage_chat_frame_container {
width: 360px !important;
height: 500px !important;
}
}
@media (min-width:992px) {
.header-menu a.is-active .header-menu-item,
.header-menu .dropdown-menu a.is-active {
color: #f7b11c !important;
}
.header-menu a.is-active,
.header-menu a.is-active .header-menu-item,
.header-menu .dropdown-menu a.is-active {
color: #f7b11c !important;
}
.footer-nav-container h2 {
display: none;
}
.top-header {
max-width: 1000px;
margin: 0 auto;
padding: 0 10px;
height: 100px;
background-color: #fff
}
#contact-us-link,
#industry-news-link,
#learn-about-mesothelioma-link,
.menu-parent,
.sidenav {
height: 50px
}
.top-header .header-contact {
display: flex;
justify-content: space-between;
align-items: end;
width: 485px
}
.sidenav .dropdown-menu a,
.sidenav .header-menu-item {
color: #fff;
text-align: center
}
.top-header .header-contact .contact-number {
font-family: Open Sans, Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 30px;
color: #f7a01c;
text-align: right;
line-height: 23px;
}
.top-header .header-contact .contact-number a {
text-decoration: none;
}
.top-header .header-contact .contact-number span {
font-family: "Open Sans", Arial, Helvetica, sans-serif;
font-size: 24px;
color: #0c6c74;
text-align: right;
line-height: 33px;
font-style: italic;
font-weight: 400
}
.top-header .header-contact .contact-button .contact-button-inner {
color: #0c6c74;
background-color: transparent;
font-family: 'Open Sans Condensed', sans-serif;
text-align: center;
border-radius: 2px;
font-weight: 700;
width: 245px;
padding: 10px 0;
border: 3px solid #0c6c74;
font-size: 20px;
letter-spacing: 1.5px;
line-height: 23px;
text-transform: uppercase;
transition: background-color .5s, color .5s
}
.header-menu-item-container:hover .dropdown-menu a {
color: #f7f1ea;
margin: 0 auto;
padding-top: 0
}
.bottom-header .header-menu .header-menu-item,
.header-menu-item-container:hover .dropdown-menu a {
font-size: 16px;
line-height: 22px;
font-family: Open Sans, sans-serif;
width: 130px;
font-weight: 700;
text-transform: uppercase
}
.top-header .header-contact .contact-button .contact-button-inner:hover {
color: #fcf8f8;
background-color: #0c6c74;
transition: background-color .5s, color .5s
}
.bottom-header {
background-color: #0c6c74;
height: 50px
}
.header-menu-item br {
display: block
}
#location-bold-text-mobile,
.header-menu-mobile-only-cta,
.mobile-arrow,
.mobile-only,
.site-overlay {
display: none
}
.header-menu-item-container .dropdown-menu {
max-height: none !important;
opacity: 1 !important;
overflow: visible;
transition: none;
display: none
}
.bottom-header .container {
width: 98%;
max-width: 1000px;
margin: 0 auto;
background-color: #0c6c74
}
.sidenav {
position: static;
transform: none;
width: auto;
background-color: #0c6c74;
padding: 0;
display: flex;
justify-content: space-between;
align-items: center
}
.menu-parent {
justify-content: start
}
.header-menu-item-container {
position: relative
}
.header-menu-item-container:last-of-type:after {
right: -5px
}
#contact-us-link .header-menu-item,
#industry-news-link .header-menu-item,
#learn-about-mesothelioma-link .header-menu-item,
.header-menu-item-container .menu-parent .header-menu-item,
.header-menu-item-container:hover .dropdown-menu a {
transition: .3s
}
.header-menu-item-container:hover .dropdown-menu a:hover {
color: #f7a01c
}
.header-menu-item-container:hover .dropdown-menu {
display: flex;
flex-direction: column;
position: absolute;
top: 98%;
padding: 15px 20px;
width: 130%;
box-sizing: border-box;
left: -24%;
background-color: #0c6c74;
visibility: visible;
text-align: center
}
#legal-options-link .header-menu-item,
.menu-parent .header-menu-item.has-children {
display: flex;
align-items: center;
gap: 10px;
width: fit-content
}
#legal-options-link .header-menu-item img,
.header-menu-item.has-children img {
width: 18px;
height: 11px
}
#legal-options-link .header-menu-item,
#our-practice-areas-link .header-menu-item,
#why-choose-us-link .header-menu-item {
width: 144px;
justify-content: center
}
.footer-flex-container {
padding-top: 40px
}
.site-footer .footer-left,
.site-footer .footer-right {
display: flex;
width: 50%;
text-align: start
}
.site-footer .footer-right {
justify-content: space-between
}
.site-footer .footer-right .footer-social-info {
text-align: center
}
.site-footer .footer-left .footer-logo {
align-items: flex-start;
padding: 0 0 15px;
margin-top: -15px
}
.site-footer .footer-left .footer-location,
.site-footer .footer-left .footer-logo {
width: 50%
}
#location-bold-text-desktop {
display: block;
margin-top: -20px;
padding-bottom: 12px
}
.site-footer .location-bold-text {
margin-top: 0
}
.footer-contact-info .location-bold-text,
.footer-social-info .location-bold-text {
display: flex;
align-items: center;
height: 52px
}
#connect-with-us-bold-text {
justify-content: center
}
.location-address,
.site-footer .footer-left {
margin-bottom: 0
}
.site-footer .footer-right .footer-social-icons {
height: 30px;
margin: 0 auto 25px;
width: 300px
}
.footer-social-info #connect-with-us-bold-text {
padding-bottom: 18px;
margin-top: 0
}
.contact-number a:hover {
text-decoration: none
}
.site-footer .location-address p,
.site-footer p {
padding-bottom: 10px
}
.footer-nav-container {
padding: 12px;
}
.footer-nav .footer-menu li {
font-size: 16px;
text-align: center;
}
}
@media only screen and (min-width:1000px) {
.meso-page-secondary-nav ul {
max-width: 1000px;
justify-content: space-around
}
.meso-page-secondary-nav ul li {
width: auto
}
}
@media (min-width:1200px) {
.site-footer .container {
padding-left: 0;
padding-right: 0
}
}.archive-months a,
.post-header h1 {
text-transform: uppercase
}
.post-categories .cats a:hover,
.post-content a:hover {
text-decoration: underline
}
.post-content a {
color: #0c6c74;
font-weight: 500;
text-decoration: underline;
}
.post-header h1 {
font-family: "Open Sans";
font-size: 26px;
line-height: 30px;
color: #0c6c74;
margin: 20px 0 15px;
font-style: normal;
text-shadow: none
}
.blog-main-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 30px auto 50px;
padding: 0 20px;
max-width: 1000px
}
.cat-list,
article {
flex-direction: column;
display: flex
}
.archive-months,
.year {
margin-left: 7px
}
.post-header .byline {
font-family: "Open Sans";
color: #f7a01c;
margin-bottom: 0;
padding-bottom: 20px;
font-weight: 700
}
.archive-months a,
.archive-months li,
.cat-list li,
.cat-list li a,
.year {
color: #464646;
font-family: "Open Sans";
text-decoration: none;
}
.archive-months li a:hover,
.cat-list li a:hover {
text-decoration: underline;
}
.cat-list {
gap: 5px;
padding-right: 10px;
padding-left: 15px;
list-style-type: none
}
.archive-list.archive-tree {
list-style-type: none;
padding-left: 0
}
.archive-months {
padding: 5px 0 0 0;
display: flex;
flex-direction: column;
align-items: center;
gap: 3px;
list-style-type: none;
margin-right: 7px
}
.archive-months li {
display: flex;
justify-content: space-between;
padding: 5px;
width: 100%;
background-color: #e8e1d9
}
.cat-list li {
display: flex;
justify-content: space-between
}
.post-content h2,
.post-content h3,
.post-content h4 {
color: #000;
text-shadow: none;
margin-top: 10px;
margin-bottom: 15px
}
.post-header .featured {
width: 100%;
aspect-ratio: 3/2;
max-width: 670px;
margin: 0
}
.post-header .featured img {
max-width: 726px;
width: 100%
}
.post-content h2 {
font-size: 24px;
line-height: 28px;
padding-bottom: 0;
font-family: "Open Sans";
font-weight: 700
}
.post-categories .cats-header,
.post-content h3 {
line-height: 26px;
font-family: "Open Sans";
font-weight: 700
}
.post-content h3 {
font-size: 22px
}
.post-content h4 {
font-size: 20px;
line-height: 24px;
font-weight: 700;
font-family: "Open Sans"
}
.author-bio p,
.author-title {
font-size: 16px
}
.post-categories {
padding-left: 10px
}
.post-categories .cats-header {
font-size: 18px;
color: #464646;
padding: 15px 0 5px
}
.post-categories .cats {
margin-top: 0;
margin-bottom: 0;
list-style-type: none;
display: flex;
flex-direction: column;
align-items: start;
padding: 0
}
.post-categories .cats li {
text-align: center
}
.post-categories .cats a {
color: #0c6c74;
font-family: "Open Sans";
font-weight: 700;
padding: 5px 0;
display: block;
text-decoration: none
}
.blog-sidebar {
display: none
}
.author-box {
display: flex;
flex-direction: column;
padding: 15px 15px 0
}
.author-photo {
width: 96px;
height: 96px;
border-radius: 50%;
border: 2px solid #efebe6
}
#post-sources-h {
font-family: "Open Sans";
font-size: 21px;
font-weight: 700;
line-height: 28px;
color: #0c6c74;
text-transform: capitalize;
padding-left: 0;
margin: 0
}
.post-sources .post-sources-list {
display: flex;
flex-direction: column;
gap: 7px;
padding: 0 10px 20px 40px;
margin-bottom: 0;
margin-top: 5px
}
.post-sources .post-sources-list li {
font-family: "Open Sans";
font-size: 14px;
color: #2f3333;
line-height: 20px
}
.post-footer-sections {
background-color: #efebe6;
padding: 10px;
margin-top: 20px;
margin-bottom: 20px
}
.post-author {
background-color: #fff;
padding: 0
}
.author-title-container {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 15px
}
.author-name {
padding-bottom: 3px;
font-weight: 700
}
.author-title {
padding-bottom: 0;
line-height: 20px;
font-style: italic
}
.sources-and-author-header {
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
padding: 0 10px
}
.sources-and-author-header .sources-icon {
font-family: Merriweather;
font-size: 30px;
font-weight: 700;
color: #0c6c74
}
.post-content ol+h2,
.post-content ol+h3,
.post-content ul+h2,
.post-content ul+h3 {
margin-top: 30px
}
.post-content ol,
.post-content ul {
margin-top: 0;
display: flex;
flex-direction: column;
gap: 10px
}
.post-content ol li,
.post-content ul li {
font-family: var(--font-body);
font-size: 18px;
color: #2f3333;
line-height: 1.6;
margin: 0
}
.post-content a {
color: #0c6c74
}
blockquote {
margin: 0 0 20px 20px;
border-left: 3px solid #0c6c74;
padding-left: 20px;
padding-right: 20px
}
blockquote p {
font-size: 18px;
color: #0c6c74;
line-height: 28px;
font-family: "Open Sans";
padding-bottom: 0;
font-weight: 700
}
@media (min-width:600px) {
.post-categories .cats {
flex-direction: row;
align-items: center;
gap: 20px;
margin-left: 20px
}
}
@media (min-width:1000px) {
.blog-main-container {
gap: 20px
}
.archive-year {
margin-top: 10px
}
.blog-sidebar {
display: flex;
flex-direction: column;
gap: 20px;
width: 175px
}
.widget {
border: 1px solid #e8e1d9
}
.widget-title {
display: block;
text-transform: uppercase;
font-size: 24px;
font-weight: 500;
color: #0c6c74;
line-height: 34px;
background-color: #e8e1d9;
padding: 15px 0;
text-align: center;
box-shadow: none;
font-family: "Open Sans";
text-shadow: none
}
article {
width: 765px;
max-width: 775px
}
}
@media (min-width:1024px) {
article {
width: 100%
}
.blog-main-container {
padding: 0;
gap: 20px
}
.blog-sidebar {
display: flex;
flex-direction: column;
gap: 20px;
width: 200px
}
}